Размещено на http://www.allbest.ru/

20

5

МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ

КОЛЕДЖ ІНФОРМАЦІЙНИХ СИСТЕМ І ТЕХНОЛОГІЙ

ДВНЗ «КИЇВСЬКИЙ НАЦІОНАЛЬНИЙ ЕКОНОМІЧНИЙ УНІВЕРСИТЕТ ІМЕНІ ВАДИМА ГЕТЬМАНА»

Спеціальність «Інженерія програмного забезпечення»

Спеціалізація 10301 «Розробка програмного забезпечення»

КУРСОВИЙ ПРОЕКТ

з дисципліни «Основи програмної інженерії»

на тему: «Проектування комп'ютерної системи «Довідник покупця»

Виконав: студент 3 курсу, групи 372

№ зал. книжки167219

Сабадаш Олена Анатоліївна

Керівник курсового проекту:

Котлярова Юлія Олександрівна

2019



ЗМІСТ

СКОРОЧЕННЯ ТА УМОВНІ ПОЗНАКИ

ВСТУП

1 ХАРАКТЕРИСТИКА ТА АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІ

1.1Характеристика предметної області

1.2Аналіз існуючих рішень

1.3Функціональні можливості системи

2 РОЗРОБЛЕННЯ ЗАГАЛЬНОЇ КОНЦЕПЦІЇ СИСТЕМИ

2.1Вибір і обґрунтування програмних рішень

2.2Інформаційна модель системи

2.2.1Вхідні дані системи

2.2.2Вихідні дані системи

2.3Функціональна модель системи

2.4Алгоритм роботи системи

2.5Архітектура системи

3 ПРОЕКТУВАННЯ СИСТЕМИ

3.1Проектування бази даних системи

3.2Проектування інтерфейсу системи

3.3Розроблення тест-кейсів.

ВИСНОВКИ

ПЕРЕЛІК ДЖЕРЕЛ ПОСИЛАННЯ

ДОДАТКИ



СКОРОЧЕННЯ ТА УМОВНІ ПОЗНАКИ

API АpplicationРrogrammingІnterface

ER Entity-RelationshipDiagram

GfK GesellschaftfьrKonsumforschung

GPS GlobalPositioningSystem

HTML HypertextMarkupLanguage

JS JavaScript

MS Microsoft

PDF PortableDocumentFormat

SQL StructuredQueryLanguage

UML UnifiedModelingLanguage

W3C WorldWideWebConsortium

WHATWG WebHypertextApplicationTechnologyWorkingGroup

БД База даних

ЕОМ Електронно-обчислювальна машина

ЗМІ Засоби масової інформації

КС Комп'ютерна система

ООП Об'єктно-орієнтований підхід

ОС Операційна система

ПЗ Програмне забезпечення

СУБД Система управління базами даних



ВСТУП

Актуальність. У зв'язку з тим що кожним роком число торгових точок в місті значно зростає з'явилася необхідність в створенні і впровадженні нових програмно-технічних засобів, що дозволяє спростити дану задачу вибору необхідного магазину.

Мета курсового проекту, - навчитися проектувати комп'ютерні системи, а саме довідник покупця для розроблення комп'ютерної системи в формі довідника для покупців з базою торгових точок міста.

Пошуки шляхів досягнення цієї мети обумовили необхідність визначення наступних завдань:

- дослідити предметну область для якої створюється комп'ютерна система;

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

- обґрунтувати вибір програмних рішень для розроблення комп'ютерної системи;

- розробити інформаційну модель системи та описати вхідні і вихідні дані;

- розробити функціональну модель системи;

- розробити структурний алгоритм роботи комп'ютерної системи;

- спроектувати архітектуру комп'ютерної системи;

- спроектувати базу даних для комп'ютерної системи;

- спроектувати користувацький інтерфейс для комп'ютерної системи;

- скласти тест-кейси для перевірки вимог до комп'ютерної системи;

- представити прототип комп'ютерної системи.

Практичне значення одержаних результатів полягає в тому, що спроектована комп'ютерна система може використовуватися для автоматизації та спрощення роботи по виборі потрібного для покупця магазину за довільним шаблоном. Довідник буде використовуватися для швидкого вибору магазину в місті.

Використані інструментальні засоби: середовище проектування EnterpriseArchitect, операційна система Windows 10, текстовий редактор Microsoft Word 2016 для підготовки та оформлення пояснювальної записки до курсового проекту.

Структура роботи зумовлена метою і завданнями та складається зі вступу, трьох розділів, висновків, додатків та переліку джерел посилання.

предметна область програма довідник



1 ХАРАКТЕРИСТИКА ТА АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІ

1.1 Характеристика предметної області

Характеристика предметної області.

Магазин - підприємство чи заклад роздрібної торгівлі. Складові магазину: торговельний зал або кілька залів для обслуговування покупців, каса, підсобні приміщення, де приймають, зберігають і готують до продажу товари; адміністративно-побутові й технічні приміщення.

Законопроект «Про внутрішню торгівлю» станом на вересень 2011 містить таке визначення: Магазин - це об'єкт торгівлі, розташований в окремій капітальній споруді або приміщеннях іншої капітальної споруди або тимчасової споруди некапітального типу або їх частинах з торговельними, підсобними, адміністративно-побутовими приміщеннями, а також приміщеннями для приймання, зберігання, підготовки та продажу товарів, оснащений торговим та інженерним устаткуванням, яке забезпечує здійснення торговельної діяльності.

Слово «магазин» утворено від арабського слова, яке у множині означає «комори», «склади». У цьому ж сенсі це слово потрапило з французької мови (magasin, magazin) в українську. Поступово змінило своє смислове навантаження, витіснивши слово «лавка»

Магазини бувають різного типу, вони відрізняються за такими параметрами: площа торгової зали, кількість товарних позицій, рівень обслуговування покупців, технологія розміщення товару тощо.

Загалом магазини можна умовно розділити на групи:

- супермаркет;

- гіпермаркет;

- бутик;

- дискаунтер;

- сash&carry;

- універсам;

- універмаг;

- міні-маркет;

- магазин біля дому.

За кваліфікацією GfK магазини поділяються:

- ринок, вулична торгівля, кіоск, намет, павільйон;

- спеціалізований магазин;

- магазин оптової торгівлі;

- універсальний магазин;

- продуктовий магазин із обслуговуванням продавцем через прилавок.

Метою даного проекту є розроблення комп'ютерної системи в формі довідника для покупців з базою торгових точок міста. У зв'язку з тим що кожним роком число торгових точок в місті значно зростає з'явилася необхідність в створенні і впровадженні нових програмно-технічних засобів, що дозволяє спростити дану задачу вибору необхідного магазину

Комп'ютерна системи призначена для автоматизації та спрощення роботи по виборі потрібного для покупця магазину за довільним шаблоном. Довідник буде використовуватися для швидкого вибору магазину в місті.

Майбутні споживачі комп'ютерної системи. КС «Довідник покупця» буде корисною для звичайних та оптових покупців, підприємств, готелів, бізнесу.

Сфери застосування комп'ютерної системи. При відкритті нових магазинів в місті збирається вся необхідна інформація про них. На основі інформації про магазини формуються списки , які використовуються покупцем. У будь-який момент існує можливість переглянути даний список всіх магазинів, а також виконати пошук по запитам. Даною програмою будуть користуватися покупці.

Створення КС «Довідник покупця» вирішить наступні проблеми:

- швидкий пошук потрібного магазину;

- інформацію про адресу і час роботи;

- виведення інформації про форму власності;

- номер магазину для детальної інформації;

- перегляд інформації про точки;

- зберігання необхідних даних про магазини.

1.2 Аналіз існуючих рішень

Серед існуючих аналогів можна виділити наступні.

Сайт infomisto.com (рис.1.1) на якому можна дізнатися про всі заклади ( в тому числі й магазини) за категоріями. На цьому сайті можна дізнатися всю інформацію про магазини в Західній Україні. Дуже зручно користуватися сайтом через категорії і різноманіття магазинів.

Рисунок 1.1 -Інтерфейс сайту «infomisto.com»

Також можна виділити сайт http://www.veskyiv.ua/ (рис.1.2). Принцип роботи цього сайту дуже схожий на попередні, але даний сайт про Київ. Це база даних, довідник підприємств та організацій міста Києва, де кожна компанія може зайняти своє гідне місце завдяки можливостям безкоштовної реєстрації, надає можливість дізнатися про магазини тисячам користувачів, які щоденно шукають на порталі інформацію про виробників та постачальників товарів і послуг. Мінусом цього сайту є те що вказана тільки назва, адреса і телефон. Тобто немає можливості перейти на сайт магазину, подивитися фото чи дізнатися місцерозташування на карті.

Рисунок 1.2 -Інтерфейс сайту « http://www.veskyiv.ua/ »

1.3 Функціональні можливості системи

До комп'ютерної системи «Довідник покупця»сформовано вимоги, що представлені на рис.1.3.

Рисунок 1.3 - Загальна діаграма вимог до комп'ютерної системи



Основними можливими ризиками для проекту і системи можуть бути:

- відсутність доступу до мережі інтернет;

- створення неефективного ресурсу;

- залежність від провайдера хостингу;

- масштабування;

- залежність від сигналу gps.

Для роботи з комп'ютерною системою «Довідник покупця», що проектується можна виділити такі дійові особи:

- користувач;

- адміністратор;

- комп'ютерна система.

Взаємодія дійових осіб та функціональних можливостей системи відображена на UML діаграмі прецедентів (рис. 1.4).

Рисунок 1.4 - Діаграма прецедентів



2. РОЗРОБЛЕННЯ ЗАГАЛЬНОЇ КОНЦЕПЦІЇ СИСТЕМИ

2.1 Вибір і обґрунтування програмних рішень

Розробка комп'ютерної системи «Довідник покупця» буде здійснюватися за каскадною (класичною) моделлю життєвого циклу розробки програмного забезпечення, так як вона є простою та має всі етапи життєвого циклу:

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

- проектування (стадія дизайну і архітектури) - схематичне вираження характеристик розроблюваної системи;

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

- тестування - пошук дефектів в програмному забезпеченні і порівнюють описане в вимогах поведінку системи з реальним;

- впровадження та супровід - реліз і передача пз кінцевим користувачам. забезпечення зворотного зв'язку з користувачами, їх консультування та підтримку/

До основних переваг каскадної моделі належать:

- проста і зрозуміла замовнику;

- зручна в застосуванні;

- точне планування строків і витрат;

- послідовне виконання етапів проекту в строгому фіксованому порядку;

- кожний етап можуть виконувати різні команди, все строго документується.



Рисунок 2.1- Каскадна модель розробки КС «Довідник покупця»

Для реалізації було обрано HTML5, JavaScript .

HTML5 - наступна версія мови HTML. До складу робочої групи з HTML5 увійшли AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera та кілька інших.

Існує деяка плутанина щодо версійності, оскільки існують дві незалежні групи розробників - WHATWG та W3C.WHATWG відмовились від принципу «версійності», на користь «вічної розробки» при прийнятті HTML специфікації. Таке рішення було спричинено намаганням пришвидшити втілення стандарту в життя, тобто розробникам веб браузерів не потрібно чекати допоки вийде офіційна затверджена версія специфікації (специфікація перейде в стан recomendation), вони можуть втілювати певні частини специфікації вже зараз. Тому за версією WHATWG існує тільки одна специфікація, яка постійно розвивається - HTML. Ці дві групи працювали в тандемі, WHATWG писав специфікації в режимі «живого стандарту», а W3C брав ці специфікації як «знімки», й впроваджував їх у чіткі версії своєї специфікації. W3C працював значно повільніше, бо повинен забезпечувати вимоги більшого спектра користувачів, а не тільки веб-браузерів.

28 жовтня 2014 консорціум W3C оголосив про надання набору специфікацій HTML5 статусу рекомендованого стандарту. Цікаво, що у цьому вигляді специфікації HTML 5.0 були сформовані ще два роки до того, після чого робота була зосереджена на проведенні тестування та оцінки сумісності доступних реалізацій. На час стандартизації HTML5 вже давно став стандартом де-факто і активно використовується у веб-застосунках. Фактичне затвердження стандарту лише формально поставило крапку в просуванні HTML5 і підтвердило повсюдність і коректність його реалізації.

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

В HTML5 для того, щоб підключити до сторінки відео або аудіо-доріжку, достатньо скористатись відповідними тегами.

Такі сайти як Youtube, Viddler, Revver, Myspace та десятки інших дозволяють будь-кому опублікувати своє відео або аудіо. Багато сайтів удаються до Flash, щоб забезпечити потрібну функціональність, оскільки HTML 4.1 не вистачає засобів для вбудовування та управління мультимедіа. І, хоча такі можливості надають різноманітні плагіни (Quicktime, Windows Media тощо), в наш часFlash -- це єдиний широко поширений плагін, який надає крос-браузерне рішення з відповідним API для розробників.

Як доведено великою кількістю медіа-програвачів на основі Flash, автори зацікавлені в наданні інтерфейсу з їхнім власним дизайном, який, як правило, дозволяє користувачам включати, ставити на паузу, зупиняти, перемотувати і управляти гучністю. Стоїть завдання надати таку функціональність за допомогою додавання можливості вбудовувати відео і аудіо засобами браузера, а також надати для доступ до скриптів.

Елементи video і audio легко дозволяють це зробити. Більшість API -- загальні між цими елементами, з відмінностями лише відносно до visual і не-visual медіа. Всі сучасні браузери (окрім Internet Explorer) вже реалізували підтримку даних елементів. Найпростіший спосіб вбудувати відео -- це використовувати тег video і дозволити браузеру відобразити інтерфейс за умовчанням. Булевий атрибут controls визначає чи включати за умовчанням цей користувацький інтерфейс.

Необов'язковий атрибут poster може використовуватися для вказання зображення, яке буде відображатися до того як відео почне програватися. Хоча є формати відео, що підтримують власний попередній перегляд, цей спосіб -- рішення, що дозволяє бути незалежним від відео-формату.

Також просто підключити і аудіо - використовуючи елемент audio. Хоча по очевидних причинах у тегаaudio немає атрибутів height, width і poster, між video і audio більшість атрибутів спільні.

У HTML5 включений елемент source для вказівки альтернативних відео і аудіо файлів, щоб браузер міг вибрати той, який підходить до підтримуваного медіа-типу або кодеків. Атрибут media визначає вибір медіа-запиту, що базується на обмеженнях пристроїв, а атрибут type -- можливості медіа-типів і кодеків. Коли використовується атрибут source, слід опускати src в елементах video (audio), інакше source буде проігнорований.Є багато інших атрибутів і API для відео і аудіо елементів, не описаних тут. Докладніше можна дізнатися в поточній версії специфікації.

JavaScript - динамічна, об'єктно-орієнтована мова програмування .Найчастіше використовується для створення сценаріїв веб-сторінок, що надає можливість на стороні клієнта (пристрої кінцевого користувача) взаємодіяти з користувачем, керувати браузером, асинхронно обмінюватися даними з сервером, змінювати структуру та зовнішній вигляд веб-сторінки.

JavaScript класифікують як прототипну (підмножина об'єктно-орієнтованої), скриптову мову програмування з динамічною типізацією. Окрім прототипної, JavaScript також частково підтримує інші парадигми програмування (імперативну та частково функціональну) і деякі відповідні архітектурні властивості, зокрема: динамічна та слабка типізація, автоматичне керування пам'яттю, прототипне наслідування, функції як об'єкти першого класу.

Наразі, є однією з найпопулярніших мов програмування в інтернеті. Але спочатку багато професійних програмістів скептично ставилися до мови, цільова аудиторія якої складалася з програмістів-любителів. Поява AJAX змінила ситуацію та повернула увагу професійної спільноти до мови, а подальші модифікації мови за стандартами ES2015 та ES2017 внесли багато корисних можливостей, яких не вистачало для ефективного програмування. В результаті, були розроблені та покращені багато практик використання JavaScript (зокрема, тестування та налагодження), створені бібліотеки та фреймворки, поширилося використання JavaScript поза браузером.

Мова JavaScript використовується для:

- написання сценаріїв веб-сторінок для надання їм інтерактивності;

- створення одно сторінкових веб-застосунків(React,AngularJS,Vue.js);

- програмування на стороні сервера(Node.js);

- стаціонарних за стосунків (Electron, NW.js);

- мобільних за стосунків (ReactNative, Cordova);

- сценаріїв в прикладному ПЗ (наприклад, в програмах зі складу AdobeCreativeSuite чи ApacheJMeter);

- всередині PDF-документів тощо.

Для розробки бази даних було обраноMySQL. База даних MySQL - реляційна база даних. У реляційній базі даних дані зберігаються не всі скопом, а в окремих таблицях, завдяки чому досягається виграш у швидкості та гнучкості. Таблиці зв'язуються між собою за допомогою відносин, завдяки чому забезпечується можливість об'єднувати при виконанні запиту дані з декількох таблиць. SQL як частина системи MySQL можна охарактеризувати як мова структурованих запитів плюс найбільш поширений стандартний мову, що використовується для доступу до баз даних.

Логічно - таблиця являє собою сукупність записів. А записи - це сукупність полів різного типу. Ім'я бази даних MySQL унікально в межах системи, а таблиці - в межах бази даних, поля - в межах таблиці. Один сервер MySQL може підтримувати відразу декілька баз даних, доступ до яких може розмежовуватися логіном і паролем. Знаючи ці логін і пароль, можна працювати з конкретною базою даних. Наприклад, можна створити або видалити в ній таблицю, додати записи і т. д. Зазвичай ім'я-ідентифікатор та пароль призначаються хостинг провайдерами, які і забезпечують підтримку MySQL для своїх користувачів.

СУБДMySQL, є додатком з відкритим кодом. Кожен користувач може вивчити вихідний код і змінити його у відповідності зі своїми потребами.

Основні достоїнства пакету MySQL:

? багатопоточність. Підтримка декількох одночасних запитів;

? оптимізація зв'язків з приєднанням багатьох даних за один прохід;

? записи фіксованої і змінної довжини;

? ОDBC драйвер в комплекті з вихідним текстом;

? гнучка система привілеїв і паролів;

? до 16 ключів в таблиці. Кожен ключ може мати до 15 полів;

? заснована на потоках, швидка система пам'яті;

? всі операції роботи з рядками не звертають уваги на регістр символів в оброблюваних рядках.

СУБД MySQL є системою клієнт-сервер, яка містить багато-поточний SQL-сервер, що забезпечує підтримку різних обчислювальних машин баз даних, а також кілька різних клієнтських програм і бібліотек, засоби адміністрування і широкий спектр програмних інтерфейсів (API).

Сервер MySQL постійно працює на комп'ютері. Клієнтські програми (наприклад, скрипти PHP) посилають серверу MySQL SQL-запити через механізм сокетів (тобто за допомогою мережевих засобів), сервер їх обробляє і запам'ятовує результат. Тобто скрипт (клієнт) вказує, яку інформацію він хоче отримати від сервера баз даних. Потім сервер баз даних посилає відповідь (результат) клієнтові (скрипту).

.



2.2 Інформаційна модель системи

Інформаційну модель комп'ютерної системи «Довідник покупця» представлено на рис.2.2.

Рисунок 2.2 - Інформаційна модель системи

2.2.1 Вхідні дані системи

Вхідною інформацієюдля оброблення в комп'ютерній системі буде:

- типи магазинів;

- інформація про магазин;

- інформація про користувача.

2.2.2 Вихідні дані системи

Вихідною інформацією що є результатом оброблення в комп'ютерній системі буде деталізована інформація про магазини.

2.3 Функціональна модель системи

Послідовність виклику та взаємодії користувача зсистемою показано на UML-діаграмі послідовності (рис. 2.3).



Рисунок 2.3 - Послідовність взаємодії користувача з системою

Стани в які може переходити система при взаємодії з користувачем показано на UML-діаграмі станів (рис. 2.4).

Рисунок 2.4 - Стани системи



2.4 Алгоритм роботи системи

Алгоритм роботи комп'ютерної системи «Довідник покупця» подано у вигляді UML-діаграми діяльностіна рис. 2.5.).

Рисунок 2.5 - Алгоритм роботи системи

2.5 Архітектура системи

Архітектура комп'ютерної системи «Довідник покупця» включає в себе такі основні компоненти:

- інтерфейси, як засіб взаємодії користувача з системою у вигляді вікон: форма реєстрації, магазини, публікація коментарів, додавання/редагування інформації про магазини;

- база даних, в якій зберігається інформація про авторизацію, обліковий запис, магазини;

- модуль «авторизації», що виконує внесення в базу даних інформацію про користувача;

- модуль «магазинів», що виконує показ інформації про магазини;

- модуль «обліковий запис», що виконує роль особистого кабінету користувача.

Архітектуру комп'ютерної системи «назва системи» та взаємодію модулів, що наведені вище представлено на UML-діаграмі компонентів (рис. 2.6).

Рисунок 2.6 - Компоненти системи

Комп'ютерна система «Довідник покупця»- веб-сайт запускається через перехід за посиланням на сторінку і після завантаження всіх даних готовий до роботи.



3. ПРОЕКТУВАННЯ СИСТЕМИ

3.1 Проектування бази даних системи

Для розробки моделі даних для комп'ютерної системи «Довідник покупця» було використано модель ER(сутність-зв'язок), що відображає основні сутності та їх атрибути (рис. 3.1).

Рисунок 3.1 - Модель даних для системи

Результат перетворення ER-моделі в конкретну схему бази даних на основі СУБД MySQLта вміст файлу з генерованої моделі даних представлено у дод.А.

Специфікація вхідних та вихідних даних комп'ютерної системи «Довідник покупця» представлена на рис. 3.2-3.4.

Рисунок 3.2 - Специфікація таблиці «Типи магазинів»



Рисунок 3.3 - Специфікація таблиці «Користувач»

Рисунок 3.4- Специфікація таблиці «Магазин»

Фізична модель бази даних комп'ютерної системи «Довідник покупця»для СУБД MySQL містить такі таблиці: «Тип магазинів», «Магазин», «Користувач» (рис. 3.8).

Рисунок 3.5- Фізична модель даних системи



3.2 Проектування інтерфейсу системи

Для прототипування інтерфейсу комп'ютерної системи «Довідник покупця» було побудовано ієрархію екранних форм з передбаченими типами помилок (інформаційна, попередження, критична ситуація) (рис. 3.9).

Для створення графічного інтерфейсу було використано такі елементи:

1) Dialog,Button;

2) EditControl;

3) ComboBox;

4) StaticText;

5) Picture Control;

6) VerticalScroll;

7) ListControl.

Рисунок 3.6 - Ієрархія екранних форм інтерфейсу системи з передбаченими помилками

Екранна форма «Авторизація» відображає поля для введення логіну та паролю для входу в систему (рис. 3.10).



Рисунок 3.7 - Прототип інтерфейсу екранної форми «Авторизація»

Екранна форма «Тип магазину»відображає список магазинів по тим типам які вам потрібні

Рисунок 3.8 - Прототип інтерфейсу екранної форми «Тип магазинів»

Екранна форма «Магазин» відображає всю відому інформацію про магазин (рис. 3.12).

Рисунок 3.9 - Прототип інтерфейсу екранної форми «Магазин»



3.3 Розроблення тест-кейсів.

Для проведення тестування комп'ютерної системи «Довідник покупця» було розроблено такі тест кейси:

1) тест-кейс «Авторизація», рівень проведення тестування -стандарт (рис. 3.10);

2) тест-кейс «Тип магазинів», рівень проведення тестування -стандарт рис. 3.11);

3) тест-кейс «Перевірка зміни інформації», рівень проведення тестування - стандарт (рис. 3.12).

Рисунок 3.10 - Тест-кейс «Тест функції Авторизація»

Рисунок 3.11 - Тест-кейс «Функція Типи магазинів»



Рисунок 3.12 - Тест-кейс «Перевірка зміни інформації»

Результат роботи комп'ютерної системи «Довідник покупця» представлено на рис. 3.13-3.18. Програмний код наведено у додатку Б.

Рисунок 3.13 - Авторизація в системі

Рисунок 3.14 - Головне меню системи



Рисунок 3.15 - Реєстрація в системі

Рисунок 3.16 - Типи магазинів

Рисунок 3.17 - Магазин в категорії «Продукти»



Рисунок 3.18 - Про магазин

Отже, розроблена комп'ютерна система «Довідник покупця» працездатна і задовольняє встановленим вимогам.



ВИСНОВКИ

У першому розділі курсового проекту було досліджено предметну область для якої необхідно спроектувати систему, проаналізовано існуючі програмні рішення в даній сфері, розроблено діаграму вимог до комп'ютерної системи «Довідник покупця» (рис.1.3). Описано можливі ризики для проекту та системи в цілому.

У другому розділі обґрунтовано вибір програмних рішень для проектування та розроблення даної комп'ютерної системи. Розроблено і описано інформаційну модель системи (рис.2.2). Представлено функціональну модель системи у вигляді UML-діаграм послідовності та станів (рис.2.3-2.4.). Розроблено алгоритм роботи системи у вигляді UML-діаграми діяльності (рис.2.5). Розроблено архітектуру системи за допомогою UML-діаграми компонентів (рис.2.6).

У третьому розділі за допомогою ER-діаграми (рис.3.1) розроблено першу модель даних системи, яку в подальшому трансформовано в модель даних для СУБД MS Access. Визначено специфікації даних системи (рис.3.2-3.4) та потужності зав'язків між сутностями. Представлено ієрархію екранних форм системи (рис.3.6) та представлено прототипи екранних форм інтерфейсу системи (рис.3.7-3.9).Розроблено тест-кейси (рис.3.10-3.12) для проведення тестування системи «Довідник покупця» та представлено контрольний приклад роботи системи (рис.3.13-3.18).

Отже, розроблена система працездатна і задовольняє встановленим вимогам.



ПЕРЕЛІК ДЖЕРЕЛ ПОСИЛАННЯ

1) Види магазинів [Електронний ресурс] - Режим доступу до ресурсу: https://pidruchniki.com/marketing/vidi_rozdribnih_torgovelnih_pidpriyemstv.

2) Граді Б. Мова UML. Посібник для користувача / Б. Граді, Д. Рамбо, І. Якобсон., 2007.

3) Проект в SparxEnterpriseArchitect [Електронний ресурс] - Режим доступу до ресурсу: https://habr.com/ru/company/lanit/blog/352826/.

4) HTML5 [Електронний ресурс] - Режим доступу до ресурсу: https://uk.wikipedia.org/wiki/HTML5

5) JavaScript [Електронний ресурс] - Режим доступу до ресурсу: https://uk.wikipedia.org/wiki/JavaScript.

6) MySQL [Електронний ресурс] - Режим доступу до ресурсу: https://uk.wikipedia.org/wiki/MySQL.

7) Wikipedia [Електронний ресурс] - Режим доступу до ресурсу: https://uk.wikipedia.org.

8) WHATWG [Електронний ресурс] - Режим доступу до ресурсу: https://uk.wikipedia.org/wiki/WHATWG.

9) Магазин [Електронний ресурс] - Режим доступу до ресурсу: https://uk.wikipedia.org/wiki/Магазин.

10) Види торгівлі [Електронний ресурс] - Режим доступу до ресурсу: https://buklib.net/books/22429/.



Додаток А

Результат перетворення ER-моделі в модель даних СУБД MySQL. Згенерований код:/* ---------------------------------------------------- */

/* GeneratedbyEnterpriseArchitectVersion 13.5 */

/* CreatedOn : 11-апр-2019 8:53:19 */

/* DBMS : MySQL */

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

/* DropTables */

DROP TABLE [Користувач]

;

DROP TABLE [Магазини];

DROP TABLE [Типи магазинів ];

/* CreateTables */

CREATE TABLE [Користувач]

(

[Логін ] Text(50) NOT NULL,

[ID користувача ] Counter NOT NULL,

[Електронна пошта] Text(50) NOT NULL,

[Пароль ] Text(50) NOT NULL

);

CREATE TABLE [Магазини]

(

[ID магазину] Counter NOT NULL,

[Адреса] Text(50) NOT NULL,

[Рейтинг ] Short NOT NULL,

[Телефон ] Short NOT NULL,

[Електронна адреса ] Text(50) NOT NULL,

[Керівник магазину] Text(50) NOT NULL,

[Тип магазину] Text(50) NOT NULL,

[Назва ] Text(50) NOT NULL

);

CREATE TABLE [Типи магазинів ]

(

[Назва типу] Text(50) NOT NULL,

[ID типу] Counter NOT NULL

);

/* CreatePrimaryKeys, Indexes, Uniques, Checks */

ALTER TABLE [Користувач] ADD CONSTRAINT [PK_Користувач]

PRIMARY KEY ([ID користувача ]);

ALTER TABLE [Магазини] ADD CONSTRAINT [PK_Магазини]

PRIMARY KEY ([Тип магазину])

;

ALTER TABLE [Типи магазинів ] ADD CONSTRAINT [PK_Типи магазинів ]

PRIMARY KEY ([Назва типу]);

Додаток Б

Фрагмент програмного коду:

<htmllang="ru" class=""><head>

<metahttp-equiv="X-UA-Compatible" content="IE=Edge">

<metacharset="utf-8">

<linkrel="shortcuticon" href="https://www.wix.com/favicon.ico" type="image/x-icon">

<linkrel="apple-touch-icon" href="https://www.wix.com/favicon.ico" type="image/x-icon">

<metahttp-equiv="X-Wix-Meta-Site-Id" content="a3076ed3-34d9-4187-9ac1-ed682fa5ae44">

<metahttp-equiv="X-Wix-Application-Instance-Id" content="4a7e8282-1eca-44e7-b421-98a78cbaf062">

<metahttp-equiv="X-Wix-Published-Version" content="12">

<metahttp-equiv="etag" content="e9cb9adb0d101dca688e95d44f615f37">

<metaname="format-detection" content="telephone=no">

<metaname="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE">

<metaid="wixMobileViewport" name="viewport" content="width=980, user-scalable=yes">

<!-- META DATA -->

<scripttype="text/javascript">

varserviceTopology = {"pageId":"tirbv","title":"Будівництво та ремонт","pageUriSEO":"budivnictvo-ta-remont","pageJsonFileName":"99a4b0_b932261edfea3b6a8215ea3a992b3f4e_7.json"},{"pageId":"lu460","title":"Краса та здоров'я","pageUriSEO":"krasa-ta-zdorov-ya","pageJsonFileName":"99a4b0_9e3ff45403ad2e258240cf784f2f737f_7.json"},{"pageId":"sgks7","title":"Search Results Page","pageUriSEO":"search-results-page","pageJsonFileName":"99a4b0_89bc9e0c29c53f2c5b07a655c79c399d_9.json"},{"pageId":"czw7","title":"Типи магазинів","pageUriSEO":"tipi-magaziniv","pageJsonFileName":"99a4b0_27b2aa2bb2e135bc34fb8667661a5216_10.json"},{"pageId":"ybwb6","title":"Одяг та взуття","pageUriSEO":"odyag-ta-vzuttya","pageJsonFileName":"99a4b0_1ce14950e5cac2f53ea63a420e284518_7.json"},{"pageId":"c1xuj","title":"Product Page","pageUriSEO":"product-page","pageJsonFileName":"99a4b0_14612d9abadd4e1eb51bb965f0e5b549_7.json"},{"pageId":"sv55n","title":"Спорттовари","pageUriSEO":"roslini","pageJsonFileName":"99a4b0_81aeb5924445c846a8bc88fea037a439_7.json"},{"pageId":"dezdp","title":"My Wallet","pageUriSEO":"my-wallet","pageJsonFileName":"99a4b0_90dbf62a7007f13c0dd2039c4f6dea74_7.json"},{"pageId":"oxpds","title":"Мій акаунт","pageUriSEO":"my-account","pageJsonFileName":"99a4b0_0aa1aa86753c888cb1c316d3b3c863b7_7.json"},{"pageId":"j8bsc","title":"Продукти","pageUriSEO":"produkti","pageJsonFileName":"99a4b0_905bd6a6692772fe66def1c582e53e86_7.json"},{"pageId":"c1n25","title":"Shopping Cart","pageUriSEO":"shopping-cart","pageJsonFileName":"99a4b0_85303ad978bce28fcc2c8a6fccc4a387_7.json"},{"pageId":"qjjab","title":"My Addresses","pageUriSEO":"my-addresses","pageJsonFileName":"99a4b0_8785fe746925d1c041ab144ea2da78fb_7.json"},{"pageId":"ivbzs","title":"Оформление заказа","pageUriSEO":"checkout","pageJsonFileName":"99a4b0_f96b52a3985ecb0003eb7d967acfc8f9_7.json"},{"pageId":"c2jl","title":"Thank You Page","pageUriSEO":"thank-you-page","pageJsonFileName":"99a4b0_71f0617a5860fb3c7766fa2aae8c5e81_7.json"},{"pageId":"beacu","title":"Мої магазини","pageUriSEO":"my-orders","pageJsonFileName":"99a4b0_4837649a20df5b7edbf1348da5567eea_7.json"},{"pageId":"fy9mq","title":"Fullscreen Page","pageUriSEO":"fullscreen-page","pageJsonFileName":"99a4b0_0e4ba1216650ceb06e74406ea0809504_7.json"}],"mainPageId":"czw7","masterPageJsonFileName":"99a4b0_5b9bf3da1e6db48432516363ed4deb9c_12.json","topology":[{"baseUrl":"https:\/\/static.wixstatic.com\/","parts":"sites\/{filename}.z?v=3"},{"baseUrl":"https:\/\/staticorigin.wixstatic.com\/","parts":"sites\/{filename}.z?v=3"},{"baseUrl":"https:\/\/fallback.wix.com\/","parts":"wix-html-editor-pages-webapp\/page\/{filename}"}],"fixedPagePath":{"baseUrl":"siteassets.parastorage.com\/pages","parts":"\/fixedData?ck={ck}&experiments={experiments}&isHttps={isHttps}&isUrlMigrated={isUrlMigrated}&metaSiteId={metaSiteId}&pageId={pageId}&quickActionsMenuEnabled={quickActionsMenuEnabled}&siteId=4a7e8282-1eca-44e7-b421-98a78cbaf062v=3&version={version}"}}};

varpublicModel = {"domain":"wixsite.com","externalBaseUrl":"https:\/\/sabadaselena.wixsite.com\/mysite-2","unicodeExternalBaseUrl":"https:\/\/sabadaselena.wixsite.com\/mysite-2","pageList":{"pages":[{"pageId":"vxh2d","title":"Інтер'єр","pageUriSEO":"inter-yer","pageJsonFileName":"99a4b0_947b256ec57fbbbb48e119fb3f0c56a3_7.json"},{"pageId":"tirbv","title":"Будівництво та ремонт","pageUriSEO":"budivnictvo-ta-remont","pageJsonFileName":"99a4b0_b932261edfea3b6a8215ea3a992b3f4e_7.json"},{"pageId":"lu460","title":"Краса та здоров'я","pageUriSEO":"krasa-ta-zdorov-ya","pageJsonFileName":"99a4b0_9e3ff45403ad2e258240cf784f2f737f_7.json"},{"pageId":"sgks7","title":"Search Results Page","pageUriSEO":"search-results-page","pageJsonFileName":"99a4b0_89bc9e0c29c53f2c5b07a655c79c399d_9.json"},{"pageId":"czw7","title":"Типи магазинів","pageUriSEO":"tipi-magaziniv","pageJsonFileName":"99a4b0_27b2aa2bb2e135bc34fb8667661a5216_10.json"},{"pageId":"ybwb6","title":"Одяг та взуття","pageUriSEO":"odyag-ta-vzuttya","pageJsonFileName":"99a4b0_1ce14950e5cac2f53ea63a420e284518_7.json"},{"pageId":"c1xuj","title":"Product Page","pageUriSEO":"product-page","pageJsonFileName":"99a4b0_14612d9abadd4e1eb51bb965f0e5b549_7.json"},{"pageId":"sv55n","title":"Спорттовари","pageUriSEO":"roslini","pageJsonFileName":"99a4b0_81aeb5924445c846a8bc88fea037a439_7.json"},{"pageId":"dezdp","title":"My Wallet","pageUriSEO":"my-wallet","pageJsonFileName":"99a4b0_90dbf62a7007f13c0dd2039c4f6dea74_7.json"},{"pageId":"oxpds","title":"Мій акаунт","pageUriSEO":"my-account","pageJsonFileName":"99a4b0_0aa1aa86753c888cb1c316d3b3c863b7_7.json"},{"pageId":"j8bsc","title":"Продукти","pageUriSEO":"produkti","pageJsonFileName":"99a4b0_905bd6a6692772fe66def1c582e53e86_7.json"},{"pageId":"c1n25","title":"Shopping Cart","pageUriSEO":"shopping-cart","pageJsonFileName":"99a4b0_85303ad978bce28fcc2c8a6fccc4a387_7.json"},{"pageId":"qjjab",","siteMemberId":"089fd99f-1ad5-4f04-8e90-dec5921d707c"},"metaSiteFlags":[],"siteMembersProtectedPages":["dezdp","oxpds","qjjab","beacu"],"indexable":true,"hasBlogAmp":false,"renderTime":1558391923118,"siteDisplayName":"Mysite 2","siteAssets":{"cacheVersions":{"dataFixer":1}},"siteMeshReady":true,"layoutMechanism":"MESH"};

</style><div data-hook="gallery-app-root" class="_1v-2U"><div data-hook="gallery-app-content" class="_3Fvx9"><div data-hook="gallery-app-container" class="_1C8-r"><div></div><sectiondata-hook="product-list" aria-label="Галерея товаров"><ulclass="_1RkJr" data-hook="product-list-wrapper"><li><a href="https://sabadaselena.wixsite.com/mysite-2/product-page/metro" class="_3aG1r _3Gtdw" data-hook="product-item-root"><div class="_1vrJ_ edgeFixPaddingTop edgeFixPaddingTop2" style="" data-hook="product-item-images"><div class="ueCZf wVM8R _2BE0z" data-hook="product-thumbnail-wrapper"><imgclass="_1d2tc _1_gst _2Dd-E" data-hook="wix-media-image" src="https://static.wixstatic.com/media/99a4b0_f3cb8fb522fa4684a0a76a8135e70442~mv2.jpg/v1/fill/w_225,h_62,al_c,q_80,usm_0.66_1.00_0.01/99a4b0_f3cb8fb522fa4684a0a76a8135e70442~mv2.webp" alt="Metro"></div><spanclass="_1iP4B" data-hook="product-item-ribbon">Продукти</span><buttonclass="_2VFPr" data-hook="product-item-quick-view-button" tabindex="-1" aria-hidden="true">БЫСТРЫЙ ПРОСМОТР</button></div><div class="_1_AL6" data-hook="product-item-product-details"><h3 class="cZv4d" data-hook="product-item-name">Metro</h3></div></a></li><li><a href="https://sabadaselena.wixsite.com/mysite-2/product-page/спортмастер" class="_3aG1r _3Gtdw" data-hook="product-item-root"><div class="_1vrJ_ edgeFixPaddingTop edgeFixPaddingTop2" style="" data-hook="product-item-images"><div class="ueCZf wVM8R _2BE0z" data-hook="product-thumbnail-wrapper"><imgclass="_1d2tc _1_gst _2Dd-E" data-hook="wix-media-image" src="https://static.wixstatic.com/media/99a4b0_b8e02d7a6b434e1f8291118518921565~mv2.png/v1/fill/w_225,h_225,al_c,q_80/99a4b0_b8e02d7a6b434e1f8291118518921565~mv2.webp" alt="Спортмастер"></div><spanclass="_1iP4B" data-hook="product-item-ribbon">Спорттовари</span><buttonclass="_2VFPr" data-hook="product-item-quick-view-button" tabindex="-1" aria-hidden="true">БЫСТРЫЙ ПРОСМОТР</button></div><div class="_1_AL6" data-hook="product-item-product-details"><h3 class="cZv4d" data-hook="product-item-name">Спортмастер</h3></div></a></li><li><a href="https://sabadaselena.wixsite.com/mysite-2/product-page/watsons" class="_3aG1r _3Gtdw" data-hook="product-item-root"><div class="_1vrJ_ edgeFixPaddingTop edgeFixPaddingTop2" style="" data-hook="product-item-images"><div class="ueCZf wVM8R _2BE0z" data-hook="product-thumbnail-wrapper"><imgclass="_1d2tc _1_gst _2Dd-E" data-hook="wix-media-image" src="https://static.wixstatic.com/media/99a4b0_0024367f4979468f977c10994a679b4a~mv2.png/v1/fill/w_225,h_120,al_c,q_80,usm_0.66_1.00_0.01/99a4b0_0024367f4979468f977c10994a679b4a~mv2.webp" alt="Watsons"></div><spanclass="_1iP4B" data-hook="product-item-ribbon">Краса та здоров'я</span><buttonclass="_2VFPr" data-hook="product-item-quick-view-button" tabindex="-1" aria-hidden="true">БЫСТРЫЙ ПРОСМОТР</button></div><div class="_1_AL6" data-hook="product-item-product-details"><h3 class="cZv4d" data-hook="product-item-name">Watsons</h3></div></a></li><li><a href="https://sabadaselena.wixsite.com/mysite-2/product-page/епіцентр" class="_3aG1r _3Gtdw" data-hook="product-item-root"><div class="_1vrJ_ edgeFixPaddingTop edgeFixPaddingTop2" style="" data-hook="product-item-images"><div class="ueCZf wVM8R _2BE0z" data-hook="product-thumbnail-wrapper"><imgclass="_1d2tc _1_gst _2Dd-E" data-hook="wix-media-image" src="https://static.wixstatic.com/media/99a4b0_b2161703f93c4e3c8cd71cb6de307498~mv2.jpg/v1/fill/w_225,h_118,al_c,q_80,usm_0.66_1.00_0.01/99a4b0_b2161703f93c4e3c8cd71cb6de307498~mv2.webp" alt="Епіцентр"></div><spanclass="_1iP4B" data-hook="product-item-ribbon">Будівництво та ремонт</span><buttonclass="_2VFPr" data-hook="product-item-quick-view-button" tabindex="-1" aria-hidden="true">БЫСТРЫЙ ПРОСМОТР</button></div><div class="_1_AL6" data-hook="product-item-product-details"><h3 class="cZv4d" data-hook="product-item-name">Епіцентр</h3></div></a></li><li><a href="https://sabadaselena.wixsite.com/mysite-2/product-page/сільпо" class="_3aG1r _3Gtdw" data-hook="product-item-root"><div class="_1vrJ_ edgeFixPaddingTop edgeFixPaddingTop2" style="" data-hook="product-item-images"><div class="ueCZf wVM8R _2BE0z" data-hook="product-thumbnail-wrapper"><imgclass="_1d2tc _1_gst _2Dd-E" data-hook="wix-media-image" src="https://static.wixstatic.com/media/99a4b0_1ab4d34391df405aaeb945e9c92daa52~mv2.png/v1/fill/w_225,h_89,al_c,q_80,usm_0.66_1.00_0.01/99a4b0_1ab4d34391df405aaeb945e9c92daa52~mv2.webp" alt="Сільпо"></div><spanclass="_1iP4B" data-hook="product-item-ribbon">Продукти</span><buttonclass="_2VFPr" data-hook="product-item-quick-view-button" tabindex="-1" aria-hidden="true">БЫСТРЫЙ ПРОСМОТР</button></div><div class="_1_AL6" data-hook="product-item-product-details"><h3 class="cZv4d" data-hook="product-item-name">Сільпо</h3></div></a></li><li><a href="https://sabadaselena.wixsite.com/mysite-2/product-page/butlers" class="_3aG1r _3Gtdw" data-hook="product-item-root"><div class="_1vrJ_ edgeFixPaddingTop edgeFixPaddingTop2" style="" data-hook="product-item-images"><div class="ueCZf wVM8R _2BE0z" data-hook="product-thumbnail-wrapper"><imgclass="_1d2tc _1_gst _2Dd-E" data-hook="wix-media-image" src="https://static.wixstatic.com/media/99a4b0_020043f51e9340bebe9ede8801e1e640~mv2.jpg/v1/fill/w_225,h_169,al_c,q_80,usm_0.66_1.00_0.01/99a4b0_020043f51e9340bebe9ede8801e1e640~mv2.webp" alt="Butlers"></div><spanclass="_1iP4B" data-hook="product-item-ribbon">Інтер'єр</span><buttonclass="_2VFPr" data-hook="product-item-quick-view-button" tabindex="-1" aria-hidden="true">БЫСТРЫЙ ПРОСМОТР</button></div><div class="_1_AL6" data-hook="product-item-product-details"><h3 class="cZv4d" data-hook="product-item-name">Butlers</h3></div></a></li><li><a href="https://sabadaselena.wixsite.com/mysite-2/product-page/h-m-1" class="_3aG1r _3Gtdw" data-hook="product-item-root"><div class="_1vrJ_ edgeFixPaddingTop edgeFixPaddingTop2" style="" data-hook="product-item-images"><div class="ueCZf wVM8R _2BE0z" data-hook="product-thumbnail-wrapper"><imgclass="_1d2tc _1_gst _2Dd-E" data-hook="wix-media-image" alt="H&amp;M"></div><spanclass="_1iP4B" data-hook="product-item-ribbon">Одяг та взуття</span><buttonclass="_2VFPr" data-hook="product-item-quick-view-button" tabindex="-1" aria-hidden="true">БЫСТРЫЙ ПРОСМОТР</button></div><div class="_1_AL6" data-hook="product-item-product-details"><h3 class="cZv4d" data-hook="product-item-name">H&amp;M</h3></div></a></li></ul></section></div></div></div></div></div></div></div></div></div></div></div></div></main><div id="soapAfterPagesContainer"><styleid="soapAfterPagesContainer-mesh-styles">

<scripttype="text/javascript">

varwarmupData = {"layoutData":{"displayedPagesData":{"masterPage":{"structure":{"DESKTOP":{"SITE_BACKGROUND":{"id":"SITE_BACKGROUND","metaData":{"pageId":"masterPage"},"parent":"BOLT_SITE","componentType":"wysiwyg.viewer.components.SiteBackground","skin":"wysiwyg.viewer.skins.siteBackgroundSkin","layout":{},"styleId":"siteBackground"},"masterPage":{"id":"masterPage","type":"Document","metaData":{"pageId":"masterPage"},"parent":"SITE_ROOT","componentType":"mobile.core.components.MasterPage","dataQuery":"#masterPage","modes":{"definitions":[{"type":"SHOW_ON_SOME_PAGES","modeId":"masterPage-mode-jvpjlyw7","label":"SOSP-members_pages_group","settings":{"pagesGroupId":"#dataItem-jvpjlwdv"}}],"overrides":[]},"layout":{"y":0,"rotationInDegrees":0,"anchors":[{"distance":0,"type":"BOTTOM_TOP","locked":false,"targetComponent":"PAGES_CONTAINER"}]},"components":["SITE_HEADER","SITE_FOOTER","PAGES_CONTAINER","CONTROLLER_COMP_CUSTOM_ID"]},"SITE_HEADER":{"id":"SITE_HEADER","type":"Container","metaData":{"pageId":"masterPage"},"parent":"masterPage","componentType":"wysiwyg.viewer.components.HeaderContainer","skin":"wysiwyg.viewer.skins.screenwidthcontainer.TransparentScreen","connectionQuery":"connection-jvsooqng","menuItemsRef":"comp-jvpjlwgm_runtime_dataItem-jvpjlxe7","iconItemsRef":"comp-jvpjlwgm_runtime_dataItem-jvpjlxe71","logOutText":"Log Out","loggedOutText":"Log In","loggedInText":"Hello","loggedInMember":"textOnly","language":"en","showLoggedInText":false},{"type":"LoginSocialBar","id":"comp-jvpjlwgm_runtime_dataItem-jvpjlwhk","metaData":{"pageId":"masterPage","isPreset":false,"schemaVersion":"1.0","isHidden":false},"menuItemsRef":"comp-jvpjlwgm_runtime_dataItem-jvpjlxe7","iconItemsRef":"comp-jvpjlwgm_runtime_dataItem-jvpjlxe71","logOutText":"Log Out","loggedOutText":"Log In","loggedInText":"Hello","loggedInMember":"textOnly","language":"en","showLoggedInText":false}]},"design_data":{},"mobile_hints":{},"component_properties":{},"theme_data":{}},"state":{}},"tpaWidgetNativeInitData":{"i3pweaoo":{"wixCodeProps":{"cssBaseUrl":"https:\/\/static.parastorage.com\/services\/wixstores-client-gallery\/1.335.0\/","filterModels":[],"hasMoreProductsToLoad":false,"hasSelectedFilters":false,"isFirstPage":true,"isInteractive":false,"isLiveSiteMode":true,"isLoaded":true,"isMobile":false,"isRTL":false,"loading":false,"mainCollectionId":"00000000-000000-000000-000000000001","productIdToProductPageUrlMap":{"b73a4dd0-bb32-f4ea-eba0-a5ee8142f77b":"https:\/\/sabadaselena.wixsite.com\/mysite-2\/product-page\/metro","ebb8ad80-a3e1-73ad-f33c-034b1e6aeb20":"https:\/\/sabadaselena.wixsite.com\/mysite-2\/product-page\/спортмастер","4ffa0742-48d0-a767-d29c-d0887851f65a":"https:\/\/sabadaselena.wixsite.com\/mysite-2\/product-page\/watsons","745b1e71-2a94-41b7-8f49-07004e6fd69c":"https:\/\/sabadaselena.wixsite.com\/mysite-2\/product-page\/епіцентр","d9cddbaf-b96d-0d9e-cd8d-9fb9a6f0c303":"https:\/\/sabadaselena.wixsite.com\/mysite-2\/product-page\/сільпо","b5608ee0-0a18-dc1c-8f90-6d7b157fb23d":"https:\/\/sabadaselena.wixsite.com\/mysite-2\/product-page\/butlers","8e99d907-a828-aeb8-5d5f-c1be8d11fee2":"https:\/\/sabadaselena.wixsite.com\/mysite-2\/product-page\/h-m-1"},"products":[{"id":"b73a4dd0-bb32-f4ea-eba0-a5ee8142f77b","options":[],"productType":"physical","ribbon":"Продукти","price":1,"comparePrice":0,"isInStock":true,"urlPart":"metro","formattedComparePrice":"?0,00","formattedPrice":"?1,00","digitalProductFileItems":[],"name":"Metro","media":[{"url":"99a4b0_f3cb8fb522fa4684a0a76a8135e70442~mv2.jpg","index":0,"width":940,"mediaType":"PHOTO","altText":null,"title":"metro-cash-and-carry-logo.jpg","height":261}]},{"id":"ebb8ad80-a3e1-73ad-f33c-034b1e6aeb20","options":[],"productType":"physical","ribbon":"Спорттовари","price":1,"comparePrice":0,"isInStock":true,"urlPart":"спортмастер","formattedComparePrice":"?0,00","formattedPrice":"?1,00","digitalProductFileItems":[],"name":"Спортмастер","media":[{"url":"99a4b0_b8e02d7a6b434e1f8291118518921565~mv2.png","index":0,"width":225,"mediaType":"PHOTO","altText":null,"title":"Без названия.png","height":225}]},{"id":"4ffa0742-48d0-a767-d29c-d0887851f65a","options":[],"productType":"physical","ribbon":"Краса та здоров'я","price":1,"comparePrice":0,"isInStock":true,"urlPart":"watsons","formattedComparePrice":"?0,00","formattedPrice":"?1,00","digitalProductFileItems":[],"name":"Watsons","media":[{"url":"99a4b0_0024367f4979468f977c10994a679b4a~mv2.png","index":0,"width":300,"mediaType":"PHOTO","altText":null,"title":"watsons_logo_cut.png","height":160}]},{"id":"745b1e71-2a94-41b7-8f49-07004e6fd69c","options":[],"productType":"physical","ribbon":"Будівництво та ремонт","price":1,"comparePrice":0,"isInStock":true,"urlPart":"епіцентр","formattedComparePrice":"?0,00","formattedPrice":"?1,00","digitalProductFileItems":[],"name":"Епіцентр","media":[{"url":"99a4b0_b2161703f93c4e3c8cd71cb6de307498~mv2.jpg","index":0,"width":600,"mediaType":"PHOTO","altText":null,"title":"new_fb_image.jpg","height":315}]},{"id":"d9cddbaf-b96d-0d9e-cd8d-9fb9a6f0c303","options":[],"productType":"physical","ribbon":"Продукти","price":1,"comparePrice":0,"isInStock":true,"urlPart":"сільпо","formattedComparePrice":"?0,00","formattedPrice":"?1,00","digitalProductFileItems":[],"name":"Сільпо","media":[{"url":"99a4b0_1ab4d34391df405aaeb945e9c92daa52~mv2.png","index":0,"width":357,"mediaType":"PHOTO","altText":null,"title":"Без названия (1).png","height":141}]},{"id":"b5608ee0-0a18-dc1c-8f90-6d7b157fb23d","options":[],"productType":"physical","ribbon":"Інтер'єр","price":1,"comparePrice":0,"isInStock":true,"urlPart":"butlers","formattedComparePrice":"?0,00","formattedPrice":"?1,00","digitalProductFileItems":[],"name":"Butlers","media":[{"url":"99a4b0_020043f51e9340bebe9ede8801e1e640~mv2.jpg","index":0,"width":800,"mediaType":"PHOTO","altText":null,"title":"Butlers-Logo.jpg","height":600}]},{"id":"8e99d907-a828-aeb8-5d5f-c1be8d11fee2","options":[],"productType":"physical","ribbon":"Одяг та взуття","price":1,"comparePrice":0,"isInStock":true,"urlPart":"h-m-1","formattedComparePrice":"?0,00","formattedPrice":"?1,00","digitalProductFileItems":[],"name":"H&M","media":[{"url":"99a4b0_e5fff0dcb22c42d7a5544b0182d0e748~mv2.png","index":0,"width":600,"mediaType":"PHOTO","altText":null,"title":"HM_logo.png","height":300}]}],"ravenUserContextOverridesclearFilters":{"callbackId":"i3pweaoo-clearFilters","contextId":"czw7"},"filterProducts":{"callbackId":"i3pweaoo-filterProducts","contextId":"czw7"},"filterProductsOnMobile":{"callbackId":"i3pweaoo-filterProductsOnMobile","contextId":"czw7"},"handleProductItemClick":{"callbackId":"i3pweaoo-handleProductItemClick","contextId":"czw7"},"loadMoreProducts":{"callbackId":"i3pweaoo-loadMoreProducts","contextId":"czw7"},"onAppLoaded":{"callbackId":"i3pweaoo-onAppLoaded","contextId":"czw7"},"openQuickView":{"callbackId":"i3pweaoo-openQuickView","contextId":"czw7"},"setProductsPerPage":{"callbackId":"i3pweaoo-setProductsPerPage","contextId":"czw7"},"sortProducts":{"callbackId":"i3pweaoo-sortProducts","contextId":"czw7"},"toggleFiltersModalVisibility":{"callbackId":"i3pweaoo-toggleFiltersModalVisibility","contextId":"czw7"}}}}};

</script>

varssrInfo = {"timeSpentInSSR":1197,"platformOnPage":true,"workerStarted":true,"platformAppsOnPage":["1380b703-ce81-ff05-f115-39571d94dfcd","14271d6f-ba62-d045-549b-ab972ae1f70e","14cc59bc-f0b7-15b8-e1c7-89ce41d0e0c9","dataBinding"],"userCode":false,"useBoltush":false,"sessionId":"2ae33b62-98ff-442b-b0fa-7bb9ec9d719d"};

</script>

<div data-hook="gallery-announcer" style="border: 0;clip: rect(0 0 0 0);clip: rect(0, 0, 0, 0); height: 1px;margin: -1px;overflow: hidden;padding: 0; width: 1px;position: absolute;" role="log" aria-live="polite" aria-relevant="additions"></div></body></html>

...