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

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. В диапазоне указанных разрешений горизонтальная прокрутка не должна появляться. Интерфейс системы должен адаптироваться под разрешение экрана.

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