Web-сайт кінотеатру с. Довге

1.

«Web-сайт
кінотеатру
с. Довге»
Тернопіль – 2020
Виконав
Студент групи К-47 - Іваньо Н.І
Керівник - Гавришків Н.Г

2.

Зміст
01
01
АКТУАЛЬНІСТЬ
01
01
01
01
МЕТА ДИПЛОМНОГО
ПРОЕКТУ
01
01
01
01
ОГЛЯД ІСНУЮЧИХ РІШЕНЬ
01
01
01
01
Сінема сіті; outside.
cinema
АКТУАЛЬНІСТЬ
Short description here
Тернопіль – 2020
01
01

3.

01
Актуальність
Web-сайт забезпечить:
• Передачу всієї необхідної інформації користувачеві.
• Безпосередній контакт з користувачем, а також
інформаційну підтримку.
• Ефективне здійснення рекламної компанію.
Тернопіль – 2020
3

4.

02
02
Мета дипломного проекту
Розробка
____ і створення web-сайту «DovheFilm»
Завдання:
• Вивчити теоретичні аспекти створення web-сайтів.
• Провести аналіз існуючого програмного забезпечення
для створення web-сайтів.
• Розглянути мови програмування та CMS системи, що
використовуються в web-технологіях.
• Розробити інтерфейс сайту.
• Провести аналіз працездатності створеного сайту.
Тернопіль – 2020
4

5.

03
03
Сінема
Сіті
https://cinemaciti.ua/trtspodolyany
Your Date Here
Тернопіль – 2020
5

6.

03
03
outside.
cinema
https://www.instagram.com/
outside.cinema
Your Date Here
Тернопіль – 2020
6

7.

Даний ресурс повинен бути
04
04 простим мати інтуїтивно
зрозумілий інтерфейс, за
допомогою якого можна
здійснювати:
• передачу всієї необхідної
інформації про фільми та деталі
показу;
• безпосередній контакт з
користувачем, проведення
опитувань а також інформаційну
підтримку.
Тернопіль – 2020
Постановка
задачі
7

8.

05
05
Технології
та засоби
реалізації
Середовище розробки - CMS
WordPress
Шаблон - SpaceMovie версії 3.0
Збірка веб-сервера - XAMPP
Плаґіни:
• Elementor
• Poll Maker
• Fluent Forms та іші.
Тернопіль – 2020
8

9.

06
06
Головна сторінка повинна містити
наступні розділи:
Проєктування
Проєктування
та
тареалізація
реалізація
сайту
сайту
трейлери тижня
зворотній зв’язок
оцініть сьогоднішні
фільми
вибираємо наступні
фільми
Тернопіль – 2020
прайс-лист
поширені
запитання
9

10.

07
07
Тестування проводиться на
локальному сервері під управлінням
Windows 10.
Для входу на головну сторінку Web-сайту
слід перейти по наступному шляху
http://localhost/wordpress/dovhefilm.
Тестування
web-сайту
Тернопіль – 2020
Тернопіль – 2020
10

11.

07
07
«Оцініть сьогоднішні фільми»
Розділ дозволяє оцінити
переглянутий фільм, що
дозволить краще розуміти
потреби глядача.
Тернопіль – 2020
Тестування показало, що
опитування працюють
справно.
11

12.

«Вибираємо
наступний
фільм»
07
07
Розділ дозволяє
відвідувачу вибирати фільм
для наступного перегляду.
Тестування показало, що
голосування працюють
справно.
Тернопіль – 2020
12

13.

07
07
«Оцініть сьогоднішні фільми»
Тернопіль – 2020
Розділ складається з двох
форм, одна з яких дозволяє
рекомендувати фільми
адміністрації, інша
призначена для збору
рекомендацій та побажань.
Тестування показало, що
форми працюють
справно.
13

14.

Сторінка фільмів повинна містити
06
06
наступні розділи:
ОБКЛАДИНКА
ФІЛТМУ
Постер
ІНФОРМАЦІЯ ПРО
ВІДЕОРОЛИК, ЯКИЙ
РІК ВИХОДУ,
СКЛАДАЄТЬСЯ З
АКТОРІВ, РЕЖИСЕРІВ,
УРИВКІВ ФІЛЬМУ
ОЦІНКИ І Т.Д.
Трейлер
Інформація про
фільм
Тернопіль – 2020
КАДРИ З ФІЛЬМІВ
КОРОТКИЙ ПЕРЕКАЗ
ФІЛЬМУ
Кадри з фільму
Синопсис
14

15.

Сторінка
07
07
фільму
Дана сторінка містить
наступні розділи:
• інформація про фільм
• трейлр • синопсис
• постер • оцінка
Тестування показало, що
сторінки та інформація на
них відображаються
коректно
Тернопіль – 2020
15

16.

08
Висновки
Даний web-сайт допоможе користувачу, швидко
ознайомитись із розкладом, дізнатись ціни,
сприятиме рекламі та комунікації із адміністрацією
У процесі реалізації завдань дипломного проектування
було:
• проаналізовано предметну область;
• оглянуто сайти-аналоги;
• визначено завдання проекту;
• спроектовано та реалізовано web-сайт.
Тернопіль – 2020
16

17.

THANK YOU !
Made with
by

18.

Coffe Break
Тестування
Your Date Here
Your Footer Here
18

19.

Your Date Here
Your Footer Here
19

20.

Your Date Here
Your Footer Here
20

21.

07
07
Тестуванн
я
web-сайту
Отже, для входу на головну сторінку
Web-сайту кінотеатру «DovheFilm»
слід в браузері перейти по
наступному шляху
http://localhost/wordpress/dovhefilm.
Your Date Here
Your Footer Here
21

22.

03
Your Date Here
Your Footer Here
22

23.

02
Using a light background is always
an option to be considered
• A light background might be easier to read
• Is a better option if you intend to print your
document
• Suits diagrams or graphics insertion
Your Date Here
Your Footer Here
23

24.

Welcome!
Thanks for joining us
Your Date Here
Your Footer Here
24

25.

Transition
Slide
Plain Background Color
Your Date Here
Your Footer Here
25

26.

Дякую за
увагу!
Тернопіль - 2020
26

27.

Transition
Slide
Background Photo #2
Your Date Here
Your Footer Here
27

28.

Огляд
Transition
типоих
Slide
Bottom Photo Placeholder
рішень
Your Date Here
Your Footer Here
28

29.

Support your claims with a
SHORT and POWERFUL
quote
-- Author’s name --
Your Date Here
Your Footer Here
29

30.

Showcase your portfolio
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Your Date Here
Your Footer Here
30

31.

Use infographics to transform your data
into engaging visual content
(example)
SHARE OF EACH COST
ITEM IN PROCESSING OF
COD FILLETS IN ICELAND:
Retail
Wholesale
Processing
Fishing
19%
29%
19%
33%
Source: http://www.fao.org/docrep/009/a0564e/a0564e05.htm
Your Date Here
Your Footer Here
31

32.

SmartArt graphics are very easy-to-use
and so effective!
Lorem
Lorem
Lorem
Your Date Here
Lorem
• Lorem ipsum dolor sit amet,
duis eu. Metus tortor. Eu ut
lorem, est sodales amet.
• Maecenas nam mattis,
condimentum semper
tristique. Morbi sed diam.
• Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed
do eiusmod tempor incididunt.
Your Footer Here
32

33.

Use simple and clear charts to make
information easier to visualize
Chart Title
Series 1
2
Series 2
2
Series 3
3
5
2.4
4.4
4.3
2.5
Categor y 1
Your Date Here
Categor y 2
1.8
2.8
3.5
4.5
Categ or y 3
Categor y 4
• Lorem ipsum dolor sit amet,
duis eu. Metus tortor. Eu ut
lorem, est sodales amet.
• Maecenas nam mattis,
condimentum semper
tristique. Morbi sed diam.
• Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed
do eiusmod tempor incididunt.
Your Footer Here
33

34.

Organize your relevant numbers and
figures with tables
Column
Title 1
Column
Title 2
Column
Title 3
Column
Title 4
First Row
2 500
4 250
6 500
4 700
Second Row
12 300
1 200
7 800
9 850
Third Row
450
850
200
2 100
Fourth Row
9 800
5 600
4 200
7 800
250
470
150
890
25,300
24,270
18,850
25,340
Fifth Row
TOTAL
Your Date Here
• Lorem ipsum dolor sit amet,
duis eu. Metus tortor. Eu ut
lorem, est sodales amet.
• Maecenas nam mattis,
condimentum semper
tristique. Morbi sed diam.
• Lorem ipsum dolor sit amet,
consectetur adipiscing elit,
sed do eiusmod tempor
incididunt.
Your Footer Here
34

35.

Use a map for infographics, statistics or
to visualize locations
80%
65%
50%
28%
20%
45%
Your Date Here
Your Footer Here
35

36.

Use uniform colors that really work with
your template
The following custom colors are already built in this
template – use this palette when adding some new
content or graphics:
Your Date Here
Your Footer Here
36

37.

JOHN SHOWEET
P R E S E N TAT I O N E X P E RT
1234 Lorem St, Ipsum, 56789, Country
+00 123 456 7890
[email protected]
https://www.showeet.com/
Thank You!
Do you have any questions?
Your Date Here
Your Footer Here
37

38.

Credits & Copyrights
• Template created by Showeet.com
• Photos – many thanks to:
• Unsplash (CC0 Public Domain license)
• Free font used:
• Calibri (Microsoft font)
• Copyrights:
• Free with Attribution
• Cannot be resold or redistributed under any circumstances
• Cf. https://www.showeet.com/terms-of-use/
Your Date Here
Your Footer Here
38

39.

Free creative
templates, charts,
diagrams and maps
for your outstanding
presentations
https://www.showeet.co
m/