Мир Знаний

Разработка каталога online-видео (стр. 2 из 5)


Рисунок 3.2 – Структура таблицы user

Рисунок 3.3 – Содержимое таблицы user


4. Программная реализация модели на компьютере

4.1 Работа с сайтом в режиме пользователя

После входа пользователя на сайт загрузится главная web‑страница (рисунок 4.1).

Рисунок 4.1 – Главная страница

При нажатии на кнопку «Регистрация» будет выведена новая страничка с формой регистрации пользователя (Рисунок 4.2)

Рисунок 4.2 – Регистрация


На данном этапе требуется ввести корректный логин, пароль, подтверждение пароля и электронную почту. При регистрации с логином который уже существует или некорректным логином будет высвечено объявление (рисунок 4.3):

Рисунок 4.3

При неправильном вводе пароля или неверном его повторе пользователь будет оповещен следующим предупреждением (Рисунок 4.4):

Рисунок 4.4

При неправильном вводе электронной почты можно увидеть следующее предупреждение (Рисунок 4.5):

Рисунок 4.5


Если пользователь ввел все данные верно, то регистрация заканчивается и пользователь оповещается (Рисунок 4.6):

Рисунок 4.6

При нажатии на кнопку «Добавить» будет выведена новая страничка с добавлением файла (Рисунок 4.7)

Рисунок 4.7 Добавление файла

На данной форме пользователь может добавлять файлы, но с ограниченным размером, не более 100 мб.

Для того чтобы добавить файл нужно нажать на кнопку «Обзор». Пользователь увидит каталог из которого можно загрузить файл. При неправильном добавлении пользователь увидит ошибку (Рисунок 4.8):

Рисунок 4.8


Если пользователь все сделал верно, то (Рисунок 4.9):

Рисунок 4.9

4.4 Установка

Для установки скрипта на сервере необходимо выполнить следующие действия:

1. Создать на Web‑сервере папку.

2. Загрузить в неё все файлы, находящиеся в папке root на прилагаемом диске.

3. Создать в phpMyAdmin базу данных user.

4. Создать таблицы из страницы администратора.

Заключение

В результате выполнения курсовой работы достигнуты такие результаты:

1. Разработана информационная система «Архив online видео».

2. Получены практические навыки в создании Web‑сайтов средствами скриптового языка PHP.

3. Получены практические навыки самостоятельной постановки и решения задачи разработки архива flv файлов.

4. Усвоены методики формализации данного типа задач.

5. Получены навыки выбора структур данных и построения информационной модели.

6. Углубленно изучены способы профессиональной работы на языке программирования РНР.

7. Самостоятельно изучены свободно распространяемые приложения, которые предоставляют возможности создания систем помощи, администрирования баз данных MySQL, обслуживание и настройки web‑серверов (Apache), создания информационных порталов или онлайновых систем средствами языка программирования РНР.

8. Получены практические навыки использования научно-технической и нормативной литературы, ГОСТов.


Перечень ссылок

1. Лаура Томсон, Люк Веллинг Разработка Web‑приложений на РНР и MySQL. – К.: «ДиаСофт», 2001. – 672 с.

2. Храмцов П.Б., Брик С.А., Русак А.М., Сурин А.И. Основы web‑технологий: Интернет-университет информационных технологий – ИНТУИТ.ру, 2003. – 520 с.

3. Котеров Д.В. Самоучитель PHP 4. – СПб.: БХВ-Петербург, 2001. – 576 с.: ил.

4. МазуркевичА. РНР: настольная книга программиста /Александр Мазуркевич, Дмитрий Еловой. – Мн.: Новое знание, 2003. – 480 с.: ил.


Приложения

Файл index

<head>

<meta http-equiv= «Content-Language» content= «ru»>

<meta http-equiv= «Content-Type» content= «text/html; charset=windows‑1252» />

<title>Videoking</title>

<meta name= «description» content= «Online video»>

<meta name= «keywords» content= «Online, video»>

<link href= «css/style.css» rel= «stylesheet» type= «text/css»>

<script type= «text/JavaScript»>

<!–

function MM_swapImgRestore() { //v3.0

var i, x, a=document.MM_sr; for (i=0; a&&i<a.length&&(x=a[i])&&x.oSrc; i++) x.src=x.oSrc;

}

function MM_preloadImages() { //v3.0

var d=document; if (d.images) {if (! d.MM_p) d.MM_p=new Array();

var i, j=d.MM_p.length, a=MM_preloadImages.arguments; for (i=0; i<a.length; i++)

if (a[i].indexOf(«#»)!=0) {d.MM_p[j]=new Image; d.MM_p [j++].src=a[i];}}

}

function MM_findObj (n, d) { //v4.01

var p, i, x; if(! d) d=document; if((p=n.indexOf(«?»))>0&&parent.frames.length) {

d=parent.frames [n.substring (p+1)].document; n=n.substring (0, p);}

if(! (x=d[n])&&d.all) x=d.all[n]; for (i=0;! x&&i<d.forms.length; i++) x=d.forms[i] [n];

for (i=0;! x&&d.layers&&i<d.layers.length; i++) x=MM_findObj (n, d.layers[i].document);

if (! x && d.getElementById) x=d.getElementById(n); return x;

}

function MM_swapImage() { //v3.0

var i, j=0, x, a=MM_swapImage.arguments; document.MM_sr=new Array; for (i=0; i<(a.length‑2); i+=3)

if ((x=MM_findObj (a[i]))!=null) {document.MM_sr [j++]=x; if (! x.oSrc) x.oSrc=x.src; x.src=a [i+2];}

}

//

function FP_preloadImgs() { //v1.0

var d=document, a=arguments; if (! d.FP_imgs) d.FP_imgs=new Array();

for (var i=0; i<a.length; i++) {d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i];}

}

–>

</script>

</head>

<body onLoad= «FP_preloadImgs (/*url*/'file:///C:/Documents % 20and % 20Settings/&#1057;&#1077;&#1088;&#1075;&#1077;&#1081;/Local % 20Settings/Temporary % 20Internet % 20Files/FrontPageTempDir/button13.jpg', /*url*/'file:///C:/Documents % 20and % 20Settings/&#1057;&#1077;&#1088;&#1075;&#1077;&#1081;/Local % 20Settings/Temporary % 20Internet % 20Files/FrontPageTempDir/button14.jpg'); MM_preloadImages ('images/btn-go-h.gif')»>

<p><span lang= «en-us»>&amp;</span></p>

<table width= «100%» height= «100%» border= «0» cellpadding= «0» cellspacing= «0»>

<tr>

<td><table width= «100%» border= «0» cellspacing= «0» cellpadding= «0»>

<tr>

<td width= «1»><img src= «images/t1.gif» alt=»» width= «278» height= «48»></td>

<td align= «right» valign= «bottom»><table width= «213» border= «0» cellspacing= «0» cellpadding= «0»>

<tr>

<td align= «left» valign= «bottom»><img src= «images/search.gif» alt= «search» width= «33» height= «13» vspace= «2»></td>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr>

<td><input name= «textfield» type= «text» class= «login-form» value=»» size= «50»></td>

<td width= «1»><img src= «images/spacer.gif» alt=»» width= «4» height= «1»></td>

<td width= «1»><a href= "#» onMouseOut= «MM_swapImgRestore()» onMouseOver= «MM_swapImage ('Image5', '', 'images/btn-go-h.gif', 1)"><img src= «images/btn-go.gif» alt= «Go» name= «Image5» width= «35» height= «23» border= «0»></a></td>

<td width= «1»><img src= «images/spacer.gif» alt=»» width= «20» height= «1»></td>

</tr>

</table></td>

</tr>

</table></td>

</tr>

<tr>

<td height= «1»><table width= «100%» border= «0» cellspacing= «0» cellpadding= «0»>

<tr>

<td width= «729» background= «images/h-bg.jpg» class= «norepeat»><table width= «100%» border= «0» cellspacing= «0» cellpadding= «0»>

<tr>

<td width= «1»><img src= «images/spacer.gif» alt=»» width= «1» height= «241»></td>

<td class= «c_name»>&nbsp;</td>

</tr>

</table></td>

<td background= «images/h1‑bg.jpg»> <body><span lang= «en-us»>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

</span><OBJECT id=relog codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0 height=147 width=148 classid=clsid:D27CDB6E-AE6D‑11cf‑96B8–444553540000><PARAM NAME= "_cx» VALUE= «7938»><PARAM NAME= "_cy» VALUE= «7938»><PARAM NAME= «FlashVars» VALUE=»">

<PARAM NAME= «Movie» VALUE= «http://softpurgen.narod.ru»><PARAM NAME= «Src» VALUE= «http://protoplex.ru/clock.swf»>

<PARAM NAME= «WMode» VALUE= «transparent»><PARAM NAME= «Quality» VALUE= «High»>

<PARAM NAME= «Menu» VALUE= «false»><PARAM NAME= «AllowScriptAccess» VALUE= «always»><PARAM NAME= «DeviceFont» VALUE= «0»><PARAM NAME= «EmbedMovie» VALUE= «0»>

<PARAM NAME= «BGColor» VALUE= "#ffffff»><PARAM NAME= «SWRemote» VALUE=»"><PARAM NAME= «MovieData» VALUE=»"><PARAM NAME= «SeamlessTabbing» VALUE= «1»><PARAM NAME= «Profile» VALUE= «0»><PARAM NAME= «ProfileAddress» VALUE=»"><PARAM NAME= «ProfilePort» VALUE= «0»><PARAM NAME= «AllowNetworking» VALUE= «all»>

<EMBED src= «http://softpurgen.narod.ru» quality=High bgcolor=#ffffff WIDTH= «148» HEIGHT= «147» wmode= «transparent» ALIGN=»»

TYPE= «application/x-shockwave-flash» PLUGINSPAGE= «http://www.macromedia.com/go/getflashplayer» menu= «false» name= «relog»>

</EMBED> </OBJECT></body></td>

</tr>

</table></td>

</tr>

<tr>

<td height= «100%» valign= «top»><table width= «100%» height= «100%» border= «0» cellpadding= «0» cellspacing= «0»>

<tr>

<td width= «1» valign= «top»>

<table width= «100%» border= «0» cellspacing= «0» cellpadding= «0» height= «179»>

<tr>

<td><img src= «images/spacer.gif» alt=»» width= «188» height= «26»></td>

</tr>

<tr>

<td class= «menu» height= «24»><a class= «menu_lnk» href= «index.html»>&#1043;&#1083;&#1072;&#1074;&#1085;&#1072;&#1103;</a></td>

</tr>

<tr>

<td class= «menu» height= «24»><a class= «menu_lnk» href= «1.html»>&#1044;&#1086;&#1073;&#1072;&#1074;&#1080;&#1090;&#1100; &#1074;&#1080;&#1076;&#1077;&#1086;</a></td>

</tr>

<tr>

<td class= «menu» height= «27»><a class= «menu_lnk» href= «3.html»>&#1056;&#1077;&#1075;&#1080;&#1089;&#1090;&#1088;&#1072;&#1094;&#1080;&#1103;</a></td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

</table></td>

<td height= «100%» valign= «top»><table width= «100%» height= «100%» border= «0» cellpadding= «0» cellspacing= «0»>

<tr>

<td><h1 align= «center»>&#1044;&#1086;&#1073;&#1088;&#1086; &#1087;&#1086;&#1078;&#1072;&#1083;&#1086;&#1074;&#1072;&#1090;&#1100; &#1085;&#1072; &#1089;&#1072;&#1081;&#1090; &#1087;&#1088;&#1086;&#1089;&#1084;&#1086;&#1090;&#1088;&#1072; online &#1074;&#1080;&#1076;&#1077;&#1086; </h1></td>