Министерствообразования и науки Украины
Приазовскийгосударственный технический университет
Кафедра информатики
Пояснительная записка
к курсовой работе
по дисциплине «Web‑программирование»
на тему: «Разработкакаталога online видео»
Мариуполь 2009 г.
Введение
Развитие современной компьютерной техники и внедрение новейшихтехнологий положили начало новогонаправления жизни на Земле. За довольно короткий промежуток времени развитиямикроэлектроники и кибернетики произошло много изменений. Прогрессивное развитиетехники вызвало появление новых программных продуктов.
С каждым годом внедряется все большее и большее количество языковпрограммирования. Все они ориентированы, прежде всего, на целевую аудиторию. Развиваются не толькокомпьютеры, но и сети. Если еще несколько десятков лет назад Интернетпредставлял собой небольшую частную сеть, то теперь это гигантская системавзаимосвязанных компьютеров, без которой, возможно, мы не сможем представитьсебе жизнь. Раньше Web‑страница выглядела как обычный текст, безкакой-либо графики. Теперь же все совсем иначе: сайты насыщены иллюстрациями иимеют непростую структуру. Решать сложные задачи и призваны такие языкипрограммирования, как C++, Perl, PHP и др.
В результате развития информационных технологий появилась возможностьсоздавать архивы файлов которые можно скачать и поделиться ими с друзьями.
Данная курсовая работа посвящена разработке файловой системе в которуювключен архив видео которое можно скачать, просмотреть какие файлы самыепопулярные, самому добавлять файлы. Для создания данной ИС был выбран языкпрограммирования PHP.
РНР – это язык сценариев для Web с открытым исходным кодом,применяемый в составе серверного программного обеспечения и предназначенный длявнедрения в код HTML. Система поддержки языка РНР совместима со всеми основнымитипами Web‑серверов. Язык РНР позволяет внедрять фрагменты кода в обычныйкод HTML‑страниц, после чего код РНР интерпретируется в составе кодастраниц перед передачей готовых страниц пользователям. РНР выполняет такжефункцию соединительного языка и обеспечивает подключение Web‑страниц ксерверным базам данных.
Преимущества языка РНР: система поддержки этого языкапредоставляется бесплатно и с открытым исходным кодом, а сам язык являетсяполнофункциональным, межплатформенным, стабильным, быстродействующим, четкоспроектированным, простым в изучении и вполне совместимым с другими языками.
За использование системы РНР ничего не надо платить. Не менееважно также то, что комплект программного обеспечения, состоящий из сервераApache, системы РНР и СУБД MySQL, превосходно работает на недорогих, обладающихнизкими характеристиками аппаратных средствах, которые являются абсолютнонеприемлемыми для эксплуатации такого сочетания программных средств, как серверIIS, система ASP и СУБД SQLServer.
FlashVideo (FLV) –формат файлов, используемый для передачи видео через Интернет. Используетсятакими сервисами видеохостинга, как YouTube, Google Video, Smotri.com, Вконтакте,Муви, RuTube, Tube.UA, Obivu, Repka.tv и другими. Хотя описание форматаконтейнера было открыто, кодеки защищены патентами, и остаются собственническими.Видеоформат
FLV‑файл –это битовый поток, который является вариантом видеостандарта H.263. FlashPlayer 8 и более новые редакции поддерживают потоковое видео On2 TrueMotion VP6.On2 VP6 обеспечивает более качественное изображение, особенно при использованиинизкого битрейта. С другой стороны, этот формат более сложен, что может создатьтрудности при просмотре на устаревших машинах.
Опциональныйальфа-канал, представляющий собой попиксельную прозрачность, поддерживается спомощью дополнительного видеопотока, который кодирует только альфа-канал.Реализация предполагает, что YUV-данные основного On2 VP6 видео потока всегдаконвертируются клиентом в RGB. Эта возможность доступна только для видео On2VP6.
Начинаяс Flash Player 9 Update 3 поддерживается новый формат мультимедиа-файла ISOBase MPEG‑4 Part 12, с новым видео-кодеком – H.264. Этот стандартвидеосжатия при том же низком битрейте выдаёт значительно более детализированноеи «ясное» изображение, особенно в динамических сценах. Недостатками являются,опять-таки, повышение требований к вычислительным ресурсам и платные патенты.FourCC Формат видео FLV1 H.263 FLV4 VP6 FLV5 H.264 />/> Аудиоформат
Звукв FLV как правило закодирован в MP3, однако иногда могут использоваться Nellymosercodec, несжатое аудио или ADPCM аудиоформат. В версии Flash Player 9 Update 3,в соответствии с внедрением Adobe формата ISO Base (MPEG‑4 Part 12),добавлена поддержка AAC аудио (профили AAC-LC, Main Profile, и HE-AAC)./>/>Проигрыватели FLV
ФорматFLV предназначен для потокового видео, однако существует возможность использоватьего для локального хранения и воспроизведения видео. FLV используется в AdobeFlash Player, который распространяется в качестве плагина для различныхбраузеров и различных операционных систем. Также формат поддерживается многимимультимедиа проигрывателями, например mplayer или light alloy.
Популярныепроигрыватели, поддерживающие FLV:
· LightAlloy
· Winamp
· MPlayer
· GOMPlayer
· TheKMPlayer
· VLCmedia player
Таккак FLV это медиа-контейнер, а не формат, некоторые проигрыватели могутнекорректно воспроизводить видео или звуковой поток при отсутствии кодеков,использованных при создании файла.Конверторы из FLV
· MEncoderот MPlayer
· MacFLV Video Converter Это вариант для пользователей Mac.
· ffmpeg2theora –для преобразования в Theora
· FreeFLV Converter
· FLVConvertor
· AnyVideo Converter есть бесплатная версия.
· MovaviFlash Converter
·
/>
1 Постановка задачи
1.1 Цель курсовой работы
Разработать информационнуюсистему «Архив online-видео», предназначенную для скачивания и добавления файлов.
1.2 Задачи курсовой работы
1. Работа с Web‑сайтом должна осуществлятьсяв режиме пользователя, администратора.
2. В структуру web‑сайта должнывключаться следующие разделы:
а) Основной комплекс (ядро системы и обычныетекстовые страницы).
б) Регистрация пользователей.
в) Архив
г) Информация о сайте.
д) Путь по сайту (быстрый переход народительские страницы).
е) Самые популярные файлы
ж) Добавлениефайлов пользователями.
з) Страница администратора.
3. Хранение информации должноосуществляться в базе данных MySQL.
4. Сайт должен бытьразработан на языке программирования PHP.
5. В скрипт регистрации должнабыть встроена функция защиты повторных регистраций с существующим в базепаролем, логином или электронной почтой.
6. Сайт должен иметь:
а) Интуитивно понятный интерфейс.
б) Широкий диапазонприменения.
в) Компактность.
7. Web‑сайт должен иметь низкиетребования к:
а) Системному оборудованию.
б) Операционной системе.
в) Сетевому трафику.
г) Web‑браузеру.
2. Описание объекта проектирования
/>2.1 Вербальное описание
Пользовательскаячасть заключается в просмотре структуры существующих файлов, добавление файлов,и скачивание файлов.
Часть опытногопользователя состоит из пользовательской части и дополнительных функций: регистрацияна сайте.
Частьадминистрирования заключается в создании таблиц БД после установки сайта насервере, в просмотре текущих файлов всех пользователей, в разрешении каждомупользователю размещать на сайте свои файлы и данные.
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
Videoking
functionMM_swapImgRestore() { //v3.0
vari, x, a=document.MM_sr; for (i=0; a&&i
}
functionMM_preloadImages() { //v3.0
vard=document; if (d.images) {if (! d.MM_p) d.MM_p=new Array();
vari, j=d.MM_p.length, a=MM_preloadImages.arguments; for (i=0; i
if(a[i].indexOf(«#»)!=0) {d.MM_p[j]=new Image; d.MM_p [j++].src=a[i];}}
}
functionMM_findObj (n, d) { //v4.01
varp, 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
for(i=0;! x&&d.layers&&i
if(! x && d.getElementById) x=d.getElementById(n); return x;
}
functionMM_swapImage() { //v3.0
vari, j=0, x, a=MM_swapImage.arguments; document.MM_sr=new Array; for (i=0; i
if((x=MM_findObj (a[i]))!=null) {document.MM_sr [j++]=x; if (! x.oSrc)x.oSrc=x.src; x.src=a [i+2];}
}
//
functionFP_preloadImgs() { //v1.0
vard=document, a=arguments; if (! d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i
}
–>
&
TYPE=«application/x-shockwave-flash» PLUGINSPAGE= «http://www.macromedia.com/go/getflashplayer»menu= «false» name= «relog»>
Главная
Добавить видео
Регистрация
Добро пожаловать на сайт просмотраonline видео
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»;
//–>
Как сделать лазер
Кот и богомол
Тачка
Все файлы находящиеся на сервере
include«katalog.php»;
?>
Главная|
Добавить видео|
Регистрация
© 2009 Videoking. AllRights Reserved
Файл 3
Videoking
functionMM_swapImgRestore() { //v3.0
vari, x, a=document.MM_sr; for (i=0; a&&i
}
functionMM_preloadImages() { //v3.0
vard=document; if (d.images) {if (! d.MM_p) d.MM_p=new Array();
vari, j=d.MM_p.length, a=MM_preloadImages.arguments; for (i=0; i
if(a[i].indexOf(«#»)!=0) {d.MM_p[j]=new Image; d.MM_p [j++].src=a[i];}}
}
functionMM_findObj (n, d) { //v4.01
varp, 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
for(i=0;! x&&d.layers&&i
if(! x && d.getElementById) x=d.getElementById(n); return x;
}
functionMM_swapImage() { //v3.0
vari, j=0, x, a=MM_swapImage.arguments; document.MM_sr=new Array; for (i=0; i
if((x=MM_findObj (a[i]))!=null) {document.MM_sr [j++]=x; if (! x.oSrc)x.oSrc=x.src; x.src=a [i+2];}
}
//
functionFP_preloadImgs() { //v1.0
vard=document, a=arguments; if (! d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i
}
functionFP_swapImg() { //v1.0
vardoc=document, args=arguments, elm, n; doc.$imgSwaps=new Array(); for (n=2;n
n+=2){elm=FP_getObjectByID (args[n]); if(elm) {doc.$imgSwaps [doc.$imgSwaps.length]=elm;
elm.$src=elm.src;elm.src=args [n+1];}}
}
functionFP_getObjectByID (id, o) { //v1.0
varc, el, els, f, m, n; if(! o) o=document; if (o.getElementById)el=o.getElementById(id);
elseif (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
f=o.forms;if(f) for (n=0; n
for(m=0; m
returnnull;
}
–>
TYPE=«application/x-shockwave-flash» PLUGINSPAGE= «http://www.macromedia.com/go/getflashplayer»menu= «false» name= «relog»>
Главная
Добавить видео
Регистрация
регистрация
Имя
Пароль
Повторите пароль
Email
Главная|
Добавить видео|
Регистрация
© 2009 Videoking. AllRights Reserved
Файл 1
Videoking
functionMM_swapImgRestore() { //v3.0
vari, x, a=document.MM_sr; for (i=0; a&&i
}
functionMM_preloadImages() { //v3.0
vard=document; if (d.images) {if (! d.MM_p) d.MM_p=new Array();
vari, j=d.MM_p.length, a=MM_preloadImages.arguments; for (i=0; i
if(a[i].indexOf(«#»)!=0) {d.MM_p[j]=new Image; d.MM_p [j++].src=a[i];}}
}
functionMM_findObj (n, d) { //v4.01
varp, 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
for(i=0;! x&&d.layers&&i
if(! x && d.getElementById) x=d.getElementById(n); return x;
}
functionMM_swapImage() { //v3.0
vari, j=0, x, a=MM_swapImage.arguments; document.MM_sr=new Array; for (i=0; i
if((x=MM_findObj (a[i]))!=null) {document.MM_sr [j++]=x; if (! x.oSrc)x.oSrc=x.src; x.src=a [i+2];}
}
//
functionFP_preloadImgs() { //v1.0
vard=document, a=arguments; if (! d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i
}
functionFP_swapImg() { //v1.0
vardoc=document, args=arguments, elm, n; doc.$imgSwaps=new Array(); for (n=2;n
n+=2){elm=FP_getObjectByID (args[n]); if(elm) {doc.$imgSwaps [doc.$imgSwaps.length]=elm;
elm.$src=elm.src;elm.src=args [n+1];}}
}
functionFP_getObjectByID (id, o) { //v1.0
varc, el, els, f, m, n; if(! o) o=document; if (o.getElementById)el=o.getElementById(id);
elseif (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
f=o.forms;if(f) for (n=0; n
for(m=0; m
returnnull;
}
–>
TYPE=«application/x-shockwave-flash» PLUGINSPAGE= «http://www.macromedia.com/go/getflashplayer»menu= «false» name= «relog»>
Главная
Добавить видео
Регистрация
Добавить видео
Файл
Внимание: вы можетезагрузить файлы размером не более 100 мб!
Главная|
Добавить видео|
Регистрация
© 2009 Videoking. AllRights Reserved
connect.php
$dblocation = «localhost»;
$dbname = «1»;
$dbuser = «root»;
$dbpasswd = «111»;
$dbcnx = @mysql_connect ($dblocation,$dbuser,$dbpasswd);
if (!$dbcnx)
{
echo (« В настоящий момент сервер базы данных недоступен, поэтому корректное отображение страницы невозможно. »);
exit();
}
if (!@mysql_select_db ($dbname, $dbcnx))
{
echo (« В настоящий момент база данных не доступна,поэтому корректное отображение страницы невозможно..»);
exit();
}
?>
upload.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 («Файл успешно загружен »);
echo («Характеристики файла: »);
echo («Имя файла:»);
echo ($_FILES[«filename»] [«name»]);
echo («Размер файла:»);
echo ($_FILES[«filename»] [«size»]);
echo («Каталог для загрузки:»);
echo ($_FILES[«filename»] [«tmp_name»]);
echo («Тип файла:»);
echo ($_FILES[«filename»] [«type»]);
} else {
echo («Ошибка загрузки файла»);
}
?>
reg.php
include_once («connect.php»);
{
if (empty($_POST['login']))
{
echo 'Вы не ввели логин';
echo «Назад»;
}
elseif (empty($_POST['password']))
{
echo 'Вы не ввели пароль';
echo «Назад»;
}
elseif (empty($_POST['password2']))
{
echo 'Вы не ввели подтверждение пароля';
echo «Назад»;
}
elseif ($_POST['password']!= $_POST['password2'])
{
echo 'Введенные пароли не совпадают';
echo «Назад»;
}
elseif (empty($_POST['email']))
{
echo 'Вы не ввелиe-mail';
echo «Назад»;
}
elseif (! preg_match(«/^[a-z0–9] {3,15}$/», $_POST['login']))
{
echo «Имя пользователя задано в неправильном формате»;
echo «Назад»;
}
elseif (! preg_match(«/^[a-zA-Z0–9] {3,15}$/»,$_POST['password']))
{
echo «Пароль задан в неправильном формате»;
echo «Назад»;
}
elseif (! preg_match («/^\w+([\.\w]+)*\w@\w((\.\w)*\w+)*\.\w {2,3}$/»,$_POST['email']))
{
echo «e-mail задан в неправильном формате»;
echo «Назад»;
}
else
{$login = $_POST['login'];
$password = $_POST['password'];
$password2 = $_POST['password2'];
$email = $_POST['email'];
$query = «SELECT `id`
FROM `users`
WHERE `login`='{$login}' AND `password`='{$password}'
«;
$sql = mysql_query($query) or die (mysql_error());
if (mysql_num_rows($sql) > 0)
{
echo 'Такой логин уже существует';
}
else
{
$query = «INSERT INTO users (login, password, email)
VALUES ('$login', '$password', '$email')»;
$result = mysql_query($query) or die (mysql_error());
echo 'Регистрация успешно прошла';
}
}
}
?>
katalog.php
$dir =»./MP3/»;
$handle =opendir($dir);
$counter = 1;
while ($file = readdir($handle))
{
if (is_file ($dir. $file))
{
echo $counter.». «;
$counter++;
echo «»;
// $file = basename ($file,».mp3»);
echo «$file»;
}
}
?>