Помощь в написании студенческих работ
Антистрессовый сервис

Разработка Web-приложения «Зоопарк»

КурсоваяПомощь в написанииУзнать стоимостьмоей работы

База данных представляет собой структурированную совокупность данных. Эти данные могут быть любыми — от простого списка предстоящих покупок до перечня экспонатов картинной галереи или огромного количества информации в корпоративной сети. Для записи, выборки и обработки данных, хранящихся в компьютерной базе данных, необходима система управления базой данных, каковой и является ПО MySQL. Поскольку… Читать ещё >

Разработка Web-приложения «Зоопарк» (реферат, курсовая, диплом, контрольная)

1. ОСНОВНЫЕ ИНСТРУМЕНТЫ ПОСТРОЕНИЯ WEB ПРИЛОЖЕНИЯ

1.1 ОСНОВНЫЕ ИНСТРУМЕНТЫ ПОСТРОЕНИЯ WEB ПРИЛОЖЕНИЯ

1.2 JAVASCRIPT

1.3 ЯЗЫК СЦЕНАРИЕВ PHP

1.4 СУБД MYSQL

2. ПРОЕКТИРОВАНИЕ БАЗЫ ДАННЫХ

2.1 СИСТЕМНЫЙ АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ

2.2 ИНФОЛОГИЧЕСКОЕ ПРОЕКТИРОВАНИЕ БАЗЫ ДАННЫХ

2.3 ФИЗИЧЕСКОЕ МОДЕЛИРОВАНИЕ.

2.4 КОДЫ SQL ЗАПРОСОВ НА СОЗДАНИЕ ТАБЛИЦ

3. РАЗРАБОТКА WEB-ПРИЛОЖЕНИЯ

3.1 ОБЩАЯ МОДУЛЬНАЯ СХЕМА

3.2 ОПИСАНИЕ ФУНКЦИОНАЛЬНОСТИ МОДУЛЕЙ

3.3 ОПИСАНИЕ МОДУЛЕЙ

4. ПОЛЬЗОВАТЕЛЬСКИЙ ИНТЕРФЕЙС.

ЗАКЛЮЧЕНИЕ

СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ ПРИЛОЖЕНИЕ А

Потоки информации, циркулирующие в мире, который нас окружает, огромны. Во времени они имеют тенденцию к увеличению. Поэтому в любой организации, как большой, так и маленькой, возникает проблема такой организации управления данными, которая обеспечила бы наиболее эффективную работу.

Оптимальный язык программирования, который следует использовать для написания Интернет-приложений — это РНР, т.к. язык РНР очень практичен, а так же он способен предоставлять программисту средства для быстрого и эффективного решения поставленных перед ним задач.

PHP — скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических веб-сайтов.

MySQL — свободная реляционная система управления базами данных. Является серверной БД, и поддерживает многопользовательский многопоточный интерфейс, при этом в отличие от своих аналогов, является абсолютно бесплатной, что является экономической выгодой, как для разработчика, так и для заказчика. SQL — это специальный язык запросов к базам данных, его мы и будем использовать для запросов к базе данных, выборки, сортировки, удаления, вставки, создания и других операций.

Темой данной курсовой работы является «Разработка Web-приложения «Зоопарк» «.

Актуальность темы

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

Главная цель данной работы является разработка Web-приложения зоопарка.

Приложение должно быть удобным для пользователя, включать в себя следующие возможности:

· Просмотр данных

· Удаление данных из таблиц

· Добавление данных в таблицы

· Создание запросов к таблицам базы данных Данная курсовая работа состоит из четырех частей.

· Теоретические сведения об инструментальных средствах Web-приложения

· Проектирования Web-приложения

· Разработка web-приложения «Зоопарк»

Курсовая работа состоит из 37 страниц, 18 рисунков, 6 таблиц, 4 источников информации и 1 приложения.

1. Основные инструменты построения Web-приложения

1.1 Основные инструменты построения Web-приложения

Web-приложение — приложение, в котором клиентом выступает браузер, а сервером — веб-сервер. Браузер может являться реализацией так называемых тонких клиентов. Браузер способен отображать web-страницы и, как правило, входит в состав операционной системы, а функции его обновления и сопровождения лежат на поставщике операционной системы. Логика приложения сосредотачивается на сервере, а функция браузера заключается в основном в отображении информации, загруженной по сети с сервера, и передаче обратно данных пользователя. Одним из преимуществ такого подхода является тот факт, что клиенты не зависят от конкретной операционной системы пользователя, и веб-приложения, таким образом, являются межплатформенными сервисами. По причине этой универсальности и относительной простоты разработки веб-приложения стали широко популярными в конце 1990;х — начале 2000;х годов.

Существенным преимуществом построения Web приложений для поддержки стандартных функций браузера заключается в том, что функции должны выполняться, независимо от операционной системы данного клиента. Вместо того, чтобы писать различные версии для Microsoft Windows, Linux, Unix и других операционных систем, приложение создается один раз и разворачивается на любой платформе. Однако различная реализация HTML, CSS, DOM и других спецификаций в браузерах может вызвать проблемы при разработке веб-приложений и последующей поддержки. Кроме того, возможность пользователя настраивать многие параметры браузера (например, размер шрифта, цвета, отключение поддержки сценариев) может препятствовать корректной работе приложения.

Web-приложение получает запрос от клиента и выполняет вычисления, после этого формирует web-страницу и отправляет её клиенту по сети с использованием протокола HTTP. Само веб-приложение может выступать в качестве клиента других служб, например, базы данных или другого веб-приложения, расположенного на другом сервере. Ярким примером веб-приложения является система управления содержимым статей Википедии: множество её участников могут принимать участие в создании сетевой энциклопедии, используя для этого браузеры своих операционных систем (будь то Microsoft Windows, GNU/Linux или любая другая операционная система) и не загружая дополнительных исполняемых модулей для работы с базой данных статей.

В настоящее время набирает популярность новый подход к разработке веб-приложений, называемый Ajax. При использовании Ajax страницы веб-приложения не перезагружаются целиком, а лишь догружают необходимые данные с сервера, что делает их более интерактивными и производительными. 1]

1.2 JavaScript

приложение таблица запрос язык

Сегодня Всемирная сеть — это среда информационного обмена для миллионов людей. Они размещают текст, видео, звук, и информацию, и все более и более, они усложняют свои страницы, делая их интерактивными в сети. JavaScript — это новый язык программирования, используемый в составе страниц HTML для увеличения функциональности и возможностей взаимодействия с пользователями. Он был разработан фирмой Netscape в сотруднечестве с Sun Microsystems на базе языка Sun’s Java. С помощью JavaScript на Web-странице можно сделать то, что невозможно сделать стандартными тегами HTML. Скрипты выполняются в результате наступления каких-либо событий, инициированных действиями пользователя. Создание Web-документов, включающих программы на JavaScript, требует наличее текстового редактора и подходящего браузера. Некоторые просмоторщики включают в себе встроенные редакторы, поэтому необходимость во внешнем редакторе отпадает.

Несмотря на отсутствие прямой связи с языком Java, JavaScript может обращаться к внешним свойствам и методам Javaапплетов, встроенных в страницу HTML. Разница сводится к тому, что апплеты существуют вне браузера, в то время как программы JavaScriptмогут работать только внутри браузера. На первой взгляд кажется, что найти информацию по JavaScript несложно. Сначала создается впечатление, что ее можно увидеть везде: на сервере Natscape, в виде электронных руководств и примеров, во многих других местах. Тем не менее разыскать информацию об объектах, операторах, цветах и всем прочем в одном источнике, чтобы она была всегда под рукой, трудно. [2]

1.3 Язык сценариев PHP

Название PHP — рекурсивная аббревиатура, означающая «PHP: Hypertext Preprocessor» (ранее акроним расшифровывался как «Personal Home Page Tools»). Изначально PHP создавался в качестве надстройки над Perl для облегчения разработки веб-страниц.

PHP исполняет код, находящийся внутри ограничителей, таких как . Всё, что находится вне ограничителей, выводится без изменений.

В области программирования для Сети PHP — один из популярнейших скриптовых языков (наряду с JSP, Perl и языками, используемыми в ASP.NET) благодаря своей простоте, скорости выполнения, богатой функциональности и распространению исходных кодов на основе лицензии PHP. PHP отличается наличием ядра и подключаемых модулей, «расширений»: для работы с базами данных, сокетами, динамической графикой, криптографическими библиотеками, документами формата PDF и т. п. Любой желающий может разработать своё собственное расширение и подключить его. Существуют сотни расширений, однако в стандартную поставку входит лишь несколько десятков хорошо зарекомендовавших себя. Интерпретатор PHP подключается к веб-серверу либо через модуль, созданный специально для этого сервера (например, для Apache или IIS), либо в качестве CGI-приложения. 3]

1.4 СУБД MySQL

MySQL — это система управления базами данных.

База данных представляет собой структурированную совокупность данных. Эти данные могут быть любыми — от простого списка предстоящих покупок до перечня экспонатов картинной галереи или огромного количества информации в корпоративной сети. Для записи, выборки и обработки данных, хранящихся в компьютерной базе данных, необходима система управления базой данных, каковой и является ПО MySQL. Поскольку компьютеры замечательно справляются с обработкой больших объемов данных, управление базами данных играет центральную роль в вычислениях. Реализовано такое управление может быть по-разному — как в виде отдельных утилит, так и в виде кода, входящего в состав других приложений.

MySQL — это система управления реляционными базами данных.

В реляционной базе данных данные хранятся не все скопом, а в отдельных таблицах, благодаря чему достигается выигрыш в скорости и гибкости. Таблицы связываются между собой при помощи отношений, благодаря чему обеспечивается возможность объединять при выполнении запроса данные из нескольких таблиц. SQL как часть системы MySQL можно охарактеризовать как язык структурированных запросов плюс наиболее распространенный стандартный язык, используемый для доступа к базам данных.

2. Разработка Базы Данных

2.1 Системный анализ предметной области

При разработке базы данных обычно выделяется несколько уровней моделирования, при помощи которых происходит переход от предметной области к конкретной реализации базы данных средствами конкретной СУБД. Можно выделить следующие уровни:

Предметная область

Модель предметной области

Логическая модель данных

Физическая модель данных

Собственно база данных и приложения

Исследуемый объект приставляет собой зоопарк.

В базе данных необходимо хранить информацию о животных, кормлении, стране, обслуживании, сотрудниках и должностях.

2.2 Инфологическое проектирование базы данных

Первой из выделенных сущностей выделим таблицу «Животные».

1. Таблица Животные (animals):

· Номер животного (id_animals);

· Номер кормления (id_korm);

· Номер страны (id_strana);

· Название (name);

· Возраст (age);

· Вес (ves).

Следующая выделяемая сущность это «Кормление».

2. Таблица Кормление (korm):

· Номер кормления (id_korm);

· Название (name_k).

3. Таблица Страна (strana) :

Номер страны (id_strana);

Название (name_s).

4. Таблица Обслуживание (service) :

Номер обслуживания (id_service);

Номер сотрудника (id_sotr);

Номер животного (id_animals).

5. Таблица Сотрудники (sort)

· Номер сотрудника (id_sotr);

· Номер должности (id_post);

· Фамилия (surname);

· Имя (name);

· Стаж (staj).

6. Таблица Должности (post)

· Номер должности (id_post);

· Название (name).

На схеме данных (Рисунок 1) показаны связи между полями.

Рисунок 1- Логическая модель базы данных

2.3 Физическое моделирование

Следующий этап моделирования заключается, в определении типов данных, для хранения информации и написание SQL запросов на создания данных таблиц.

Таблица 1-Объект животные

Имя поля

Тип данных

id_animals

int

id_korm

int

id_strana

int

name

varchar (20)

age

varchar (20)

ves

varchar (20)

Таблица 2-Объект кормление

Имя поля

Тип данных

id_korm

int

name_k

varchar (20)

Таблица 3-Объект страна

Имя поля

Тип данных

id_strana

int

name_s

varchar (20)

Таблица 4-Объект обслуживание

Имя поля

Тип данных

id_service

int

id_sotr

int

id_animals

int

Таблица 5-Объект сотрудники

Имя поля

Тип данных

id_sotr

int

id_post

int

surname

varchar (20)

name

varchar (20)

staj

varchar (20)

Таблица 6-Объект должности

Имя поля

Тип данных

id_post

int

name

varchar (20)

На рисунке 2 показана физическая модель базы данных.

Рисунок 2- Физическая модель базы данных

2.4 Коды SQL запросов на создание таблиц

Таблица animals:

CREATE TABLE animals

(

id_animals INTEGER NOT NULL PRIMARY KEY AUTO_INCREMENT,

id_korm INTEGER NOT NULL,

id_strana INTEGER NOT NULL,

name VARCHAR (20) NOT NULL,

age VARCHAR (20) NOT NULL,

ves VARCHAR (20) NOT NULL

)

Таблица strana:

CREATE TABLE strana

(

id_strana INTEGER NOT NULL PRIMARY KEY AUTO_INCREMENT,

name_s VARCHAR (20) NOT NULL

)

Таблица korm:

CREATE TABLE korm

(

id_korm INTEGER NOT NULL PRIMARY KEY AUTO_INCREMENT,

name_k VARCHAR (20) NOT NULL

)

Таблица service:

CREATE TABLE service

(

id_ service INTEGER NOT NULL PRIMARY KEY AUTO_INCREMENT,

id_sotr INTEGER NOT NULL,

id_animals INTEGER NOT NULL

)

Таблица sotr:

CREATE TABLE sotr

(

id_sotr INTEGER NOT NULL PRIMARY KEY AUTO_INCREMENT,

id_post INTEGER NOT NULL,

surname VARCHAR (20) NOT NULL,

name VARCHAR (20) NOT NULL,

staj VARCHAR (20) NOT NULL

)

Таблица post:

CREATE TABLE post

(

id_post INTEGER NOT NULL PRIMARY KEY AUTO_INCREMENT,

name VARCHAR (20) NOT NULL

)

3. Разработка Web-приложения

3.1 Общая модульная схема

Рисунок 3-Общая модульная схема

3.2 Описание функциональности модулей

Имя модуля

Описание

index.php

главная страница, содержит описание внешнего вида приложения, а так же вызовов других модулей.

titles.php

содержит список таблиц, их русское название, описание заголовков столбцов таблиц необходимые для работы «universal_module.php»

universal_module.php

основной модуль, содержащий базовый описание базовых функций, таких как выбор данных из таблиц, добавление, редактирование и удаление данных, их сортировка и фильтрация.

config.php

конфигурация доступа к базе данных.

3.3 Описание модулей

Созданное web-приложение состоит из 4 модулей (php файлов).

1. index. php

Начальная страница. (Рисунок 3)

Рисунок 4- Главная страница

2. config. php

Данный файл содержит настройки конфигурации доступа к базе данных. Такие как:

$dbhost = «localhost» ;

$dbuser = «root» ;

$dbpass = «» ;

$dbname = «db_zoopark» ;

Кроме этого, в данном файле храниться функция, реализующая соединение с базой данных. Которая используется в дальнейшем в других модуля.

function dbconnect ($dbhost,$dbuser,$dbpass,$dbname) {

$db=mysql_pconnect («$dbhost» ," $dbuser" ," $dbpass");

if (! $db) {

echo «Не возможно соедениться с БД» ;

exit;

};

if (! (mysql_select_db («$dbname»))) {

echo «Не возможно найти нужную БД ($dbname)» ;

exit;

}

mysql_query («SET NAMES 'utf8'»);

return $db;

};

3. titles. php

Содержит необходимые служебные данные о логической и физической структуре таблиц в базе данных. Необходим для правильной работы скриптов «universal_module.php» файла.

4. universal_module.php

Файл содержащий php скрипты для выполнение базовых функций работы с записями таблиц. Такие как просмотр 1 записи, просмотр всех записей, фильтрация записей, сортировка записей, добавление, изменение и удаление записей.

4. Пользовательский интерфейс

В случае Web приложений, интерфейс представляет собой страницу, или группу страниц, при помощи которых можно производит различные действия.

На рисунке 5 рассмотрим общие элементы интерфейса на примере главной страницы.

Рисунок 5- Начальная страница

В левой части страницы, находится группа ссылок, используемых для навигации по сайту. Так же, там находится календарь (ниже надписи Главное меню) написанный на JavaScript, отображающий текущую дату.

Центральная часть страницы отведена для выведения основной информации или вывода форма для сбора данных, в зависимости от требуемой функции выбранного модуля.

Есть 3 основных вида центральной части:

1) На рисунке 6 показан вывод данных (больше 1 записи);

Рисунок 6-Просмотр всех записей таблицы Животные

2) На рисунке 7 показана форма для редактирования (изначально, поля заполнены их текущими значениями);

Рисунок 7- Редактирование записи

Исправим ошибку допущенную, к примеру, во время заполнения стажа работы. (Рисунок 8)

Рисунок 8-Новые значение полей записи

На рисунке 9 показан результат выполненного запроса.

Рисунок 9- Результат выполнения запрос

3) Форма для добавления данных. (Рисунок 10)

Рисунок 10- Добавление записи

Проверим работу данной формы. Введем произвольные данные для записи (на данной же записи, в дальнейшем протестируем правильность удаления данных).(Рисунок 11)

Рисунок 11- Добавление новой записи в таблицу Память

На рисунке 12 показано, что данные были успешно добавлены.

Рисунок 12- Просмотр списка всех записей

4) На рисунке 13 показана форма для удаления данных.

Рисунок 13-Форма для удаление записей по id

Удалим, добавленную нами ранее запись «11». Для этого введем значение 11 в поле, и нажмем удалить.(Рисунок 14)

Рисунок 14. Результат удаления записи

Вновь, откроем таблицу Память, чтобы убедиться, что запись была удалена.(Рисунок 15)

Рисунок 15- Просмотр всех записей таблицы Память

Стоит так же отметить, что для удобства операция редактирования на странице просмотра одной записи размещена гиперссылка «Редактировать», а так же соответствующая кнопка во 2ом столбце функциональных кнопок на странице просмотра всех записей. Аналогично и с удалением.(Рисунок 16)

Рисунок 16-Доступ к удалению и редактированию через функцию просмотра 1 записи

Поиск информации по выбранному полю. (Рисунок 17)

Рисунок 17-Поиск данных Сортировка данных осуществляется по выбранному полю как по-возрастанию так и по-убыванию. Осуществим сортировку данных по полю Название по-убыванию. (Рисунок 18)

Рисунок 18-Сортировка данных

Заключение

В ходе выполнения данного курсового проекта были выполнены следующие цели и задачи:

* разработано, создано и протестировано Web-приложение «Зоопарк» с использованием JavaScript, PHP и СУБД MySQL;

* приложение содержит необходимую информацию, простой и удобный интерфейс, выполняет поставленные функции.

В итоге данный проект имеет:

* страницы с информацией;

* систему поиска и сортировки данных;

* систему добавления и удаления данных;

Разработанный проект, предоставляет широкие возможности администратору зоопарка для работы с данными о животных.

Реализованное приложение, обеспечивает возможность пользователю добавлять, удалять, изменять, сортировать, фильтровать данные, а также осуществлять поиск данных.

Цели, поставленные при выполнении курсовой работы, были достигнуты.

Список использованной литературы

1. Гарнаев, А.Ю. WEB — программирование на Java и Java Script. [Текст]/ А.Ю. ГарнаевСПб.: БХВ — Петербург, 2003. — 264 с.

2. Дронов, В. А. Основы SQL: Курс лекций. Учебное пособие [Текст]/ В. А. Дронов — М.: ИНТУИТ.РУ, 2004. — 368 с.

3. Кузнецов, М.В. PHP и MySQL для начинающих [Текст]/ М.В.

Кузнецов — Кудиц-образ, 2005.-384 с.

4. Полякова, Л. Н. Основы SQL: Курс лекций. Учебное пособие [Текст]/ Л. Н. Полякова — М.: ИНТУИТ.РУ, 2004. — 368 с.

Приложение

Программный код модулей

config.php

$dbhost = «localhost» ;

$dbuser = «root» ;

$dbpass = «» ;

$dbname = «db_zoopark» ;

function dbconnect ($dbhost,$dbuser,$dbpass,$dbname) {

$db=mysql_pconnect («$dbhost» ," $dbuser" ," $dbpass");

if (! $db) {

echo «Не возможно соедениться с БД» ;

exit;

};

if (! (mysql_select_db («$dbname»))) {

echo «Не возможно найти нужную БД ($dbname)» ;

exit;

}

mysql_query («SET NAMES 'utf8'»);

return $db;

};

?>

index.php

require «titles.php» ;

require «config.php» ;

?>

Зоопарк

Заполнить форму текущей работой