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

Разработка сайта издательского дома ( Средства разработки )

Содержание:

ВВЕДЕНИЕ

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

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

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

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

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

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

ОСНОВНАЯ ЧАСТЬ

1. Цель разработки

Целью данной работы является разработка электронного представительства «Издательского дома» с возможностью последующего размещением в сети Интернет.

1.1 Средства разработки

Для разработки данного программного обеспечения использовались технические и программные средства, которые представлены в Таблице 1 и Таблице 2.

Таблица 1 – Технические средства

Наименование	Описание
Процессор	Intel Core i5 2.4GHz
Жесткий диск	512 Gb
Оперативная память	4 GB
Видеокарта	AMD Radeon 8000

Таблица 2 – Программное обеспечение

Название программного средства	Описание
Windows 8	Операционная Система
Google Chrome	Браузер, разрабатываемый компанией Google
Microsoft Office	Офисный пакет приложений, созданных корпорацией Microsoft
Wordpress	Система управление содержимом файла
XAMPP-control	Кроссплатформенная сборка веб-сервера

1. Требования к приложению
  1. Требования к функциональности

Далее представлены требования к функциональности web-приложения:

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

Функциональная схема представлена на Рисунке 1.

Рисунок – Функциональная схема

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

Данная схема отображает основной функциональный комплекс, сгруппированный в программные модули. На функциональной схеме представлены 3 модуля «Навигатор1», «Навигатор2», «Административная панель»

Модуль «Навигатор1» имеет следующий набор функциональных возможностей:

Добавление новостей;
Изменение новостей;
Удаление новостей.
Добавление опроса
Изменение опроса
Удаление опроса
Просмотр Акций
Управление Календарем событий

Модуль «Навигатор2» имеет следующий набор функциональных возможностей

Сводная информация

Модуль «Административная панель» имеет следующий набор функциональных возможностей

Записи
News
Мероприятия
Медиафайлы
Страницы
Комментарии
Внешний вид
Плагины
Пользователи
Инструменты

Назначение программы

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

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

Далее представлены требования к интерфейсу web-приложения:

Логотип представленный на Рисунке 2, должен присутствовать на каждой главной странице сайта;

Рисунок – Логотип программы.

Необходимо в дизайне использовать шрифт Microsoft Sans Serif;
Использование цвета #ccc9c5 в дизайне web-приложения;
Интерфейс web-приложения должен поддерживать русский язык;
Интерфейс web-приложения должен обеспечивать наглядное, интуитивно понятное представление структуры размещенной информации, быстрый и логичный переход к соответствующим разделам системы;
Навигационные элементы интерфейса web-приложения должны обеспечивать однозначное понимание пользователем их смысла и обеспечивать навигацию по всем доступным пользователю разделам системы и отображать соответствующую информацию;
Интерфейс web-приложения должен быть рассчитан на пользователей, не имеющих специальных технических знаний и навыков в области компьютерной техники, и быть легко осваиваем ими, желательно без необходимости обращения в службу техподдержки.
- 1. Требования к валидации сайта

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

Рисунок – W3C

2. АНАЛИЗ ИСХОДНЫХ ДАННЫХ

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

HTTP - соответствующий стандарт задействуется в целях обеспечения работы инфраструктуры обмена гипертекстовыми данными — в общем случае между компьютерами и серверами в интернете. Относится к основополагающим протоколам, которые обеспечивают работу Всемирной паутины. По умолчанию поддерживается большинством современных программных инструментов коммуникации в распространенных операционных системах. Стандарт, о котором идет речь, предполагает передачу данных от программно-аппаратного объекта в статусе клиента к серверу и наоборот. Первый направляет второму запросы, а тот отвечает на них по установленному алгоритму. Существует несколько разновидностей рассматриваемого протокола: например, HTTPS, HTTP-NG. Главные преимущества, обуславливающие тот факт, что протокол связи HTTP стал одним из самых популярных:

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

Есть у него и ряд недостатков, выделяемых экспертами:

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

SMTP – по протоколу SMTP отправитель письма связывается с получателем при помощи командной строки и специальных каналов, роль которых обычно выполняет TCP-соединение. Любая SMTP-сессия состоит из двух ведущих компонентов: команд от клиента и соответствующих им ответов сервера. При открытой сессии обе этих составляющих обмениваются ее параметрами. Подобный обмен может включать как ноль, так и больше SMTP-операций (транзакций).

Любая SMTP-транзакция представляет собой три последовательные этапа команда/ответ:

Mail from. Определяет обратный адрес. Эта переменная необходима для возвращенных писем.
RCPT to. Определяет получателя текущего текстового сообщения. Команда может использоваться несколько раз, в зависимости от количества получателей. Данные адреса также входят в оболочку SMTP.
Data. Необходим для отправки текстового сообщения. Включает в себя непосредственно содержимое письма, в отличие от оболочки. «Data» несет в себя информацию о заголовке и теле сообщения (они разделяются пустой строкой). Ответ сервера при передаче происходит в два этапа: на первом он отвечает конкретно на команду «Data» (уведомление о готовности принять текстовое сообщение), а на втором — о принятии или отклонении всего письма в конце последовательности данных.

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

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

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

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

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

TCP - протокол (Transmission Control Protocol) работает на транспортном уровне, обеспечивая надежную транспортировку данных между прикладными процессами путем установления логического соединения.

К функциям TCP относят:

Получение и передача потока данных от вышестоящего уровня IP-модулю;
Обеспечение полнодуплексной передачи данных;
Обеспечение защиты от повреждения, потери, дублирования;
Обеспечение работы нескольких соединений;
Управление потоком данных (с помощью механизмов окна)

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

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

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

3.1 Методы.

Для обеспечения безопасности была выбрана схема разделения данных приложения MVC.

3.2 Структурная схема

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

Рисунок 4 – Структурная схема

Пояснения к структурной схеме представлены в Таблице 5.

Таблица – Пояснение к структурной схеме.

№	Наименование модуля	Описание
1	2	3
1	Навигатор1	Данный контроллер отвечает за панель новостей, опросов и управление мероприятиями
2	Навигатор2	Данный контроллер отвечает за сводную информацию
3	Административная панель	Данный контроллер отвечает за административную панель

3.3 Результат работы программы.

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

Рисунок – Работа программы

Рисунок 9 – Работа программы

Рисунок 10 – Работа программы

3.4 Даталогическая модель и словарь данных

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

Дата-логическая модель данных представлена на Рисунке 11.

3.5 Инструментальные средства

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

PHP — язык, который может быть встроен непосредственно в html -код страниц, которые, в свою очередь будут корректно обрабатываться PHP -интерпретатором. Мы можем использовать PHP для написания CGI-сценариев и избавиться от множества неудобных операторов вывода текста. Мы можем привлекать PHP для формирования HTML-документов, избавившись от множества вызовов внешних сценариев.
Очень важное преимущество PHP заключается в его «движке». «Движок» PHP не является ни компилятором, ни интерпретатором. Он является транслирующим интерпретатором. Такое устройство «движка» PHP позволяет обрабатывать сценарии с достаточно высокой скоростью.
В стандартный набор функций РНР входит ряд надежных механизмов шифрования. РНР также совместим с многими приложениями независимых фирм, что позволяет легко интегрировать его с защищенными технологиями электронной коммерции (e-commerce). Другое преимущество заключается в том, что исходный текст сценариев РНР нельзя просмотреть в браузере, поскольку сценарий компилируется до его отправки по запросу пользователя. Реализация РНР на стороне сервера предотвращает похищение нетривиальных сценариев пользователями, знаний которых хватает хотя бы для выполнения команды View Source.

Для реализации MVC был выбран фреймворк CodeIgniter, за свои преимущества:

У CodeIgniter очень богатая и понятная документация, и её приятно читать. Всё пояснено примерами кода, который можно просто скопировать и использовать у себя. Также документация уже давно переведена на русский язык, так что вам не составит большого труда, чтобы изучить CodeIgniter;
CodeIgniter может работать почти на всех хостингах с поддержкой PHP не ниже 5.1 версии. Благодаря своей грамотной структуре CI не нагружает систему и очень быстро работает;
Как уже говорилось выше, его легковесность обеспечивает высокую скорость работы, которой сможет похвастаться далеко не каждый фреймворк;
Возможности сайтов на CodeIgniter с легкость могут расширятся с помощью использования дополнительных библиотек, классов, а также системных куки;
При помощи своих встроенных драйверов CodeIgniter может работать с разными базами данных, таким как: MySQL, PostgreSQL, MSSQL, SQLite, Oracle. Также имеется PDO драйвер, что крайне удобно. В CI реализован шаблон проектирования ActiveRecord для работы с базами данных.
1. Отладка программы

Для откладки программы была использована Php функция var_dump(), которая возвращает значения переменной. Был использован текстовый редактор SublimeText 3, который помогал в выявлении синтаксических ошибок.

3.6 Защитное программирование

Для защиты конфиденциальных данных пользователя был использован способ шифрования MD5.

MD5 –128 – битный алгоритм хеширования. Предназначен для создания «отпечатков» или дайджестов сообщения произвольной длины и последующей проверки их подлинности. Применялся для хеширования паролей пользователей.

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

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

1. Характеристика программы

Использованных модулей – 14;

Суммарный объём исходного кода – 1991;

Модули программы представлены в Таблиц 7.

ЗАКЛЮЧЕНИЕ

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

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

Для осуществления разработки были использованы следующие Интернет-технологии:

В качестве web-сервера выбран сервер Apache, который обладает высокой надёжностью, гибкостью конфигурации, позволяет использовать СУБД для аутентификации пользователей, а также является бесплатным и достаточно быстрым;

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

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

При разработке архитектуры Интернет портал был разделен на две части: клиентскую и администраторскую.

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

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

В процессе выполнения курсовой работы были закреплены знания в framework CodeIgniter 3 и PHP, а также была изучена библиотека jQuery, и технология Ajax. На основании изученных данных было решено, что наиболее эффективной и актуальной для разработки web приложений является текстовый редактор Sublime Text 3, в качестве языка программирования использовался PHP, так как прост для изучения и не зависим от выбранной платформы.

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

В ходе разработке web приложения был повышен опыт работы с языком гипертекстовой разметки Html, был изучен язык программирования JavaScript.

В ходе разработки были реализованы все поставленные задачи и выполнены все требования.

СПИСОК ЛИТЕРАТУРЫ

Andy, Harris HTML, XHTML and CSS All–In–One For Dummies® / Andy Harris. - Москва: Наука, 2014. - 173 c.
Ben, Henick HTML & CSS – The Good Parts / Ben Henick. - Москва: СИНТЕГ, 2013. - 350 c.
Ed, Tittel HTML, XHTML & CSS For Dummies® / Ed Tittel. - Москва: Гостехиздат, 2012. - 416 c.
Гаевский, А.Ю. 100% самоучитель. Создание Web-страниц и Web-сайтов. HTML и JavaScript / А.Ю. Гаевский, В.А. Романовский. - М.: Триумф, 2014. - 464 c.
Гудман, Д. JavaScript и DHTML. Сборник рецептов. Для профессионалов / Д. Гудман. - М.: Питер, 2015. - 523 c.
Дакетт, Джон HTML и CSS. Разработка и дизайн веб-сайтов (+ CD-ROM) / Джон Дакетт. - М.: Эксмо, 2013. - 480 c.
Дакетт, Джон Основы веб-программирования с использованием HTML, XHTML и CSS / Джон Дакетт. - М.: Эксмо, 2013. - 768 c.
Дебольт HTML и CSS. Совместное использование / Дебольт, Вирджиния. - М.: НТ Пресс, 2013. - 512 c.
Дронов, В. HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов / В. Дронов. - М.: БХВ-Петербург, 2014. - 138 c.
Дронов, Владимир HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов / Владимир Дронов. - М.: БХВ-Петербург, 2013. - 416 c.
Квинт, Игорь Создаем сайты с помощью HTML, XHTML и CSS / Игорь Квинт. - М.: Питер, 2014. - 448 c.
Квинт, Игорь Создаем сайты с помощью HTML, XHTML и CSS на 100% / Игорь Квинт. - М.: Питер, 2012. - 448 c.
Лазаро, Исси Коэн Полный справочник по HTML, CSS и JavaScript / Лазаро Исси Коэн, Джозеф Исси Коэн. - М.: ЭКОМ Паблишерз, 2014. - 938 c.
Мержевич, Влад HTML и CSS на примерах / Влад Мержевич. - М.: "БХВ-Петербург", 2012. - 448 c.
Никсон, Р. Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5 / Р. Никсон. - Москва: Машиностроение, 2016. - 688 c.
Никсон, Робин Создаем динамические веб-сайты с помощью PHP, MySQL и JavaScript / Робин Никсон. - М.: Питер, 2013. - 496 c.
Никсон, Робин Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript и CSS / Робин Никсон. - М.: "Издательство "Питер", 2013. - 560 c.
Пауэрс, Дэвид Adobe Dreamweaver, CSS, Ajax и PHP / Дэвид Пауэрс. - М.: БХВ-Петербург, 2012. - 829 c.
Прохоренок, Н. А. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера / Н.А. Прохоренок, В.А. Дронов. - Москва: СПб. [и др.] : Питер, 2015. - 768 c.
Прохоренок, Николай HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера (+ CD-ROM) / Николай Прохоренок. - М.: БХВ-Петербург, 2012. - 912 c.
HTML5 + CSS3. Основы современного WEB-дизайна. Александр Хрусталев, А. Кириченко. Наука и техника. 2018. 352 c.
HTML и CSS. Разработка и дизайн веб-сайтов (+ CD-ROM).Джон Дакетт 2017 – 480 c.
HTML5 и CSS3 для чайников. Эд Титтел, Крис Минник 2017 -
400 c.
CSS. Быстрый старт. Луис Лазарис. 2014 – 192 c.
Билл Кеннеди, Чак Муссиано - "HTML и XHTML. Подробное руководство (HTML & HXTML. The Definitive Guide)"
Эрик Мейер - "CSS-каскадные таблицы стилей. Подробное руководство (Cascading Style Sheets: The Definitive Guide)"
К. Шмитт - "CSS. Рецепты программирования (CSS: Cookbook)"
Б. Хеник - "HTML и CSS. Путь к совершенству (HTML и CSS: The Good Parts)"
Дэвид Флэнаган - "JavaScript. Подробное руководство (JavaScript. The Definitive Guide)"
Создай свой веб-сайт с помощью HTML и CSS. - М.: Питер, 2013. - 569 c.