Denne identifikatoren kan du bruke til å sitere eller lenke til denne innførselen:
http://elartu.tntu.edu.ua/handle/lib/35751
Tittel: | Розробка веб-застосунку для перегляду інформації щодо фільмів засобами TMDb API, HTML5, Bootstrap та JavaScript ES2018 |
Alternative titler: | Web application development for film information browsing using TMDb API, HTML5, Bootstrap and JavaScript ES2018 |
Authors: | Базан, Тетяна Володимирівна Bazan, Tetiana |
Affiliation: | ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Україна |
Bibliographic description (Ukraine): | Базан Т. В. Розробка веб-застосунку для перегляду інформації щодо фільмів засобами TMDb API, HTML5, Bootstrap та JavaScript ES2018 : кваліфікаційна робота освітнього рівня „Бакалавр“ „122 — комп’ютерні науки“ / Т. В. Базан. — Тернопіль : ТНТУ, 2021. — 48 с. |
Utgivelsesdato: | 21-jun-2021 |
Submitted date: | 7-jun-2021 |
Date of entry: | 10-jul-2021 |
Country (code): | UA |
Place of the edition/event: | ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна |
Supervisor: | Млинко, Богдана Богданівна |
Committee members: | Бойко, Ігор Володимирович |
UDC: | 004.4 |
Emneord: | веб-застосунок web application SPA SPA TMDb TMDb API API JavaScript JavaScript HTML5 HTML5 Bootstrap Bootstrap |
Abstrakt: | В процесі роботи над дипломною роботою було проведено огляд предметної області, описано призначення веб-застосунку: підвищення ступеня поінформованості споживачів щодо популярних фільмів протягом тижня, оглянуто та описано теоретичний матеріал про HTML5, JavaScript ES2018, Bootstrap, TMDb API, зроблено проектування застосунку, розроблено шаблон сторінки, описано розробку веб-застосунку, наведено функції для заповнення контейнера сторінки залежно від вмісту хешу та їх коди, зроблено розгортання сайту на хостингу Heroku, описано проведення валідації та тестування на кросбраузерність і швидкість роботи розробленого застосунку, успішно пройдено валідацію HTML-структуру, виявлено, що застосунок не відображається коректно у старіших версіях браузерів, наведено результат перевірки швидкості роботи застосунку, на мобільних пристроях вона є надто низька, виявлено, що відбувається сильний зсув макету. Thesis is devoted to the design of information technology platform for the selection and In the process of work on the thesis was described the purpose of the web application: raising consumer awareness of popular movies during the week, reviewed and described the theoretical material about HTML5, JavaScript ES2018, Bootstrap, TMDb API, designed the application, developed a page template, described development web-application, the functions for filling the page container depending on the content of the hash and their codes were given, the site was deployed on Heroku hosting, validation and testing for cross-browser and speed of the developed application was described, HTML-structure was successfully validated, the application is not displayed correctly in older versions of browsers, the result of checking the speed of the application is given, on mobile devices it is too low, it is found that there is a strong shift in the layout. |
Content: | ВСТУП 8 РОЗДІЛ 1. ПОСТАНОВКА ЗАВДАННЯ НА РОЗРОБКУ ОДНОСТОРІНКОВОГО ВЕБ-ЗАСТОСУНКУ ДЛЯ ПЕРЕГЛЯДУ ІНФОРМАЦІЇ ПРО ФІЛЬМИ 9 1.1 Аналіз відомих рішень 9 1.2 Огляд засобів реалізації програмного забезпечення та тестування 10 1.2.1 Мова розмітки HTML 10 1.2.2 Мова програмування JavaScript 12 1.2.3 Стандарт ECMAScript 2018 13 1.2.4 Стилізація за допомогою CSS та Bootstrap 14 1.2.5 The Movie Database API 16 1.2.6 Валідація HTML 16 1.2.7 Кросбраузерне тестування 17 1.2.8 Швидкість роботи застосунку 18 1.3 Постановка задачі на розробку веб-застосунку для перегляду інформації щодо фільмів 19 РОЗДІЛ 2. РОЗРОБКА ВЕБ-ЗАСТОСУНКУ ДЛЯ ПЕРЕГЛЯДУ ІНФОРМАЦІЇ ПРО ФІЛЬМИ 21 2.1 Проектування веб-застосунку 21 2.2 Створення шаблону сторінки 22 2.3 Популярні фільми 23 2.4 Конкретний фільм 25 2.5 Пошук фільму 30 2.6 Додавання контролера для заповнення вмісту контейнера 32 2.7 Перенесення застосунку на хостинг та розгортання 32 2.8 Валідація та тестування 35 2.8.1 Валідація HTML структури 35 2.8.2 Перевірка на кросбраузерність 36 2.8.3 Тестування швидкості роботи 36 РОЗДІЛ 3. БЕЗПЕКА ЖИТТЄДІЯЛЬНОСТІ, ОСНОВИ ОХОРОНИ ПРАЦІ 39 3.1 Соціальні та психологічні фактори ризику 39 3.2 Долікарська допомога при ураженні електричним струмом 40 3.3 Санітарно-гігієнічні вимоги до умов праці 41 3.3.1 Організація праці на робочому місці 41 3.3.2 Вимоги виробничої санітарії до робочого місця 42 3.3.3 Вибір оптимального режиму роботи і відпочинку 42 ВИСНОВКИ 44 ПЕРЕЛІК ДЖЕРЕЛ 45 ДОДАТКИ |
URI: | http://elartu.tntu.edu.ua/handle/lib/35751 |
Copyright owner: | © Базан Тетяна Володимирівна, 2021 |
References (Ukraine): | 1 ДСН 3.3.6.042-99 Санітарні норми мікроклімату виробничих приміщень. 2 ДСТУ 8604:2015 Дизайн і ергономіка. Робоче місце для виконання робіт у положенні сидячи. Загальні ергономічні вимоги. 3 ДСП 173-96 Державні санітарні правила планування і забудови населених пунктів. 4 ДСанПіН 3.3.2-007-98 Державні санітарні правила і норми. Гігієнічні вимоги до організації роботи з візуальними дисплейними терміналами електронно-обчислювальних машин. 5 Аnna. Что такое HTML? Основы языка разметки гипертекста [Електронний ресурс] / Аnna // Hostinger – 2020. – Режим доступу до ресурсу: https://www.hostinger.ru/rukovodstva/shto-takoje-html/. 6 HTML & CSS [Електронний ресурс] // W3C. – 2016. – Режим доступу до ресурсу: https://www.w3.org/standards/webdesign/htmlcss.html. 7 Sreemaha. What is the difference between JavaScript and ECMAScript? [Електронний ресурс] / Sreemaha // Tutorials Point. – 2018. – Режим доступу до ресурсу: https://www.tutorialspoint.com/What-is-the-difference-between-JavaScript-and-ECMAScript. 8 What is JavaScript Used For? [Електронний ресурс] // Hack Reactor. – 2018. – Режим доступу до ресурсу: https://www.hackreactor.com/blog/what-is-javascript-used-for. 9 Kelhini F. New ES2018 Features Every JavaScript Developer Should Know [Електронний ресурс] / Faraz Kelhini // CSS-Tricks. – 2019. – Режим доступу до ресурсу: https://css-tricks.com/new-es2018-features-every-javascript-developer-should-know/. 10 Segal N. 10 Common Uses of Bootstrap [Електронний ресурс] / Nathan Segal // HTMLGOODIES. – 2016. – Режим доступу до ресурсу: https://www.htmlgoodies.com/html5/10-common-uses-of-bootstrap/. 11 How to Validate HTML Pages [Електронний ресурс] // Tutorial Republic. – 2017. – Режим доступу до ресурсу: https://www.tutorialrepublic.com/html-tutorial/html-validation.php. 12 Cross Browser Testing [Електронний ресурс] // BrowserStack. – 2019. – Режим доступу до ресурсу: https://www.browserstack.com/cross-browser-testing. 13 Walton P. Web Vitals [Електронний ресурс] / Philip Walton // web.dev. – 2020. – Режим доступу до ресурсу: https://web.dev/vitals/. 14 Why does speed matter? [Електронний ресурс] // web.dev. – 2019. – Режим доступу до ресурсу: https://web.dev/why-speed-matters/. 15 Web Application Speed: Why Performance Matters [Електронний ресурс] // Achievion. – 2017. – Режим доступу до ресурсу: https://achievion.com/blog/web-application-speed-why-performance-matters.html. 16 Мороз В. М. Технології створення та супроводження веб-сайтів / В. М. Мороз // Збірник тез доповідей Ⅵ Міжнародної науково-технічної конференції молодих учених та студентів „Актуальні задачі сучасних технологій“, 16-17 листопада 2017 року. — Т. : ТНТУ, 2017. — Том 2. — С. 123–124. 17 Зеленко О.В., Валеева Л.Р., Климанов С.Г. Обзор современных. Web - технологий // Вестник Казанского технологического университета. 2015. т.18, в.2. С. 354-356. 18 MDN. Основи CSS – Вчимо веб-розробку [Електронний ресурс] / MDN – Режим доступу до ресурсу: https://developer.mozilla.org/uk/docs/Learn/Getting_started_with_the_web/CSS_basics. 19 Шкабара, В. С. Розробка адаптивного сайту з використанням Bootstrap // Актуальні питання сучасної інформатики: збірник наукових праць студентів, магістрантів та викладачів / за ред. Т. А. Вакалюк. – Житомир: Вид-во ЖДУ ім. І. Франка, 2016. – Вип. 2. – 146 c. – С. 122-128. 20 Драбинко, В.П. Методика розробки односторінкових web-додатків // Наукове забезпечення технологічного прогресу XXI сторіччя:матеріали міжнародної наукової конференції (Т.2), 1 травня, 2020 рік. Чернівці, Україна: МЦНД. С.72-75. 21 The Movie Database API [Електронний ресурс] – Режим доступу до ресурсу: https://developers.themoviedb.org/3/trending/get-trending. 22 Валідація веб-сторінок [Електронний ресурс] – Режим доступу до ресурсу: https://sites.google.com/site/da5206site/validation. 23 Завгородній, В. В., Завгородня, Г. А. Сучасні технології розробки веб-сайтів. / В. В. Завгородній, Г. А. Завгородня. Інформаційні технології в культурі, мистецтві, освіті, науці, економіці та праві міжнародна науково-практична конференція 19-20 квітня 2018 року, матеріали конференції. С. 34-36. 24 Walton P. Cumulative Layout Shift (CLS) [Електронний ресурс] / P. Walton, M. Mihajlija. – 2019. – Режим доступу до ресурсу: https://web.dev/cls/?utm_source=lighthouse&utm_medium=unknown. 25 Total Blocking Time [Електронний ресурс] – Режим доступу до ресурсу: https://web.dev/lighthouse-total-blocking-time/?utm_source=lighthouse&utm_medium=unknown. 26 Time to Interactive [Електронний ресурс] – Режим доступу до ресурсу: https://web.dev/interactive/?utm_source=lighthouse&utm_medium=unknown. 27 First Contentful Paint [Електронний ресурс] – Режим доступу до ресурсу: https://web.dev/first-contentful-paint/?utm_source=lighthouse&utm_medium=unknown. 28 Speed Index [Електронний ресурс] – Режим доступу до ресурсу: https://web.dev/speed-index/?utm_source=lighthouse&utm_medium=unknown. 29 Largest Contentful Paint [Електронний ресурс] – Режим доступу до ресурсу: https://web.dev/lighthouse-largest-contentful-paint/?utm_source=lighthouse&utm_medium=unknown. 30 Lighthouse performance scoring [Електронний ресурс] – Режим доступу до ресурсу: https://web.dev/performance-scoring/. |
Content type: | Bachelor Thesis |
Vises i samlingene: | 122 — Компʼютерні науки (бакалаври) |
Tilhørende filer:
Fil | Beskrivelse | Størrelse | Format | |
---|---|---|---|---|
2021_KRB_SN-41_Bazan_T_V_v13 FINALLY.pdf | 2,54 MB | Adobe PDF | Vis/Åpne |
Alle innførsler i DSpace er beskyttet av copyright
Administrasjonsverktøy