43340

Розробка веб-сайту електронної бібліотеки

Курсовая

Информатика, кибернетика и программирование

Завданням даної курсової роботи є розробка веб-сайту електронної бібліотеки. Веб-сайт повинен надавати можливість користувачам виконувати навігацію по категоріям та завантажувати необхідні їм книги. Також необхідний пошук по імені автора, назві книги та по опису. Для наповнення бібліотеки та редагування її вмісту необхідно реалізувати адміністративну частину сайту

Украинкский

2013-11-06

394.5 KB

63 чел.

PAGE   \* MERGEFORMAT2

Міністерство освіти і науки України

Черкаський національний університет ім.. Б.Хмельницького

Факультет інформаційних технологій та біомедичної кібернетики

Курсова робота

з дисципліни: “WEB технології”

на тему: “”

по спеціальності: 6.080407 Комп’ютерний еколого-економічний моніторинг

УКР.ЧНУ.00704710-01

Виконав:

студент ІІІ курсу

групи КЕ-071

Черненко Р. В.

Керівник:

викладач

Сиволовський І.М.

_____________________

          дата

_____________________

          оцінка

_____________________

          підпис

Черкаси 2012


ЗМІСТ

ВСТУП 3

  1.  ПОСТАНОВКА ТЕХНІЧНОГО ЗАВДАННЯ 4
    1.  Постановка завдання 4
    2.  Вибір мови програмування та середовища розробки 4
    3.  Аналіз поставленого завдання та огляд існуючих аналогів 6
  2.  РЕАЛІЗАЦІЯ ТЕХНІЧНОГО ЗАВДАННЯ 8
    1.  Вибір середовища розробки 8
    2.  Проектування дизайну 9
    3.  Розробка сайту 13
  3.  ТЕСТУВАННЯ 10

ВИСНОВКИ 18

СПИСОК ВИКОРИСТАНОЇ ЛІТЕРАТУРИ 19


ВСТУП

Сьогодні, подорожуючи по Internet, можна знайти багато дуже добре виконаних сайтів, які швидко завантажуються, привабливі на вигляд, мають чітко розмежовану по розділах інформацію і зручні функції навігації. Такі сайти просто запрошують вас відвідати їх, розслабитися, затриматися на деякий час, розважитися і дізнатися щось нове.

Якщо ви затримуєтеся на якому-небудь сайті на тривалий час і навіть не усвідомлюєте цього, то, видно, такий сайт дуже добре продуманий. Поверніться назад і спробуйте осмислити повну картину. Чи можете ви побачити структуру, організацію? Чи легко сприймається інформація? Розуміння руху інформаційних потоків — це перший крок в створенні функціонального, зручного в роботі сайту. Якщо ви зрозумієте, як працює ця концепція, і застосуєте її при створенні власного сайту, то ви вже тим самим випередите більшість інших розробників.


1 ПОСТАНОВКА ТЕХНІЧНОГО ЗАВДАННЯ

1.1 Постановка завдання

Завданням даної курсової роботи є розробка веб-сайту електронної бібліотеки. Веб-сайт повинен надавати можливість користувачам виконувати навігацію по категоріям та завантажувати необхідні їм книги. Також необхідний пошук по імені автора, назві книги та по опису. Для наповнення бібліотеки та редагування її вмісту необхідно реалізувати адміністративну частину сайту, яка буде доступна лише після авторизації. В адміністративній частині повинно бути реалізовано додавання нової книги, редагування інформації про книгу, видалення книги, додавання нових категорії, зміна назви категорії та видалення категорій.

Також необхідно реалізувати засоби, які відповідатимуть за цілісність даних, а саме для унеможливлення додавання книг без вказання обов’язкової інформації, видалення непустих категорій та інше.

1.2 Вибір мови програмування та середовища розробки

Для виконання поставленого завдання було обрано мову програмування php з використанням СУБД MySQL та середовище розробки NetBeans. Розглянемо основні їх можливості та недоліки.

Основні можливості мови php:

  •  автоматична обробка POST і GET параметрів, а також змінних оточення веб-сервера та їх запис у масиви;
  •  функції для обробки локальних та відданих файлів;
  •  автоматичне відправлення http-заголовків;
  •  робота з cookies і сесіями;
  •  обробка файлів, які завантажуються на сервер;
  •  робота з http-заголовками і http-авторизацією;
  •  робота з Xforms;
  •  підтримка роботи з сокетами.

До основних недоліків мови програмування php можна віднести нестрогу типізацію, неузгоджений синтаксис функцій, відсутність зворотної сумісності, відсутність підтримки багатобаштових кодувань в ядрі мови та відсутність багатопоточності.

Мова програмування php є найбільш популярною для створення динамічних веб-сайтів. На відміну від ASP та JSP, для php немає суттєвої різниці, на якому вебсервері буде розміщений розроблений сайт. Також для виконання даної лабораторної роботи можна було обрати мову perl, або python, але дані мови з самого початку мали інше призначення, і менш зручні, ніж php, для написання вебсайтів.

MySQL вільна система керування реляційними базами даних. Дана система керування базами даних (СКБД) з відкритим кодом була створена як альтернатива комерційним системам. MySQL з самого початку була дуже схожою на mSQL, проте з часом вона все розширювалася і зараз MySQL одна з найпоширеніших систем керування базами даних. Вона використовується, в першу чергу, при створенні динамічних веб-сторінок, оскільки має чудову підтримку з боку різноманітних мов програмування. Цей факт і був вирішальний при виборі СУБД.

Можливості сервера MySQL:

  •  простота у встановленні та використанні;
  •  підтримується необмежена кількість користувачів, що одночасно працюють із БД;
  •  кількість рядків у таблицях може досягати 50 млн.;
  •  висока швидкість виконання команд;
  •  наявність простої і ефективної системи безпеки.

NetBeans IDE – вільне інтегроване середовище розробки додатків на мовах програмування Java, JavaFX, Ruby, Python, PHP, JavaScript та інших. Проект NetBeans IDE підтримується і спонсорується компанією, але розробкою NetBeans займається незалежне співтовариство розробників-ентузіастів і компанією NetBeans Org. За якістю і можливостями останні версії NetBeans не поступаються кращим комерційним середовищам розробки.

До основних переваг середовища розробки NetBeans можна віднести:

  •  мультиплатформенність;
  •  зручний режим відладки;
  •  виділення синтаксичних конструкцій;
  •  автодоповнення;
  •  рефакторінг;
  •  профілювання;
  •  підтримка плагінів.

Основним недоліком даного середовища можна вважати високі вимоги до апаратного забезпечення персонального комп’ютера.

На відміну від інших середовищ розробки (Zend Studio, Delphi for PHP, Eclipse та ін.), середовище розробки NetBeans IDE є безкоштовним, мультиплатформенним, постійно оновлюється та має потужну підтримку плагінів.

1.3 Аналіз поставленого завдання та огляд існуючих аналогів

Кожну сторінку даного веб-сайту можна умовно розбити на 3 частини, а саме заголовок, меню та основна частина.

В заголовку розміщено логотип та назва сайту.

В меню розміщені основні компоненти для навігації по веб-сайту. До них належать власне меню навігації по сайту, меню категорій та пошук по сайту.

Меню категорій має два розділи (технології та предмети), після переходу до розділу повинен відображатися перелік категорій, які відносяться до даного розділу.

В основній частині відбувається відображення інформації, яка найбільш цікава користувачу. В цій частині можуть міститися книги певної категорії, результати пошуку, повідомлення про помилки та ін.

В мережі Інтернет існує багато проектів, які дозволяють вільно переглядати та завантажувати електронні версії книг. До найбільш відомих можна віднести:

http://lib.ru/

http://infanata.com/

http://lib.aldebaran.ru/

www.wdl.org

lib.rus.ec

Але оскільки дані проекти є більш універсальними та містять книги із різних областей знань, що ускладнює пошук необхідної інформації. Також дані проекти не надають можливість користувачам завантажувати власні книги до бібліотеки. Більш близьким до поставленого завдання є проект http://window.edu.ru, але він має трохи іншу специфіку та вміст (більшість викладених матеріалів спрямовані для вищих навчальних закладів Російської Федерації).


2 РЕАЛІЗАЦІЯ ТЕХНІЧНОГО ЗАВДАННЯ

2.1 Вибір середовища розробки

PHP Storm 3 одне з відомих середовищ розробки сайтів. Потужний арсенал можливостей дає можливості як редагувати звичайний html-код, так і відладжувати складкий php-код. Нажаль дане середовище немає російського чи українсього інтерфейсу, але зважаючи на вимоги до проекту та навички роботи з даним середовищем, його буо обрано як основний інструмент розробки.

2.2 Проектування дизайну

Оскільки сайт присвячений рослинам, було вирішено взяти за основний колір зелений, а допоміжні – його відтінки.

Сайт поділено на 4 логічних блока: вертикальне меню, новини про рослини, контент та футер. Щоб виділити конвент на сторінці, його взято в рамку на зеленому фоні. Решта сайту знаходиться на білому фоні.

Для зм’якшення вигляду сайту було вирішено використати властивості box-shadow та border-radius шо нададуть блокам округлення кутів та тінь.

2.3 Розробка сайту

Сайт було створено блочним методом, за допомогою <div>. Його було розділено на 3 основні блоки: header, content, footer. Так як меню на сайті вертикальне і знаходиться збоку, блок  header включає в себе лише лого. Тому стилів ніяких для header немає.

Блок content складається ще з 3 блоків: menu, content, news.

Блок menu реалізований за допомогою ненумерованого списку <ul> та стилів menu, menu a, menu ul, menu ul li, menu ul li:hover.

Menu визначає ширину блоку, зовнішній відступ зверху та знизу.

Menu a визначає колір посилань.

Menu ul відміняє стиль списку, щоб поряд з елементами списку не відображалися символи.

Menu ul li визначає внутрішні відступи, розмір шрифту, а також встановлює властивість border-bottom щоб візуально відділити елементи мені один від одного.

За допомогою menu ul li:hover відбувається підсвічування активного елемента меню.

Блоку content відповідають такі стилі: describe, describe р, content, content h3, content h4, more.

Describe р визначає нижній внутрішній відступ для абзаців.

Content встановлює фоновий колір, заокруглені вугли блока, тінь для блока, шрину блока та відступи.

Content h3 та content h4 виначає розмір шрифта для заголовків та нижній відступ.

Блок news реалізований за допомогою стилів news_c, news_z, news_c p, border.

Стилі news_z та news_z h3 визначають розмір та колір шрифта заголовка блоку Новини, та встановлює для нього тінь.

News_c та news_c р визначає відступи для абзаців в блоці та для самого блоку.

На сайті реалізована можливість реєструватися. Це зроблено за допомогою тегів <input> та встановлення для них відповідних типів, таких як email, text, password та tel. Для email та tel було налаштовано перевірку валідносі введених даних за допомогою регулярних виразів.


3 ТЕСТУВАННЯ

Головна сторінка сайту виглядає так:

Рис.1 Головна сторінка

Сторінка не перевантажена інформацією, а правильно підібрані кольори та відтінки роблять її приємною на вигляд.

Решта сайту має такий же вигляд, змінюється лише вміст блоку content.


ВИСНОВКИ

В результаті виконання даної курсової роботи реалізовано веб-сайт на тему Відео фільмів. Користувач на даному сайті має наступні можливості:

  •  виконувати навігацію по розділам сайту;
  •  переглядати інформацію про фільми;
  •  завантажувати фільми;
  •  переглядати новини кіноіндустрії;

Адміністратор, крім вищезазначених можливостей, може виконувати наступні дії:

  •  додавати фільми;
  •  редагувати інформацію про фільми;
  •  видаляти фільми;
  •  додавати нові категорії;
  •  додавати та редагувати новини;

Розроблений сайт призначений для розміщення в мережі Internet. Темати сайт в даний момент має попит тому, що можливості інтернету ростуть, а з ними ростуть і бажання споживачів.

При розробці сайту були використані найновіші технології, такі як HTML 5, CSS 3. Було враховано особливості основних браузерів(Mozila FireFox, Chrome, Opera), що дозволяє сайту відображати сторінки сайту однаково в усих браузерах.


СПИСОК ВИКОРИСТАНОЇ ЛІТЕРАТУРИ

  1.  Чанг Т.К., Кларк Ш. и др. Популярные Web-приложения на Flash MX. Пер. с англ. – М.: КУДИЦ-ОБРАЗ, 2003. – 272 с.
  2.  Дэвид Вогелир, Мэтью Пицци. Macromedia Flash MX Professional 2004. Полное руководство. – М.: "Вильямс", 2004. – 832 с.
  3.  Sham Bhangal. Flash трюки. СПб.: Питер, 2005. – 464 с.
  4.  Рейнхардт Р. Flash 5. Библияпользователя. – СПб.: Диалектика, 2001. − 1200 с.
  5.  Сандерс Б. FlashActionScript: учебный курс – СПб.: Питер, 2001. –384 с.
  6.  Уотролл Э., Гербер Н. Эффективная работа во Flash MX (+CD). – СПб.: Питер; Киев: BHV, 2003. – 720 с.: ил.
  7.  Дж. МакДональд., К. Петере, Т. Ярд и др. Flash MX Studio: Практ. пособ./Пер. с англ. – М.: Издательство «СПЭКОМ», 2003. – 688 с. ил.
  8.  Гурский Д. Action Script 2.0. Программирование во Flash MX 2004.
  9.  Добро пожаловать Macromedia Flash MX[Елетронний ресурс]  Р.Сардяран.– http://rastyle.com/


 

А также другие работы, которые могут Вас заинтересовать

5935. АНАЛІЗ ГРАМАТИЧНИХ ОСОБЛИВОСТЕЙ ПЕРЕКЛАДУ ЕКОНОМІЧНИХ ТЕКСТІВ 504.5 KB
  Наша країна намагається вийти на світові ринки торгівлі і встановити якомога кращі стосунки зі своїми закордонними колегами, наприклад, укласти найбільш вигідні контракти, та не останнім фактором успішності цих контрактів буде правильний переклад та оформлення ділового паперу, а оскільки будь-який документ такого характеру не можна уявити
5936. Аналіз виховного процесу в 5-В класі 29.5 KB
  Кількість дітей у класі: 22 особи Стосунки між учнями класу загалом дружніі доброзичливі. Але протягом року були випадки суперечок і непорозумінь між учнями, зокрема проблеми у спілкуванні: Шимко-Сирашний, Крючковська-Страшний, а також Барвет, яка м...
5937. Анализ воспитательной работы МБОУ «Устьвашская средняя общеобразовательная школа» за 2011/12 учебный год 102 KB
  Анализ воспитательной работы МБОУ Устьвашская средняя общеобразовательная школа за 2011/12 учебный год. Цель воспитательной работы в 2001/12 учебном году: формирование первичных представлений о базовых национальных российских ценностях (начал...
5938. Анализ воспитательной работы с учащимися 9 а класса 66.5 KB
  Анализ воспитательной работы с учащимися 9 а класса Классный руководитель: Характеристика класса. В классе 25 учеников, из них 11 мальчиков и 14 девочек. По национальному составу - 20 русских, 5 бурят. Количество учащи...
5939. Анализ воспитательной работы за первое полугодие классного руководителя 10 А класса 40.5 KB
  Анализ воспитательной работы за первое полугодие классного руководителя 10 А класса 1. Анализ эффективности целеполагания и планирования воспитательного процесса в классе в 2011-2012 учебном году. Воспитательные задачи в текущем учебном году следующ...
5940. Системы снабжения природным газом 78.66 KB
  Природный газ это заслуженно один из самых эффективных источников энергии. При сравнении с другими видами топлива и сырья у него есть множество преимуществ. Во-первых, его стоимость. Стоимость добычи ниже, а производительность труда намного...
5941. Педагогическая практика по воспитательной работе 172 KB
  Педагогическая практика по воспитательной работе Информационно-методические материалы для начинающих методистов и студентов i - v курсов Отход от авторитарной педагогики и гуманизация всего учебно-воспитательного процесса предъявляют все более ...
5943. Архитектура Киевской Руси 59.5 KB
  I. Архитектура Киевской Руси Н. М. Карамзин в Истории государства Российского, описывая истоки возникновения искусства Древней Руси, рассказывает, как Владимир, увидев, подобно бабке своей, заблуждение язычества, стал искать истины в разных верах...