Критерии выбора средств разработки WEB-приложений(Основные понятия по разработке web-приложений)

Содержание:

Введение

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

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

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

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

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

Объектом исследования является web-приложение для аптеки.

Предмет исследования – средства разработки web-приложений.

Цель работы – обосновать и выбрать средства для разработки web-приложения и показать пример реализации приложения.

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

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

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

1. Обзор средств разработки web-приложений

1.1 Основные понятия по разработке web-приложений

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

World wide web (WWW, web, веб) – распределенная система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключенных к Интернет. Приставка «веб» может использоваться для обозначения объектов, ориентированных на использование в WWW или использующих типичные для WWW технологии (например, веб-интерфейс - интерфейс на базе веб-страниц).

Веб-браузер (браузер) – клиентская программа, поставляемая третьими сторонами и позволяющая просматривать содержимое веб-страниц.

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

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

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

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

Веб-дизайн (от англ. web design) — отрасль веб-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений.

В настоящее время под термином «веб-дизайн» понимают именно проектирование структуры веб-ресурса, обеспечение удобства пользования ресурсом для пользователей. Немаловажной частью проектирования ресурса в последнее время стало приведение ресурса в соответствие стандартам W3C, что обеспечивает доступность содержания для людей с ограниченными физическими возможностями и пользователей портативных устройств, а также кроссплатформенность (в данном случае — т. н. кросс-браузерность) вёрстки ресурса. Также непосредственно с дизайном сайтов смежны маркетинг в Интернете (интернет-маркетинг), то есть продвижение и реклама созданного ресурса, поисковая оптимизация.

Юзабилити (от англ. usability — «удобство и простота использования, степень удобства использования»), также удобство использования, пригодность использования, эргономичность – способность продукта быть понимаемым, изучаемым, используемым и привлекательным для пользователя в заданных условиях; свойство системы, продукта или услуги, при наличии которого конкретный пользователь может эксплуатировать систему в определенных условиях для достижения установленных целей с необходимой результативностью, эффективностью и удовлетворённостью.

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

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

Логотип (от др.-греч. λόγος — слово + τύπος — отпечаток) — графический знак, эмблема или символ, используемый территориальными образованиями, коммерческими предприятиями, организациями и частными лицами для повышения узнаваемости и распознаваемости в социуме. Логотип представляет собой название сущности, которую он идентифицирует, в виде стилизованных букв и/или идеограммы. Логотипы широко применяются в качестве товарных знаков.

Информационная архитектура (англ. Information architecture, часто сокращается до «ИА») — сочетание схем организации, предметизации и навигации, реализованных в информационной системе.

1.2 Средства разработки web-приложений

При создании веб-ориентированных систем, основанных на динамических страницах, есть несколько альтернатив в выборе интерпретатора языка программирования: ASP, JSP, Perl, PHP, Ruby, Python. Все представленные варианты предоставляют возможности, необходимые для реализации приложения.

PHP (HypertextPreprocessor – препроцессор гипертекста»; первоначально PersonalHomePageTools — «Инструменты для создания персональных веб-страниц») – скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов [7].

ASP – это технология представляющая собой страницы на серверном пространстве, при обращении к которым происходит выполнение программного кода. Что пользователь сделает, то страница и покажет. Данная технология позволяет делать сайты, которые после создания являются маленькими приложениями, по сравнению со стандартными пользовательскими программами. Программный код на ASP делится на две части: серверную и пользовательскую. Пользовательская часть отвечает за создание внешнего вида сайта. Серверная часть выполняет все действия по идентификации пользователя, работе с базой данных, сохранением переменных, обменом информацией от сервера и обратно. С технической точки зрения – это всего лишь текстовые документы, в которых хранятся коды со скриптовыми вставками на Java или Basic и некоторые части HTML-кода[10].

ASP.NET является продолжением технологии ASP. После большого изменения для программистов вышел пакет, похожий на Microsoft ASP, но имеющий намного больше функций. В основном данная среда разработки стала неотъемлемой частью большого проекта по развитию Интернета - платформа .NET Framework (.NET Framework поддерживает разработку программного обеспечения, написанного на различных языках программирования.) Веб-проекты, созданные по данной технологии, отличаются скоростью компиляции и работы. Для более качественного проектирования программ была создана новая среда разработки и отладчик, которые находят основную часть видимых и невидимых ошибок еще на стадии написания кода. Кроме того, сильно изменена компиляция и исполнение кода между операторами try и catch. Созданы новые элементы управления, что сильно ускорило создание пользовательского интерфейса.

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

Python/Zope – это языки программирования высокого уровня. Разработчики сильно постарались, чтобы программисту не доставляло трудностей работать с готовыми кодами, а программное обеспечение под управлением Python реализовывалось гораздо быстрее. Python выполнен так, что в нем присутствуют части объектно-ориентированного и императивного программирования, но ядро языка при этом имеет небольшой количество команд. Образуя классы и функции, можно, в итоге, получить некоторое количество модулей. В основном Python используется для программирования приложений с математическими расчетами и обработкой текста [10].

JSP – это технология в которой имеются страницы, созданные на языке Java и работают в основном именно на сервере. Здесь все зависит от выбора компилятора. Если взять Jasper, то первое исполнение заключается в создании высоко оптимизированного байтового кода, который в свою очередь передается Java-машине на исполнение. Можно использовать услуги Tomcatсервлет-контейнера (контейнер сервлетов - программа, являющаяся сервером, который занимается системной поддержкой сервлетов и обеспечивает их жизненный цикл в соответствии с правилами, определёнными в спецификациях. Может существовать как отдельный веб-сервер и быть поставщиком страниц для другого веб-сервера, напримерApache, или интегрироваться в Java EE сервер приложений. Осуществляет обмен информацией между сервлетом и клиентами, сам занимается выполнением функции создания программной среды для работающего сервлета, аутентификацию и авторизацию клиентов, организацию сессии для каждого из них.) – это самое популярное решение для бизнеса – аукционы, интернет-магазины и так далее. Главный секрет состоит в том, что готовый код может исполняться на сервере или в любом браузере пользователя, а язык предоставляет шанс полноценного программирования с классами, разделениями прав доступа к процедурам и прочими функциями, представленными полноценной Java.

HTML – это пользовательская основа всей сети Интернет. Есть возможность пользоваться различными фреймами на разных языках программирования, в частности с помощью HypertextMarkupLanguage выполняется графическое представление информации в обозревателе. Созданная страница имеет набор тегов, в которые включен текст и выполняется подключение различных документов. В основном теги бывают парными: открывается, имеет размеры, настройки внешнего вида, различный текст, многовариантные надписи и в конце закрывается. Часть тегов – одинарные. При помощи HTML верстальщика, программисты и пользователи имеют возможность поработать с графикой (в том числе и динамичной), плагинами обозревателя, разными технологиями программирования, документами, таблицами, шрифтами, фреймами и т.д.[7]

Dynamic HTML – это использование языка статической разметки HTML, каскадных стилей CSS для более удобной смены дизайна страницы и развивающегося программирования, а также JavaScript, что позволяет менять внешний вид страницы без ее перезагрузки. Страницы, созданные при помощи динамической разметки, загружаются немного дольше, но затем пользователь может переключаться между вкладками, наблюдать загрузку изображений, изменение расположения различных объектов, изменение содержимого и т.д. без загрузки лишних байтов. А самое основное заключается в том, что исполнение всех скриптов страницы выполняется непосредственно на машине пользователя. Таким образом динамические страницы, несмотря на их размер и внешний вид, может позволить себе абсолютно любой сервер.

CSS – это язык, использующийся разработчиками для создания набора стилей на базе упрощенного объектно-ориентированного программирования. Суть данного языка состоит в описании классов на странице и входящих объектов. Таким образом, можно всего лишь один раз указать вид шрифта, способ отображения, размер для данного объекта и постоянно использовать его в документе без дополнительного описания. Применение каскадных стилей сильно уменьшает общий размер HTML кода, разрешает настраивать внешний вид для различных браузеров и устройств просмотра. Достаточно подключить любой другой набор стилей и документ трансформируется без изменения кода. Использование способа каскадности разрешает объединять большое количество абсолютно различных объектов в один контейнер и давать одинаковые свойства один раз для абсолютно всех объектов одновременно [10].

JavaScript – это прототипно-ориентированный скриптовый язык программирования. Является разновидностью языка ECMAScript. JavaScript чаще всего применяется как встроенный язык для программного доступа к частям программ. Более обширно используется в браузерах как язык сценариев для придания интерактивности страницам. Главные архитектурные черты: динамическая типизация, слабая типизация, автоматическое управление памятью, прототипное программирование, функции как объекты первого класса. На JavaScript повлияли различные языки, при разработке целью было создать язык похожим на Java, но при этом простым в использовании людьми, не умеющими программировать. Текстовые документы, которые содержат набор кодов, подключаются к документу и выполняются на клиентской машине. Во множестве случаев данная технология применяется для корректной работы органов управления сайта и корректировки действий браузера. В жизни очень часто JavaScript применяется для обеспечения размещения рекламы на сайтах – баннеры, контекстная реклама, которая не засекается поисковой машиной [10].

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

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

2. Постановка задачи

2.1 Описание задачи

Объектом исследования является Аптека, которая является учреждением здравоохранения, основная задача которого – обеспечение населения, учреждений здравоохранения и других учреждений, организаций, предприятий продукцией медико-фармацевтического назначения.

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

Предметом деятельности аптеки является:

• Изготовление, хранение и реализация лекарственных средств по рецептам врачей, требованиями лечебно-профилактических учреждений;
• Внутриаптечный контроль качества изготовленных лекарственных форм, их оформление к отпуску;
• Безрецептурный отпуск лекарственных средств и изделий медицинского назначения;
• Отпуск готовых лекарственных средств по рецептам врачей, требованиями лечебно-профилактических учреждений;
• Оптовая реализация лекарственных средств;
• Заготовка, сбор, переработка лекарственного растительного сырья;
• Входной контроль качества лекарственных средств;
• Создание оперативного резерва лекарственных средств согласно установленной номенклатуре.

Основными целями создания Интернет-магазина для аптеки являются [16, с.59]:

• улучшение экономических показателей в результате работы в новом режиме: увеличение объема продаж за счет расширения территории охвата обслуживаемых клиентов;
• улучшение качества обработки информации за счет повышения степени достоверности обработки информации, повышения степени автоматизации процесса продаж, увеличение количества аналитических показателей, получаемых на основе единой Базы данных.

В результате работы Интернет-магазина Аптека получает возможность автоматизировать процесс продаж: покупка может быть совершена без непосредственного контакта продавца и покупателя. Сделка оформляется через Базу данных Интернет-магазина.

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

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

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

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

Из вышесказанного можно перечислить основные задачи информационной системы:

• Проанализировать информацию о деятельности аптеки, для которой будет разрабатываться информационная система, направленная на работу с пользователями сайта и предполагаемыми клиентами;
• Выбрать автоматизированную среду для реализации задач автоматизации исследуемого процесса;
• Спроектировать модели для представления проекта, выделить автоматизируемые задачи и определить требования и условия по проектированию автоматизированной информационной системы «аптека»;
• Определить и рассмотреть выбранные объемы, методы и средства решения задач автоматизации, отобразить решения данным, схемами, таблицами, рисунками;

Программные продукты, предназначенные для работы непосредственно с пользователями, часто строятся на базе модели MVC (model-view-contriller). При этом приложения содержат три основных компонента:

1) модель (model) -уровень хранения данных (база данных);

2) представление (view) – уровень внешнего вида данных (интерфейс);

3) контроллер (controller) – уровень компонентов, реализующих логику приложения.

В соответствии с моделью MVC интернет-аптека должна быть построена так:

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

2. Web-интерфейс пользователя позволяет ввести запрос для поиска, показывает результат поиска, кладёт товар в корзину, выбирает вид оплаты и способ доставки.

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

Данные уровни, как правило, разделены по своему расположению. База данных хранится на сервере, на сервере установлено и специализированное ПО. Пользователи с клиентских компьютеров посредством Web-интерфейсов вводят запросы. Сервер на основании введенных данных и инструкций по их обработке возвращает HTML-страницы. Пользователи совершают новые действия на HTML-страницах, и страницы снова обращаются к серверу, который генерирует новые HTML-страницы. Причём для пользователя результат будет одинаковым и при использовании скриптового языка ASP в сочетании с СУБД MS SQL Server, и при использовании языка PHP с MySql.

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

Разработка требований к web-интерфейсу интернет-аптеки.

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

I. Технические средства:

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

- настольные персональные компьютеры и неттопы с мониторами от 14 дюймов и выше;

- ноутбуки и нетбуки;

- планшетные компьютеры;

- смартфоны.

II. Операционные системы:

- Microsoft Windows XP SP3, 7, 8, 9.1, 10;

- Linux (ASTRA Linux, BASALT Linux, ALT Linux, Simply Linux, UBUNTU и другие;

- Android 4.х и выше;

- IOS 6.хх и выше;

- MacOS 10.хх и выше.

III. Браузеры:

- Internet Explorer;

- Google Chrome;

- Mozilla Fitefox;

- Яндекс;

- Спутник;

- другие браузеры, в том числе реализованные на основе указанных выше.

IV. Уровень подготовки и состояние здоровья:

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

Исходя из указанного, при создании web-интерфейса интернет-аптеки необходимо учесть следующее:

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

- Пользовательский интерфейс должен адаптироваться под основные разрешения экранов настольных (десктоп), портативных (ноутбук), планшетных устройств и смартфонов. Максимальное разрешение по горизонтали - 1920px, минимальное - 640px. В диапазоне указанных разрешений горизонтальная прокрутка не должна появляться. Интерфейс системы должен адаптироваться под разрешение экрана.

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

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

- возможность просмотра страницы сайта на мониторах с альбомным (горизонтальным) расположением изображения и на экранах планшетов и смартфонов с книжным (вертикальным) размещением изображения:

- наличие функции (кнопки) "Включить версию для слабовидящих";

Общие требования к пользовательскому интерфейсу

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

Основные возможности программы:

- Любой язык. Программу можно перевести на любой удобный Вам язык. Кроме того, можно работать сразу с несколькими языками.

- Любой товар. Продавать можно любой товар, удобно классифицировав его.

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

- Выбор при продаже. Выбирать товар при продаже можно поиском по названию или вводя штрих-код.

- Аналоги. Достаточно ввести слово "аналог" и программа сама покажет подходящие товары в наличии.

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

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

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

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

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

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

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

2.2 Выбор средств разработки приложения

Для разработки был выбран язык программирования PHP. Отличие его от JavaScript в том, что PHP-скрипты выполняются на сервере и создают HTML, который направляется пользователю.

Ниже приведены некоторые свойственные особенности языка PHP [20]:

• доступность для большинства операционных систем, охватывая: Linux, многие модификации Unix, Microsoft Windows, Mac OS X, RISC OS, и почти все иные. Также в PHP интегрированы возможности большинства современных веб-серверов, таких как Apache, IIS и множества других. Таким образом, программист получает свободу выбора операционной системы и веб-сервера, а так же выбор между процедурного или объектно-ориентированного способа программирования или же их сочетания;
• способность создание не только HTML разметки. Доступно составление изображений, файлов PDF и Flash роликов в том числе. Также PHP способен создавать всевозможные текстовые данные, такие, как XHRML и иные XML-файлы. PHP имеет возможность осуществления автоматической генерации таких текстовых файлов и сохранения их в файловой системе сервера;
• поддержка широкого круга баз данных – одно из главных достоинств PHP;
• поддержка взаимосвязи с другими сервисами, через протоколы, такие как: LDAP, POP3, HTTP, COM (на платформах Windows) и множество других. Дополнительной возможностью является управление сетевыми сокетами напрямую;
• стандарт обмена данных буквально между всеми языками веб-программирования, поддержка объектов Java и возможность их применения в качестве объектов PHP.

Несмотря на схожий с C синтаксис, JavaScript по сопоставлению с языком C содержит главные отличия:

• объекты, с вероятностью интроспекции (способностью определить тип и структуру объекта во время выполнения программы);
• автоматическое приведение типов;
• автоматическая сборка мусора (для чистки памяти от недостижимых значений в браузерах применяется автоматический сборщик мусора (Garbage collection, GC), интегрированный в интерпретатор, который отслеживает объекты и периодически удаляет недостижимые);
• анонимные функции.

Языки программирования PHP и JavaScript полностью соответствуют предъявляемым требованиям для выполнения поставленных задач и были выбраны в качестве языков для разработки приложения.

3. Разработка web-приложения с использованием выбранных средств

3.1 Структура приложения

Автоматизированная система работает следующим образом: клиент, заходит на сайт, ищет необходимые товары, добавляет их в корзину, проверяет оформление заказа и отправляет заявку. После подтверждения заказа менеджером, клиент получает сообщение на e-mail.

Рисунок 1 – Диаграмма состояний. Заказ товара

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

Рисунок 2 – Диаграмма состояний. Проверка заказа

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

Рассмотрим весь путь заказа с помощью диаграммы деятельности на рисунке 3.

Рисунок 3 – Диаграмма деятельности.

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

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

На диаграмме последовательности объекты в основном представляю экземпляры класса или сущности, обладающие поведением. В качестве объектов могут выступать пользователи, инициирующие взаимодействие, классы, обладающие поведением в Системе или программные компоненты, а иногда и Системы в целом. Рассмотрим диаграмму последовательности на примере заказа товара на сайте (рис. 4).

Рисунок 4 – Диаграмма последовательности

3.2 Результаты разработки приложения

Логическая схема связи страниц и модулей сайта представлена на рисунке (рис.5).

Рисунок 5 – Логическая схема связи страниц и модулей сайта

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

Рисунок 6 – Основные пункты меню

Перечислим основные возможности панели данного сайта:

• Пункт меню «Главная» позволяет перейти на основную станицу веб-сайта, где возможно просмотреть общую информацию и главные новости;
• Пункт меню «Новости» содержит новости, информация о проводимых мероприятиях в аптеке;
• Пункт меню «Товары» позволяет выбрать со всплывающего окна тип товара, после выбора которого появляется страница с товарами доступные для заказа. Около товаров имеется основная информация по товару, поле для выбора кол-ва заказываемого товара и кнопка «Заказать»;
• Пункт меню «Акции» предоставляет возможность узнать клиенту информацию о скидках и акциях в ресторане;
• Пункт меню «Информация» содержит помощь и информацию как сделать заказ;
• Пункт меню «Личный кабинет», в нем зарегистрированный пользователь может посмотреть на заказанные товары и статистику.

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

• Выбираем пункт меню «Товары», выбираем из всплывающего окна нужную нам категорию.
• У каждого товара есть фотография и краткая информация о нем. На рисунке (рис. 7) мы можем увидеть, как это выглядит.

Рисунок 7 – Внешний вид товара

• Добавляем в корзину нужные товары указывая их кол-во.
• Нажимаем на кнопку «Оформить заказ», после этого мы видим выбранные нами товары и общую сумму заказа (рис.8). После этого нажимаем кнопку «Заказать» и этот заказ вступит в обработку.

Рисунок 8 – Обработка заказа

• После подтверждения заказа, пользователю отправят письмо на e-mail.

Администраторская панель сайта

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

• Пункт меню «Лекарства» позволяет редактировать (рис.9), удалять лекарственные препараты, а так же добавлять новые;

Рисунок 9 – Окно редактирования товаров

• При нажатии кнопки «Добавить новый препарат» открывается новое окно (рис. 10), в котором мы можем добавить новый товар в базу данных.

Рисунок 11 – Окно добавления нового препарата

• Выбрав пункт меню «Пользователи» администратор может изменить или удалить пользователя (рис.12).

Рисунок 12 – Окно изменения данных пользователя

Пункт меню «Заказы» имеет вкладки «Открытые заказы», «Завершенные заказы» и «Графики». Во вкладке «Открытые заказы» мы можем просмотреть невыполненные заказы за указанный период (рис. 13).

Рисунок 13 – Вкладка открытых заказов

Так же можно просмотреть уже завершенные препараты (рис. 14). Так же есть возможность увидеть детали заказа.

Рисунок 14 – Вкладка завершенных заказов

• И последняя вкладка – это «Графики» (рис. 15), на них можно увидеть рейтинг самых активных клиентов.

Рисунок 15 – График клиентов с наибольшим количеством купленных товаров

Заключение

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

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

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

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

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

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

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

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

1. Аткинсон Л. MySQL. Библиотека профессионала - СПб: Вильямс, 2014. - 624 c.
2. Белов П.М. Основы алгоритмизации в информационных системах: Учебн. Пособие.- Спб.: СЗТУ, 2003. – 85с. Режим доступа: http://www.ict.edu.ru/ft/005406/nwpi225.pdf
3. Бритов Г., Осипова Т. Моделирование бизнес-процессов. - М.:LAP, 2014. – 124 с.
4. Варфоломеева Е.В. Информационные системы в экономике: Учебное пособие / Е.В. Варфоломеева, Т.В. Воропаева и др.; Под ред. Д.В. Чистова - М.: НИЦ ИНФРА-М, 2015. - 234 с.
5. Вдовенко Л.А. Информационная система предприятия: Учебное пособие/Вдовенко Л. А. - 2 изд., перераб. и доп. - М.: Вузовский учебник, НИЦ ИНФРА-М, 2015. - 304 с.
6. Гамма Э., Хелм Р., Джонсон Р., Влиссидес Дж. Приемы объектно-ориентированного проектирования. Паттерны проектирования. - СПб.:Питер, 2015. – 368 с.
7. Гвоздева В.А. Базовые и прикладные информационные технологии: Учебник / Гвоздева В. А. - М.: ИД ФОРУМ, НИЦ ИНФРА-М, 2015. - 384 с.
8. Гвоздева В.А. Информатика, автоматизированные информационные технологии и системы: Учебник / В.А. Гвоздева. - М.: ИД ФОРУМ: НИЦ ИНФРА-М, 2015. - 544 с.
9. Душин, В.К. Теоретические основы информационных процессов и систем : учебник / В.К. Душин .— 5-е изд. — М. : ИТК "Дашков и К", 2014 .— 348с.
10. Заботина Н.Н. Проектирование информационных систем: Учебное пособие / Н.Н. Заботина. - М.: ИНФРА-М, 2011. - 331 с.
11. Затонский А.В. Информационные технологии: разработка информационных моделей и систем: Учеб. пос. / А.В.Затонский - М.: ИЦ РИОР: НИЦ ИНФРА-М, 2014 - 344с.
12. Информационные системы в экономике: Учебник / К.В. Балдин, В.Б. Уткин. - 7-e изд. - М.: Дашков и К, 2012. - 395 с.
13. Исаев Г. Проектирование информационных систем. Учебное пособие. - М.: Омега-Л, 2015. - 432с.
14. Карминский А.М. Методология создания информационных систем: Учебное пособие / А.М. Карминский, Б.В. Черников. - 2-e изд., перераб. и доп. - М.: ИД ФОРУМ: ИНФРА-М, 2012. - 320 с.
15. Коваленко В.В. Проектирование информационных систем: Учебное пособие / В.В. Коваленко. - М.: Форум: НИЦ ИНФРА-М, 2014. - 320 с.
16. Макаров В.Л. Программирование и основы алгоритмизации.: учебн. пособие.-Спб., СЗТУ, 2003, - 110с. Режим доступа: http://window.edu.ru/resource/126/25126/files/nwpi223.pdf
17. Основы алгоритмизации и программирования : учебное пособие / Г. Р. Кадырова. – Ульяновск : УлГТУ, 2014. – 95 с. . Режим доступа: http://venec.ulstu.ru/lib/disk/2014/137.pdf
18. Основы алгоритмизации и программирования. Курс лекций. Режим доступа: http://lib.ssga.ru/fulltext/UMK/исходные%20для%20Кацко/заменить%20полностью/Информатика/лекции/13%20Основы%20алгоритмизации%20и%20программирования.pdf
19. Основы алгоритмизации и программирования: Метод. указ. / Сост.: И.П. Рак, А.В. Терехов, А.В. Селезнев. Тамбов: Изд-во Тамб. гос. техн. ун-та. Режим доступа: http://www.ict.edu.ru/ft/004758/terehov.pdf
20. Основы алгоритмизации и программирования: учеб. пособие / Т.А. Жданова, Ю.С. Бузыкова. – Хабаровск : Изд-во Тихоокеан. гос.ун-та, 2011. – 56 с. Режим доступа: http://pnu.edu.ru/media/filer_public/2013/02/25/book_basics.pdf
21. Пирогов, В.Ю. Информационные системы и базы данных: организация и проектирование: Учебное пособие / В.Ю. Пирогов. - СПб.: БХВ-Петербург, 2014. - 528 c.
22. Программирование и основы алгоритмизации: Для инженерных специальностей технических университетов и вузов. /А.Г. Аузяк, Ю.А. Богомолов, А.И. Маликов, Б.А. Старостин. Казань: Изд-во Казанского национального исследовательского технического ун-та - КАИ, 2013, 153 с. Режим доступа: http://au.kai.ru/documents/Auzyak_Progr_osn_alg_C_2013.pdf
23. Редько В.Н., Бассараб И.А. Базы данных и информационные системы. - М.: Знание, 2015. - 602 c.
24. Уткин В., Балдин К. Информационные системы в экономике. - М.: Academia, 2014. - 288с.
25. Федотова Е. Информационные технологии и системы: Учебное пособие / Е.Л. Федотова. - М.: ИД ФОРУМ: НИЦ ИНФРА-М, 2014. - 352 с
26. Федотова Е.Л. Информационные технологии в профессиональной деятельности: Учебное пособие / Е.Л. Федотова. - М.: ИД ФОРУМ: НИЦ ИНФРА-М, 2015. - 368 с.
27. Черников Б.В. Информационные технологии управления: Учебник / Б.В. Черников. - 2-e изд., перераб. и доп. - М.: ИД ФОРУМ: НИЦ ИНФРА-М, 2014. - 368 с.
28. Шаймарданов Р.Б. Моделирование и автоматизация проектирования структур баз данных - М.: Юнити, 2016. - 469 c.
29. Шишов О.В. Современные технологии и технические средства информатизации: Учебник / О.В. Шишов. - М.: НИЦ Инфра-М, 2012. - 462 с.

Приложение

ФУНКЦИИ системы