2.3 Физическая реализация автоматизированной информационной системы, разработка интерфейса
В данном курсовом проекте была поставлена задача создать Интернет-приложение «Электронный архив конструкторской документации на деталь чертеж ГГ 1049.07.00.002 «Вал», используя СУБД MySQL и язык программирования для Интернет РНР, который будет служить пользовательским интерфейсом для работы с данной базой данных.
На этапе разработки дизайна приложения был создан предварительный макет, проработаны его ключевые моменты. Интерфейс был разбит на основные разделы: шапка сайта, меню сайта, контент, футер.
Основным оттенком был выбран серый цвет на белом фоне с использование зеленого, чтобы акцентировать внимание посетителей приложения, непосредственно к представляемой информации. Макет приложения был выполнен в программе Adobe Photoshop CC1.
Рисунок 7 -Дизайн макета приложения
Вёрстка представляет собой процесс интеграции текстового содержания, графики и программных компонентов в единое целое, т. е. придания страницам окончательного вида.
На данном этапе происходит дополнительный контроль качества выполняемой работы, производится оптимизация web-страниц под особенности конкретных браузеров, используемых посетителями приложения для навигации по Интернету. Учитываются особенности представления страниц при различных настройках глубины цвета и экранных разрешений.
В процессе вёрстки были сверстаны все элементы макета приложения средствами html 5 и CSS 3.
HTML5 — язык для структурирования и представления содержимого всемирной паутины. Это пятая версия HTML. Хотя стандарт был завершён (рекомендованная версия к использованию) только в 2014 году (предыдущая, четвёртая, версия опубликована в 1999 году), ещё с 2013 года браузерами оперативно осуществлялась поддержка, а разработчиками — использование рабочего стандарта (англ. HTML Living Standard). Цель разработки HTML5 — улучшение уровня поддержки мультимедиа-технологий с одновременным сохранением обратной совместимости, удобочитаемости кода для человека и простоты анализа для парсеров.
CSS — формальный язык описания внешнего вида документа, написанного с использованием языка разметки2.
В базу данных, которая называется “db _t ” нужно было включить следующие данные: порядковый номер, название детали, материал, ГОСТ, масса.
Для создания базы данных использовал программу phpMySQL_Admin.
MySQL — свободная реляционная система управления базами данных. Разработку и поддержку MySQL осуществляет корпорация Oracle, получившая права на торговую марку вместе с поглощённой Sun Microsystems, которая ранее приобрела шведскую компанию MySQL AB. Продукт распространяется как под GNU General Public License, так и под собственной коммерческой лицензией.
Гибкость СУБД MySQL обеспечивается поддержкой большого количества типов таблиц: пользователи могут выбрать как таблицы типа MyISAM, поддерживающие полнотекстовый поиск, так и таблицы InnoDB, поддерживающие транзакции на уровне отдельных записей. Более того, СУБД MySQL поставляется со специальным типом таблиц EXAMPLE, демонстрирующим принципы создания новых типов таблиц. Благодаря открытой архитектуре и GPL-лицензированию, в СУБД MySQL постоянно появляются новые типы таблиц3.
Программирование элементов приложения осуществлялось с помощью языка программирования PHP.
PHP – это серверный (или серверной стороны) язык сценариев, разработанный специально для Web. В HTML-страницу можно внедрить PHP-код, который будет выполняться при каждом её посещении. PHP-код интерпретируется Web-сервером и генерирует HTML-код или другой вывод, наблюдаемый посетителями страницы.
PHP – это продукт с открытым исходным кодом, то есть вы имеете доступ к исходному коду. Его можно использовать, изменять и свободно распространять другим пользователям или организациям4.
На данном этапе происходит разработка и подключение программных
компонентов сайта, призванных обеспечить посетителей необходимыми
функциональными возможностями. Именно этот этап является наиболее
сложным по реализации в техническом плане. Большинство решений,
разрабатываемых на данном этапе, основываются на технологиях работы с
базами данных и на построении динамически генерируемых страниц сайта на
основе информации, содержащейся в базе данных сайта.
На этапе программирования приложения была запрограммированы следующие функции: авторизация, админ-панель, заполнена база данных (приложение).
Рисунок 8- Авторизация
Рисунок 8 – Админ-панель приложения
Рисунок 9- Заполненная база данных