Разработка информационного сайта про монеты России

Содержание:

ВВЕДЕНИЕ

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

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

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

1. ТЕХНИЧЕСКОЕ ЗАДАНИЕ И ВЫБОР СРЕДСТВ РЕАЛИЗАЦИИ

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

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

HTML - стандартизированный язык разметки документов во Всемирной паутине. HTML это аббревиатура, которая расшифровывается как HyperText Markup Language или в переводе на русский язык «Язык Разметки Гипертекста». HTML – это также гиперссылка. На веб-страницах есть элемент, который делает эти страницы особенными и отличает их от обычного текста с картинками. Этот элемент - ссылки.

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

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

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

Большинство веб-страниц содержат описание разметки на языке HTML. Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства. HTML - теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками – тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных. В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства. Атрибуты указываются в открывающем теге.

CSS - Каскадные таблицы стилей (Cascading Style Sheets) — это язык, который отвечает за визуальное представление документов пользователю (для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц). Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими шрифт Брайля.

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

А представление документа пользователю, в свою очередь, означает его преобразование в удобную для восприятия форму. Браузеры, такие как Firefox, Chrome или Internet Explorer, были созданы для визуального отображения документов, например, на экране компьютера, проекторе или вывода через принтер.

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

PHP - скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов. Открытость кода и общее назначение языка дают свободу множеству разработчиков. Веб-приложения (сценарии) исполняются на веб-сервере. Важным преимуществом языка PHP перед такими языками, как языков Perl и C заключается в возможности создания HTML документов с внедренными командами PHP. PHP способен генерировать и преобразовывать не только HTML документы, но и изображения разных форматов - JPEG, GIF, PNG, файлы PDF и FLASH. PHP способен также формировать данные в любом текстовом формате, включая XHTML и XML. 
PHP поддерживает работу с ODBC и большое количество баз данных: MySQL, MSQL, Oracle, PostgreSQL, SQLite и др. Значительным отличием PHP от какого-либо кода, выполняющегося на стороне клиента, например, JavaScript, является то, что PHP-скрипты выполняются на стороне сервера. Вы даже можете сконфигурировать свой сервер таким образом, чтобы HTML-файлы обрабатывались процессором PHP, так что клиенты даже не смогут узнать, получают ли они обычный HTML-файл или результат выполнения скрипта.

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

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

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

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

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

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

Программное обеспечение MySQL - это ПО с открытым кодом. MySQL является очень быстрым, надежным и легким в использовании.

MySQL является системой клиент-сервер, которая содержит многопоточный SQL-сервер, обеспечивающий поддержку различных вычислительных машин баз данных, а также несколько различных клиентских программ и библиотек, средства администрирования и широкий спектр программных интерфейсов (API).

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

Сайт «WikiCoin» содержит в себе разделы, которые различаются набором функций и возможностей. На главной странице можно увидеть информацию о сайте, описание тематики, поля навигации. Отдельно расположено поле для регистрации и авторизации пользователей, которое позволяет вводить логин и пароль для входа на сайт. Регистрация позволяет создать аккаунт пользователя. Раздел «Контакты» показывает информацию для обратной связи с администрацией сайта, при случае если возникнут вопросы или проблемы, указаны номера телефонов и адрес электронной почты. На сайте настроен поиск, который позволит получить доступ к интересующей пользователя статье. Для этого нужно напечатать соответствующий запрос в строке поиска. Раздел «Новости» содержит информацию о новых статьях, добавленных на сайте, позволит узнать пользователю обо всех изменениях, происходящих на сайте.

2. Описание модулей серверной части программы и их взаимодействие.

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

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

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

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

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

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

В основе разрабатываемой системы лежит архитектура «клиент-сервер», в которой сетевая нагрузка распределена между администраторами (сервер) и посетителями сайта (клиентами). В качестве среды взаимодействия клиента с сервером используется Интернет.

Рисунок 1. Рисунок дерева вызова программных функций.

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

№ п/п	Наименование модуля	Функции модуля
1.	Глобальный модуль	Обеспечивает набор определенных функций для стабильной работы сайта.
2.	Модуль статей	Здесь содержатся статьи, которые могут сортироваться по различным категориям.
3.	Гостевая книга	Здесь авторизированные пользователи могу оставлять свои отзывы и пожелания.
4.	Модуль пользователей	Содержит информацию о зарегистрированных пользователях, их имена, электронные почты и пароли.

Рисунок 2. Рисунок структуры серверной части приложения.

3. Описание структуры базы данных и ее функций

Базой данных является упорядоченная совокупность данных о конкретном объекте, хранящаяся и организованная определенным способом. Либо можно сказать, что это организованная совокупность данных, предназначенная для длительного хранения и постоянного применения. Различают несколько моделей (схем) БД. Как правило, все это входит в понятие как элемент сложной иерархической системы. Различают иерархические, реляционные, сетевые БД, распределенные и централизованные БД и т.д.

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

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

Рисунок 3. Схема процесса обращения к базе данных.

В среде SQL все таблицы и связи баз данных имеют представление в виде кода. Например, вот так выглядит код для создания таблицы «Пользователи» в базе данных:

CREATE TABLE users( 
`id` int(11) UNSIGNED UNIQUE AUTO_INCREMENT, 
`username` varchar(255) NOT NULL, 
`password` varchar(255) NOT NULL, 
`admin` int(1) DEFAULT 0, 
`email` varchar(255) NOT NULL 
)

Таблица «Статьи», содержащая поля с информацией о монетах, имеет следующий код:

CREATE table articles (

`id` int(11) UNSIGNED UNIQUE AUTO_INCREMENT,

`denomination` varchar(255) NOT NULL,

`year` varchar(255) NOT NULL,

`metal` varchar(255) NOT NULL,

`image` varchar(255) NOT NULL,

`date_issue` varchar(255) NOT NULL

)

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

CREATE table guestBook (

`id` int(11) UNSIGNED UNIQUE AUTO_INCREMENT,

`name` varchar(255) NOT NULL,

`text` text NOT NULL

)

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

Рисунок 4. ER-модель структуры базы данных.

4. Описание структуры клиентской части.

4.1 Описание интерфейса «Обычный пользователь»

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

Рисунок 5. Изображение главной страницы сайта.

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

Рисунок 6 Изображение раздела «Статьи».

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

Рисунок 7. Пример выбранной статьи из списка.

Раздел «Гостевая книга» предназначен для отзывов от пользователей и гостей сайта. Здесь можно оставить сообщение, которое будут видеть все, кто заходит в этот раздел. Это может быть предложение, какое-то пожелание или отзыв о работе сайта. Содержит поле для ввода сообщения, строку для ввода имени и кнопку «добавить», которая отправляет сообщение.

Рисунок 8. Изображение раздела «Гостевая книга».

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

Рисунок 9. Раздел «Контакты».

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

Рисунок 10. Раздел «О сайте».

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

Рисунок 11. Страница с формой для регистрации пользователя.

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

Рисунок 12. Авторизация пользователя.

4.2 Описание интерфейса «Администратор»

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

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

Рисунок 13. Раздел «Статьи», интерфейс администратора.

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

Рисунок 14. Добавление новой статьи.

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

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

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

Рисунок 16. Кнопка удаления отзыва.

4.3 Инструкция пользователя

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

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

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

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

Раздел «О сайте» рекомендуется посещать тем пользователям, которые впервые зашли на данный сайт. Там опубликованы правила сайта, правила пользования сайтом, информация по навигации, по разделам и непосредственно тематике сайта.

Заключение

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

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

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

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

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

1. Глушаков С.В., Жакин И.А., Хачиров Т.С. - Программирование Web-страниц, 2014.

2. Каллахан И. Ваша WEB-страница. Проблемы и решения, 2016.

3. Учебное пособие по PHP, http://citforum.ru/internet/php3/index.shtml

4 .Рудаков А.В. Технология разработки программных продуктов, 2015.

5. Графов А. C. Методы и способы создания веб-приложений, 2017.

6. Рыбов О.Н. Создание Web-страниц. Просто как дважды два, 2014.

7. Гончаров А.Н. Самоучитель HTML, 2015.

8. Алексеев А.П. Введение в Web-дизайн: учебное пособие, 2017.