Міністерство освіти і науки України

Запорізький національний технічний університет

кафедра програмних засобів

ЗВІТ

з проектно-технологічної практики

у ТОВ «ЛАЙТ ІТ»

Виконав:

Прийняли:

керівник практики від ЗНТУ

керівник практики від підприємства Я.О. Богдан

2019

РЕФЕРАТ

Місце проходження практики – компанія по розробці програмного забезпечення «Light IT».

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

Завдання проектно-технологічної практики:

• вивчити структуру компанії та її корпоративну культуру;

• ознайомитися із задачами і функціональними зв'язками компанії;

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

• ознайомитися з програмною документацією на програмні системи;

• виконати виробниче завдання за дорученням керівника практики від компанії.

ЗМІСТ

РЕФЕРАТ 2

ЗМІСТ 3

1Компанія «LIGHT IT» 4

1.1Про компанію 4

1.2Технології, з якими працює компанія 4

1.3Організаційна структура 5

2ВИРОБНИЧЕ ЗАВДАННЯ 6

2.1Мета завдання 6

2.2Виконання роботи 7

2.3Результати виконання роботи 8

ВИСНОВКИ 11

1. Компанія «LIGHT IT»

   1. Про компанію

«Light IT» – це аутсорсна компанія, що займається розробкою програмного забезпечення для веб та мобільних платформ вже десять років.

Забезпечує своїх клієнтів програмними рішенням в таких галузях: фінанси, торгівля, охорона здоров’я, медіа та реклама, освіта, подорожі та перевезення, добування та обробка даних, софт для підприємств (ERP, CRM, CMS, SCM).

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

Клієнтами компанії «Light IT» є:

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

• компанії, у яких бракує розробників своїх відділів ІТ або бракує досвіду у тих сферах, де «Light IT» мають великий досвід;

• стартапи, новатори, які хочуть реалізувати ідею в програмному продукті.

Деякі з клієнтів «Light IT»: Aproplan, Unomy, Anytime watches, Sero,

Bloomerent, Wizbots [2, 3].

2. Технології, з якими працює компанія

Співробітники компанії «Light IT» мають досвід в наступних мовах програмування та технологіях [2, 3]:

1. Розробка веб-додатків:

   1. Front-End:

• Java Script, Type Script: AngularJS, ReactJS, JQuery;

• HTML5/CSS3, Bootstrap;

1. Back-End:

• PHP: Laravel;

• Python: Django, Flask;

• Node.js;

• API: Facebook, Twitter, PayPal, Stripe, Google, Youtube, Vimeo;

2. Розробка додатків для Android, IOS:

• Objective-C/SWIFT;

• React Native.

3. Організаційна структура

Організаційна структура компанії «Light IT» складається з відділу технологій, який містить такі ролі: проектний менеджер, технічний лідер, бізнес-аналітик та команду розробників, дизайнерів, тестувальників; відділу людських ресурсів, фінансового відділу, відділу маркетингу та продаж.

Таким чином, компанія має кваліфікованих співробітників на усіх етапах життєвого циклу розробки програмного забезпечення [3].

2. ВИРОБНИЧЕ ЗАВДАННЯ

   1. Мета завдання

Виробниче завдання – ознайомитися з основними правилами створення веб-застосунків з використанням технології Django шляхом засвоєння базових понять під час вирішення практичної задачі – створення веб-застосунку пошуку відео.

Застосунок повинен містити:

• поле пошуку для введення пошукового запиту;

• відображення результатів пошуку (список знайдених відео);

• можливість додати відео до списку тих, які сподобались та прибрати

його з цього списку (аналог лайк/дізлайк);

• можливість проглянути список відео, які сподобались.

Задача Front-end:

• придумати дизайн для сторінки;

• створити форму для введення рядка пошукового запиту;

• при натисканні кнопки "пошук" в формі послати запит на back-end;

• реалізувати виведення інформації про знайдені відео. Повинна

відображатися наступна інформація: картинка прев'ю відео, назва

відео, дата публікації;

• кожне відео має містити іконку/кнопку для додавання цього відео в

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

• при натисканні на лайк/дізлайк послати запит на back-end;

• створити окрему сторінку для виведення списку вподобаних відео;

• верстка повинна бути адаптивна (коректно відображатися на

моніторах, планшетах і телефонах) і повинна працювати у всіх актуальних браузерах (Chrome, Firefox, Safari, Edge);

• реалізувати виведення серверних помилок.

Задача Back-end:

• реалізувати отримання даних з YouTube API за заданим пошуковим

запитом;

• реалізувати передачу отриманих даних з YouTube API на Front-end;

• реалізувати функціонал додавання/видалення вподобаних відео;

• реалізувати передачу списку вподобаних відео на Front-end;

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

вподобаних відео;

• при кожному пошуковому запиті зберігати дані в базі даних;

• якщо в базі даних вже є необхідний результат - виводити результат з

бази даних, а не виконувати запит до YouTube API.

2. Виконання роботи

Спочатку було налаштоване середовище розробки VS Code для розробки проекту на Python/Django, а саме було встановлено потрібні бібліотеки та розширення.

Для роботи з YouTube API треба мати ключ Google API. Для того, щоб його отримати було створено проект у Google API Dashboard та підключено до нього YouTube Data API v3

Потім було створено проект Django, проведено його конфігурацію та бази даних, підключено бібліотеки та прописано потрібні налаштування для роботи з YouTube API.

Далі робота над поставленим практичним завданням проходила приблизно за такими кроками:

1. створення початкового дизайну веб-застосунку, використовуючи

MDBootstrap (Material Design for Bootstrap 4 – найпопулярніший в світі фреймворк для створення адаптивних веб-сайтів і додатків в стилі Material Design. MDBootstrap 4 є надбудовою Bootstrap 4 і тому без нього існувати не може [4]);

2. створення функціональності, яка відповідає за пошук відео та

виведення їх користувачеві;

3. додавання кнопок лайк/дізлайк в інтерфейс, створення відповідної

таблиці в базі даних для них, та пов’язання їх з back-end’ом;

4. створення сторінок авторизації та реєстрації, та відповідного back-

end’у для них, а також розроблення функціональності пов’язання користувачів з лайками/дізлайками;

5. загальний перегляд розробленого проекту, тестування, пошук

помилок або коду, який можна покращити, і проведення відповідних дій за результатами аналізу розробленого проекту;

6. розгортання веб-застосунку на PythonAnywhere (хмарна платформа,

призначеної переважно для запуску Python веб-застосунків, яка включає в себе запуск і редагування застосунків на основі поширених веб-фреймворків Python, базу даних MySQL і PostgreSQL, онлайн консоль Bash, веб-редактор коду [5]).

3. Результати виконання роботи

На рисунках нижче представлені скріншоти використання створеного веб-застосунку.

На рисунку 2.1 зображено форму авторизації.

Рисунок 2.1 – Форма авторизації

На рисунку 2.2 зображено форму реєстрації.

Рисунок 2.2 – Форма реєстрації

На рисунку 2.3 зображено сторінку з результатами пошуку.

Рисунок 2.3 – Сторінка з результатами пошуку

На рисунку 2.4 зображено сторінку з відео, які сподобались.

Рисунок 2.4 – Сторінка з відео, які сподобались

ВИСНОВКИ

Під час проходження виробничої практики в компанії по розробці програмного забезпечення «Light IT» було вирішено такі задачі:

• вивчено корпоративну культуру компанії;

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

• виконано виробниче завдання за дорученням керівника практики від компанії.

Після проходження практики я вдосконалив свої знання в сфері Python/Django розробки веб-застосунків; розробив веб-застосунок пошуку відео.

ПЕРЕЛІК ПОСИЛАНЬ

1. Методичні вказівки щодо проходження виробничої та переддипломної практик для студентів напряму підготовки 6.050101 "Комп’ютерні науки" та 6.050103 "Програмна інженерія" усіх форм навчання /Уклад.: Качан О.І., Федорченко Є.М. – Запоріжжя: ЗНТУ, 2014. – 16с.

2. Огляд українських програмістських компаній: Light IT [Електрон. ресурс]. – Режим доступу: https://jobs.dou.ua/companies/light-it/

3. Компанія Light IT [Електрон. ресурс]. – Режим доступу:

https://light-it.net/

4. Material Design for Bootstrap 4 [Електрон. ресурс]. –https://prowebber.ru/templates/templates-html/22726-material-design-for-bootstrap-4-pro-mdb-pro-material-design-dlya-bootstrap.html

5. Python Anywhere [Електрон. ресурс]. – https://ru.wikipedia.org/wiki/PythonAnywhere