Техническое задание

Техническое задание

53271

знак

таблицы

изображений

Разработка каталога online-видео

2.2 Техническое задание

Список тематических разделов:

Ø Главная страница

· Регистрация

· Добавление

§ Добавить файл

Структура веб-сервера представлена на рисунке 2.1.

Рисунок 2.1 – Структура веб-сервера

Главная страница содержит основное меню и имеет дизайн главной страницы. Основное меню располагается слева и включает следующие кнопки:

Главная

Добавить файл

Регистрация

Дизайн главной страницы (рисунок 2.2) содержит: вверху название проекта, в центре – список ссылок на популярные файлы, слева – поле основного меню.

Подпись: список ссылок на популярные файлы

Рисунок 2.2 – Эскиз главной страницы

«Добавить файл» – страница содержит форму для добавления файла с ограничением размера.

«Регистрация» – страница содержит визуальные средства для регистрации пользователя.

2.3 Список необходимого программного обеспечения

а) Операционная система Windows XP

б) apache_1.3.20‑win32

в) mysql‑3.23.49‑win

г) php‑4.1.2‑Win32

д) MySQL Front

е) Far manager 1.7

3. Информационная модель объекта проектирования

3.1 Инфологическая модель

База данных данного проекта состоит из одной таблицы (рисунок 3.1): user.

Рисунок 3.1 – Структура БД

3.2 Даталогическая модель

Таблица user содержит логины (поле name) пароли (поле pass) и электронную почту (поле email) зарегистрированных пользователей. Поле id – ключевое. Структура таблицы user представлена на рисунке 3.2, содержимое – на рисунке 3.3.

Рисунок 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>

<title>Videoking</title>

<!–

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>

<tr>

<tr>

<tr>

</tr>

<tr>

</tr>

</table></td>

</tr>

</table></td>

</tr>

<tr>

<tr>

<tr>

</tr>

</table></td>

</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=»">

<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>

<tr>

<tr>

</tr>

<tr>

<td class= «menu» height= «24»><a class= «menu_lnk» href= «index.html»>Главная</a></td>

</tr>

<tr>

<td class= «menu» height= «24»><a class= «menu_lnk» href= «1.html»>Добавить видео</a></td>

</tr>

<tr>

<td class= «menu» height= «27»><a class= «menu_lnk» href= «3.html»>Регистрация</a></td>

</tr>

<tr>

</tr>

</table></td>

<tr>

<td><h1 align= «center»>Добро пожаловать на сайт просмотра online видео </h1></td>

</tr>

<tr>

google_ad_client = «pub‑0500162490295296»;

google_ad_width = 468;

google_ad_height = 60;

google_ad_format = «468x60_as»;

google_ad_type = «text»;

// 2006–11–21: Web templates – LAYOUTS

google_ad_channel = «0286771451»;

google_color_border = «121212»;

google_color_bg = «121212»;

google_color_link = «F6A228»;

google_color_text = «FFFFFF»;

google_color_url = «B3B3B3»;

// –></script>

<! – START FreeVideoCoding.com –>

</embed><! – START FreeVideoCoding.com –>

<b><font size= «4»>Как сделать лазер</font></b></p>

<font size= «4»><b>Кот и богомол</b></font></p>

<font size= «4»><b>Тачка</b></font></p>

<font size= «4»><b>Все файлы находящиеся на сервере</b></font></p>

include «katalog.php»;

</p>

</p>

</tr>

</table>

</tr>

</table></td>

</tr>

<tr>

<p style= «text-align: center»><a class= «bottom-menu-lnk» href= «index.html»>Главная</a> |

<a class= «bottom-menu-lnk» href= «1.html»>Добавить видео</a> |

<a class= «bottom-menu-lnk» href= «3.html»>Регистрация</a></td>

</tr>

<tr>

</table>

</body>

</html>

Файл 3

<head>

<title>Videoking</title>

<!–

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];}

}

function FP_swapImg() { //v1.0

var doc=document, args=arguments, elm, n; doc.$imgSwaps=new Array(); for (n=2; n<args.length;

n+=2) {elm=FP_getObjectByID (args[n]); if(elm) {doc.$imgSwaps [doc.$imgSwaps.length]=elm;

elm.$src=elm.src; elm.src=args [n+1];}}

}

function FP_getObjectByID (id, o) { //v1.0

var c, el, els, f, m, n; if(! o) o=document; if (o.getElementById) el=o.getElementById(id);

else if (o.layers) c=o.layers; else if (o.all) el=o.all[id]; if(el) return el;

if (o.id==id || o.name==id) return o; if (o.childNodes) c=o.childNodes; if(c)

for (n=0; n<c.length; n++) {el=FP_getObjectByID (id, c[n]); if(el) return el;}

f=o.forms; if(f) for (n=0; n<f.length; n++) {els=f[n].elements;

for (m=0; m<els.length; m++) {el=FP_getObjectByID (id, els[n]); if(el) return el;}}

return null;

}

–>

</script>

</head>

<tr>

<tr>

<tr>

</tr>

<tr>

</tr>

</table></td>

</tr>

</table></td>

</tr>

<tr>

<tr>

<tr>

</tr>

</table></td>

<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>

<tr>

<tr>

</tr>

<tr>

<td class= «menu»><a class= «menu_lnk» href= «index.html»>Главная</a></td>

</tr>

<tr>

<td class= «menu»><a class= «menu_lnk» href= «1.html»>Добавить видео</a></td>

</tr>

<tr>

<td class= «menu»><a class= «menu_lnk» href= «3.html»>Регистрация</a></td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table></td>

<tr>

<td><h1 align= «center»>регистрация</h1></td>

</tr>

<tr>

<tr>

</tr>

<tr>

<td align= «right» width= «412»><font color= "#FFFFFF»>Пароль</font></td>

</tr>

<tr>

<td align= «right» width= «412»><font color= "#FFFFFF»>Повторите пароль</font></td>

</tr>

<tr>

<td align= «right» width= «412»><font color= "#FFFFFF»>Email</font></td>

</tr>

<tr>

</span></font><p>

</tr>

</form>

</table>

   </p>

</tr>

</table></td>

</tr>

</table></td>

</tr>

<tr>

<p style= «text-align: center»><a class= «bottom-menu-lnk» href= «index.html»>Главная</a> |

<a class= «bottom-menu-lnk» href= «1.html»>Добавить видео</a> |

<a class= «bottom-menu-lnk» href= «3.html»>Регистрация</a></td>

</tr>

<tr>

</table>

</body>

</html>

Файл 1

<head>

<title>Videoking</title>

<!–

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];}

}

function FP_swapImg() { //v1.0

var doc=document, args=arguments, elm, n; doc.$imgSwaps=new Array(); for (n=2; n<args.length;

n+=2) {elm=FP_getObjectByID (args[n]); if(elm) {doc.$imgSwaps [doc.$imgSwaps.length]=elm;

elm.$src=elm.src; elm.src=args [n+1];}}

}

function FP_getObjectByID (id, o) { //v1.0

var c, el, els, f, m, n; if(! o) o=document; if (o.getElementById) el=o.getElementById(id);

else if (o.layers) c=o.layers; else if (o.all) el=o.all[id]; if(el) return el;

if (o.id==id || o.name==id) return o; if (o.childNodes) c=o.childNodes; if(c)

for (n=0; n<c.length; n++) {el=FP_getObjectByID (id, c[n]); if(el) return el;}

f=o.forms; if(f) for (n=0; n<f.length; n++) {els=f[n].elements;

for (m=0; m<els.length; m++) {el=FP_getObjectByID (id, els[n]); if(el) return el;}}

return null;

}

–>

</script>

</head>

<tr>

<tr>

<tr>

</tr>

<tr>

</tr>

</table></td>

</tr>

</table></td>

</tr>

<tr>

<tr>

<tr>

</tr>

</table></td>

<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>

<tr>

<tr>

<td>

</tr>

<tr>

<p><a class= «menu_lnk» href= «index.html»>Главная</a></td>

</tr>

<tr>

<p><a class= «menu_lnk» href= «1.html»>Добавить видео</a></td>

</tr>

<tr>

<p><a class= «menu_lnk» href= «3.html»>Регистрация</a></td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table></td>

<tr>

<td><h1 align= «center»>Добавить видео </h1></td>

</tr>

<tr>

 </p>

</tr>

<tr>

</b>

<font size= «3»><b>Внимание: вы можете загрузить файлы размером не более 100 мб!</b></font></tr>

</tr>

</table></td>

</tr>

</table></td>

</tr>

<tr>

<p style= «text-align: center»><a class= «bottom-menu-lnk» href= «index.html»>Главная</a> |

<a class= «bottom-menu-lnk» href= «1.html»>Добавить видео</a> |

<a class= «bottom-menu-lnk» href= «3.html»>Регистрация</a></td>

</tr>

<tr>

</table>

</body>

</html>

connect.php

<? php

$dblocation = «localhost»;

$dbname = «1»;

$dbuser = «root»;

$dbpasswd = «111»;

$dbcnx = @mysql_connect ($dblocation,$dbuser,$dbpasswd);

if (!$dbcnx)

{

echo («<P> В настоящий момент сервер базы данных не доступен, поэтому корректное отображение страницы невозможно. </P>»);

exit();

}

if (!@mysql_select_db ($dbname, $dbcnx))

{

echo («<P> В настоящий момент база данных не доступна, поэтому корректное отображение страницы невозможно..</P>»);

exit();

}

upload.php

<html>

<head>

<title>Результат загрузки файла</title>

</head>

<body>

<? php

if ($_FILES[«filename»] [«size»] > 1024*3*1024)

{

echo («Размер файла превышает 100 мегабайт»);

exit;

}

if (copy($_FILES [«filename»] [«tmp_name»],

«C:\UsbWebserver\Root\MP3».$_FILES [«filename»] [«name»]))

{

echo («Файл успешно загружен <br>»);

echo («Характеристики файла: <br>»);

echo («Имя файла:»);

echo ($_FILES[«filename»] [«name»]);

echo («<br>Размер файла:»);

echo ($_FILES[«filename»] [«size»]);

echo («<br>Каталог для загрузки:»);

echo ($_FILES[«filename»] [«tmp_name»]);

echo («<br>Тип файла:»);

echo ($_FILES[«filename»] [«type»]);

} else {

echo («Ошибка загрузки файла»);

}

</body>

</html>

reg.php

include_once («connect.php»);

{

if (empty($_POST['login']))

{

echo 'Вы не ввели логин<br>';