МЕЛІТОПОЛЬСЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ УНІВЕРСИТЕТ

ІМЕНІ БОГДАНА ХМЕЛЬНИЦЬКОГО

Кафедра Інформатики і кібернетики

№ реєстрації
" " 2021 р.

КУРСОВА РОБОТА

з Програмування
(назва дисципліни)

на тему: Розробка інтернет-магазину мобільних аксесуарів

“BAStore”

Студента 3 курсу 819-і групи

спеціальності 015.10 Професійна освіта
(Комп’ютерні технологіхї)
Розумейка Назара Олександровича
Керівник: к.пед.н., ст. викладач Конюхов
С.Л.

Національна шкала ________________

Кількість балів: _____ Оцінка: ECTS _____

Члени комісії ________________ _____________________

(підпис) (прізвище та ініціали)

______________ _______________________
(підпис) (прізвище та ініціали)

________________ _____________________
(підпис) (прізвище та ініціали)

м. Мелітополь, 2021
 2
ЗМІСТ

ВСТУП...........................................................................................................3
РОЗДІЛ 1. ОПИС ПРЕДМЕТНОЇ СФЕРИ............................................5
1.1. Поняття Веб-сайту..............................................................................5
1.2. Класифікація Веб-сайтів.....................................................................6
1.3. Основні етапи створення Веб-сайтів.................................................8
1.4. Інтернет-магазин...............................................................................13
1.5. Класифікація Інтернет-магазинів....................................................17
1.6. Переваги та недоліки інтернет-магазинів.......................................18
1.7. Структура побудови інтернет-магазину.........................................20
1.7.1. Деревоподібна структура.................................................................21
1.7.2. Тегована структура............................................................................22
1.7.2. Помилки при складанні структури..................................................22
1.8. Інструменти для створення структури............................................23
1.9. Типова структура Інтернет-магазину..............................................25
 3
ВСТУП

Актуальність. Життя сучасної людини неможливо уявити без

мобільного пристрою – від того часу, як мобільний інтернет набув широкого
поширення, користувачі стали проводити перед екраном смартфона ще більше
часу, ніж за комп'ютером. Смартфон є досить міцним пристроєм, але все ж
його корпус досить крихка конструкція. Стандартна комплектація телефону
не в змозі витримувати критичні пошкодження, тому вони у більшості
випадків просто розбиваються. Ціна на смартфони збільшується і щорічне
придбання нового смартфону не є раціональним рішенням.
Дослідження, проведене фахівцями компанії Motorola, виявило, що 50%
користувачів смартфонів в усьому світі розбивали екрани своїх смартфонів.
23% власників продовжували користуватися смартфонами навіть після порізів
пальців про розбите скло. Екран кожного п'ятого (21%) власника смартфона в
світі сьогодні є розбити. У 50% випадків телефон просто вислизає з рук, в 32%
випадків - з кишень, в 27% - падає з колін, коли ми встаємо. 7% власників
розбивають екрани, коли роблять Селфі, і тільки 5% користувачів кидають
свої телефони в когось або щось, після чого екран стає недієздатним
Мільйони людей щодня, не виходячи з дому, купують різні товари в
Інтернеті. Інтернет-магазини істотно зменшують витрати виробника,
заощадивши на утриманні звичайного магазину, розширюють ринки збуту,
так само як і розширює можливість покупця купувати будь-який товар в будь-
якій країні, в будь-якому місті, в будь-який час доби, в будь-який час року.
В Україні спостерігається посилення ролі мережі Інтернет у збуті товарів і
послуг. Споживачі все частіше звертаються до мережі Інтернет.
Тому, ми пропонуємо розробити інтернет-магазин мобільних аксесуарів
на основі технології ASP.NET, за допомогою якого, населення Україні зможе
легким і доступним способом забезпечити себе якісними аксесуарами для
мобільної техніки, з метою запобігання фізичних пошкоджень власних
мобільних пристроїв, і який буде мати низку переваг таких, як: низька ціна,
зручність у придбанні, економія часу тощо.
 4
Об’єкт – процес розробки Інтернет магазину.
Предмет – особливості розробки Інтернет магазину за допомогою
технології ASP.NET CORE.
Мета – створення Інтернет-магазину мобільних аксесуарів за
допомогою технології ASP.NET, який дозволить: підвищити зацікавленість
населення, щодо збереження власних мобільних пристроїв; зменшити час та
полегшити процес купівлі мобільних аксесуарів; модернізувати ринок
продажу мобільних аксесуарів.
Завдання:
1. Розкрити поняття веб-сайту, Інтернет-магазину, визначити
позитивні та негативні сторони Інтернет-магазину і розповісти про
його особливості;
2. Описати засоби розробки Інтернет-магазину;
3. Провести аналіз конкурентів;
4. Створити зручну систему купівлі мобільних аксесуарів;
5. Спроектувати архітектуру Інтернет-магазину;
6. Розробити Інтернет-магазин за допомогою технології ASP.NET
CORE.
Методи: аналіз літератури з проблеми дослідження, аналіз веб-
інструментів, порівняння аналогів, розробка діючого проекту.
Структура роботи.
 5
РОЗДІЛ 1. ОПИС ПРЕДМЕТНОЇ СФЕРИ

1.1. Поняття Веб-сайту

Веб-сайт (англ. Website, від web - павутина і site - «місце») - в

комп'ютерній мережі об'єднана під однією адресою (доменним ім'ям або
IPадресою) сукупність документів приватної особи або організації. За
замовчуванням мається на увазі що сайт розташовується в мережі Інтернет.
Всі веб-сайти Інтернету в сукупності складають Всесвітню павутину. Для
прямого доступу клієнтів до веб-сайтів на серверах був спеціально
розроблений протокол HTTP. Крім веб-сайтів в мережі Інтернет так само
доступні WAP-сайти для мобільних телефонів.
Спочатку веб-сайти представляли із себе сукупності статичних
документів. В даний час більшості з них властива динамічність і
інтерактивність. Для таких випадків фахівці використовують термін веб-
додаток - готовий програмний комплекс для вирішення завдань веб-сайту.
Веб-додаток входить до складу веб-сайту, але веб-додаток без даних сайтом є
тільки технічно.
У більшості випадків в Інтернеті одному веб-сайту відповідає одне
доменне ім'я. Саме по доменних іменах сайти ідентифікуються в глобальній
мережі. Можливі інші варіанти: один сайт на декількох доменах або декілька
сайтів під одним доменом. Звичайно кілька доменів використовують великі
сайти (веб-портали) щоб логічно відокремити різні види послуг, що надаються
(mail.google.com, news.google.com, maps.google.com). Непоодинокі й випадки
виділення окремих доменів для різних країн або мов. Наприклад, google.ru та
google.fr логічно є сайтом Google на різних мовах, але технічно це різні сайти.
Об'єднання декількох сайтів під одним доменом характерно для безкоштовних
хостингів. Іноді для ідентифікації сайтів в адресі після вказівки хоста стоїть
тильда і ім'я сайту: example.com/~my-site-name/, іноді використовується
доменне ім'я третього рівня: my-site-name.example.com.
 6
Апаратні сервери для зберігання веб-сайтів називаються веб-серверами.
Сама послуга зберігання називається веб-хостингом. Раніше кожен сайт
зберігався на своєму власному сервері, але із зростанням Інтернету
технологічним поліпшенням серверів на одному комп'ютері стало можливе
розміщення безлічі сайтів (віртуальний хостинг). Зараз сервера для зберігання
тільки одного сайту називаються виділеними (англ. Dedicated).
Один і той же сайт може бути доступний за різними адресами і
зберігається на різних серверах. Копія оригінального сайту в такому випадку
називається дзеркалом. Існує так само поняття офлайн версія сайту - це копія
сайту, яка може бути переглянута на будь-якому комп'ютері без підключення
до комп'ютерної мережі та використання серверного ПЗ

1.2. Класифікація Веб-сайтів

Різні веб-сайти можуть мати різну структуру – кількість веб-сторінок та

їх типи, внутрішню тематичну організацію, сукупність внутрішніх зв’язків.
Спільним для всіх сайтів є наявність у структурі головної сторінки, яка
пов’язана з усіма тематичними розділами сайта.
Розділи можуть мати власні початкові сторінки, що пов’язані з головною
сторінкою та інформаційними сторінками. Кількість веб-сторінок та їх типи
визначаються обсягом і характером матеріалів сайта. Класифікувати сайти
можна за значеннями різних властивостей.
Створення веб-сайту починається зі створення інформаційної моделі
сайту. Будь-яку веб-сторінку можна оцінити за двома параметрами: зміст та
зовнішній вигляд. Проте спочатку потрібно вирішити, яку інформацію
потрібно на ній розмістити. Необхідно детально проаналізувати, скільки і якої
інформації потрібно подати на веб-сторінці. Створюючи проект сайту,
потрібно добре продумати його загальну структуру, зміст інформації та
посилання [8].
 7
Наведемо кілька можливих класифікацій. Відповідно до основної
технології, що була використана для створення веб-сторінок, веб-сайти
поділяють на статичні (усі сторінки статичні), динамічні (усі сторінки
динамічні), флеш-сайти (усі сторінки побудовані за флеш-технологією) та
мішані.
За призначенням виділяють такі типи сайтів:
 сайти, що надають інформаційні матеріали: інформаційно-
тематичні сайти, сайти новин, електронні бібліотеки, енциклопедії, словники,
каталоги, сховища файлів різних видів, медіатеки та ін.;
 сайти для онлайн контактів і спілкування: форуми та веб-чати,
сайти соціальних мереж, блоги, сайти знайомств і мережних ігор та ін.;
 сайти електронної комерції: Інтернет-магазини та аукціони,
системи електронних платежів, сайти банків, бірж, сайти, що пропонують
різноманітні платні послуги – навчання іноземних мов, консультації
психолога;
 сайти онлайн сервісів: сайти електронної пошти, пошукових
систем, сайти перекладу слів і текстів [2].
Крім того, онлайн сервісами, для яких створені відповідні сайти, є
сервіси: надання хостингу (англ. hostіng – виявлення гостинності) – виділення
апаратних і програмних ресурсів сервера для розміщення файлів користувача,
забезпечення доступу до них, опрацювання запитів; он-лайн офіси – сервіс
створення он-лайн документів: текстових, презентацій, електронних таб лиць
та ін.; сервіс автоматизованої розробки веб-сайтів.
На сайтах, розроблених для підтримки цього сервісу, розміщують
системи керування контентом CMS (англ. Content Management System –
системи керування вмістом, контентом) – програми, що використовують для
створення, редагування та керування вмістом веб-сайта.
За призначенням сайти поділяють на:
 Бізнес-сайти – це продуктивне рішення для фірм і компаній, які
бажають об'єднати в одному сайті всю інформацію про організацію як для
 8
клієнтів, так і для своїх співробітників. Бізнес сайт має широкі можливості для
розміщення та управління інформаційними матеріалами. Веб-сайти цього типу
орієнтовані на ефективне представлення продукції або послуг з
використанням різних функціональних модулів, які також дозволяють якісно
оптимізувати веб-сайт для пошукового просування.;
 Інформаційні сайти – це веб-ресурс, на якому містяться сторінки з
розміщеним на них контентом (статті, зображення, відео та аудіофайли),
присвяченим одній або більше тематикам. Статті на такому сайті зазвичай
відповідають на питання "Що де, коли, як зробити, тощо.". Інформаційний
сайт є збірником документів з певним інформаційним контентом. Приклад
найпопулярнішого інформаційного сайту – Вікіпедія;
 Сайти соціальних мереж – це інтернет-майданчик, сайт, який
дозволяє зареєстрованим на ньому користувачам розміщувати інформацію про
себе та комунікувати між собою, встановлюючи соціальні зв'язки. Контент на
цьому майданчику створюється безпосередньо користувачами;
 Веб-портали – це сайт, який надає користувачам різні інтерактивні
послуги, що функціонують на одному ресурсі. Інформація на сторінках
публікується однаковим способом незалежно від джерел. Такі сайти
пропонують не лише функцію пошуку, але й такі сервіси, як електронна
пошта, форум, голосування тощо;
 Сайти сервісів – сайти служб, які існують у мережі Інтернет,
зокрема, сайти пошукових служб (Google, Bіng ), поштові сайти, веб-форуми,
онлайнові сховища даних (Skydrіve), сайти служб онлайнового
документообігу (Google Docs), зберігання та обробки фотографій ( Pіcnіk,
ІmageShack, Panoramіo, Photobucket), зберігання відео (You Tube) [10].

1.3. Основні етапи створення Веб-сайтів

Незалежно від того, який сайт ви задумали – односторінковий або на 15-

20 сторінок – необхідно розуміти, що він потребує вкладення часу, сил та
 9
фінансів. Адже це свого роду нерухомість – приватна власність, будівництво
та облаштування якої, корегує розробник. І його обов'язок переконатися в
тому, що сайт вийде якомога якісніше та зручніше для клієнтів.
У будівництві, перш ніж хапатися за молоток, пилку або інший
будівельний інструмент, важливо продумати до дрібниць всі деталі. Те саме
стосується й інтернет-ресурсу.
Занадто багато людей відразу починають «забивати цвяхи», не
витрачаючи часу створення належного плану. Але суть у тому, що яку б
роботу ви не виконували (створювали сайт, будували будинок або починали
маркетингову компанію), необхідно дві третини часу витратити на планування
і лише одну третину – на здійснення задуманого. Економія часу на етапі
планування проекту призводить до непередбачених помилок, через які в
результаті доводиться переробляти частину роботи.
1) Аналітика.
Почати варто з визначення цільової аудиторії та аналізу конкурентів.
Власнику сайту важливо розуміти свою цільову аудиторію, її потреби та біль.
Тоді він зможе адаптувати свій сайт під їхні інтереси та отримати з цього
власну вигоду. Варто знайти відповіді на запитання:
 для кого призначено веб-ресурс?
 які переваги ваших потенційних клієнтів?
 яка інформація буде для них корисною та цікавою?
 які комунікаційні канали вони користуються?
Необхідно переглянути прямих конкурентів, вивчіть їх рішення, знайти
переваги та недоліки. А потім використовувати це у власних цілях. Варто
визначити переваги майбутнього сайту, родзинку, яка відрізнятиме веб-сайт
від інших.
2) Стратегія.
Слід визначити мету майбутнього сайту, що саме можна досягти за
допомогою нього та які інструменти у цьому допоможуть. Цілі у бізнес-
ресурсу можуть бути абсолютно різні:
 10
 продавати (для e-commerce);
 залучати клієнтів;
 презентувати продукт чи лінійку товарів;
 розповісти про послугу;
 збирати ліди (контактні дані);
 розповісти про вашу компанію;
 вибудувати довгострокові відносини із клієнтами;
 підвищити охоплення та впізнання бренду, використовуючи
digital-канали.
Один сайт може підходити одразу для кількох цілей, існують також
складні індивідуальні проекти, які виконують кожне з перерахованих завдань.
Дуже важливо правильно визначити, який результат потрібний і на основі цієї
інформації формувати інші етапи роботи над створенням сайту.
3) Створення технічного завдання.
Вкрай важливий крок. Похибки тут неприпустимі, оскільки можуть
проявитися будь-якому етапі й у результаті відкинути проект далеко тому. У
ТЗ прописуються основні вимоги проекту, його можливості та спосіб роботи,
враховуючи аналіз ЦА та конкурентів, цілі та стратегію. По суті, два
попередні етапи проводять заради того, щоб скласти якісне ТЗ та передати у
роботу фахівцям.
Основні вимоги до техзавдання:
 Подробиці. Все, що має зробити фахівець, необхідно вказати у ТЗ.
Навіть якщо це обов'язкова частина роботи, навіть якщо розробник робив це
сотні разів і не потребує нагадування. Кожну вимогу, кожен аспект робіт слід
прописувати.
 Відсутність неточностей. Будь-яким неоднозначним
формулюванням чи суб'єктивізму не місце у техзаданні. Це інструкція, в якій
йдеться про те, що і як зробити, а поняття: «добре», «красиво», «чіпляє» у всіх
різні.
 11
 Зрозуміла мова. Виправлення: зрозумілий для фахівця. Це означає,
що фахівець не повинен розшифровувати та перепитувати, що саме від нього
хочуть.
4) Прототипування.
Для наочності створюється прототип із докладним розташуванням
елементів та навігацією. Остання потребує особливої уваги. Занадто багато
сайтів створюються без урахування зручності навігації. Чому так багато людей
люблять продукти Apple? Тому що вони інтуїтивно зрозумілі. Користувач при
першому контакті з продуктом розуміє, як ним користуватися.
Дизайнер насамперед забезпечує зручність інтерфейсу. Всі елементи на
сторінці повинні бути розташовані таким чином, щоб користувач легко міг
знайти і скористатися ними. За допомогою розташування інформаційних
блоків дизайнер керує увагою відвідувача, демонструє йому те, що він
повинен або хоче побачити зараз.
5) Створення макетів дизайну.
Етап розробки дизайну сайту відповідає за візуальну складову ресурсу:
 колір;
 форма;
 шрифт;
 анімація.
Дизайнер дотримується фірмового стилю замовника, вписує логотип,
робить сайт повністю пізнаваним та відповідним компанії.
Наслідувати тренди добре, але не робіть дизайн занадто "модним", він
повинен бути сучасним і зберігати свою актуальність хоча б два роки.
Пізніше, коли ресурс заслуговує на довіру пошукових роботів, відвідувачів і
клієнтів, ви зможете змінити його зовнішній вигляд.
6) Верстка.
Після завершення роботи дизайнер відправляє макет на затвердження
замовнику і потім передає на адаптивну верстку: вона має на увазі переклад
 12
ескізів в HTML, тобто адаптацію зображення сайту під будь-який браузер та
пристрій (ПК, планшет, смартфон та інші гаджети).
Це якраз той випадок, коли «сім разів відміряй, один відріж». Краще 7
разів промальовувати дизайн сайту і один - його зверстати в HTML, ніж
відправити на верстку перший варіант, а потім нескінченно вносити правки і
переверстувати. І тут має бути уважним насамперед замовник. Саме він
утверджує концепцію сайту. Чим активніше замовник бере участь в
обговоренні дизайну, тим швидше він отримає ресурс, що відповідає його
очікуванням.
7) Програмування.
Після того, як верстальники переклали ескізи в HTML, адаптували макет
сайту під Всесвітню мережу, його передають програмісту, який оживляє
“картинку”. Наприклад, зробив дизайнер кнопку зеленого кольору, помістив у
неї текст («Придбати»). Проте, на даний момент вона не є активною. Задача
програміста –зробити її активною, щоб відвідувач одразу потрапляв на
необхідну сторінку. Загалом, програміст – це той, хто всі зроблені дизайнером
та зібрані верстальником атрибути сайту прописує певною мовою
програмування (PHP, Java, JavaScript, Python або технології ASP.NET). Іноді
етап верстки та програмування виконують одночасно. Якщо, звісно,
дозволяють масштаби проекту.
8) Базове наповнення.
Сайт без інформаційного наповнення не може існувати. Етап заповнення
передбачає переведення контенту у необхідний формат та розміщення на
сторінках ресурсу. Матеріали готуються заздалегідь. Їх можуть писати як
копірайтери за заздалегідь складеним технічним завданням (ТЗ), так і власник
сайту або будь-яка людина, яка знає специфіку текстів і володіє мистецтвом
слова. Але на цьому робота не припиняється. Контент потребує стабільного
оновлення. Інакше пошукові боти під час ранжирування обходитимуть сайт.
Важливий фактор – зацікавленість клієнтів . Їх важливо постійно підігрівати
актуальною інформацією.
 13
9) Тестування.
Хоча після кожного етапу розробки ресурсу перевіряють на предмет
«працює – не працює», без фінального тестування не обійтися. А раптом десь
загубилося бите посилання, некоректно відображається інформація чи
спливаюче вікно не з’являється? Недоробітки під час тестування виявляються
різні і команда їх відразу усуває. Як правило, для тестування та демонстрації
сайт розміщують на спеціальному майданчику. Пізніше, коли всі похибки
усунуті, проект з усіма файлами мігрує на його постійне місце прописки в
Інтернеті – хостинг[16].

10) Технічна підтримка.

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

1.4. Тематичний Веб-сайт («Блог»)

Формулювань терміну «Блог» існує безліч. За версією Webster: Блог – це

персональний Веб-сайт, який дає можливість оновлювати записи у сфері
інтересів автора, також може включати в себе щоденник, коментарі та
рекомендації зібрані користувачем.
WordNet, Princeton University трактує «Блог», як онлайн-журнал, де
людина може розміщувати записи про його особисте життя, хобі, досвід.
Найвідоміша платформа Вікіпедія тлумачить, що «Блог» - це Веб-сайт
основний зміст якого – регулярно додавані записи або інші форми даних.
 14
На основі тверджень різних джерел, можна зробити загальний термін,
який пояснює, що Веб-блог – це онлайн журнал, інтернет-щоденник, основним
наповненням якого є записи, що систематично додаються. Записи містять
текст, фотографії, графічні елементи або мультимедіа. Записи в блозі зазвичай
короткі і згруповані у зворотній хронологічній послідовності. Найчастіше
блоги публічні, мають читачів, які вступають у полеміку з автором блогу за
допомогою коментарів до запису або у своєму особистому блозі.
Сам термін «Weblog» був вигаданий у 1997 році Джоном Баргером.
Коротка версія «blog» вперше була використана Пітером Мерхользом у 1999
році, коли він розділив sidebar свого Веб-лога слова «We blog».
Кожен тематичний Веб-сайт має основні властивості та певні візуальні
елементи такі, як:
1) Хронологія. У більшості випадків, Блог має чітку хронологію.
Кожний запис позначається датою та часом. Однією з ознак Блогу є те, що
новіші записи відображаються на сторінці зверху сторінки.
2) Регулярність. Блог відрізняється своєю регулярністю викладання
записів, статей. Оновлення сторінки блогу може відбуватися, як декілька разів
на день так і декілька разів на місяць. Кожен запис може містити в собі
зображення, відео матеріал, посилання на іншу ресурси, тощо.
3) Коло інтересів. Блог, як і багато інших сайтів, повинен мати певну
тематичну направленість, якою він буде привертати увагу користувачів.
Зазвичай персональні блоги носять особистий характер. Однак у середовищі
персональних , так само, як і в середовищі колективних та корпоративних
блогів , існують спеціалізовані блоги , присвячені певним сферам життя.
4) Коментування записів. Необов’язкова властивість: можливість
коментування записів, статей, яка може бути вимкнута автором.
5) Використання спеціального програмного забезпечення для
оновлення інформації. Цей пункт не є обов’язковою умовою ведення блогу.
Створення нових HTML-сторінок та додавання елементів за допомогою тегів
не є виключенням. Однак більше 90% сучасних блог-сервісів побудовані на
 15
системах, якими адміністратор може користуватися, не вдаючись до
програмування.
Візуально можна виділити наступні елементи Блогу:
 Назва;
 Заголовок запису, статті;
 Час запису, статті;
 Ім’я автора або посилання на нього;
 Рубрика (якщо така є);
 Текст запису, статті;
 Коментарі (якщо вони передбачені адміністратором блогу);
 Посилання на інші джерела.
Якщо власник блогу має намір заробляти на цьому, у такому випадку він може
розміщювати рекламні матеріали послуг інших джерел.

1.5. Актуальність блогів

Кожного дня люди проводять понад дві години в Інтернеті шукаючи ту

чи іншу інформацію. Тематичний сайт або ж Блог відносяться до динамічних
Веб-сайтів в Інтернеті, тому вони містять в собі набагато більше інформації,
ніж статичні «презентаційні» Веб-сайти. За кожен блог відповідає одна і
більше людей, і будь-який Блог це квінтесенція інформації, яка проходить
через розум свідомої людини. Тому кількість корисної інформації у такому
виді Веб-сайтів на одиницю більше за об’єм інформації на іншому сайті.
Тематичний Блог – це міцне інформаційне джерело. Тематичні Блоги ведуть
експерти і люди, які володіють інформацією з певної теми. Читання
тематичних сайтів дає можливість розвиватися у різних напрямках.
1.6. Типи блогів та сфери їх використання

Загалом, сфера використання Блогу залежить від його типу.