ОПИСАНИЕ ПРЕДМЕТНОЙ ОБЛАСТИ




КУРСОВАЯ РАБОТА

 

по дисциплине «Разработка интернет-приложений»

 

на тему: «Разработка интернет-приложения для компании специализирующейся на промышленном альпинизме»

 

Выполнена студентом Полюдовым Андреем Сергеевичем

 

2 курса ПИс-151 шифр группы заочной формы обучения

 

Специальности (направления/профиля подготовки) прикладная информатика/прикладная информатика в экономике

 

Руководитель к.т.н., доцент, Назимов Александр Сергеевич

(ученая степень, ученое звание, Ф.И.О.)

 

Отметка о допуске (недопуске) к защите __________________________________ «___»_____________20___г.

 

 

_________________________________

(подпись руководителя)

 

Кемерово 2017г.

Оглавление

ВВЕДЕНИЕ.. 3

1. ОПИСАНИЕ ПРЕДМЕТНОЙ ОБЛАСТИ.. 4

1.1 Современное состояние автоматизации рассматриваемой предметной области 4

1.2 Инструменты и технологии для разработки ИП.. 5

1.2.1. Технологии серверных языков программирования и баз данных. 5

1.2.2 Программные решения и технологии для дизайна и верстки интернет-приложений. 8

1.2.3 Инструментальные средства для разработки динамического сайта. 9

1.2.4. Программные решения и технологии для программирования серверной части ИП.. 11

2. Процесс разработки ИП.. 13

2.1 Выбор хостинга и доменного имени. 13

2.2 Создание основных разделов web-сайта. Логическая и физическая структуры 13

3. Технологии реализации web-сайта. 18

4. разработка Дизайна web-сайта.. 23

5. Особенности web-сайта.. 27

6. ПРОДВИЖЕНИЕ ИП В ПОИСКОВЫХ СИСТЕМАХ.. 30

6.1 Выбор ключевых слов для продвижения ИП в сети. 30

Заключение.. 32

СПИСОК литературы... 33

Приложения.. 34

 

 

ВВЕДЕНИЕ

 

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

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

Целью данной курсовой работы – является самостоятельное изучение студентами технологий создания web-сайта " ANDREW.STGAR.RU " на примере компании специализирующейся на промышленном альпинизме.

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

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

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

– описать логическую и физическую структуру сайта компании специализирующейся на промышленном альпинизме;

– разработать содержание и дизайн страниц сайта компании специализирующейся на промышленном альпинизме;

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

 


ОПИСАНИЕ ПРЕДМЕТНОЙ ОБЛАСТИ

 

1.1 Современное состояние автоматизации рассматриваемой предметной области

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

Способов разработки веб-приложений много и одни из них – создание веб-приложения с нуля. Это очень трудоемкий и долгий процесс, но и он имеет свои преимущества, например, для создания следующей работы за основу можно взять уже созданный ранее шаблон. Так же создавать веб-приложения можно при помощи cms – это система, которая позволяет управлять и изменять внешний вид веб-приложения. При помощи этой системы на создание интернет-приложения уйдет в два раза меньше времени по сравнению с тем, если писать сайт самостоятельно, так как cms предлагает на выбор уже готовые шаблоны для сайта. Еще одним способом написания веб-приложения могут служить сайты-конструкторы. Их преимущество в том, что они имеют большое количество встроенных возможностей, которые упростят работу по написанию интернет-приложения [1, с. 23].

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

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

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

Еще одной удобной средой разработки является Bootstrap.Bootstrap дает возможность создать собственный шаблон для своего сайта. Он обладает HTML и CSS шаблонами для оформления нужного вам интерфейса, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейса, включая JavaScript-расширения [1, с. 31]. Bootstrap значительно ускоряет и упрощает разработку сайтов или интернет приложений. При помощи Bootstrap даже не опытный программист может с легкостью создать свой собственный сайт или веб-приложение.

 

1.2 Инструменты и технологии для разработки ИП

 

1.2.1. Технологии серверных языков программирования и баз данных

 

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

К технологии веб-программирования, которая применяется на стороне клиента относится язык веб-программирования HTML [3, c. 60].

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

Еще одной технологией веб-программирования является CSS (CascadingStyleSheets). CSS можно рассматривать как небольшую базу данных, которая создана не только для управления внешними видами таблиц, но и внутренними. А также многих других вещей, таких так шрифты, фоны, цвета и многое другое [1, c. 260].

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

Еще один популярный язык программирования – JavaScript. Обычно JavaScript используется как встраиваемый язык для программного доступа к объектам приложений и большое применение находит в браузерах. Несмотря на то, что это встраиваемый язык, он имеет довольно сильные возможности: позволяет работать на уровне машинных кодов, обходится без компиляции и браузеру не нужно загружать виртуальную машину для выполнения программного кода. Одна из главных причин, по которой Web-разработчики приняли JavaScript, - возможность выполнения на стороне клиента многих функций, которые ранее выполнялись исключительно на стороне сервера [5, с. 68].

Существует свободный и гибкий Nginx HTTP-сервер. Данный сервер позволяет подключать внешние модули представления данных и использовать СУБД для проверки подлинности пользователей, а также видоизменять сообщения об ошибках и многое другое. Nginx имеет возможность обслуживать на одном IP-адресе большое количество доменных имен и отображает для каждого из них собственное содержимое. Для каждого хоста можно указать собственные настройки, а именно: настройки ядра, настройки модулей, доступ к веб-сайту или доступ к отдельным файлам. Nginx поддерживает много языков программирования, например, РНР, Perl, ASP и другие. Так же Nginx имеет механизмы безопасности, такие как ограничение доступа к серверу, механизм авторизации пользователей для доступа к директории и запрет доступа к определенным типам файлов.

Так же имеются технологии, которые используются на стороне сервера. Например, ASP-технология - технология, предложенная компанией Microsoft для создания Web-приложений [8, с. 210]. Эта технология основана на внедрении в обыкновенные веб-страницы специальных элементов управления, допускающих программное управление. Суть ASP-технологии состоит в динамическом создании страниц на стороне сервера, которая приблизила проектирование и реализацию веб-приложений к той же модели по которой проектируются и реализуются обычные приложения.

Скриптовым языком программирования, который был создан для генерации HTML-страниц на веб-сервере является PHP. Другими словами, РНР – это оболочка вокруг языка программирования С гибкой системой типов. РНР-скрипты обычно хранятся в исходниках даже на производственных web-серверах. Огромное количество сайтов в Сети написано на PHP, включая такие гиганты, как Wikipedia, Yahoo!, Facebook, YouTube. Популярность PHP основана на том, что его легко использовать, и вставки легко читаемы в HTML-документах. Использование PHP в паре с HTML-редактором - это отличный путь к созданию динамического контента при минимуме затрат на программирование.

Так же применяется язык Perl. Основой для создания этого языка было повышение эффективности обработки текстовых документов и ориентировать его на работу строк. На данный момент язык широко применяется как инструмент создания исполняемых модулей WWW-сервера. Так же с помощью Perl-программы можно легко получить доступ к SQL-серверам. Perl является очень быстрым, так как компиляция и исполнение выполняются в нем одновременно. Perl очень прост в использовании и практичен [3, с. 93].

Традиционные языки программирования позволяют реализовать практически любую задумку, но они плохо адаптированы для обработки больших объемов данных. Именно по этой причине программисты прибегают к помощи базы данных. Все базы данных делятся на три структуры: иерархическую, сетевую и реляционную. Лидером среди всего многообразия баз данных, которые применяют для разработки веб-приложения является MySQL. Одним из преимуществ MySQL является ее простота и высокая скорость обработки SQL-запросов. Еще одной базой данных, применяемой при веб-программировании является Oracle. Именно эта база данных является лидером среди коммерческих и корпоративных баз данных.

 

1.2.2 Программные решения и технологии для дизайна и верстки интернет-приложений

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

· Artisteer 3

· Adobe DreamWeaver

· NotePad++

· Bootstrap

· LayoutIt!

 

Самая простая программа для верстки html – страниц «Artisteer 3». В нее встроены все основные элемента для создания качественной статической странницы.

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

• возможность создания и отладки полноценного движка сайта на локальном или удаленном сервере;

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

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

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

«NotePad++» универсальная программа, редактор десятков различных форматов файлов в числе которых и PHP с HTML. Она имеет отличную подсветку синтаксиса десятков различных языков программирования и является бесплатной.

Свободным набором инструментов для создания сайтов и веб-приложений является Bootstrap. Он включает в себя HTML и CSS – шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб – интерфейса, включая JavaScript – расширения. Преимуществом Bootstrap является то, что он поддерживает хорошую реализацию grid-сетки для масштабирования веб-страницы. Данный фреймворкотлично подходит для создания адаптивной верстки сайта, а также созданный при помощи Bootstrap сайт будет легко отображаться во всех браузерах. Еще одним плюсом этого фреймворка является то, что он очень прост в использовании, поэтому создать веб-приложение при помощи него может каждый, даже не имеющий навыков программирования человек. В Bootstrap используется динамический язык стилей LESS, которыйрасширяет возможности CSS, например, можно создавать вложенные колонки, менять цвета кнопок, внешний вид изображений и многое другое [2, с. 11].

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

 

 

1.2.3 Инструментальные средства для разработки динамического сайта

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

Такой визуальный HTML-редактор как Dreamweaver поддерживает огромное количество языков:

· C#

· Java

· HTML

· JavaScript

· РНР

· VisualBasic и другие.

MicrosoftWebMatrix так же является инструментом, который позволяет автоматизировать установку компонентов веб-платформы Microsoft и некоторого стороннего программного обеспечения.

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

Также для написания сайта может применяться редактор исходного кода VisualStudioCode. Он очень прост в использовании, имеет приятный интерфейс. По мимо этого вVisualStudioCode имеются удобные для работы регионы, которые предназначены для сворачивания фрагментов кода. Это очень облегчает работу, когда программный код очень велик. Редактор поддерживает большое количество языков и технологий, например, JavaScript, C++, C#, PHP, VisualBasic, CSS и другие [2, с. 17].

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

1.2.4. Программные решения и технологии для программирования серверной части ИП

Для программирования серверной части ИП могут использоваться следующие подходы:

1) Объектно-ориентированное программирование. Данная методология программирования основана на представлении программы в виде совокупности объектов. Программа считает объектно-ориентированной, если выполнены три главных требования:

· Использование объектов в качестве логических конструктивных элементов.

· Использование каждого объекта как экземпляр отдельного класса.

· Классы должны образовывать иерархию.

ООП имеет три основных методологии: компонентное, прототипное и класс-ориентированное программирование.

Компонентное программирование – это своего рода настройка, набор правил и ограничений, которые направленны на построение крупных развивающихся программных систем.

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

Класс-ориентированное программирование – это программирование, которое сфокусированно на данных. Экземпляр является носителем данных - то есть обладает состоянием, меняющимся в соответствии с поведением, заданным классом. В класс-ориентированных языках новый экземпляр создаётся через вызов конструктора класса (возможно, с набором параметров). Получившийся экземпляр имеет структуру и поведение, жёстко заданные его классом [9, с. 33].

2) Концепция MVC. Под MVC понимается схема использования нескольких шаблонов проектирования или схема «модель-представление-контроллер». Главная цель концепции MVC заключает в отделении модели от ее представления. При помощи такого разделения повышается возможность повторного использования. Концепция MVC разделяет данные на три компонента:

1. Модель (предоставляет знания о данных и методах работы с данными).

2. Представление, вид (отвечает за внешний вид предоставляемой информации).

3. Контроллер (отвечает за обеспечение связи между пользователем и системой).

 

3) РНР-фреймворки. Это своего рода каркас, который определяет структуру программной системы. Фреймворк ставит свои условия для построения структуры приложения, задавая на первом этапе работы его поведение по умолчанию, так называемый каркас. Выбор правильного фреймворка для проекта на PHP — первый шаг для его успешной реализации. Существуют такие РНР-фреймворки как:

· LARAVEL

· SYMFONY 2

· CODEIGNITER

· PHPIXIE и другие.

 

Самым ярким РНР-фреймворком является Laravel. У Laravel множество функций, обеспечивающих быструю разработку приложений. Есть свой движок для шаблонов Blade и элегантный синтаксис, который позволяет облегчить выполнение частых задач: аутентификация, сессии, анализ очередей, кеширование и маршрутизацию [9, с. 34].

 


Процесс разработки ИП

 

2.1 Выбор хостинга и доменного имени

В сети Интернет существует большое многообразие хостингов, для создания собственного хостинга необходимо выбрать его тип, в данном случае выбран был бесплатный субдомен, уникальное имя своего домена и создан индивидуальный логин «maddyson » и пароль «123456Qq »

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

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

 

2.2 Создание основных разделов web-сайта. Логическая и физическая структуры

Контент - (от английского content - содержание) – это абсолютно любое информационно значимое либо содержательное наполнение информационного ресурса или web-сайта.

Контентом называются тексты, мультимедиа, графика. Однако чаще всего контентом называют текстовое наполнение web-сайта. В HTML-документе под контентом понимают часть служебной информации в одноименном поле. В этом поле размещают описание-резюме данного интернет-ресурса [8, с. 51].

Разработка контента веб-сайта компании по промышленному альпинизмупроводилась с учетом следующих требований:

1. Информация должна быть:

— тщательно отобрана,

— достоверна и актуальна,

— четко структурирована и ясна,

— грамотно разбита на разделы.

2. Текст должен быть:

— максимально полно и кратко излагать всю необходимую информацию,

— тщательно проверен на наличие орфографических ошибок, соответствие с действительностью и актуальность,

— в тексте все важные моменты должны быть подчеркнуты графически.

3. Картинки:

— не должны быть слишком большими по размерам,

— не должны превышать объем текста,

— должны быть иллюстрацией к информации, а не ее заменой.

4. Таблицы следует использовать:

— для числовых данных (прайс-листы, тарифы),

— если некоторые данные требуют постоянного обновления.

5. Ссылки:

— должны вести на нужный документ,

— должны быть выделены графически [8, с. 52].

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

Главная страница веб-сайта промышленного альпинизма
Галерея состав
Наши услуги
Главная
Мой профиль
Заказ работ
О компании

Рисунок 1 – Структурная схема веб-сайта

Страница «Главная» содержит информацию компании и её деятельность в целом.

Страница «Наши услуги» содержит информацию об перечне оказываемых услуг по промышленному альпинизму.

Страница «Галерея» отражает процесс выполнения работы на фото

Страница «Заказ работ» предназначена для отправки заказа менеджеру компании и содержит виды работ которые можно добавить в корзину

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

Страница «О компании» позволяет посетителю сайта ознакомиться с контактной информацией компании по промышленному альпинизму.

 

Физическая структура файлов веб-сайта представлена на рисунке 2.

Рисунок 2 – Физическая структура веб-сайта

В состав каталога C:\Users\Андрей\Desktop\рест\home\localhost\www\promalp.ru входит 4 папки, 1 файл с расширением «html», 15 файлов с расширением «php», 1 файл с расширением «htaccess» и 1 файл с расширением «txt»

Чтобы понять взаимосвязь между страницами и скриптами сайта, изобразим его в виде схемы (Рисунок 3).

wp-links-opml.php
wp-login.php
index.html
page_id=59.html
Главная страница web-сайта
exit.php
admin.html
Авторизация и вход в личный кабинет
Выход из личного кабинета
Скрипты работы с БД
страница «Наши услуги»
enter.php
galereya.html  
my-account.html  
o-kompanii.html  
страница «Галерея»
страница «Мой профиль»
страница «О компании»
shop.html  
страница «Заказ работ»
sendmail.html  
скрипт отправки письма в БД
LK.php
edit_emailLK.php
Работа с письмами обратной связи в ЛК

Рисунок 3 – Логическая структура веб-сайта компании


 



Поделиться:




Поиск по сайту

©2015-2024 poisk-ru.ru
Все права принадлежать их авторам. Данный сайт не претендует на авторства, а предоставляет бесплатное использование.
Дата создания страницы: 2017-06-21 Нарушение авторских прав и Нарушение персональных данных


Поиск по сайту: