Диплом (1233074)

Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла

СОДЕРЖАНИЕ

Введение 3

1 Описание деятельности и требований компании 5

1. Описание конструктивного проекта интернет ресурса алгоритмы

управления блоками ресурса 6

2 Программные среды web-программирования 16

2.1 Языки разработки 16

2.1.1 Язык разметки HTML 16

2.1.2 Таблица стилей CSS 16

2.1.3 Язык программирования JavaScript 17

2.1.4 Язык программирования PHP 18

2.1.5 Система управления базами данных MySQL 18

2.2 Системы управления web-ресурсами (CMS) 19

2.2.1 1С-Битрикс 19

2.2.2 WordPress 20

2.2.3 Drupal 21

2.2.4 Joomla 22

2.2.5 Ucoz 22

2.2.6 TYPO3 23

2.2.7 NetCat 24

2.2.8 Индивидуальный CMS 25

2.3 Описание дополнительных средств разработки 25

2.3.1 Notepad++ 26

2.3.2 FTP-клиент 28

2.3.3 Adobe Photoshop 29

2.3.4 Paint.NET 30

3 Разработка интернет ресурса 32

3.1 Создание базы данных 37

3.2 Создание графической оболочки ресурса 38

3.3 Реализация страниц ресурса 39

3.3.1 Реализация главной страницы 39

3.3.2 Реализация страницы новости 40

3.3.3 Страница вложение в новости или каталог файлов 41

3.3.4 Страница пользователя 42

3.3.5 Панель администратора 43

3.3.6 Страница регистрации 44

3.4 Размещение ресурса 45

3.5 Продвижение интернет ресурса 46

3.6 Руководство пользователя 48

4. Технико-экономическое обоснование 49

4.1 Оценка эффективности программного продукта 49

4.2 Оценка затрат на создание интернет ресурса 50

4.3 Среднее значение экономической окупаемости 52

4.4 Вывод по технико-экономической части 53

Заключение 54

Список использованных источников 56

Приложение A Внешний вид страниц сайта 59

Приложение B Внешний вид страниц сайта 70

ВВЕДЕНИЕ

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

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

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

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

Целью дипломной работы является создание интернет ресурса с индивидуальной системой управления (CMS) для компании HTech (Хайтек).

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

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

• сбор информации для наполнения ресурса;

– описание конструктивного проекта сайта алгоритмы управления блоками ресурса;

– описание программных средств web-программирования и дополнительных средств разработки, выбранных для реализации интернет ресурса;

• изучение существующих систем управления web-ресурсами (CMS);

• реализация интернет ресурса с выбранным программным комплексом.

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

1 ОПИСАНИЕ ДЕЯТЕЛЬНОСТИ И ТРЕБОВАНИЙ КОМПАНИИ

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

Задачей создания интернет ресурса для компании HTech (Хайтек) произошла от необходимости создания такого программного комплекса, который помог бы в управлении и контроле товаров и услуг между компанией и ее партнерами. А так же реализовал помощь в рекламе, отслеживания рынка товаров, которым занимается компания. Тем самым ресурс должен помочь компании в ее начинаниях и бизнес целях.

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

• форма регистрации пользователя;

• страница пользователя;

• каталог новостей;

• модуль комментариев;

• чат клиентских сообщений;

• admin модуль;

• API модуль.

1.1 Описание конструктивного проекта интернет ресурса алгоритмы

управления блоками ресурса

Проектирование конструкции интернете ресурса и его блоков включает в себя следующие важные точки выполнения:

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

• сбор информации;

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

• разработка алгоритма работы ресурса;

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

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

• создание страниц;

• создание, установка и настройка модулей;

• установка компонентов;

• установка плагинов;

• перемещение ресурса на хостинг;

• тестирование и отладка программного продукта.

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

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

Общая схема работы интернет ресурса представлена на (рисунке 1).

Рисунок 1 – Схема работы интернет ресурса

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

Рисунок 2 – Главная страница

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

Рисунок 3 – Каталог новостей/файлов

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

Рисунок 4 – Страница пользователя

Страница «Регистрации пользователя» (рисунок 5) включает в себя форму обработчик клиентских данных. Обязательными полями в такой форме являются, имя пользователя, имя клиента на ресурсе, почтовый адрес, город, а так же проверка от спама (captcha).

Рисунок 5 – Страница регистрации

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

Рисунок 6 – Страница входа/восстановление пароля

Страница «Чат» (рисунок 7) включает два основных поля, вывод сообщений чата и поле их ввода.

Рисунок 7 – Страница чат

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

Рисунок 8 – Страница Admin

Вторая часть (рисунок 9) страницы «Admin» включает поле метрики. Оно служит для отслеживания посещений ресурса через средства API.

Рисунок 9 – Страница Admin

2 ПРОГРАМНЫЕ СРЕДЫ WEB-ПРОГРАММИРОВАНИЯ

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

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

2.1. Языки разработки

2.1.1 Язык разметки HTML

Язык разметки гипертекста (Hyper Text Markup Language, HTML) является базовым в области технологий создания интернет ресурсов. Его назначением является интерпретирование полученного текстового документа в форматированный текст, отображаемый браузерами на экране монитора компьютера или мобильного устройства [1]. HTML прошёл несколько стадий переоснащения, последней версией данного стандарта является версия 5.0, которая привнесла огромный функционал в возможности работы с графикой, адаптация под новые технические регламенты, и новые стандарты безопасности.

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

2.1.2 Таблица стилей CSS

CSS (CascadingStyleSheets –каскадные таблицы стилей) – технология описания внешнего вида документа, написанного языком разметки. Основной целью разработки CSS являлось разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS). Это разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом [2].Некоторые преимущества использования CSS:

• значительное уменьшение размера ресурса;

• дополнительные возможности стилизации;

• безтабличная структура макета;

– создание дизайнов страницы с возможностью удобного просмотра контента на разных устройствах;

• простота последующего изменения дизайна.

К недостаткам CSS-верстки можно отнести следующее:

• нет поддержки в старых версиях браузеров;

• ошибки в CSS-вёрстке при использовании современных браузеров;

– сложности с определением высоты элементов в CSS и вертикальным позиционированием.

2.1.3 Язык программирования JavaScript

Характеристики

Тип файла документ

Документы такого типа открываются такими программами, как Microsoft Office Word на компьютерах Windows, Apple Pages на компьютерах Mac, Open Office - бесплатная альтернатива на различных платформах, в том числе Linux. Наиболее простым и современным решением будут Google документы, так как открываются онлайн без скачивания прямо в браузере на любой платформе. Существуют российские качественные аналоги, например от Яндекса.

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

Файлы такого типа обычно разбиты на страницы, а текст может быть форматированным (жирный, курсив, выбор шрифта, таблицы и т.п.), а также в него можно добавлять изображения. Формат идеально подходит для рефератов, докладов и РПЗ курсовых проектов, которые необходимо распечатать. Кстати перед печатью также сохраняйте файл в PDF, так как принтер может начудить со шрифтами.

Список файлов ВКР