5
Введение
Современные общество формируется таким образом, что каждая достаточно
серьезная организация имеет свой сайт и публичную страницу, хотя бы в одной
социальной сети.
Это позволяет не только активно продвигать свои услуги среди интернет-
пользователей, помогать им максимально эффективно узнавать контактную
информацию и последние новости предприятия, но и отслеживать уровень
довольства потребителя, вести статистику, оперативно собирать отзывы и
предложения. Такая информационная политика становится эффективным
бизнес-инструментом, который позволяет как можно ближе быть к
потребителю, что в перспективе способно поддерживать актуальность
предприятия и, следовательно, увеличить спрос на производимый товар или
услугу.
Стоит отметить, что с развитием значимости интернет-ресурсов, появлением
новых гаджетов и технологий пользователь становится всё более прихотлив к
исполнению сайта. Для реализации максимального удобства информационного
обмена между сайтом и пользователем следует реализовать версию сайта для
мобильных устройств, а также соблюдать лаконичность и информативность в
дизайне.
Немаловажно реализовать каналы поступления потенциальных клиентов.
Самым распространенным и эффективным решением может послужить
оптимизация в поисковых системах, чтобы каждый пользователь имел
6
возможность самостоятельно обнаружить искомую услугу или товар, который
предлагает предприятие, а заказчик в свою очередь не понесет финансовых
затрат на реализацию потока клиентов.
На севере столицы недавно открыл свои двери новый технопарк
«Отрадное», мне была поставлена задача, создать информационный портал.
Технопарки являются новой и перспективной отраслью промышленности
крупных городов, поэтому сайт должен наглядно и информативно показывать
инновационность и перспективность данной платформы. Для этого уделено
особое внимание информации для резидентов, условий и льгот,
предоставляемых технопарком.
Помимо статуса, данный проект имеет успешное архитектурное решения
для продуктивного размещения работников и их комфортного пребывания, ведь
на территории есть кафе, парковки, фитнес-центр, зоны отдыха и многое
другое, о чем должен знать будущий посетитель. Одной из наиболее важных
целей создания сайта является ознакомить посетителя с внутренней
инфраструктурой технопарка и всеми услугами, оказываемых на его
территории.
Целью данной работы является закрепление на практике полученных знаний
в сфере проектирования сайта и его интерфейса, работы с CMS системой,
изучение механизмов SEO-оптимизации и инструментария для анализа
посещаемости сайта, а также успешного применения вышеописанных навыков
в сфере бизнеса, как эффективного и выгодного бизнес-инструмента.
7
1. Теоретическая часть
1.1. Описание проекта и разрабатываемого ПО
Информационный портал технопарка «Отрадное» предназначен для
получения актуальных сведений о технопарке и новостей, привлечения
потенциальных клиентов и поддержание связи между администрацией
технопарка и клиентами.
Портал базируется на CMS Drupal, с использованием технологий HTML,
PHP, Java и JavaScript.
По умолчанию доступ к сайту открыт любому желающему, но получение
доступа к функциям администратора возможно только после ввода
соответствующего логина и пароля.
Целью функционирования предприятия является сдача в аренду и
техническое сопровождение площадей, оборудованных, преимущественно для
резидентов, занимающихся бизнесом в сфере развития современных
технологий.
Технопарк «Отрадное» является одним из наиболее перспективных на
севере столицы и оснащен передовыми инженерными системами, такими как:
умная система кондиционирования и дата-центр класса TIER III.
8
1.2. Организационная структура управления предприятием
Девелопером технопарка является акционерное общество “Мотек-Ц”,
руководящими звеньями, которого является собрание акционеров и
генеральный директор. Схема структурных подразделений изображена на рис.1
9
1.3. Программно-техническая архитектура
Для выполнения автоматизированных задач, у каждого сотрудника имеется
персональный компьютер, который в свою очередь подключен к общему
серверу, по классической топологии звезда, с реализованными методами
защиты данных. (Рис.2 и Рис.3)
1.3.1. Техническая
10
1.3.2. Программная
1.4. Комплекс задач информационного портала технопарка
Разрабатываемый программный продукт, представляет собой сайт,
содержащий всю необходимую актуальную информацию о технопарке, а
также форму, для связи с администрацией.
Также в рамках проекта будет реализована связь портала с
инструментами продвижения сайтов от Google, такими как социальная
сеть Google+ и инструментом SEO — Google Analytics.
11
Сайт предоставляет возможность просмотра информации, в частности:
● Просмотр галереи
● Сведений о технопарке
● Инфраструктуры технопарка
● Планов помещений
● Новостей технопарка
● Презентаций
● Контактной информации
Администратор системы имеет все те же права, как и пользователь,
также предоставляет возможность добавлять новых администраторов. А
также следующие права:
● Изменять новости компании
● Изменять набор фотографий о компании
● Изменять список услуг, предоставляемый компанией
● Изменять список проектов, с описанием, ранее завершенных
компанией
● Изменять контактную информацию
● Формировать отчеты статистики
● Отвечать на комментарии посетителей
Любой посетитель, входящий в систему, без авторизации, считается
пользователем.
Задачи реализации интерфейса:
● Слайдшоу с помощью JavaScript
● Онлайн-презентация с использованием средств JQuery
● Поддержка мультиязычности сайта
● Интеграция интерактивной карты проезда с помощью Yandex API
12
● Реализация «гибкого интерфейса» для мобильных устройств,
средств CMS Drupal
В данной работе будет реализован весь перечисленный комплекс задач, за
исключением поддержки мультиязычности сайта, т.к. данная функция требует
дополнительного времени для оценки потребности в ней и будет реализована
позже, на основе статистических данных, функция сбора которых будет
реализована на текущем этапе.
Реализация данных задач позволит оперативно распространять сведения о
технопарке, его специфике и услугах, анализировать потенциально
заинтересованную аудиторию и иметь дополнительный канал связи с
клиентами.
Основной особенностью применения данного метода является его дешевизна
по отношению к его эффективности. Это позволит сократить расходы на
маркетинговые исследования, PR-компании, расходы на поиск резидентов и
сотрудников call-центра.
1.5. Технологии, используемые при создании информационного портала
технопарка
Для реализации поставленных задач будут использованы готовые
программные решения, которые помогут соблюсти правильную
технологию, облегчат этап разработки и оптимизации.
1.5.1. Основные средства автоматизации
1.5.1.1. Windows 7 — пользовательская операционная система семейства
Windows NT, является наиболее популярной на текущей момент и
поддерживает все необходимые инструменты для разработки ПО. На её
платформе я буду создавать и тестировать локальную версию сайта.
13
1.5.1.2. MySQL — свободная реляционная система управления базами
данных. Разработку и поддержку MySQL осуществляет корпорация
Oracle, получившая права на торговую марку вместе с поглощенной Sun
Microsystems, которая ранее приобрела шведскую компанию MySQL AB.
Продукт распространяется как под GNU General Public License, так и под
собственной коммерческой лицензией. Помимо этого, разработчики
создают функциональность по заказу лицензионных пользователей.
Именно благодаря такому заказу почти в самых ранних версиях появился
механизм репликации.
1.5.1.3. Apache HTTP-сервер — Apache является кроссплатформенным
веб-сервером, поддерживает операционные системы Linux, BSD, Mac OS,
Microsoft Windows, Novell NetWare, BeOS.
Основными достоинствами Apache считаются надёжность и гибкость
конфигурации. Он позволяет подключать внешние модули для
предоставления данных, использовать СУБД для аутентификации
пользователей, модифицировать сообщения об ошибках и т. д.
Поддерживает IPv6.
1.5.1.4. CMS Drupal — система управления содержимым (CMS),
используемая также как каркас для веб-приложений (CMF), написанная
на языке PHP и использующая в качестве хранилища данных
реляционную базу данных.
Данная система будет ядром сайта и его системой управления. Благодаря
Drupal мы сможем реализовать гибкую верстку для мобильных
14
устройств, организацию файловой структуры, внедрение слайдшоу и
реализацию функций администратора.
1.5.1.5. jQuery — библиотека JavaScript, фокусирующаяся на
взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко
получать доступ к любому элементу DOM, обращаться к атрибутам и
содержимому элементов DOM, манипулировать ими. Также библиотека
jQuery предоставляет удобный API для работы с AJAX.
Благодаря данной библиотеке мы сожжем реализовать удобную онлайн-
презентацию технопарка.
1.5.1.6. JavaScript API Yandex Map — это набор JavaScript-
компонентов, позволяющий размещать на страницах сайта
интерактивные карты.
1.5.2. Основные средства размещения сайта в интернете, поисковой оптимизации
и сбора статистики
1.5.2.1. Masterhost — один из старейших хостинг-провайдеров и
регистраторов доменных имен на российском рынке. С 1999 года
предоставляет своим клиентам профессиональные комплексные услуги по
размещению и поддержке интернет-проектов любой сложности – виртуальный
и VPS хостинг, обслуживание почтовых сервисов, аренду собственных и
размещение клиентских серверов, регистрацию и аренду доменов.