56
Рисунок3.7 - Программный пакет PHPmyAdmin
Помимо конструктора, программный пакет PHPmyAdmin имеет
интегрированный редактор SQL-запросов в соответствии с рисунком 3.8.
Рисунок3.8 – редактор SQL PHPmyAdmin
Выбор Web – браузера не является принципиальным, достаточно чтобы
он обеспечивал стабильную работу и поддерживал в полной мере все функции
HTML и CSS.
57
Если в маршруте имеются дополнительные пункты доставки и отгрузки,
то их передают водителю, для осуществления доставки, если нет то
логиствозвращается обратно на склад.
Успех работы напрямую зависит от своевременной информатизации,
поэтому необходимость создания программного решения для данного
подразделения крайне необходима.
3.1.2.6Back-end разработка
CMS (ContentManagementSoftware или ContentManagementSystem) – так
называется система, с помощью которой происходит управление наполнением
сайта. Эту систему также нередко называют движком. Она является
специальным программным обеспечением, которое выполняет основные
функции, не требуя знания языка программирования.
С того времени, как была разработана первая подобная система, они
возникают в огромном количестве. Они отличаются многочисленными
параметрами, среди которых функциональность, стойкость к взлому,
возможность расширить функционал и др. Некоторые из них требуют плату,
другие – нет.
Однако пользователи, при выборе платформы для своего сайта, в
большинстве не анализируют эти различия. Поэтому мы решили сравнить
платные и бесплатные системы, со всеми их преимуществами и недостатками.
Бесплатные
К главным преимуществам бесплатных систем относится:
- широкий ассортимент программных продуктов – бесплатные системы
разрабатывают многочисленные компании и частные лица;
- функциональность, бесплатные приложения и модули в большом
количестве;
- защищенность среднего уровня;
- подходят для любого хостинга;
- отсутствие материальных потерь.
Однако у бесплатных систем имеются и свои недостатки. Если с системой
возникнут проблемы, вам не будет предоставлена квалифицированная помощь,
58
так как нет возможности обеспечить бесплатной системе официальную
техническую поддержку.
Если сайт управляется посредством бесплатной программы, в
большинстве случаев, его технической поддержкой занимаются сторонние
разработчики, занимавшиеся изучением особенностей и возможностей программ
только при создании сайтов, и в процессе их функционирования. Поэтому при
выборе такого варианта системы, следует обращаться за помощью
исключительно к профессионалам, которые, естественно, потребуют платы.
По сравнению с платными системами, функционал бесплатных программ
гораздо уже. Очень часто при попытке внести изменения в бесплатную
программу, она перестает корректно обновляться и функционировать. Базовая
версия может расширяться исключительно добавлением новых модулей,
доступных злоумышленникам. Поэтому, даже очень защищенная бесплатная
система от них не застрахована.
Платные
Преимущества платных систем:
- наличие официальной техподдержки – любые возникающие проблемы
будут оперативно решены профессионалами. Все организации, занимающиеся
реализацией профессиональных программ, предоставляют их официальную
техподдержку;
- широкий функционал, постоянное расширение возможностей. Каждое
обновление сопровождается увеличением количества дополнений, что повышает
качество работы системы;
- высокая степень надежности, которую подтверждают соответствующие
сертификаты. Надежность любой программы перед выпуском тщательно
проверяется.
- возможность расширить функциональность без возникновения проблем с
функционированием программы. Клиент сам может настраивать платную
систему, согласно инструкции, которая идет в комплекте. Для этого не
требуются специальные знания и навыки.
Помимо финансовых затрат, недостатков платные системы не имеют.
Каждую систему разрабатывают для сайтов определенного типа. Этот момент
59
должен быть основным при выборе конкретной программы. «Wordpress» -
наиболее востребованная программа в мире. «Joomla» позволяет создавать
многофункциональные проекты.
«Bitrix» подходит как для интернет-магазинов, так и для корпоративных
или банковских сайтов. Для корпоративных сайтов также подходят
программы«MODx» и «Drupal». «Magento» и «OpenCart» - бесплатные системы,
разработанные специально для интернет-магазинов. Таким образом, к выбору
системы управления следует подойти ответственно. Необходимо опираться на
то, какие особенности имеет конкретный проект.
С учетом всех вышеперечисленных особенностей, оптимальным
решением является разработка собственного решения для парикмахерских и
салонов красоты. Язык PHP (PersonalHomePageTools) – представляет собой
инструменты, посредством которых управляются персональные домашние
страницы.
Это сценарный язык, имеющий открытый исходный код, который
встраивается в код HTML, и выполняется на интернет-сервере. Этот язык создан
профессиональными Web-разработчиков для своих коллег. Данный язык может
конкурировать с такими востребованными продуктами, как
MicrosoftActiveServerPages(ASP), MacromediaColdFusion и SunJavaServerPages.
Данный язык обеспечивает возможность встраивания кодовых фрагментов
в страницы HTML. При этом пользователь может видеть отображение
интерпретации кода своей страницы. РНР-код является своеобразными
расширенными HTML-тегами, выполняемыми серверов, или маленькими
программами, выполняемыми страницами перед отправкой пользователю. Все
действия кода программы остаются незамеченными пользователем.
РНР-язык обеспечивает соединение с данными популярных баз сервера, и
обработку данных из таблиц (изменение, добавление, удаление информации).
Поэтому данный язык отличается высокой мощностью, и является оптимальным
для создания корпоративных сайтов, которые содержат большое количество
данных. Также он подходят для домашних страниц, которые нуждаются в
централизованном хранении информации.
60
Хранилище информации – обязательный элемент функционирования
любого крупного сайта. Решить эту задачу можно использованием текстовых
файлов сервера или базы данных. Обработка баз данных гораздо удобнее.
Основа данной работы – востребованный тип БД MySQL.
3.1.2.7Front-endразработка
HTML5 (HyperTextMarkupLanguage, version 5) – язык, позволяющий
структурировать и представить содержимое сети Интернет. Он представляет
собой 5 версию, разработанную для того, чтобы улучшить уровень
поддерживания мультимедийных технологий, и одновременно сохранять
удобство чтения кода для пользователя, и простоту анализа парсерами.
Профессиональными программистами и верстальщиками активно
используются новые браузеры, поддерживающие современные стандарты, так
как они предлагают множество новых удобных функций.
Для создания клиентской части сайта требуется браузер, страница HTML,
CSS, JavaScript, и набор тематической графической информации, видеороликов
и картинок. Таким образом, она приобретет привлекательный внешний вид,
оригинальный стиль, наполненность полезной информацией, интерактивность.
Задачи, требующие подключения флеша или других плагинов,
отсутствуют, так как мы имеем полную мультимедийную поддержку, локальное
хранилище информации, поддержку самостоятельных приложений и пр. CSS
позволяет решить множество интерактивных задач, вроде перетаскивания и
выравнивания строк и пр.
Для создания современных приложений, с использованием новых
функций, предложенных новыми стандартами, требуется рассмотрение
особенностей стандартов программ:
- HTML - тегов, атрибутов, разметки, структуры страницы;
- CSS - селекторов (идентификаторов, классов), параметров, добавление
CSS-кода на страницы;
-JavaScript - переменных, функций, условий, цикла, добавление JS-кода на
страницы.
61
Облегчить задачу можно использованием удобного редактора с
подсказками (атрибуты и размера). Одним из самых удобных редакторов на
сегодняшний день является NetBeans. HTML5 обеспечивает поддержку двух
основных функций – поля и формы. Первая является автоматическим
заполнителем, который позволяет, без записывания дополнительного кола,
вводить в специальное поле текстовую информацию, которую будет видеть
клиент до внесения информации. К примеру «поиск по сайту».
Другая функция является автофокусом, обеспечивающим определение
активного элемента после открытия формы. Данная версия языка является
достаточно специфичной, и включает многочисленные интересные новшества:
- DragandDrop - для большинства из нас перетаскивание файлов и папок на
рабочем столе, перенос их в другие папки, стало привычным делом. Эта
функция обеспечивает такую возможность в браузере, без использования
плагинов или специальной библиотеки;
-Geolocation - функция, обеспечивающая определение текущего
географического местоположения клиента приложением различными способами.
Задействуются серверы, в которых хранится информация о расположении, до
устройств гаджета и места подключения к Wi-Fi;
-Webworkers - специальная технология, позволяющая реализовать
большое количество потоков пользовательским интерфейсом. Обеспечивает
выполнение некоторых задач в фоновом режиме дополнительными потоками;
-Кроссдокументные сообщения – обеспечивает обмен информацией с
другими сайтами.
Также в этой версии появились и другие полезные функции. К примеру,
типы MIME и протокол регистрируются как приложение по умолчанию для
определенных файлов или протоколов. Можно управлять историей браузера без
использования фреймворков или ручного управления, и прочих функций,
предназначенных для облегчения работы разработчиков.
CSS3 (англ. CascadingStyleSheets 3) является каскадными стилевыми
таблицами в 3 поколении, формальным языком, использующим язык разметки. 3
поколение является наиболее масштабным, по сравнению с предыдущими
версиями. Главной особенностью данной версии является возможность создания
62
анимированных элементов, не использую JavaScript. Она поддерживает
линейные и радиальные градиенты, тени, сглаживание и пр.
Данные таблицы используют для того, чтобы описывать и оформлять
внешний вид страниц, написанных вышеуказанными языками разметки. Однако
его можно использовать и в работе с документами другого типа. CSS3
отличается мощностью, удобством, и широкой сферой использования.
Задолго до того, как были разработаны стилевые каскадные таблицы, цвет,
шрифт, фон, границы обозначались с помощью разметки HTML. Однако
каскадные таблицы позволяют создавать отдельную таблицу, в которой
указываются стили, поэтому является самым простым и удобным инструментом
для большинства пользователей. Еще одно преимущество таблиц – простота
внесения изменений, посредством изменения отдельных модулей. Проводится
тестирование, и их последующая интеграция в систему.
Multi-ColumnModule – несколько колонок, объединенных в модуль,
является одной из важнейших функций таблиц, позволяющий разместить
текстовую информацию в определенные столбцы. Главные достоинства данной
функции для пользователя – облегчение чтения текста, отсутствие
необходимости прокручивания, слишком коротких строк. Он также
обеспечивает удобство и экономичность макета, позволяя расположить
информацию на одной странице.
Javascript является языком программирования, делающим страницы
интерактивными. Он позволяет создавать приложения, которые включаются в
код HTML, вроде анкет или регистрационных форм. Многие пользователи
путают его с другими языками программирования.
Данный язык уникален, ориентирован на объект, однако, благодаря
проротипированию, отличается от большинства языков, ориентированных на
класс. Также он обладает рядом характеристик функциональных языков –
первоклассные функциональные объекты, объекты в виде списков, карринга,
анонимных функций, замыканий, что делает его особенно гибким.
jQuery является самой популярной и распространенной библиотекой
данного языка. Она сфокусирована на взаимодействии языков JS и HTML, а
также обеспечивает удобную работу с Ajax. Данным фреймворком практически
63
впервые удачно реализован принцип ненавязчивости. Еще одно преимущество
этой библиотеки – хорошая функциональность в выдержанном балансе с
компактным универсальным рядом. Базовая библиотека может расширять
функционал – дополнительные выходные плагины. Поэтому она является
универсальным, быстрым и гибким продуктом.
3.1.3Проектирование дизайна веб-приложения
На первоначальном этапе создается дизайн web-страницы. На базе
имеющегося дизайна проводится привязка web-дизайна к объектам за счет
использования HTML-тегов.
В следствии формируется HTML-страница, которая впоследствии будет
универсальной заготовкой для остальных страниц, на которые проводится
наполнение формами и материалами.
В связи с минимальными требованиями к этому параметру web-дизайн не
будет иметь следующий вид, обладающий простотой в соответствии с
рисунками 3.9-3.11.
Рисунок 3.9 – Веб-дизайн приложения системы
Фон
Объект Javascript1
Объект Javascript2
Объект Javascript3
Объект Javascript N
64
Рисунок 3.10 – Веб-дизайн Мобильного сайта
Программная часть информационной системы представлена в виде сайта,
который обладает доступным и дружественным интерфейсом.
Программное обеспечение должно обладать высоким быстродействием,
доступным дружественным интерфейсом, а так же осуществлять взаимодействие
всех объектов внутри системы.
Чтобы сформировать HTML-код для данного дизайна, вполне достаточно
использовать блочное представление данных.
65
Рисунок 3.11 – Веб-дизайн Мобильного сайта
3.1.4 Написание программного кода
Ядро автоматизированной системы информации заложено внутри базы
данных. Это означает, задача программирования информационной системы
сводится к обеспечению условий выполнения SQL-запросов, а так же
обеспечение взаимодействия WEB-форм и электронных таблиц. Данное
взаимодействие достигаетсяпутем выполнения определенной
последовательности программно-алгоритмических операций в соответствии с
рисунком 3.12.
Программный код большинства страниц не представляет никакого
интереса для описания программного приложения кроме как рутинного повтора
множества команд, поэтому корректная работа приложения обеспечивается за
счет оптимального построения структурированных запросов и обеспечения их
работы.