Рисунок 6. Диаграмма деятельности варианта использования «Отправить заказ»

Тестирование приложения

Тестирование проводилось на эмуляторе в процессе разработки.

Благодаря тестированию были выявлены и исправлены следующие ошибки:

1) обрезание шрифта;

2) отступы, не соответствующие дизайну;

3) ошибки с отображением курсора;

4) неверные размеры полей;

5) неверное отображение сообщений для пользователя;

6) некорректное отображение на устройствах с большим размером экрана.



2.3 Описание работы мобильного приложения

Экран главного меню для клиента представляет собой фон с кнопкой для перехода к экрану создания заказа. Можно воспользоваться поиском:

Рисунок 7. Поиск товара

Или каталогом товаров:

Рисунок 8. Выбор товара из каталога



После выбора необходимого товара его необходимо добавить в корзину

Рисунок 9. Выбор позиции

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

Рисунок 10. Выбор доставки в аптеку



При подтверждении заказа появляется сообщение:

Рисунок 11. Сообщение о принятом заказе

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



ГЛАВА 3. ТЕХНИКО-ЭКОНОМИЧЕСКАЯ ЭФФЕКТИВНОСТЬ РАБОТЫ ПРИЛОЖЕНИЯ ANDROID СЕТИ АПТЕК «ФАРМАЦИЯ»

3.1 Расчет затрат на создание продукта

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

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

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

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

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

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

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

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

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

Тпр= Тп+ Та+ Тбс+ Тк+ Тот+ Тд (чел.-ч)

Где Тп- трудозатраты на изучение описания задачи, (чел.-ч.);

Та- трудозатраты на разработку алгоритма решения задачи, (чел.-ч.);

Тбс- трудозатраты на разработку блок-схемы программы, (чел.-ч.);

Тк- трудозатраты на непосредственное написание программы, (чел.-ч.);

Тот- трудозатраты на отладку программы на ЭВМ, (чел.-ч.);

Тд- трудозатраты на подготовку документации по задаче, (чел.-ч.).

Слагаемые трудозатрат определяются через условное количество команд в программных модулях:

О= о*С*(1+УР)= 100*1, 30*(1+(0, 3+0, 3))= 208 (чел.-ч)

Где о- предполагаемое число операторов, о=100;

С- коэффициент сложности программы, С = 1, 30;

Р- коэффициент коррекции программы при ее разработке, Р = 0, 3;

n= 2- количество коррекций программы в ходе ее разработки.

Трудозатраты на изучение описания задачи Tn, с учетом уточнения, могут быть определены по формуле:

Tn= О*В/ 75*К= (208/75*1, 3)*1, 5= 3, 2 (чел-ч)

Где К- степень подготовленности исполнителя к выполнению работы, К=1, 3;

В- коэффициент увеличения затрат по сложности задачи, В=1, 5.

Трудозатраты на разработку алгоритма решения задачи:

Та= О/20*К= (208/20*1, 3)= 8 (чел-ч)

Трудозатраты на разработку блок-схемы программы:

Тбс= О/10*К= (208/10*1, 3)= 16 (чел-ч)

Трудозатраты на непосредственное написание программы:

Тн= О/20*К= (208/20*1, 3)= 8 (чел-ч)

Трудозатраты на отладку программы на ЭВМ:

Тотл= О/4*К= (208/4*1, 3)= 40 (чел-ч)

Трудозатраты на подготовку документации по задаче:

Тд= О/15*К= (208/15*1, 3)= 10, 7(чел-ч)

Результаты расчетов необходимо свести в таблицу 1.

Таблица 1 - Трудоемкость работ на разработку программы.

№	Этапы проектирования	Трудоемкость (чел.- ч.)
1	Изучение описания задачи Тп	3, 2
2	Алгоритм решения задачи Та	8
3	Блок-схема алгоритма Тбс	16
4	Написание программы по блок- схеме Тн	8
5	Отладка программы на ЭВМ Тотл	40
6	Подготовка документации Тд	10, 7
Итого	85, 9

Сумма трудозатрат на разработку приложения на Android 85, 9 (чел.-ч.).

Расчет себестоимости и цены программного продукта

Себестоимость проекта Спр определяется суммированием следующих статей затрат:

- материальные ресурсы;

- энергоресурсы;

- оплата труда разработчика программного продукта;

- амортизация;

- прочие затраты;

- расходы на подготовку и осваивание производства;

- общехозяйственные расходы.

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

где О - средняя заработная плата проектировщика в час, руб./ч.;

Тпр- трудоемкость проектирования, чел-ч.;

Пд- процент дополнительной заработной платы;

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

Пнр- процент накладных расходов.

Работа программиста по условиям труда квалифицируется как вредная. Согласно положению об оплате труда доплата за вредность составляет до 10% в зависимости от аттестации рабочего места. Дополнительный фонд заработной платы - 10%. Страховые взносы - 30%.

Определим фонд заработной платы инженера-программиста 12 разряда:

где О - средняя заработная плата проектировщика 1-го разряда в час, (руб./час) (31, 3 руб.);

Тпр- трудоемкость проектирования, (чел.-ч.);

Пд- процент дополнительной заработной платы, 10 %;

Псц- процент страховых взносов, включая: социальное и медицинское страхование, фонд занятости, пенсионный фонд, Псц= 30%;

Пнр- процент накладных расходов, 30 %.

Средняя заработная плата проектировщика в час может быть определена по формуле:

Где З^1раз - средняя заработная плата проектировщика 1-го разряда в месяц, 5000 руб.;

Кдн- количество рабочих дней в месяце, Кдн= 20;

Краз- разрядный коэффициент, Краз= 1, 00;

Тсм- продолжительность смены, Тсм= 8 часов;

Расчет затрат на техническое обеспечения проекта

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

- Монитор 1 шт. - 4700 руб.

- системный блок 1 шт. - 30500 руб.

- клавиатура 1 шт. - 760 руб.

- мышь 1 шт. - 799 руб.

- принтер- шт. - 6690 руб.

- Windows 7 (лицензионный) - шт. - 7120 руб.

Итого затрат на техническое и программное обеспечение Соф- 50569 руб.

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

Срок использования технических средств 3 года.

Затраты на амортизацию (амортизационные отчисления):



Зам= Sбал*Нам/100

Зам=50569*12, 5/100= 6321, 12

Где Нам- 12, 5%,

Sбал= 50569 (руб).

Прочие затраты

Затраты на оплату машинного времени при отладке программы определяются путем умножения фактического времени отладки программы на цену машино-часа арендного времени:

Змв= Счас* tэвм

С_час- цена машино-часа арендного времени, тен/час =30 руб.;

t_эвм- фактическое время отладки программы ЭВМ, =1760;

Фактическое время отладки вычислим по формуле:

Расчет затрат на текущий ремонт

Затраты на текущий и профилактический ремонт принимаются равными 5% от стоимости ЭВМ:

З_ТР = 0, 05* S_БАЛ

З_ТР= 0, 05* 50569= 2528, 45

Затраты на материалы, необходимые для обеспечения нормальной работы ПЭВМ составляют около 1% от стоимости ЭВМ:

З_МВ =0, 01*С_БАЛ

З_МВ=0, 01*50569= 505, 69

Итого прочие затраты



З_пр = З_мв + З_тр+ З_м= 1760+2528, 45+ 505, 69= 4794, 14 (руб.)

Затраты на материальные ресурсы

1. Компакт-диск 1 - 40 руб.

2. Вспомогательная литература - 200 руб.

3. Канцтовары - 60 руб.

4. Итого материальные ресурсы - 300 руб.

Расчет затрат на энергоресурсы

Для выполнения программного проекта используется электроэнергия на технологические цели:

С_ЭР =N *n *Ц *t =0, 70 *1* 6, 20 *8 =34, 7 (руб.)

где N - мощность технических средств - 0, 70 (кВт);

n =1 - количество используемых технических средств;

Ц - цена одного киловатта электроэнергии 6, 20 (руб.);

t - время работы в часах - 8 (часов).

Цена одной копии программного продукта определяется по формуле:

Ц_к = Ц_прод / N (руб.),

где Ц _прод - цена продукции;

N- количество копий, разрабатываемых программ.

Цена одной копии программы составит:

Ц_к =Ц_прод / N =19617, 03 /1 =19617, 03 (руб.).

Результаты расчетов необходимо свести в таблицу 2.



Таблица 2 - Калькуляция себестоимости и отпускной цены

№ П/П	Статьи и затраты	Сумма (руб.)
1	Материалы	300
2	Энергоресурсы	34, 7
3	Основная заработная плата	3210, 3
4	Дополнительная заработная плата	267, 41
5	Амортизационные нужды	6321, 12
6	Прочие затраты	4794, 14
7	Расходы на подготовку и осваивание производства	50, 34
8	Общехозяйственные расходы	303, 55
9	Производственная себестоимость	15281, 56
10	Прибыль предприятия	2084, 36
11	Цена продукции	17365, 92
12	НДС	2251, 11
13	Отпускная цена	19617, 03
14	Налог на прибыль	416, 87
15	Чистая прибыль	1667, 5

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

В результате расчетов экономической эффективности создания программного обеспечения получены следующие результаты: себестоимость программного продукта составила 15281, 56 рублей.

3.2 Экономическая эффективность

К основным затратам относятся приобретение мобильного приложения сеть аптек «Фармация». Основной статьей расходов на внедрение является приобретение программного продукта. Затраты составляют 15281, 56 рублй. Обслуживанием программного продукта являются администраторы, которые входят в штат сотрудников.

Мобильное приложение сеть аптек «Фармация» вызывает ряд преимуществ, которые делятся на 2 группы:

Экономический эффект

- Экономия средств на канцелярские товары и расходные материалы для офисной техники;

- Экономия трудозатрат работников;

- Экономия на з/п промоутеров

Социальный эффект

- Прозрачность управления;

- Удобность для клиентов.

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

экономия времени на обслуживание посетителя аптеки;

повышение уровня работоспособности сотрудников.

Средний процент экономии времени на обслуживание посетителя, а также на поиск необходимой информации - 15%. Исходя из этого использование мобильного приложения позволяет сэкономить - (30% * 15%)/100% = 4, 5% рабочего времени.

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

Затраты на финансирование ставки + страховые взносы, где

Затраты на финансирование ставки

- ежемесячные затраты, связанные с финансированием одной ставки;

- общая ежемесячная зарплата сотрудника;

Страховые взносы - ежемесячные страховые взносы в государственные внебюджетные фонды.

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

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

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

оплата времени отпусков;

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

выходное пособие при увольнении и др.

Ежемесячная дополнительная заработная плата равна 1/12 от основной заработной платы, так как отпуск работнику оплачивается исходя из среднего значения основной заработной платы за год.

Основная заработная плата сотрудника составляет 20 000 руб., исходя из этого, получим результат:

ЗПобщ = 20 000 / 12 = 1666 руб.

Премиальные выплаты на предприятии составляют 25% от основной заработной платы, из этого следует, что премиальные выплаты составляют 20000 * 0, 25 = 5000 руб.

Сумма общей ежемесячной заработной платы= 20000+1666+5000= 26 666 руб.

Страховые взносы определяются в процентном отношении по затратам на оплату труда персонала. Расчет страховых взносов производится по формуле:

Страховые взносы = ЗПобщ* Ставка страховых взносов

Величина ставки страховых взносов составляет 30%. Подставляя данные значения в формулу, получаем величину страховых взносов равную

26 666 * 0, 3 = 7 999, 80 руб.

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

26 666 + 7 999, 80= 34 6665, 80 руб

Принимая во внимание, что мобильное приложение позволяет сэкономить 4, 5% рабочего времени сотрудника, рассчитаем ежемесячный экономический эффект от уменьшения количества времени, затраченного на работу с системой (34 6665, 80 * 0, 045 = 1559, 96 руб.).

Так как с системой будут работать 2 человека, ежемесячный экономический эффект составит 1559, 96 * 2 = 3119, 92 руб.

Суммарный объем годовой экономической эффективности мобильного приложения сеть аптек «Фармация»: 3119, 92 * 12 = 37439, 06 руб.

Срок окупаемости

Рассчитаем срок окупаемости продукта по формуле:

Т = К / П, где

К - единовременные капитальные затраты при внедрении;

К= Зам+ Эл.эн= 6321, 20+34, 70= 6355, 90 руб

П - годовая экономия, руб.

П = 37439, 06 руб

Подставляя данные значения в формулу, получаем:

Т = 6355, 90 / 37439, 06 = 0, 169

Умножим на 365 дней в году и получим срок окупаемости продукта в ~62 дня. Таким образом, мобильное приложение окупится через 62 дня. На основании приведенных расчетов можно сделать вывод о том, что за счет снижения трудоемкости, мобильное приложение может значительно повысить эффективность деятельности сети аптек «Фармация» и обеспечить значительную экономию средств.



ЗАКЛЮЧЕНИЕ

В данном дипломном проекте рассматривалось создание Android- приложения для сети аптек «Фармация».

Проведенный анализ ГУП «Фармация» показал, что, несмотря на достаточно широкую аптечную сеть, следует оптимизировать покупку и доставку лекарственных препаратов, изделий медицинского назначения и прочего фармацевтического ассортимента. Это позволит приблизить лекарственную помощь населению, а также повысить прибыль фармацевтической организации. Говорить о блестящих перспективах развития коммерческих проектов в Интернете уже не приходится - данные статистики и очевидные факты чётко определили явные конкурентные преимущества многих компаний, имеющих свой собственный сайт.

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

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

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

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

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

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

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

В результате проделанной работы поставленная цель была достигнута: разработано приложение для клиента сети аптек «Фармация». Поставленные задачи также были выполнены. В процессе работы были изучены и использованы архитектурные особенности платформы Android.

Тестирование позволило выявить некоторые недочёты приложений и исправить их в процессе разработки.



СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ И ЛИТЕРАТУРЫ

1. Фаулер М., Архитектура корпоративных программных приложений //М.Фаулер. -- М.: Издательский дом "Вильяме", 2014. -- 544 с.

2. Гамма Э., Приемы объектно-ориентированного проектирования // Э.Гамма, Р.Хелм, Р.Джонсон. -- СпБ: Питер, 2015. -- 368 с.

3. Программирование под Android / Блэйк Мик. -- СПб.: Санкт-Петербург, 2012. - 496 с.

4. Android 2. Программирование приложений для планшетных компьютеров и смартфонов // Рето Майер, Эксмо, 2014.

5. Смартфоны Android без напряга. Руководство пользователя / Андрей Жвалевский. -- СПб.: Москва, 2013. - 224 с.

6. Программирование для Android. Самоучитель / Денис Колиснеченко. -- СПб.: Санкт-Петербург, 2015. - 272 с.

7. Программирование для Android. Самоучитель /Колисниченко Д. - 2015. - 736 с.

8. Компоненты приложений в Android. Часть 1. [Электронный ресурс]. - режим доступа: http://android-shark.ru/komponentyi-prilozheniy-v-android-chast-1/(Дата обращения: 02.06.2013)

9. Компоненты приложений в Android. Часть 2. [Электронный ресурс]. - режим доступа: http://eclipse-3.narod.ru/#_Toc90528393(Дата обращения: 02.06.2013).

10. Особенности Service и AsyncTask в Android-приложениях [Электронный ресурс] // DataArt -- Электрон. дан. -- [Б.м.], 2016 -- URL: http://www.dataart.ru/blog/2011/10/osobennosti-service-i-asynctask-v-androidprilozheniyah (дата обращения: 12.04.2017)

11. Платежи в Android приложениях это просто [Электронный ресурс] // PVSM.RU -- Электрон. дан. -- [Б.м.], 2016 -- URL: http://www.pvsm.ru/android/24285/print (дата обращения: 11.04.2017)

12. Платежи в Android приложениях это просто. Продолжение [Электронный ресурс] // PVSM.RU -- Электрон. дан. -- [Б.м.], 2014 -- URL: http://www.pvsm.ru/android/24377 (дата обращения: 17.04.2017)

13. Полезные советы новичкам в дизайне под Android [Электронный ресурс] // Тематические медиа -- Электрон. дан. -- [Б.м.], 2013 -- URL: https://habrahabr.ru/post/173767 (дата обращения: 16.04.2017)

14. Архитектура Android [Электронный ресурс] // Тематические медиа -- Электрон. дан. -- [Б.м.], 2015 -- URL: https://geektimes.ru/post/16770 (дата обращения: 14.05.2016)

15. AsyncTask [Электронный ресурс] // Google Inc. -- Электрон. дан. [Б.м.], 2016 -- URL: https://developer.android.com/android/os/AsyncTask.html (дата обращения: 01.04.2017)

16. Activity [Электронный ресурс] // Google Inc. -- Электрон. дан. -- [Б.м.], 2016 -- URL: https://developer.android.com/android/app/Activity.html (дата обращения: 24.03.2017)

17. Encoded Polyline Algorithm Format [Электронный ресурс] // Google Inc.--Электрон.дан.--[Б.м.], 2016--URL:

https://developers.google.com/maps/documentation/utilities/polylinealgorithm (дата обращения: 05.04.2017)

18. Fragments [Электронный ресурс] // Google Inc. -- Электрон. дан. --[Б.м.], 2016 -- URL: https://developer.android.com /components/fragments.html (дата обращения: 28.03.2017)

19. Implementing In-app Billing [Электронный ресурс] // Google Inc. -- Электрон. дан. -- [Б.м.], 2016 -- URL: http://developer.android.com/ /google/play/billing/billing_integrate.html (дата обращения: 25.03.2017)

20. Preparing Your In-app Billing Application [Электронный ресурс] // Google Inc. -- Электрон. дан. -- [Б.м.], 2016 -- URL: http://developer.android.com/intl/ru/training/in-app-billing/preparing-iab-app.html (дата обращения: 22.03.2017)

21. Shapes [Электронный ресурс] // Google Inc. -- Электрон. дан. -- [Б.м.], 2016 -- URL: https://developers.google.com/maps/documentation/android-api/shapes (дата обращения: 18.03.2017)

22. Форум о программировании для мобильных устройств [Электронный ресурс]// URL: http://www.4pda.ru

23. Supporting Different Densities [Электронный ресурс] // Google Inc. -- Электрон. дан. -- [Б.м.], 2016 -- URL: http://developer.android.com /training/multiscreen/screendensities.html (дата обращения: 26.03.2017)

24. Supporting Different Screen Sizes [Электронный ресурс] // Google Inc. -- Электрон. дан. -- [Б.м.], 2016 -- URL: http://developer.android.com/ /training/multiscreen/screensizes.html (дата обращения: 13.04.2017)

25. Supporting Multiple Screens [Электронный ресурс] // Google Inc. -- Электрон. дан. -- [Б.м.], 2016 -- URL: http://developer.android.com/ /ru/guide/practices/screens_support.html (дата обращения: 14.07.2017)



ПРИЛОЖЕНИЯ

Приложение А

Руководство пользователя для клиентского приложения

В приложение имеется несколько разделов. Ознакомиться с компанией «Фармация» можно в соответствующем разделе:

Рисунок 12. Раздел «О компании»

Рисунок 13. Местоположение главного офиса



Рисунок 14. Изображение со спутника

Для оформления заказа в первую очередь необходимо войти в систему.

Если пользователь уже зарегистрирован в приложении, то для этого необходимо ввести email и пароль в соответствующие поля для ввода данных и нажать на кнопку «Войти в личный кабинет»

Рисунок 15. Личный кабинет пользователя в приложении для клиента

При нажатии на кнопку «Редактировать данные» пользователь попадет в окно для редактирования личных данных, изображенное на рисунке 13



Рисунок 16. Окно редактирования данных в приложении для клиента

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

Для оформления заказа необходимо зайти в раздел «Каталог товаров» и выбрать необходимую позицию.

Рисунок 17. Разделы каталога

Или найти необходимый товар с помощью поисковика



Рисунок 18. Поиска товара по наименованию

Здесь же можно получить скидку по карте лояльности

Рисунок 19. Скидка при покупке

После выбора необходимого товара его необходимо добавить в корзину



Рисунок 20. Выбор позиции

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

Рисунок 21. Выбор доставки в аптеку

При подтверждении заказа появляется сообщение:



Рисунок 22. Сообщение о принятом заказе

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



Приложение Б

Дополнительные материалы

<

<html xmlns:fb="http://ogp.me/ns/fb#"

class="splash-loading bg_style-1"

>

<head>

<meta charset="utf-8" />

<title> Retail

</title>

<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />

<meta name="apple-mobile-web-app-capable" content="yes" />

<meta name="apple-mobile-web-app-status-bar-style" content="black">

<meta name="mobile-web-app-capable" content="yes">

<meta name="HandheldFriendly" content="true" />

<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, user-scalable=no">

<link rel="icon" href="/favicon.ico" type="image/x-icon">

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

<link rel="apple-touch-icon" href="https://az668752.vo.msecnd.net/images/apps-appicon/000/429/243/429243-iphone_small.png?1492952579" />

<link rel="apple-touch-icon" href="https://az668752.vo.msecnd.net/images/apps-appicon/000/429/243/429243-iphone_large.png?1492952579" sizes="72x72" />

<link rel="apple-touch-icon" href="https://az668752.vo.msecnd.net/images/apps-appicon/000/429/243/429243-ipad_small.png?1492952579" sizes="114x114" />

<meta property="og:title" content="Retail"/>

<meta property="og:url" content="https://appsmakerstore.com/appm/v2vfl0qz4cluxa"/>

<meta property="og:image" content="https://az668752.vo.msecnd.net/images/apps-appicon/000/429/243/429243-iphone_small.png?1492952579">

<meta property="og:image" content="https://az668752.vo.msecnd.net/images/apps-qr_code_image/000/429/243/429243-iphone_large.png?1494493386">

<link rel="canonical" href="https://appsmakerstore.com/sites/app/v2vfl0qz4cluxa" />

<link href="/stylesheets/cached/mobile.core.css?1495799833" media="screen" rel="stylesheet" type="text/css" />

<link href="/stylesheets/mobile/gadgets/products.cart.css?1495799808" media="screen" rel="stylesheet" type="text/css" />

<link href="/stylesheets/mobile/gadgets/stamp.css?1495799808" media="screen" rel="stylesheet" type="text/css" />

<style type="text/css" id="app_theme_style_preview">

body,

input,

select,

textarea,

button,

.ui-btn {

font-family: Georgia, serif;

}

/* Swatches */

/* A

------------------------------------------------------*/

/* Bar: Toolbars, dividers, slider track */

.ui-bar-a,

.ui-page-theme-a.ui-bar-inherit,

html.ui-bar-a.ui-bar-inherit,

html.ui-body-a.ui-bar-inherit,

html body.ui-group-theme-a.ui-bar-inherit {

background: #f1f1f1;

border-color: #dddddd;

color: #111111;

text-shadow: 0 1px 0 #eeeeee;

font-weight: bold;

}

.ui-bar-a {

border-width: 1px;

border-style: solid;

}

/* Page and overlay */

.ui-page-theme-a,

.ui-page-theme-a.ui-panel-wrapper {

background: #f9f9f9;

border-color: #bbbbbb;

color: #111111;

text-shadow: 0 1px 0 #eeeeee;

}

.ui-overlay-a{background: #666666;}

/* Body: Read-only lists, text inputs, collapsible content */

.ui-body-a,

.ui-page-theme-a.ui-body-inherit,

html.ui-bar-a.ui-body-inherit,

html.ui-body-a.ui-body-inherit,

html body.ui-group-theme-a.ui-body-inherit,

html.ui-panel-page-container-a {

background: #ffffff;

border-color: #dddddd;

color: #111111;

text-shadow: 0 1px 0 #eeeeee;

}

.ui-body-a {

border-width: 1px;

border-style: solid;

}

/* Links */

.ui-page-theme-a a,

html.ui-bar-a a,

html.ui-body-a a,

html body.ui-group-theme-a a {

color: #a5d900;

font-weight: bold;

}

.ui-page-theme-a a:visited,

html.ui-bar-a a:visited,

html.ui-body-a a:visited,

html body.ui-group-theme-a a:visited {

color: #a5d900;

}

.ui-page-theme-a a:hover,

html.ui-bar-a a:hover,

html.ui-body-a a:hover,

html body.ui-group-theme-a a:hover {

color: #739800;

}

.ui-page-theme-a a:active,

html.ui-bar-a a:active,

html.ui-body-a a:active,

html body.ui-group-theme-a a:active {

color: #739800;

}

/* Button up */

.ui-page-theme-a.ui-btn,

html.ui-bar-a.ui-btn,

html.ui-body-a.ui-btn,

html body.ui-group-theme-a.ui-btn,

html head + body.ui-btn.ui-btn-a,

/* Button visited */

.ui-page-theme-a.ui-btn:visited,

html.ui-bar-a.ui-btn:visited,

html.ui-body-a.ui-btn:visited,

html body.ui-group-theme-a.ui-btn:visited,

html head + body.ui-btn.ui-btn-a:visited {

background: #f6f6f6;

border-color: #dddddd;

color: #111111;

text-shadow: 0 1px 0 #eeeeee;

}

/* Button hover */

.ui-page-theme-a.ui-btn:hover,

html.ui-bar-a.ui-btn:hover,

html.ui-body-a.ui-btn:hover,

html body.ui-group-theme-a.ui-btn:hover,

html head + body.ui-btn.ui-btn-a:hover {

background: #ededed;

border-color: #dddddd;

color: #111111;

text-shadow: 0 1px 0 #eeeeee;

}

/* Button down */

.ui-page-theme-a.ui-btn:active,

html.ui-bar-a.ui-btn:active,

html.ui-body-a.ui-btn:active,

html body.ui-group-theme-a.ui-btn:active,

html head + body.ui-btn.ui-btn-a:active {

background: #e8e8e8;

border-color: #dddddd;

color: #111111;

text-shadow: 0 1px 0 #eeeeee;

}

/* Active button */

.ui-page-theme-a.ui-btn.ui-btn-active,

html.ui-bar-a.ui-btn.ui-btn-active,

html.ui-body-a.ui-btn.ui-btn-active,

html body.ui-group-theme-a.ui-btn.ui-btn-active,

html head + body.ui-btn.ui-btn-a.ui-btn-active,

/* Active checkbox icon */

.ui-page-theme-a.ui-checkbox-on:after,

html.ui-bar-a.ui-checkbox-on:after,

html.ui-body-a.ui-checkbox-on:after,

html body.ui-group-theme-a.ui-checkbox-on:after,

.ui-btn.ui-checkbox-on.ui-btn-a:after,

/* Active flipswitch background */

.ui-page-theme-a.ui-flipswitch-active,

html.ui-bar-a.ui-flipswitch-active,

html.ui-body-a.ui-flipswitch-active,

html body.ui-group-theme-a.ui-flipswitch-active,

html body.ui-flipswitch.ui-bar-a.ui-flipswitch-active,

/* Active slider track */

.ui-page-theme-a.ui-slider-track.ui-btn-active,

html.ui-bar-a.ui-slider-track.ui-btn-active,

html.ui-body-a.ui-slider-track.ui-btn-active,

html body.ui-group-theme-a.ui-slider-track.ui-btn-active,

html body div.ui-slider-track.ui-body-a.ui-btn-active {

background-color: #a5d900;

border-color: #739800;

color: #ffff99;

text-shadow: 0 1px 0 #739800;

}

/* Active radio button icon */

.ui-page-theme-a.ui-radio-on:after,

html.ui-bar-a.ui-radio-on:after,

html.ui-body-a.ui-radio-on:after,

html body.ui-group-theme-a.ui-radio-on:after,

.ui-btn.ui-radio-on.ui-btn-a:after {

border-color: #a5d900;

}

/* Focus */

.ui-page-theme-a.ui-btn:focus,

html.ui-bar-a.ui-btn:focus,

html.ui-body-a.ui-btn:focus,

html body.ui-group-theme-a.ui-btn:focus,

html head + body.ui-btn.ui-btn-a:focus,

/* Focus buttons and text inputs with div wrap */

.ui-page-theme-a.ui-focus,

html.ui-bar-a.ui-focus,

html.ui-body-a.ui-focus,

html body.ui-group-theme-a.ui-focus,

html head + body.ui-btn-a.ui-focus,

html head + body.ui-body-a.ui-focus {

-webkit-box-shadow: 0 0 12px #a5d900;

-moz-box-shadow: 0 0 12px #a5d900;

box-shadow: 0 0 12px #a5d900;

}

/* B

------------------------------------------------------*/

/* Bar: Toolbars, dividers, slider track */

.ui-bar-b,

.ui-page-theme-b.ui-bar-inherit,

html.ui-bar-b.ui-bar-inherit,

html.ui-body-b.ui-bar-inherit,

html body.ui-group-theme-b.ui-bar-inherit,

.ui-bar-appsmaker,

#free-user-banner {

background: #a5d900;

border-color: #8fbc00;

color: #ffff99;

text-shadow: 0 1px 0 #9acb00;

font-weight: bold;

}

.fullStar, .tmp_fs{

background-color: #9acb00;

}

.attached-widgets-nav{

background: #a5d900 !important;

border-color: #8fbc00 !important;

color: #ffff99 !important;

text-shadow: 0 1px 0 #9acb00 !important;

}

.attached-widgets-nav > div > div >.menu-bar-control{

border-color: #ffff99;

}

.attached-widgets-nav > div > div >.menu-bar-control.active{

background: #ffff99;

}

/*Booking fix begin*/

.application-adv {

background: #a5d900 !important;

border-color: #8fbc00;

color: #ffff99;

text-shadow: 0 1px 0 #9acb00;

position: fixed;

bottom:0;

width:100%;

}

.booking-page.application-adv {

position:absolute;

}

.application-adv.application-adv_txt a {

background: #a5d900 !important;

border-color: #8fbc00;

color: #ffff99;

text-shadow: 0 1px 0 #9acb00;

}

.application-adv.application-adv_act span {

background-color: #a5d900 !important;

border-color: #8fbc00;

color: #ffff99;

text-shadow: 0 1px 0 #9acb00;

}

.application-adv.application-adv_act span:after {

background-color: #a5d900 !important;

}

.application-adv.application-adv_act span:hover {

background: #98c800 !important;

border-color: #8fbc00;

color: #ffff99;

text-shadow: 0 1px 0 #8fbc00;

}

/*Booking fix end*/

.ui-bar-appsmaker,

.ui-panel.gadgets-menu-panel {

background: rgba(165, 217, 0, 0.8);

}

.ui-bar-b,

.ui-bar-appsmaker {

border-width: 1px;

border-style: solid;

}

/* Page and overlay */

.ui-overlay-b,

.ui-page-theme-b,

.ui-page-theme-b.ui-panel-wrapper {

background: #a1d400;

border-color: #799f00;

color: #ffff99;

text-shadow: 0 1px 0 #9acb00;

}

/* Body: Read-only lists, text inputs, collapsible content */

.ui-body-b,

.ui-page-theme-b.ui-body-inherit,

html.ui-bar-b.ui-body-inherit,

html.ui-body-b.ui-body-inherit,

html body.ui-group-theme-b.ui-body-inherit,

html.ui-panel-page-container-b {

background: #a5d900;

border-color: #8fbc00;

color: #ffff99;

text-shadow: 0 1px 0 #9acb00;

}

.ui-body-b {

border-width: 1px;

border-style: solid;

}

/* Links */

.ui-page-theme-b a,

html.ui-bar-b a,

html.ui-body-b a,

html body.ui-group-theme-b a {

color: #ffff99;

font-weight: bold;

}

.ui-page-theme-b a:visited,

html.ui-bar-b a:visited,

html.ui-body-b a:visited,

html body.ui-group-theme-b a:visited {

color: #ffff99;

}

.ui-page-theme-b a:hover,

html.ui-bar-b a:hover,

html.ui-body-b a:hover,

html body.ui-group-theme-b a:hover {

color: #b3b36b;

}

.ui-page-theme-b a:active,

html.ui-bar-b a:active,

html.ui-body-b a:active,

html body.ui-group-theme-b a:active {

color: #b3b36b;

}

/* Button up */

.ui-page-theme-b.ui-btn,

html.ui-bar-b.ui-btn,

html.ui-body-b.ui-btn,

html body.ui-group-theme-b.ui-btn,

html head + body.ui-btn.ui-btn-b,

/* Button visited */

.ui-page-theme-b.ui-btn:visited,

html.ui-bar-b.ui-btn:visited,

html.ui-body-b.ui-btn:visited,

html body.ui-group-theme-b.ui-btn:visited,

html head + body.ui-btn.ui-btn-b:visited,

html head + body.ui-btn.ui-btn-appsmaker,

html head + body.ui-btn.ui-btn-appsmaker:visited,

.ui-page.about-navbar.ui-btn,

.ui-page.about-navbar.ui-btn:visited {

background: #9fd100;

border-color: #8fbc00;

color: #ffff99;

text-shadow: 0 1px 0 #9acb00;

}

/* Button hover */

.ui-page-theme-b.ui-btn:hover,

html.ui-bar-b.ui-btn:hover,

html.ui-body-b.ui-btn:hover,

html body.ui-group-theme-b.ui-btn:hover,

html head + body.ui-btn.ui-btn-b:hover,

html head + body.ui-btn.ui-btn-appsmaker:hover,

.ui-page.about-navbar.ui-btn:hover{

background: #98c800;

border-color: #8fbc00;

color: #ffff99;

text-shadow: 0 1px 0 #9acb00;

}

/* Button down */

.ui-page-theme-b.ui-btn:active,

html.ui-bar-b.ui-btn:active,

html.ui-body-b.ui-btn:active,

html body.ui-group-theme-b.ui-btn:active,

html head + body.ui-btn.ui-btn-b:active,

html head + body.ui-btn.ui-btn-appsmaker:active,

.ui-page.about-navbar.ui-btn:active {

background: #95c300;

border-color: #8fbc00;

color: #ffff99;

text-shadow: 0 1px 0 #9acb00;

}

/* Active button */

html head + body.ui-btn.ui-btn-appsmaker-active,

.ui-page-theme-b.ui-btn.ui-btn-active,

html.ui-bar-b.ui-btn.ui-btn-active,

html.ui-body-b.ui-btn.ui-btn-active,

html body.ui-group-theme-b.ui-btn.ui-btn-active,

html head + body.ui-btn.ui-btn-b.ui-btn-active,

/* Active checkbox icon */

.ui-page-theme-b.ui-checkbox-on:after,

html.ui-bar-b.ui-checkbox-on:after,

html.ui-body-b.ui-checkbox-on:after,

html body.ui-group-theme-b.ui-checkbox-on:after,

.ui-btn.ui-checkbox-on.ui-btn-b:after,

/* Active flipswitch background */

.ui-page-theme-b.ui-flipswitch-active,

html.ui-bar-b.ui-flipswitch-active,

html.ui-body-b.ui-flipswitch-active,

html body.ui-group-theme-b.ui-flipswitch-active,

html body.ui-flipswitch.ui-bar-b.ui-flipswitch-active,

/* Active slider track */

.ui-page-theme-b.ui-slider-track.ui-btn-active,

html.ui-bar-b.ui-slider-track.ui-btn-active,

html.ui-body-b.ui-slider-track.ui-btn-active,

html body.ui-group-theme-b.ui-slider-track.ui-btn-active,

html body div.ui-slider-track.ui-body-b.ui-btn-active {

background-color: #a5d900;

border-color: #739800;

color: #ffff99 ;

text-shadow: 0 1px 0 #739800;

}

/* Active radio button icon */

.ui-page-theme-b.ui-radio-on:after,

html.ui-bar-b.ui-radio-on:after,

html.ui-body-b.ui-radio-on:after,

html body.ui-group-theme-b.ui-radio-on:after,

.ui-btn.ui-radio-on.ui-btn-b:after {

border-color: #a5d900;

}

/* Focus */

.ui-page-theme-b.ui-btn:focus,

html.ui-bar-b.ui-btn:focus,

html.ui-body-b.ui-btn:focus,

html body.ui-group-theme-b.ui-btn:focus,

html head + body.ui-btn.ui-btn-b:focus,

.ui-btn-appsmaker:focus,

/* Focus buttons and text inputs with div wrap */

.ui-page-theme-b.ui-focus,

html.ui-bar-b.ui-focus,

html.ui-body-b.ui-focus,

html body.ui-group-theme-b.ui-focus,

html head + body.ui-btn-b.ui-focus,

html head + body.ui-body-b.ui-focus {

-webkit-box-shadow: 0 0 12px #a5d900;

-moz-box-shadow: 0 0 12px #a5d900;

box-shadow: 0 0 12px #a5d900;

}

/* Menubar */

.menu-bar-control{

border-color:#ffff99;

}

.menu-bar-control.active{

background-color:#ffff99;

}

/* Take Away */

.discount-new-price {

color: #ff3333;

}

.discount-initial-price {

text-decoration:line-through;

}

/* Booking */

.cal-header.cal-ttl{

}

.ams-product-price,

.ui-btn.ams-product-price{

color: #8fbc00;

text-shadow: 0 0 0 #9acb00;

}

.colottype-dark.ams-product-price,

.colottype-dark.ui-btn.ams-product-price{

color: #ffff99;

}

/* Stamp */

.stamp-def-placeholder{

background-color: #9fd100;

}

.stamp-history-item{

border-color: #8fbc00;

}

.stamp-history-item.full,

.stamp-history-period span{

background-color: #9fd100;

}

.cal-dayname-cell{

color: #95c300;

}

.cal-dayevent-cell_today,

.cal-dayevent-cell_today.cal-dayevent-cell_unavailable,

.cal-dayevent-cell_today.cal-dayevent-cell_unavailable:hover{

background-color: #95c300;

}

.cal-dayevent-cell_today.cal-dayevent-name,

.cal-dayevent-cell_today.cal-dayevent-cell_unavailable.cal-dayevent-name,

.cal-dayevent-cell_today.cal-dayevent-cell_unavailable:hover.cal-dayevent-name{

color: #ffff99;

}

.cal-dayevent-cell_half{

background-color: #9fd100;

}

.cal-dayevent-cell_hover a.cal-dayevent-name,

.cal-dayevent-cell:hover a.cal-dayevent-name,

.cal-dayevent-cell_half a.cal-dayevent-name:after{

background-color: #9fd100;

}

.cal-dayevent-cell_today a.cal-dayevent-name{

background-color: #799f00;

}

.cal-dayevent-cell_full,

.cal-dayevent-cell_full:hover{

background-color: #95c300;

}

.hidden { display:none !important; }

.hidden { display:none !important; }

.hidden { display:none !important; }

html,

body,

html body #pageContainer.ui-overlay-a,

.ams-mobile-background,

.ui-mobile-viewport.main-page-viewport{

background-color: #fff !important;

}

.main-menulist > li >.ui-btn-icon-right:after{

background-color: #a5d900 !important;

}

.products-list > li >.ui-btn-icon-right:after{

background-color: #a5d900 !important;

}

.ui-btn-icon-left:after,

.ui-btn-icon-top:after,

.ui-btn-icon-bottom:after,

.ui-btn-icon-notext:after,

html.ui-btn.ui-checkbox-off:after,

html.ui-btn.ui-radio-off:after,

#splash{

background-color: #a5d900 !important;

}

.ui-radio.ui-btn.ui-radio-on:after{

border-color: #a5d900;

background-color: #fff !important;

}

.ui-mobile-viewport.ui-page#main {

background:transparent;

}

@media screen and (min-width:720px) {

.content-header{

text-shadow: 0 1px 0 #eeeeee

}

}

.ams-mobile-background,

.detect-android_os-lt4{ background-position: left top; opacity: 1.0; }

.ams-mobile-background,

.detect-android_os-lt4{

background-image: url("https://az668752.vo.msecnd.net/images/app/image_sets-background/000/000/042/42-iphone5.jpg?1431354293");

}

@media only screen

and (min-device-width: 768px) {

.ams-mobile-background,

.detect-android_os-lt4{

background-image: url("https://az668752.vo.msecnd.net/images/app/image_sets-background/000/000/042/42-ipad2x.jpg?1431354293");

}

}

@media only screen

and (orientation: landscape) {

.ams-mobile-background,

.detect-android_os-lt4{

background-image: url("https://az668752.vo.msecnd.net/images/app/image_sets-tablet_bg_image/000/000/042/42-iphone5.jpg?1431354302");

}

}

@media only screen

and (min-device-width: 768px)

and (orientation: landscape) {

.ams-mobile-background,

.detect-android_os-lt4{

background-image: url("https://az668752.vo.msecnd.net/images/app/image_sets-tablet_bg_image/000/000/042/42-ipad2x.jpg?1431354302");

}

}

.ui-mobile-viewport.ui-page{background-color: transparent;}

/* mobiscroll */

.dwwb{

background: #9fd100 !important;

border-color: #8fbc00 !important;

color: #ffff99 !important;

text-shadow: 0 1px 0 #9acb00 !important;

}

.dwwl{

background:#a5d900;

background:linear-gradient(#a5d900 0, #fff 50%, #a5d900 100%);

background:-webkit-gradient(linear, left bottom, left top, from(#a5d900), color-stop(0.50, #fff), to(#a5d900));

background:-moz-linear-gradient(#a5d900 0, #fff 50%, #a5d900 100%);

background:-o-linear-gradient(#a5d900 0, #fff 50%, #a5d900 100%);

}

/* gadget icons (begin) */

/*

.ams-gadget-icon{

-webkit-border-radius: 0px;

border-radius: 0px;

}

*/

/* gadget icons (end) */

/* ui-footer */

.ui-footer {

border: none;

position: absolute;

bottom: 0;

width: 100%;

}

html body.ui-page.main-menulist.ui-btn,

html body.gadgets-menu-panel.main-menulist.ui-btn{

background: #a5d900 !important;

border-color: #ffffff !important;

border-top-color: #98c800 !important;

color: #ffffff;

text-shadow: 0 1px 0 #9acb00 !important;

}

.contactslist.term{

color: #98c800;

}

.ui-bar-appsmaker,

.colottype-dark.cal-header.cal-ttl{

color:#ffff99;

}

.colottype-light.ui-bar-appsmaker,

.cal-header.cal-ttl{

color: #98c800;

}

@media screen and (max-width:720px) {

.gadgets-menu-panel.ui-panel-inner{

background: rgba(165, 217, 0, 0.8);

}

}

</style>

<link href="/stylesheets/cached/mobile.theme.css?1495799833" media="screen" rel="stylesheet" type="text/css" />

<link href="/themes/theme1/stylesheets/mobile/theme.css?1495799828" media="screen" rel="stylesheet" type="text/css" />

<!-

<link href="/stylesheets/mobile/jquery/icons/jqm.icons.inline-svg-white.css?1495799833" media="screen" rel="stylesheet" type="text/css" />

<link href="/stylesheets/mobile/jquery/icons/jqm.icons.inline-png-white.css?1495799833" media="screen" rel="stylesheet" type="text/css" />

<link href="/stylesheets/mobile/tabs/tabs.inline-svg-white.css?1495799833" media="screen" rel="stylesheet" type="text/css" />

<link href="/stylesheets/mobile/tabs/tabs.inline-png-white.css?1495799833" media="screen" rel="stylesheet" type="text/css" />

->

<script>

/* grunticon Stylesheet Loader | https://github.com/filamentgroup/grunticon | (c) 2012 Scott Jehl, Filament Group, Inc. | MIT license. */

window.grunticon=function(e){if(e&&3===e.length){var t=window, n=!(!t.document.createElementNS||!t.document.createElementNS("http://www.w3.org/2000/svg", "svg").createSVGRect||!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image", "1.1")||window.opera&&-1===navigator.userAgent.indexOf("Chrome")), o=function(o){var r=t.document.createElement("link"), a=t.document.getElementsByTagName("script")[0];r.rel="stylesheet", r.href=e[o&&n?0:o?1:2], a.parentNode.insertBefore(r, a)}, r=new t.Image;r.onerror=function(){o(!1)}, r.onload=function(){o(1===r.width&&1===r.height)}, r.src="data:image/gif;base64, R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="}};

grunticon( [ "/stylesheets/mobile/jquery/icons/jqm.icons.inline-svg-white.css?1495799833", "/stylesheets/mobile/jquery/icons/jqm.icons.inline-png-white.css?1495799833", "/stylesheets/mobile/jquery/icons/jqm.icons.external-png-white.css?1495799833" ] );

grunticon( [ "/stylesheets/mobile/tabs/tabs.inline-svg-white.css?1495799833", "/stylesheets/mobile/tabs/tabs.inline-png-white.css?1495799833", "/stylesheets/mobile/tabs/tabs.external-png-white.css?1495799833" ] );

</script>

<script type="text/javascript">

(function() {

"use strict";

if (window.location && window.location.hash) {

if (window.location.hash === '#_=_') {

window.location.hash = '';

return;

}

window.location.hash = window.location.hash.replace(RegExp('_\=_', 'g'), '');

}

}());

</script>

<script type="text/javascript">

LOCALIZATION = {

loading: 'Loading',

error: 'An unexpected error occured, try the next time.',

request_sent: 'Your request has been sent.',

offline: 'You are offline.',

no_results: 'No results.',

empty_feed: 'Empty user feed.',

pending: 'pending',

can_not_go: 'can\&#x27;t go',

invited: 'invited',

refused: 'refused',

more: 'More',

upload: 'Upload a file',

message: {

online:{

title: 'Application works online.',

text: 'External links are available.'

},

offline:{

title: 'Application works offline.',

text: 'External links are not available.'

},

update_available:{

title: 'Update available',

text: 'Update the application for new content.'

},

facebook: {

authorization_error: 'Facebook authorization doesn\&#x27;t work in iframe.'

}

},

units:{

day: 'Day',

month: 'Month',

year: 'Year'

},

buttons: {

ok: 'Ok',

cancel: 'Cancel',

update: 'Update',

set: 'Set'

},

validation:{

email: 'Email is invalid',

name: 'Name is invalid',

empty_field: 'This field can\&#x27;t be empty',

service: 'The service should be selected'

},

geo:{

select: 'Select place',

or: 'or',

find: 'Find place',

choose: 'Choose place',

my: 'Use my location',

getting: 'Getting your location.',

error1: 'We can\&#x27;t get your coordinates.',

error2: 'Please select your location.',

error:{

permission_denied: 'User denied the request for Geolocation.',

position_unavailable: 'Location information is unavailable.',

timeout: 'The request to get user location timed out.',

unknown_error: 'An unknown error occurred.'

},

temperature_scale:{

label: 'Temperature scale',

celsius: 'Celsius',

fahrenheit: 'Fahrenheit',

apply: 'Apply',

}

},

add_to_calendar:{

google: 'Google Calendar',

live: 'Live Calendar',

yahoo: 'Yahoo! Calendar',

ical: 'iCal Calendar'

},

gadgets:{

forecast:{

sunrise: 'Sunrise',

sunset: 'Sunset',

moonrise: 'Moonrise',

moonset: 'Moonset',

pressure: 'PR',

precipitation: 'PPT',

tide: 'Tide',

phase: 'Moon',

wind: 'Wind',

tides: 'Tides'

},

links:{

exit: 'Website forces you to leave the app. Are you sure you want to exit?'

},

about:{

direction: 'Get Direction',

website: 'Website',

no_gps: 'No GPS signal. Please check your GPS settings.'

},

poi:{

view: 'View',

my_location: 'My location'

},

shopping:{

empty_cart: 'Your cart is empty.',

successfully_added: 'Successfully added',

in_your_cart: 'in your cart',

items: 'items',

invalid: {

max: 'Sorry, you can order maximum',

overlimit: 'Overlimit!',

overlimit_detail: 'Sorry, you can\'t add this product more!'

}

},

radio:{

error_loading_file: 'There was an error loading this file.',

browser_does_not_support: 'Your browser does not support this radio station format.'

},

guestlist:{

request_sent: 'Your request has been sent',

request_exists: 'Your request already exists'

},

livescore:{

empty: 'No livegames today'

},

stamp:{

added_message: 'Stamp was added successfully',

cleared_message: 'Stamps were cleared'

},

youtube:{

url_incorrect: 'URL incorrect',

no_videos: 'No uploaded videos'

},

formeditor:{

reset_message: 'Are you sure you want to reset form?'

}

}

};

if (typeof console === "undefined" || typeof console.log === "undefined") {

console = {};

}

console.log = function() {};

AppSettings = {

"viewuid": "v2vfl0qz4cluxa",

"baseurl": "http://appsmakerstore.com",

"date_format": "european",

"timezone": "Etc/UTC",

"facebook_api_version": "v2.5"

};

var currYear = new Date().getFullYear(),

dateFormat = "dd.mm.yyyy",

dateOrder = "ddmmyy";

if ( AppSettings.date_format == "american" ) {

dateFormat = "mm.dd.yyyy";

dateOrder = "mmddyy";

}

scrollerDateSettings = {

preset: "date",

theme: "jqm",

display: "modal",

mode: "mixed",

dateFormat: dateFormat,

timeFormat: "HH:ii",

timeWheels: "HH:ii",

dateOrder: dateOrder,

startYear: currYear - 80,

endYear: currYear

};

appExtControl_goBack = function() {

if( $.mobile.activePage.is(":jqmData(role='dialog')") ){

$.mobile.activePage.dialog('close');

if(typeof androidBack != "undefined"){

androidBack.back();

}else{

return "true";

}

}else{

var backBtn = $.mobile.activePage.find("a:jqmData(back='true')").eq(0);

if( $.mobile.activePage.is(".photo-page, .flickr-page, .instagram-page") && $(".ps-toolbar").length ){

backBtn = $(".ps-toolbar.ps-toolbar-close");

}

if( backBtn.length ){

backBtn.trigger("click");

if(typeof androidBack != "undefined"){

androidBack.back();

}else{

return "true";

}

}else{

if(typeof androidBack != "undefined"){

androidBack.close();

}else{

return "false";

}

}

}

};

if (window.navigator.standalone) {

$("meta[name='apple-mobile-web-app-status-bar-style']").remove();

}

</script>

<script src="/javascripts/jquery/jquery-2.0.3.min.js?1495799808" type="text/javascript"></script>

<script src="/javascripts/cached/mobile.core.js?1495799808" type="text/javascript"></script>

<script type="text/javascript">

google.bookmarkbubble.Bubble.prototype.msg = {

android:

'<b>Install this app:</b><br /> 1) Add to Bookmarks, <br /> 2) Tap and Hold the bookmark, <br /> 3) Select <b>Add Shortcut to Home<\/b>',

android3:

'<b>Install this app:</b><br /> Tap <img class="bookmark-bubble-menu-icon" src="'+ google.bookmarkbubble.Bubble.prototype.IMAGE_ANDROID3_BOOKMARK_DATA_URL_ +'" style="height: 1.5em;display: inline-block;padding:0;margin:0;" alt=""/>, <br /> select <b>Add to<\/b> and then <b>Home screen<\/b>',

android4:

'<b>Install this app:</b><br /> 1) Tap <img class="bookmark-bubble-menu-icon" src="'+ google.bookmarkbubble.Bubble.prototype.IMAGE_ANDROID4_MOBILE_BOOKMARK_DATA_URL_ +'" style="height: 1.5em;display: inline-block;padding:0;margin:0;" alt=""/>, <br /> 2) Select <b>Save to bookmarks<\/b>, <br /> 3) Select <b>Add to<\/b>\" and then \"<b>Home<\/b>\"',