Файл: Теоретические основы разработки веб-приложений.pdf

ВУЗ: Не указан

Категория: Курсовая работа

Дисциплина: Не указана

Добавлен: 28.03.2023

Просмотров: 292

Скачиваний: 4

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

· Чаты - являются еще одним местом для общения в Интернет, только его назначение не обмен мнениями на какую-то тему, а просто времяпрепровождение [1];

· Файлы для скачивания;

· Фотогалереи;

· Элементы статистики;

· Хранение в интернете различной информации;

· Серверы почтовых рассылок, они предлагают услуги по доставке информации широкому кругу читателей (subscribe.ru);

· Интернет-магазины и аукционы (ozon.ru, molotok.ru).

Теоретические основы веб-программирования.

Перед созданием web-приложения необходимо предусмотреть несколько проблем. Многие Web-дизайнеры сходятся во мнении, что одна из главных проблем Web-дизайна - многообразие браузеров и платформ, каждая из которых по-разному отображает содержимое сайта [1]. С выпуском каждого нового браузера улучшаются их характеристики и возможности, но это не означает, что более ранние версии при этом исчезают. В большинстве своем люди не склонны гнаться за новейшим и лучшим. Одни довольствуются тем, что у них имеется, а другие, вероятнее всего, работают на компьютерах фирм или учреждений, которые выбрали браузеры за них.

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

Так же необходимо понимать, что приложением будут пользоваться на разных типах устройств, соответственно нужно учитывать, что приложение должно быть адаптивным и кроссплатформенным [3].

Выбор программного обеспечения.

    1. Среды разработки web-приложений.

IDE – интегрированная среда, которая может выполнять функции для web-разработки. Большинство из них проектировались с целью создания программного обеспечения для персональных компьютеров и переносных девайсов. Но время диктует свои условия, и вчерашние инструменты оптимизации поиска вирусов сегодня работают на благо веб-индустрии. Примерно то же самое произошло с самими разработчиками [1].

Интегрированная среда внешне очень напоминает текстовый редактор для кода: участки кода подсвечиваются, система указывает на ошибки благодаря предзагруженной базе с синтаксисом языков. Но IDE для веб-программирования гораздо более функциональны, ведь позволяют проводить весь цикл работ над программой от начала до конца. Современная IDE содержит средства для компиляции или интерпретации, автоматизации сборки, поиска ошибок в коде и прочее. Наиболее продвинутые сборки оснащены различными инструментами относительно объектно-ориентированного программирования, которое набирает популярности и в вебе [2].

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

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

    1. Критерии выбора среды разработки

Большинство ресурсов в интернете анализируют IDE весьма субъективно. Одним среда для web-разработки может покажется интуитивной, другим – нет. Некоторым приходится по душе средство, которое обладает плагином для визуального программирования [1]. Но все это мало похоже на то, чего ждут пользователи: разумных обзоров, с учетом всех преимуществ и недостатков.


На каждую среду для веб-программирования мы будем накладывать воображаемую матрицу, состоящую из таких пунктов:

кроссплатформенность; уже ни один серьезный продукт не составляется в одиночку [2]. Потому важно, чтобы среда разработки могла быть установлена на различные девайсы с разными операционными системами;

цена; чтобы полюбить среду для web-разработки, ее нужно испытать. Плохо, когда первые шаги в IDE нужно делать за деньги [2]. Еще хуже, когда все наработки могут быть утеряны в один день: день оплаты подписки, который вы пропустили. Именно потому бесплатные IDE – лучшие;

поддержка; если среда для веб-программирования не получает регулярных обновлений, ее трудно назвать современной. Потому, такой критерий выбора, как саппорт, является одним из ключевых [4]. Поддержка старого Python прекратится уже через год – постарайтесь обновить IDE до того времени;

совместимость с веб-разработкой [3]; Главная цель нашего обзора – найти среду, которая будет хороша именно для веб-разработки, а не для любого другого направления. Хотя, универсальность и возможность применения сторонних технологий – всегда плюс: никогда не знаешь, какая из них послужит для потребностей веба.

Перейдем к конкретным примерам. Начнём с официальных представителей лидеров мобильного рынка: Windows, Google и Apple.

      1. Visual Studio

У этой IDE можно назвать один существенный недостаток – цена. Все остальное находится на высоком уровне. Кроме того, что программа регулярно обновляется, у нее есть целый набор инструментов исключительно для веб-разработки. Ну, а если вы хотите отвлечься на любой другой вид программирования, VS не имеет ограничений. Здесь можно создать все: от полномасштабной компьютерной игры до калькулятора на веб-странице. И все это в рамках одного приложения. Большие компании почти всегда обеспечивают своих сотрудников именно этим программным обеспечением [4].

Кроме цены, негативным моментом можно назвать узкий ряд операционных систем, с которыми может работать Visual Studio: пока это только Windows и Mac. Как только Microsoft решат выйти на более широкий рынок, мало кто сможет составить конкуренцию этой IDE. Однако, с этим шагом они не спешат, считая что уже заняли свою нишу [5].


Хорошие новости есть и для тех, кто хочет попробовать легендарную IDE бесплатно. Кроме длительного пробного периода, Microsoft приготовили пользователям и простое средство веб-разработки – Visual Studio 2013 Express Edition. Кроме того, что сама среда занимает чуть больше одного гигабайта, она еще и способна на толковый фронтенд. Так что, если вам нужна бесплатная и легкая среда веб-программирования, то Visual Studio может стать хорошим выбором. К тому же, стартуя с нее, можно получить временный бесплатный доступ к Azure [4].

Новичку будет просто невозможно самостоятельно разобраться с Visual Studio без прохождения специальных курсов и чтения литературы. Это продукт скорее для опытных разработчиков, обращающих внимание на качество редактора и функции тестирования.

      1. IntelliJ IDEA

IDE, разработанная компанией JetBrains, позволяющая создавать программы на множестве популярных языков, среди которых Java, JavaScript, Python, Ruby, Groovy, Scala, PHP, C, C++. Продукция компании jetbrains. Можно выбрать нужную среду интеграции в зависимости от языка программирования. Инструменты JetBrains охватывают все аспекты процесса разработки: управление проектами, написание кода, отладку, статический анализ кода, юнит-тестирование, анализ покрытия кода, баг-трекинг, код-ревью, непрерывную интеграцию, развертывание, профилирование производительности и памяти [3].

      1. Eclipse

Одно из самых популярных решений в арсенале веб-разработчика, не полностью бесплатна. Считается одной из самых быстрых и интуитивно понятных сред разработки для веб-приложений. Последнее обновление на Eclipse было выпущено в июне 2018 года. Уже несколько версий подряд Эклипс выходит и в полностью русифицированной версии [3].

IDE поддерживает создание не только веб-приложений, но и мобильного программного обеспечения. Это значительно расширяет возможность программиста: большинство площадок теперь имеют нативное приложение. Среди осей, на которых может работать Eclipse значится Android – разработка и тестирование происходит на одной платформе. Zend Studio – одно из приложений Eclipse. Позволяет создавать веб-приложения на основе языка PHP. Среда разработки, изначально ориентированная на работу с Java, прославилась большим количеством внешних модулей, существенно расширяющих её функциональность (в том числе, это касается количества поддерживаемых языков).

    1. Языки программирования и прочий софт.

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

На сегодняшний день создать сайт можно различными средствами и на разных платформах [1]. Рассмотрим подробнее основные технологии:

язык разметки гипертекстовых страниц HTML

язык стилей CSS

JavaScript

Ajax

      1. Язык разметки гипертекстовых страниц HTML

Язык разметки гипертекстовых страниц (HTML - Hypertext Markup Language) представляет собой язык, разработанный специально для создания Web-документов [3]. Он определяет синтаксис и размещение специальных инструкций (тегов), которые не выводятся на экран, но указывают браузеру, как отображать содержимое документа. Он также используется для создания ссылок на другие документы, локальные или сетевые, например, находящиеся в сети Интернет.

Стандарт HTML и другие стандарты для Web разработаны под руководством консорциума W3C (World Wide Web Consortium). Стандарты, спецификации и проекты новых предложений можно найти на сайте http://www.3w.org/ [3].

В настоящее время действует спецификация HTML 4.0, поддержка которой со стороны основных браузеров постоянно растет.

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

      1. CSS

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