Статья опубликована в рамках: Научного журнала «Студенческий» № 3(23)
Рубрика журнала: Информационные технологии
Скачать книгу(-и): скачать журнал часть 1, скачать журнал часть 2
РАЗРАБОТКА АИС НА БАЗЕ ВЕБ-ТЕХНОЛОГИЙ
Разработка первой компьютерной сети началась ещё в 1950-х годах и уже сегодня глобальная сеть Интернет, охватывает миллионы компьютеров по всему миру.
Глобальная сеть позволяет человеку получить необходимую информацию и услуги тогда, когда он этого пожелает. В связи с этим популярность сферы услуг, предоставляемых посредством интернета, постоянно растёт, поэтому всё больше компаний и различных организаций переносят всю свою деятельность или только её часть на интернет площадку, тем самым увеличивая свою аудиторию. Однако, прежде чем предоставлять свои услуги или товары в интернете, необходимо создать сайт - площадку, на которой будет представлена вся необходимая информация для пользователей интернета. Именно в эти моменты за работу берутся такие специалисты как дизайнеры, верстальщики, программисты и другие. Так как интернет постоянно развивается, создаются новые технологии создания сайтов, появляются новые компании и организации, данные сферы деятельности всегда будут востребованы.
Целью данной статьи является разработка информационной системы интернет-кафе, использующий основные web языки и технологии создания сайтов.
В основные задачи, рассматриваемые в работе, входят:
- Анализ средств реализации ИС
- Проектирование структуры информационной системы
- Использование подключаемых сторонних модулей
- Способы SEO оптимизации сайта
Прежде чем начать проектирование сайта, нужно определиться со средствами, с помощью которых и будет создана страница.
На сегодняшний день сайты строятся при помощи трёх, так называемых, уровнях абстракции:
1. Чистый PHP
2. Использование Framework’а.
3. Использование CMS.
Каждый из этих уровней отображает сколько времени нужно потратить на создание сайта, сколько знаний требуется разработчику и т.п. Чтобы выбрать средства реализации, приведём их плюсы и минусы.
CMS
Плюсы:
1. Быстрота создания сайта.
2. Универсальность.
3. Простота.
Минусы:
1. Ограничены в своих возможностях.
2. Плохая безопасность.
3. Медленная работа.
4. Низкая валидность для поисковиков
Framework
Плюсы:
1. Высокая гибкость для изменений.
2. Быстрая работа сайта.
3. Безопасность.
4. Возможность использования готовых дополнений.
Минусы:
1. Требуется много времени.
2. Плохое восприятие кода.
3. Сложность в освоении.
Чистый PHP
Плюсы:
1. Уникальность сайта.
2. Высокая валидность для поисковиков.
3. Высокая гибкость для изменений.
4. Оптимизированный код.
Минусы:
1. На создание сайта уходит много времени.
2. Нужны знания основных языков.
3. Высокая стоимость реализации.
Для интернет-кафе важна высокая индексация среди поисковиков и уникальность сайта. Учитывая вышеперечисленные достоинства и недостатки, лучшим выбором будет использовать чистый PHP.
Для начала, необходимо разработать структуру взаимосвязи страниц сайта.
В общем случае страницы сайта могут быть представлены в виде графической схемы. Приведу, для примера, схему интернет кафе по продаже роллов.
Рисунок 1. Схема страниц сайта
Теперь, когда определены страницы и разделы сайта, для упрощения дальнейшей работы, необходимо организовать соответствующую файловую структуру. Проще всего её визуализировать в виде диаграммы.
Рисунок 2. Диаграмма структуры файлов
В главной папке сайта есть исполняемый файл index.php, который представляет из себя главную страницу сайта.
Папка views хранит все страницы сайта. Так же там есть под раздел Patterns, в котором хранятся часто используемые блоки. Например, блок показывающий ролл BlockRolls.html.
В models хранятся скрипты, написанные на языке php, которые можно подключить по мере необходимости. Например, скрипт выполняющий подключение к базе данных database.php.
В папке JS хранятся скрипты, написанные на языке JavaScript.
CSS хранит файлы стилей, необходимых для корректного отображения страниц сайта.
Картинки, используемые на сайте, хранятся в папке images, а в его подразделах соответствующих названиям категорий, соответствующие картинки товаров.
Иногда многие проекты просто не могут обойтись без подключения уже готовых решений. Например, ни один интернет-магазин не может функционировать без системы регистрации пользователей. Однако, создавать свою систему с хорошей безопасностью слишком сложно, поэтому рассмотрим сервис uLogin.
uLogin — это инструмент, который позволяет использовать систему авторизации через социальные сети, с помощью специального виджета.
Решение выбрать его обусловлено этими преимуществами:
1. Простой и лёгкий в использовании интерфейс.
2. Использование виджета с независимыми настройками
3. Различные варианты авторизации пользователей.
4. Получение всей необходимой информации о пользователе.
Для высокой индексации среди поисковиков, сайт должен быть SEO оптимизирован. Достигается это путём изменения HTML тегов страницы и проверке их на соответствие стандартам.
Каждое изменение на сайте необходимо сопровождать проверкой кода с использованием валидатора - компьютерная программа, проверяющая соответствие HTML-кода страниц сайта и CSS-кода на соответствие современным стандартам. К примеру, онлайн сервис validator.w3.org.
Теги title, description должны хорошо отображать содержимое страницы тем самым соблюдая релевантность.
Ещё одним необходимым условием является правильная расстановка тегов заголовков H1-H6. H1 должен присутствовать на странице и быть первым по порядку.
Сайт должен содержать ЧПУ ссылки – адреса страниц понятных человеку.
Все рисунки должны содержать теги ALT и Title с их кратким описанием.
Есть ещё много критерий, с помощью которых достигается SEO оптимизация сайта, но за всем не уследишь, поэтому для таких случаев существуют онлайн сервисы, осуществляющие проверки на SEO оптимизацию.
Список литературы:
- Коцюба И.Ю., Чунаев А.В., Шиков А.Н. Основы проектирования информационных систем. Учебное пособие. – СПб: Университет ИТМО, 2015. – 206 с.
- Робин Никсон. Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 2016. – 768 c.
Оставить комментарий