Разработка веб-приложения комплектации транспортного оборудования

Введение 4
1 Описание предметной области и анализ используемых средств реализации веб-приложений 5
1.1 Описание предметной области и анализ программных решений 5
1.2 Анализ средств разработки информационных систем 10
1.2.1 Фреймворк «Bootstrap» 10
1.2.2 Язык разработки JavaScript 12
1.2.3 Язык разработки PHP 14
1.2.4 Инструменты для взаимодействия PHP приложений с базами данных MySQL 18
1.3 Цель и задачи для реализации веб-приложения 22
2 Реализация разработки веб-приложения 23
2.1 Проектирование веб-приложения 23
2.2 Алгоритм работы программного средства 30
2.3 Построение структуры базы данных 41
2.4 Описание функциональной составляющей веб-приложения 44
3 Охрана труда 54
3.1 Требования к организации рабочего места пользователя компьютера в судовом помещении 54
3.2 Электробезопасность в помещении оснащенном компьютерным оборудованием 56
3.3 Способы повышения работоспособности операторов ВДТ 59
3.4 Комплекс производственной гимнастики для специалиста компьютерщика члена экипажа судна во время рейса 60
ВЫВОДЫ 63
ПЕРЕЧЕНЬ ССЫЛОК 64
Приложение A 66

Целью работы является разработка веб-приложения комплектации транспортного оборудования.
Для достижения поставленной цели необходимо выполнить:
- анализ и обоснование предметной области;
- рассмотрение концепции построения веб-приложений;
- сравнительный анализ различных языков разработки и их сред;
- графическое проектирования веб-приложения средствами языка проектирования программного обеспечения uml;
- построение алгоритма работы веб-приложения;
- структурное описание таблиц базы данных и их наполнения;
- описание функциональной составляющей веб-приложения;
- определение норм по охране труда.

1.1 Опис предметної області та аналіз програмних рішень

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

1.2.1 Фреймворк «Bootstrap»

Bootstrap — це безкоштовний набір інструментів з відкритим кодом, призначений для створення веб-сайтів та веб-застосунків, який містить шаблони CSS та HTML для типографіки, форм, кнопок, навігації та інших компонентів інтерфейсу, а також додаткові розширення JavaScript. Він спрощує розробку динамічних веб-сайтів і веб-застосунків [2,3].
Bootstrap — це клієнтський фреймворк, тобто інтерфейс для користувача.
Bootstrap має модульну структуру і складається переважно з наборів таблиць стилів LESS, які реалізують різні компоненти цього набору інструментів. Розробники можуть самостійно налаштовувати файли Bootstrap, обираючи компоненти для свого проекту [4,5].
...

1.2.2 Мова розробки JavaScript

JavaScript спочатку був створений для того, щоб зробити web-сторінку динамічною. Програми на цій мові називаються скриптами. У браузері вони підключаються безпосередньо до HTML і, як тільки завантажується сторінка – виконуються.
JavaScript може виконуватися не тільки в браузері, а де завгодно, потрібна лише спеціальна програма – інтерпретатор. Процес виконання скрипта називають «інтерпретацією».
Для виконання програм, що написані будь-якою мовою програмування, існують два способи: «компіляція» і «інтерпретація» [2].
Компіляція – це спосіб, при якому вихідний код програми, за допомогою спеціального інструменту, іншої програми, яка називається «компілятор», перетворюється в іншу мову, як правило – в машинний код. Потім машинний код поширюється і запускається. При цьому вихідний код програми залишається у розробника.
Інтерпретація – це спосіб, при якому вихідний код програми отримує інший інструмент, який називають «інтерпретатор», і виконує його «як є».
...

1.2.3 Мова розробки PHP

PHP (Hypertext Preprocessor (Препроцесор гіпертексту)) - це широко використовувана мова сценаріїв загального призначення з відкритим вихідним кодом.
Синтаксис мови бере початок з C, Java і Perl. PHP досить простий для вивчення. Перевагою PHP є надання web-розробникам можливості швидкого створення динамічних web-сторінок [6].
Значною відзнакою PHP від якого-небудь коду, що виконується на стороні клієнта, наприклад, JavaScript, є те, що PHP-скрипти виконуються на стороні сервера.
Існують три основні області, де використовується PHP:
• cтворення скриптів для виконання на стороні сервера;
• cтворення скриптів для виконання в командному рядку.
Такий спосіб використання PHP підходить для скриптів, які повинні виконуватися регулярно, наприклад, за допомогою утиліти cron [планувальник завдань](на платформах Unix або Linux) або за допомогою планувальника завдань (Task Scheduler) на платформах Windows.
...

1.2.4 Інструменти для взаємодії PHP додатків з базами даних MySQL

Прикладний програмний інтерфейс, або API, визначає набір класів, методів, функцій і змінних, які можна викликати та застосувати для виконання поставлених завдань. Необхідний програмний інтерфейс для забезпечення взаємодії PHP додатків з базами даних представлені PHP розширеннями [10,11].
Прикладні програмні інтерфейси можуть бути процедурними або об'єктно-орієнтованими. При використанні процедурних інтерфейсів для виконання будь-яких операцій викликається функція, а в разі об'єктно-орієнтованих інстанціруються класи та потім викликаються методи створених об'єктів. Другий підхід, зазвичай, більш переважний, оскільки він більш сучасний і сприяє написанню організованого коду.
Прикладний програмний інтерфейс MySQL надає кілька способів підключення до бази даних з PHP додатки:
• розширення PHP MySQL;
• розширення PHP mysqli;
• об'єкти даних PHP (PDO).
...

1.3 Мета та завдання для реалізації веб-додатку

Проаналізовані програмні засоби, та предмета область, дозволяють зробити висновок, що є необхідність в розробці веб-додатку з контролю укомплектування судна, перед його експлуатацією..
Такий веб-додаток має бути зручним в користуванні, зберігати інтуїтивно-доступний інтерфейс, працювати із базою даних, не потребувати спеціальних засобів для функціювання. Ґрунтуючись на сучасних програмних засобах, оптимальним є використання мови програмування PHP та JavaScript, які у поєднанні з реляційною базою даних, створює потужне середовище. В системи керування базами даних, буде використовуватися MySQL, так, як воно є безкоштовним, і дуже потужним засобом. В якості серед розробки використовуються PHPStorm, WebStorm та DataGrid. Це дозволить забезпечити високий ступінь швидкодії веб-додатку, його адаптації та відповідності конкретної специфіки діяльності підприємства.
Метою дипломної роботи є розробка веб-додатку з контролю укомплектування судна.
...

2.1 Проектування веб-додатку

Початковим етапом при розробці програмного забезпечення є проектування. Воно дозволяє визначити усі активні компоненти, а також перелік можливостей, які оргранізовують веб-додаток.
В більшості випадків, етап проектування дозволяє визначити вартість розробки, а також створити чергу дій, які необхідно реалізувати, для збільшення ефективності розробки програмного забезпечення.
Проектування — процес визначення архітектури, компонентів, інтерфейсів та інших характеристик системи або її частини (ISO 24765). Результатом проектування є проект — цілісна сукупність моделей, властивостей чи характеристик, описаних у формі, придатній для реалізації системи.
Проектування, поряд з аналізом вимог, є частиною великої стадії життєвого циклу системи, званої визначенням системи (англ. system definition). Результати цієї стадії є вхідною інформацією для стадії реалізації (втілення) системи (англ. system realization).
...

2.2 Алгоритм роботи програмного засобу

Діаграма послідовності (англ. sequence diagram) — діаграма, на якій для деякого набору об'єктів на єдиній часовій осі показано життєвий цикл якого-небудь певного об'єкта (створення-діяльність-знищення якоїсь сутності) і взаємодія акторів (дійових осіб) ІС в рамках якого-небудь певного прецеденту (надсилання електронних запитів та отримання відповідей). Використовується в мові UML.
Основними елементами діаграми послідовності є позначення об'єктів (прямокутники з назвами об'єктів), вертикальні «лінії життя» (англ. lifeline), що відображають перебіг часу, прямокутники, що відображають діяльність об'єкта або виконання ним певної функції (прямокутники на пунктирній «лінії життя»), і стрілки, що показують обмін сигналами або повідомленнями між об'єктами. Алгоритмічна послідовність дій, являє собою взаємодію - безліч повідомлень між об'єктами, впорядковане з тимчасової осі.
На діаграмі послідовності зображені тимчасові послідовності повідомлень.
...

2.3 Побудова структури бази даних

Для побудови бази даних розробляємого веб-додатку, необхідно провести формалізацію задачі, що є необхідним етапом розробки завдання і полягає в побудові структури таблиць для зберігання інформації, схеми іх взаємозв’язків і опису алгоритмів обробки.
Концептуальне (інфологіческое) проектування — побудова семантичної моделі предметної області, тобто інформаційної моделі найбільш високого рівня абстракції. Така модель створюється без орієнтації на якусь конкретну СУБД і модель даних. Терміни «семантична модель», «концептуальна модель» і «инфологическая модель» є синонімами. Крім того, в цьому контексті рівноправно можуть використовуватися слова «модель бази даних» і «модель предметної області» (наприклад, «концептуальна модель бази даних» та «концептуальна модель предметної області»), оскільки така модель є образом реальності, так і чином проектованої бази даних для цієї реальності.
...