Файл: Процесс создания информационного Web-сайта «Библиотека».pdf

Введение

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

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

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

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

Цель работы - спроектировать и реализовать информационный Web-сайта «Библиотека» .

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

Объектом является процесс создания информационного Web-сайта «Библиотека»

Предметом является различные аспекты разработки информационного Web-сайта «Библиотека» .

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

В работе необходимо выполнить следующие задачи:

- определить назначение сайта и целевую аудиторию;

- провести макетирование страниц сайта;

- рассмотреть структуру сайта и модель его работы;

- произвести выбор инструментальной среды разработки;

- произвести информационное наполнение страниц ресурса;

- изучить навигацию и управление контентом сайта;

- рассмотреть фиксацию внешних условий и выбор провайдера;

- рассмотреть особенности модернизации, обновления и сопровождения ресурса.

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

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

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

Глава 1. Концептуальное проектирование разрабатываемого web-ресурса

1.1 Назначение сайта и целевая аудитория

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

Основной задачей учреждения является организация досуга и приобщение жителей муниципального образования город Балаково к чтению, тем самым, культурному развитию и самообразованию, а также формирование и удовлетворение культурных запросов и духовных потребностей. Основным назначением сайта является освещение и информирование о деятельности библиотеки. Целью создания сайта является облегчение получения пользователями актуальной информации о библиотеки. Целевая аудитория сайта - лица, старше 14 лет, без ограничений по полу, роду занятий и прочим характеристикам. Основные задачи сайта - сайт должен предоставлять пользователям доступ к информации о библиотеке, о текущих мироприятиях проходящих непосредственно в стенах библиотеки,о новых поступлениях книг,журналов и статей.Так же на сайте должна иметься полезная для пользователей информация ,каталог книг в электронных форматах, данный о местонахождение библиотеки ,режимах работы и данные о персонале работающем в билиотеке. Данный сайт является статическим.^[1]

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

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

- Хорошая кэшируемость страницы.

- Быстрая скорость загрузки страниц.

- Минимальные требования к Web-серверу и минимальная нагрузка на него.

- Простота переноса на другой сервер или локальный компьютер.

- Возможность прямого просмотра файла в браузере, без использования промежуточного ПО (веб сервера, CGI).

Недостатки:

- Невозможность динамической генерации содержимого.

- Невозможность полноценной поддержки посетителей (выбор внешнего вида, поддержка браузеров, cookie).

- Для наполнения сайта информацией необходимо получать доступ к файлам-страницам посредством FTP, или сторонним Web-скриптам, позволяющим редактировать страницы.

- При большом количестве страниц (файлов), если возникает необходимость внести однотипные изменения (дизайн, оформление, добавление новых разделов) необходимо использовать стороннее ПО (утилиты).

1.2 Макетирование страниц сайта и Web-дизайн

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

Основными шрифтовыми гарнитурами этого стиля являются гарнитуры Arial, Calibri и Times New Roman. Размер шрифтов должен обеспечивать удобство восприятия текста при минимально допустимом размере экрана.

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

Зачастую основными элементами страницы являются: содержащий блок (wrapper, container), логотип, навигация, контент, футер (нижний колонтитул), свободное пространство (по сути свободное пространство — это не элемент дизайна, но понятие, помня о котором при составлении макета страницы, наш проект не будет выглядеть как нагромождение блоков). ^[2]

Роль контейнера на странице может выполнять непосредственно элемент body или же div. Ширина содержащего блока может быть резиновой (fluid), а может быть фиксированной (fixed).

Логотип это текстовая или графическая составляющая проекта и выделяющая его среди других. Логотип чаще всего располагается в верхнем левом углу страницы или же посередине (в зависимости от идеи, макета).

Основная навигационная панель содержит ссылки на основные разделы сайта. Навигационная панель часто располагается в верхней части страницы (в независимости от того вертикально или горизонтально располагаются элементы навигации).

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

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

Ниже представленны макеты страниц сайта.

Рис.1 Макет главной страницы сайта.

Рис.2 Макет страницы «Каталог».

Рис.3 Макет страницы «Мероприятия».

Рис.4 Макет страницы «Персонал».

Рис.5 Макет страницы «Контакты».

1.3 Структура сайта и моделирование его работы

На главной странице сайта расположены следующие разделы:

-Главная страница. Будет содержать вводную информацию ,встречающую пользователя на данном сайте.

-Каталог. Будет содержать каталог бесплатных книг в электронном формате готовом для чтения ,разделенным по классификации «Авторы».

-Мероприятия. Содержит информацию по уже проведенным и будущим мероприятих.

-Персонал. Будет содержать фото и должность персонала.

-Контакты.Карта с точным местоположением библиотеки, описание режима ее работы, контактные номера и электронная почта учреждения.

В зависимости от целей и задач, которые должен выполнять сайт, на нем может размещаться различный объем информации. Небольшой объем информации может быть размещен на одной странице сайта (сайт-визитка, одностраничный-сайт), однако большой объем различной информации лучше разделить на несколько информационных разделов, которые оптимизируются для хранения и отображения однотипной информации, например, фотографий, каталог книг, контактная информация, о библиотеке и др. Для связывания отдельных частей информации служит навигационная система.^[3]

Ниже на рисунке представлена схема переходов сайта.

Рис.6 Навигационная схема сайта

Далее представленны вариации использования ресурса.

Рис.7 Диаграмма UML вариантов использования сайта

На диаграмме представлено три актера и несколько вариантов использования. Варианты использования определяют последовательность действий, которые должны быть выполнены проектируемой системой при взаимодействии ее с соответствующим актером^[4].

Пользователями системы являются: администратор хостинга, системный администратор, посетитель сайта.

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

Доступ к административной части имеют системный администратор и администратор хостинга.

Доступ к административной части для других пользователей кроме системного администратора не осуществляется.

Все данные сайта хранятся на хостинге. Исключения составляют книги в электронном формате, они находятся на отдельном электронном хранилище и открываются при помощи гиперссылок.

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

Глава 2. Реализация Web-сайта

2.1 Выбор инструментальной среды разработки

Существуют различные способы создания web-ресурсов:

- 1 способ. При помощи программирования.

Этот способ – наиболее длительный и трудный, хотя для создания сайта он наиболее предпочтительный. Необходимо хорошо знать хотя бы один из распространенных языков веб-программирования, например, HTML, PHP, CSS, а также работу с базами данных, например, MySQL.