Преподаватель который помогает студентам и школьникам в учёбе.

«Разработка сайта библиотеки»

Содержание:

Введение

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

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

Целью курсовой работы стало реализация web – библиотеки.

Среди задач курсовой работы можно отметить:

Создание основы сайта.
Оформление и наполнение сайта.
Написание кода и функциональность сайта.

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

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

По окончании работы над проектом я буду знать:

Как используются основные протоколы сети Интернет;
Правила построения Интернет приложений, и как это разрабатывается;
Принципы работы приложений в сети;
Технологию интеграции приложений;
Основные понятия и термины web – программирования.

Так же научиться разрабатывать приложения:

использующие в своей работе сеть Интернет;
отображающие HTTP данных;

Глава 1. Цель курсовой работы

1.1 Разработка сайта библиотеки.

Для выполнения курсового проекта необходимо иметь навыки использования C++, понимать сетевые технологии.

Основная работа будет строиться через программирование сайта, через текстовые редакторы с помощью html.

Сайт должен соответствовать ниже изложенным требованиям:

Имиджевая.

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

Информационная.

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

Рекламная.

Сайт должен привлекать новых гостей и развивать поток читателей, которые ищут литературу по вкусу.

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

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

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

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

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

1.2 Оформление и инструменты для работы.

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

функциональное назначение приложения;
тип приложения;
порядок разработки приложения;
структура приложения.

Для выполнения поставленных нами целей мы должны использовать такие языки программирования как “html” и “CSS”, так как они являются стандартными инструментами для решения подобных вопросов.

Так же важно понимать, что наш сайт должен идти в ногу со временем и быть простым, но в тоже время инновационным, для этого мы будем использовать такие инструменты как JavaScript и С++.

Стилистическое оформление

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

Шрифты, используемые в графических элементах сайта, могут выбираться произвольно при условии не противоречия корпоративному стилю. Шрифты, используемые в текстовом материале сайта, должны соответствовать стандартным шрифтам браузеров: Helvetica/Arial, Times New Roman, Courier.

Допустимо использование иных распространенных шрифтов (Verdana, Tahoma и др.) в том случае, если их замена на стандартные шрифты не приведет к визуальному искажению текста. Размер шрифтов должен обеспечивать удобство восприятия текста при минимально допустимом размере экрана.

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

Краткий список тегов, который присутствуют:

<html></html> - начинаем и заканчиваем HTML-страничку с этого тега;

<head></head> - шапка HTML-кода или "голова";

<body></body> - "тело" документа;

 - переход на новый абзац;

  - переход на новую строку;

<a href=""><a> - гиперссылка;

 - жирный текст (старый тег);

 - жирный текст;

 - курсив;

<h1></h1> - заголовок;

<img src=""> - изображения;

<div></div> - слой, блок;

<table></table> - таблица;

<tr></tr> - строка таблицы;

<td></td> - ячейка таблицы.

Так же в самой работы мы будем для простоты использовать css таблицы.

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

Глава 2. Основная часть

2.1 Языки разметки.

Что бы получить качественный и соответствующий сайт для организации, которые на сегодняшний день хочет развиваться, но и поддерживать строгость и стиль, нам понадобиться углубить и использовать такого рода языки разметки как:

PHP
HTML
JavaScript
CSS

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

HTML - классический и самый распространённый язык текстовой разметки, который встречается чуть ли не в каждом разработанном сайте. Большинство веб-страниц содержат описание разметки на языке HTML. Язык HTML интерпретируется браузерами; тем самым переводит текст и визуализирует написанный код разработчикам в картинку, которую видит пользователь.

Язык HTML до 5-й версии определялся как приложение SGML, который в свою очередь является как бы аналогом и стандартом в сфере разметки. Спецификации HTML5 формулируются в терминах DOM (объектной модели документа).

Во всемирной паутине HTML-страницы, как правило, передаются браузерам от сервера по протоколам HTTP или HTTPS, в виде простого текста или с использованием шифрования.

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

CSS - в большей части является средством для описания, оформления внешнего вида веб-страниц написанных с помощью кода разметки «HTML»,

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

2.2 Структура кода

Программный продукт написан на языке HTML, PHP, Java и CSS.

Код продукта можно разделить на web-формы и php-скрипты, java – скрипты и css-файлы.

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

Программный продукт состоит из четырех модулей:

– Модуль интерфейса.

– Вычислительный модуль.

– Модуль работы с БД.

– Модуль проверки ошибок. Модуль реализован при помощи java-скриптов.

index.php – файл отображающий страницы, подключает основные скрипты и функции.
authentification_functions.php – функция аутентификации, позволяющая определить легальность пользователей, путем просмотра записей о пользователях в базе данных.
images_functions.php – позволяет, подключить изображения составляющие внешний интерфейс системы.
database_functions.php – функция, позволяет работать с базой данных, добавлять, удалять, получать информацию из базы данных.
extra_functions.php – позволяет отобразить данные о книгах.
functions.php – содержит основные функции используемые в системе.
variables.php – содержи все глобальные переменные используемые в системе.
file_functions – позволяет работать с системными файлами, необходимыми для нормального функционирования системы.
main.css – файл содержит описания внешнего стиля системы.

2.3 Описание процесса создания сайта

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

<html>

<head>

<title>Это оглавление страницы</title>

</head>

<body>

Здесь расположено основное содержание страницы

</body>

</html>.

Первая страница сайта создана. После этого, нужно сохранить документ, при этом поменяв расширение с txt на html. После этого, страница сайта будет открываться уже не через блокнот, а в браузере. Пример написания страницы показан на Рисунке 1.

Библиотека

Сайт библиотеки </title>

Рисунок 1.Начало кода.

Пара тегов <html> </html> показывает браузеру, что данный документ является html – документом. В том числе и пары тегов <head>,<body>.

Содержимое тега <head> содержит служебную информацию для браузера, и поисковых систем, и не отображается на странице, за исключением тега <title> .Тег <body> предназначен для хранения основного содержимого страницы сайта, которое будет отображаться в окне браузера.

Содержимое тега <title> это оглавление страницы. Его содержимое отображается на вкладке браузера. Это очень важный тег, так как именно он говорит поисковым системам, чему посвящена страница сайта. Таким образом, для того, чтобы страница попала в выдачу поисковой системы по определенному запросу, этот запрос должен присутствовать в теге <title>. Пример показан на рисунке 2.

Рисунок 2.

Рисунок 2. Тег <title> - оглавление страницы

Для написания создания сайта я использовал теги:

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

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

абзац выровнен по левому краю….
абзац выровнен по правому краю….
абзац выровнен по центру….
абзац выровнен по ширине….

Были изменены размеры и виды шрифта:

Шрифт 1 самый маленький.
Шрифт 7 самый большой.

Виды шрифта:

Жирный текст.
Курсив.
Подчеркнутый текст.
Жирный курсив.

С помощью тега <body background…> был задан фон картинкой каждой веб-страницы

На веб-страницах были изменены размеры картинок в таблице с помощью тега <img src=«img/kniga.jpg» width=«100» height=«82»>.

Текстовая ссылка:

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

Глава 3. Визуализация сайта

3.1 Оформление сайты

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

Рисунок 3.

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

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

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

Рисунок 4.

В конечном счете мы получаем простую не замысловатую, но в тоже время поисковую страницу, которая экономит время читателя. (Рисунок 5.)

Рисунок 5.

3.2 Страницы сайта

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

Но и сам сайт должен быть прост и понятен клиенту, важный раздел в котором должно храниться большое количество информации как о книгах, так и о читателях. Если рассматривать сайт со стороны пользователя, то информация будет представлена следующим образом, выбранная вкладка переведет нас на отдел книг (Рисунок 6), где мы можем перейти в раздел соответствующей нам литературе и найти нужную книгу по списку.

Рисунок 6.

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

На сайте так же представлен отдел обратной связи, где посетители в режиме онлайн могут оставить любой интересующий их вопрос и оперативно получить ответ на вопросы, которые он оставляет сотруднику библиотеки. Иными словами, служба поддержки, но на этой вкладке так же отображены все контактные данные, как и на главной странице. (Рисунок 7). Не на вящий легкий вид фона говорит о светлом решение проблемы или поиска клиента. Для обратной связи обязательным пунктом должен быть адрес электронной почты. Так же имя человека, который связывается с библиотекой.

Рисунок 7.

Так же на сайте присутствует отдел, отвечающий за работу библиотеки и сайта в целом. Отдел «Отзывы» где любой пользователь, который хочет оставить комментарий должен заполнить некоторые строки, что бы было понятно, что человек абсолютно реален, эти строки:

ФИО – где имя является обязательным пунктом
Фотография – это может быть рисунок или же фото клиента
Социальный статус – не обязательный пункт заполняется по желанию

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

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

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

Так же на сайте можно будет оставить свой отзыв или пожелание, выразить благодарность или же сделать замечание, которое будет опубликовано на страницы, под названием отзывы. (Рисунок 8.)

Рисунок 8.

4. Руководство пользователя

4.1 О программе

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

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

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

4.2 Установка и запуск

Для получения работоспособной версии программы необходимо создать базу данных с именем «NightSky», скопировать файлы системы на сервер и запустить скрипт setup.php.

Ресурс совместим с сервером Apach, при использовании других серверов работоспособность не гарантируется.

4.3 Справочник по работе с ПО

Web-сайт «Библиотека», предназначен для работы с печатными изданиями в библиотеке. Web-сайт «Библиотека», разработана с использованием PHP, HTML, JAVA ориентированная на сервер Apach и СУБД MySQL. Доступ к сайту может получить любой пользователь, однако взять печатное издание может только пользователь, прошедший процедуру регистрации, в системе.

Обычный пользователь может:

Взять книгу. Для этого необходимо выбрать книгу и нажать на кнопку «Взять».
Вернуть книгу. Для этого необходимо перейти на страницу «Мои книги», выбрать книгу и нажать на кнопку «Вернуть».
Посмотреть описание. Для этого необходимо выбрать книгу и нажать на кнопку «Описание».
Просмотреть просроченные книги. Для этого необходимо перейти по ссылке «Просроченные книги».

Администратор может:

Редактировать книги. Для этого необходимо выбрать книгу и нажать кнопку «Редактировать».
Добавить книги. Перейти по ссылке «Редактировать книги», нажать кнопку «Добавить» и заполнить форму книги.
Удалить книги. Для этого необходимо выбрать книгу и нажать кнопку «Удалить».
Редактировать пользователей. Для этого необходимо выбрать пользователя и нажать кнопку «Редактировать».
Добавить пользователей. Перейти по ссылке «Редактировать пользователей», нажать кнопку «Добавить» и заполнить форму пользователя.
Удалить пользователя. Для этого необходимо выбрать пользователя и нажать кнопку «Удалить».

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

Заключение.

С появлением web-технологии компьютер начинают использовать совершенно новые слои населения Земли. Можно выделить две наиболее характерные группы, находящиеся на разных социальных полюсах, которые были стремительно вовлечены в новую технологию, возможно, даже помимо их собственного желания.

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

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

С развитием технологий гипертекстовой разметки в Интернете стало появляться всё больше сайтов, тематика которых была совершенно различной – от сайтов крупных компаний, повествующих об успехах компании и её провалах, до сайтов маленьких фирм, предлагающих посетить их офисы в пределах одного города.

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

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

Создание и разработка сайтов включает:

• утверждение первоначального технического задания на разработку сайта;

• определение структурной схемы сайта - расположение разделов, контента и навигации;

• web-дизайн - создание графических элементов макета сайта, стилей и элементов навигации;

• разработка программного кода, модулей, базы данных и других элементов сайта необходимых в проекте;

• тестирование и размещение сайта в сети интернет.

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

Список источников и литературы

1. Литература

1. Дуванов А. А. Web-конструирование. – Петербург: 2009. - 384 с.
2. Едомский Ю. Е. Техника Web-дизайна для студента. – Петербург: 2010. - 491 с.
3. Крамер Э. HTML: наглядный курс Web-дизайна. - Киев: 2009. - 304 с.
4. Леонтьев Б. Web-дизайн. Руководство пользователя. - Киев: 2011. - 384 с.
5. Печников В. Н. Создание Web-страниц и Web-сайтов. - М.: Триумф: 2010. - 370 с.
6. Роббинс Д. Web-дизайн. Справочник. - "КУДИЦ-ПРЕСС": 2009. - 816 с.
7. Смирнова И. Е. Начала web-дизайна. –Петербург: 2010. - 491 с.

Интернет-ресурсы

1. HTML и Web дизайн для начинающих: [Электронный ресурс]. - http://sovet.h1.ru (дата обращения: 29.03.2014)
2. Основы CSS и HTML: [Электронный ресурс]. - http://www.web-lesson.ru (дата обращения: 1.03.2014)
3. Создание сайтов: HTML: [Электронный ресурс]. - http://www.codeharmony.ru (дата обращения: 15.05.2014)
4. Архитектурная мастерская. Создание сайта: [Электронный ресурс]. - http://wonderfulstyle.ucoz.com (дата обращения: 23.04.2014)
5. Создание страниц сайта с помощью HTML: [Электронный ресурс]. - http://roumik.ru (дата обращения 31.03.2014)
6. Создание шаблона сайта с помощью CSS: [Электронный ресурс]. - http://ruseller.com (дата обращения 1.05.2014)

8. Приложение

Приложение 1.

Приложение 2.

Приложение 3.

Приложение 4.

Приложение 5.

Приложение 6.