Файл: «Разработка сайта библиотеки».pdf

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

Тем не менее, узкоспециальную литературу сложно найти, как в простой библиотеке, так и в книжном магазине. В основном литературу подобного содержания можно найти, например, на кафедрах ВУЗов. При этом для небольшого числа изданий нет необходимости создавать свою библиотеку. Для решения такой задачи, необходимо 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> - "тело" документа;

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

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

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

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

<strong></strong> - жирный текст;

<i></i> - курсив;

<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> - оглавление страницы

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

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

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