Розробка сайту «Каршерінг» на Django

1.

Відкритий міжнародний університет розвитку людини
«Україна»
Івано-Франківська філія
Кафедра інформаційних технологій та програмування
Бакалаврська робота на тему:
Розробка сайту «Каршерінг» на
Django
Виконав: студент групи ЗПІ-19-1-if
Шкабрій Владислав
Науковий керівник: Іляш Ю.Ю.

2.

Ціль - отримання теоретичних та практичних умінь
по розробці сайтів із застосуванням засобів
програмування Django(Python), HTML, CSS, Bootstrap, а
також створення бази даних SQLite.
Задачі:
• проаналізувати вибрану предметну область;
• розглянути мови та системи програмування, які можуть
бути використані при створенні Web-сайту;
• провести аналіз засобів створення баз даних для Webсайтів на Django та сформувати базу даних відповідно
до тематики сайту;
• вибрати структуру і користувацький інтерфейс сайту;
• розробити тематичний сайт згідно визначеного
завдання.

3. Розгляд предметної області

• Всесвітня павутина - глобальний
інформаційний простір, заснований на
фізичній інфраструктурі Інтернету і
протоколі передачі даних HTTP;
• Каршерінг - модель прокату автомобілів;
• Django - вільний фреймворк для вебдодатків на мові Python.

4. Інтернет

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

5. Каршерінг

Каршерінг – вид використання автомобіля,
коли одна із сторін не є його власником.
Модель каршерінгу покликана швидко і
зручно задовольнити традиційну потребу
людини пересуватися з одного місця в інше,
а також дозволяє економити власні кошти за
рахунок зменшення витрат на одноосібне
володіння авто.

6. Мови програмування використані при створенні Web-сайту

• Django(Python);
• HTML;
• CSS;
• Bootstrap;
• JavaScript;
• РСКБД SQLite.

7.

Що таке Django?
Веб-фреймворк надає готовий набір взаємопов'язаних компонентів
для програмування додатків, допомагаючи зосередитися на написанні
ясного, зручного для супроводу коду.
Фреймворк сам визначає спосіб
розробки програми, тобто не тільки
надає зручні інструменти розробки у
вигляді допоміжних функцій і класів,
а й безпосередньо формує архітектуру
проекту.
На сьогоднішній день найбільш функціональним фреймворком
для створення веб-додатків на мові Python є фреймворк Django.
Django можна назвати MVC-фреймворком, так він реалізує
взаємодію користувача і системи:
Model (зберігає дані користувача)
View (відображає дані користувача)
Controller (приймає зміни даних від користувача).

8. Використані додаткові скрипти та плагіни

Для реалізації відображення календаря та
часу було використано скрипт Moment.js та
плагін Tempus Dominus який є наступником
популярного bootstrap-datetimepicker.

9. Архітектура сайту

Створений сайт складається з трьох
основних компонентів: веб-браузер, вебсерверу, та бази-даних. З цього випливає
використання архітектури клієнт-сервер.
Сайт каршерінгу складається з декількох
моделей.
• Перша модель – оренда автомобіля.
• Наступна модель – відгуки.

10.

Діаграма прецедентів сайту

11. Організація даних для сайту “Каршерінг”

Бази даних містять таблиці:
Оренда автомобіля
Відгуки

12. Структура розробленого сайту

13.

Діаграма станів процесу
введення інформації для
бронювання автомобіля
Діаграма станів процесу
«Додавання відгуку»
Діаграма станів
процесу «Видалення
відгуку»

14. Користувацький інтерфейс

Створення головної сторінки

15. Відображення сторінок найчастіших запитань та відгуків

Сторінка найчастіших запитань
Сторінка відгуків

16. Відображення сторінки оренди авто та контактів

Сторінка оренди авто
Сторінка контактів

17. Висновки

Досліджено процес створення Web-сайту на
Django.
Отримано теоретичні та практичні навички з
розробки сайтів на Django(Python).
Створено Web-сайт “Каршерінг”, який
розміщено на хостингу. Розроблений вебсайт дозволив детально розглянути та
вивчити веб-фреймворк Django(Python) та
мови програмування HTML, CSS.

18.

Дякую за увагу!