26
1) Модель Интранета (модель В0) – доступ к интернет-проекту только
сотрудников организации;
2) Модель визитной карточки (модель В1) – информационная система
типа Экстранет, доступ возможен и для сотрудников предприятия, и из
внешнего мира, для тех, кому даны соответствующие права;
3) Модель электронного заказа (модель В2) — привлечение клиентов к
работе непосредственно в информационной системе, осуществление
электронного заказа по сети Интернет;
4) Модель полной автоматизации (модель В3) – сочетает в себе систему
электронного заказа, автоматизацию процесса закупок и продвижение товара к
конечному потребителю через собственные электронные магазины. В этой
модели используется более сложная схема взаимодействия предприятия с
другими организациями (business-to-business-to-consumer, B2B2C);
5) Модель аутсорсинга (модель В4) – полная автоматизация многих
бизнес-процессов, упрощение схем взаимодействия, передача части функций
предприятия для исполнения другим организациям, осуществляющим
аутсорсинг через Интернет [6].
Коммерческие сайты (web-сайты предприятий), существующие на
современном этапе в сети Интернет, можно разделить на несколько типов в
зависимости от решаемых задач: информационные сайты; визитные карточки;
информационные порталы (крупные виды веб-сайтов); интернет-магазины;
промо-сайты (посвящены разовым акциям и событиям); корпоративные
представительства; информационные интернет-издания, СМИ [3, с.53].
Для предприятия, осуществляющего торговлю комплектующими и
стремящемуся выйти на новый уровень, увеличить клиентскую базу, расширить
рынок сбыта, оптимальным вариантом является создание веб-системы в сети
Интернет. На данном этапе фирме необходим Интернет-магазин, где
осуществляется продажа товаров и услуг через сайт.
Интернет-магазин (англ. online shop или e-shop) — сайт, торгующий
товарами в интернете. Интернет-магазин позволяет пользователям
27
сформировать заказ на покупку, выбрать способ оплаты и доставки заказа в
сети Интернет.
Интернет-магазины создаются с применением систем управления
контентом сайтов, оснащенных необходимыми модулями. Крупные интернет-
магазины работают на специально для них разработанных или адаптированных
типовых системах управления. Средние и малые магазины обычно используют
типовое коммерческое и свободное ПО. К примеру, широко известен
свободный движок osCommerce [25, с.79].
Система управления контентом сайта интернет-магазина может быть
коробочным продуктом, самостоятельно устанавливаемым на хостинг-
площадку, может быть частной разработкой веб-студии, ей же обслуживаемой,
может быть программным сервисом, предоставляемым с помесячной оплатой.
Основным языком для создания Web-страниц является язык HTML.
HTML или Hyper Text Markup Language – язык разметки гипертекста – это
стандартизованный язык разметки документов в WWW.
Язык HTML интерпретируется браузерами на стороне клиента, и
полученный в результате интерпретации форматированный текст отображается
на экране монитора ПК или мобильного устройства как форматированная веб-
страница, содержащая текстовое оформление, изображения, ссылки,
функциональные объекты и проч. [29].
Для расширения возможностей оформления страниц сайта используется
язык CSS (Cascading Style Sheets, каскадные таблицы стилей) — набор
параметров форматирования, который применяется к элементам веб-страницы
для управления их видом и положением [35].
В настоящее время стандартом создания веб-страниц является
следующий подход:
1) код HTML содержит только теги логического форматирования,
гиперссылки, ссылки на изображения;
2) вид элементов веб-страницы задается через стили CSS, которые
выносятся в отдельные файлы;
28
3) интерактивность сайта задается с помощью использования скриптовых
языков, flash-технологий.
Все данные сайта должны храниться в структурированном виде под
управлением реляционной СУБД. База данных сайта представляет собой
независимое клиент-серверное приложение, которое запускается и работает в
операционной системе. Внешние приложения соединяются с базой данных
через TCP/IP или внутренние потоки, направляют SQL-запросы и получают в
ответ от БД необходимые данные [33].
Для создания БД сайта можно использовать любую СУБД. Среди них:
бесплатные: MySQL, MSSQL Express 2005, OracleXE;
коммерческие: Oracle, MSSQL 2005, MS Access, DB2, Oracle Database,
Microsoft SQL Server, PostgreSQL, Visual FoxPro и др.
Электронный магазин компании ООО «Комп-Рид», реализованный в
форме web-сайта, должен обеспечивать работу с базой данных при помощи
Интернет – браузера (Internet Explorer от версии 6 и выше, Opera от версии 8 и
выше, Mozilla Firefox 2, Safari 3, Konqueror от версии 3.4 и выше).
Разработка современных динамических, интерактивных сайтов,
взаимодействующих с базой данных веб-сервера, совершающих определенные
действия по запросу пользователя, требует применения сценарного языка. Язык
сценариев (или скриптовый язык) – язык программирования, разработанный
для записи последовательностей операций («сценариев»). Выделяют
следующие типы скриптовых языков:
универсальные: Forth, AngelScript, Perl, PHP, Python, Tcl (Tool command
language), Squirrel, REBOL, Ruby, AutoIt, Lua;
встроенные в прикладные программы: VBA, UnrealScript, AutoLISP,
Emacs Lisp, Game Maker Language, MQL4 script, ERM;
командные оболочки: sh, AppleScript, bash, csh, ksh, JCL, cmd.exe,
command.com, REXX, Visual Basic Script;
встраиваемые: Guile, Script.NET, ActionScript, Lingo (используется в
редакторе Director), Sleep, браузерные Jscript и JavaScript. [28]
29
Для выбора оптимального скриптового языка проведем их сравнительную
характеристику.
Характеристика наиболее популярных скриптовых языков приведена в
таблице 1.3.
Таблица 1.3
Сравнительная характеристика скриптовых языков
Наимено
вание
языка
Разрабо
тчик
Характеристика
Достоинства
Недостатки
VBScript
Microsoft
является
подмножеством Visual
Basic и используется
при создании
административных
сценариев в Windows
интерпретируе-
мый язык,
вносить
изменения в
программы
намного удобнее
полностью
ориентирова-
ны на Internet
Explorer и
IIS/ASP
PHP
Расмус
Лердорф
интерпретируемый
скриптовый язык,
созданный для
генерации HTML-
страниц на веб-сервере
и работы с БД
высокая скорость
обработки кода,
большой
функционал,
простота
использования
большинство
модулей PHP
не
обеспечивают
безопасность
потоков
Perl
Ларри
Уолл
высокоуровневый
интерпретируемый
скриптовый язык
программирования
общего назначения
богатые
возможности для
работы с
текстом, через
регулярные
выражения
большое
количество
модулей
затрудняет их
поиск
Ruby
Ханссон,
Давид
Хей-
немейер
интерпретируемый
скриптовый язык для
объектно-
ориентированного
программирования
имеет большое
количество
средств для
обработки
текстов, решения
системных задач
сложнее с
настройками
веб-сервера
JavaScript
Netscape
язык
программирования на
стороне клиента, его
интерпретатор встроен
во все Web-браузеры
используется для
включения
анимации,
загрузки новых
изображений,
объектов на веб-
страницах, для
создания
восприимчивого
интерфейса
работает на
стороне
клиента, а не
веб-сервера
Tcl
Джон
Оустерх
аут
скриптовый язык
высокого уровня, язык
с естественной
поддержкой
метапрограм-
мирования
быстрое
прототипирова-
ние, создание
графических
интерфейсов для
консольных
программ
непривычность
синтаксиса для
программистов
на
«традицион-
ных» языках
30
Наибольшую популярность имеет скриптовый язык PHP благодаря своей
скорости обработки, простоте, кроссплатформенности, функциональности и
распространению исходных кодов под собственной лицензией. Для разработки
и раскрутки сайтов в языке используется широкий набор встроенных средств.
Еще одним достоинство языка является то, что это продукт с открытым
исходным кодом, он свободно распространяется. В настоящее время PHP
поддерживается подавляющим большинством хостинг-провайдеров и является
одним из лидеров среди языков программирования, применяющихся для
создания динамических веб-сайтов [33].
Для облегчения труда веб-разработчиков предлагается многообразие
различных средств, которые можно разделить на категории (таблица 1.4).
Таблица 1.4
Виды и примеры программных средств разработки web-сайтов
Вид
программы
Назначение
Примеры популярных
программ
Редакторы
html
Программы для создания
сайта, текстовые и html-
редакторы, WYSIWYG-
редакторы HTML-кода
Adobe Dreamweaver CS3,
HtmlReader, Web Development
Studio 2.0, notepad ++, Microsoft
Front Page, Namo Webeditor
Редакторы
css
Программы для работы с кас-
кадными таблицами стилей
Free CSS Toolbox, CSS Tab
Designer, Easy Neatly CSS
Графические
редакторы
Программы для разработки
дизайна сайта, баннеров,
кнопок, иконок и проч.
Adobe Photoshop, GIMP, MS Draw
Paint, Paint Shop Pro, Adobe
Illustrator, Macromedia Free Hand
Системы
управления
содержимым
(Content
Management
System, CMS)
Программный комплекс,
позволяющий создавать
сайты любого уровня
сложности, осуществлять
поддержку и управлять
содержимым сайта
- Коммерческие: 1С-Битрикс,
NetCat, UMI.CMS, HostCMS,
AMIRO.CMS;
- Свободные (open-source):
Joomla!, Drupal, MODx CMS /
CMF, WordPress, TYPO3
Программы
раскрутки
Программы для раскрутки,
состоят из набора утилит,
охватывающих процессы
оптимизации и продвижения
сайта
SESpider, Semonitor,
AllSubmitter, AddPromo
Дополнитель-
ные
программы
FTP клиенты, программа
чтения PDF, программы
видеосжатия, просмотрщики
Foxit Reader 2.3, FileZilla, Adobe
Reader, Windows Movie Maker,
Picasa, IrfanView
31
Использование перечисленных видов программ будет зависеть от того,
какая используется техническая организация интернет-магазина (таблица 1.5).
Таблица 1.5
Варианты технической организации Интернет-магазина
Вариант
Характеристика
Достоинства
Недостатки
Покупка
домена
сайт на платном сервере, с
покупкой услуги хостинга,
на своем
зарегистрированном домене
Свой домен,
большой функцио-
нал хостинга
Ежемесячная
(годовая)
оплата домена
Создание
Интернет-
магазина с
помощью
CMS
создание Интернет-магазин
на готовой платформе
(CMS), специально
предназначенных для
Интернет торговли
Более дешевый
вариант,
используется
аренда, а не
покупка домена
Перенос такого
магазина на
другую
платформу
затруднителен
Создание
магазина
на
бесплатном
домене
создание магазина на
бесплатном домене третьего
уровня с помощью готовых
платформ
Наиболее
дешевый вариант
Сложность
раскрутки,
невозможность
переноса сайта
Покупка доменов – это процесс передачи прав на использование
доменного имени от одного владельца к другому за плату. Продаваться могут
не только доменные имена, но и сайты, находящиеся на них.
Покупка домена может быть временной или постоянной, что зависит от
тарифного плана провайдера, предоставляющего услугу по содержанию домена
компании. Обычно купленный домен необходимо каждый год продлевать.
Чаще всего стоимость продления ниже, чем цена при покупке домена.
Покупаемый домен должен быть свободным и ещё никем
незарегистрированным. Регистрируемое доменное имя должно соответствовать
сайту и его теме [5, с.112].
В нашем случае более предпочтительным вариантом является третий
вариант – создание интернет-магазина на бесплатном домене с использованием
встроенной CMS-системы, предоставляемой провайдером данного домена
(хостинга). В данном случае будет создана пробная версия сайта интернет-
магазина для ООО «Комп Рид». После наполнения сайта, его пробного
32
использования, тестирования и адаптации можно будет перенести сайт
интернет-магазина на более мощную платформу, оплатив домен второго
уровня.
В этом случае для создания сайта интернет-магазина необходимо выбрать
следующие инструменты:
1) графический редактор – для разработки логотипа интернет-магазина,
баннера, обработки изображений;
2) конструктор сайта (систему CMS) для разработки страниц сайта и его
взаимодействия с базой данных;
3) бесплатный хостинг для размещения сайта в сети Интернет.
Для создания визуального оформления сайта необходим графический
редактор. Графические редакторы бывают двух типов — векторные и
растровые.
Векторная графика состоит из отдельных объектов-форм, которые в
целом образуют изображение. Отдельные объекты векторной графики, в свою
очередь, состоят из отдельных точек, соединенных прямыми или изогнутыми
линиями. Изгиб линий, соединяющих точки, задается векторами – отсюда и
название «векторная графика». Наиболее известные векторные редакторы:
Adobe Flash, Adobe Illustrator, Corel Paint Shop Pro, Corel Draw, Dia, Inkscape,
Scribus.
В растровой графике цельное изображение составляется из отдельных
элементов, называемых пикселями. Все они одинакового размера и формы,
упорядоченно размещены и различаются только цветом. За счет малого размера
пиксели не воспринимаются глазом как отдельные объекты, и человек видит
только цельное изображение. Наиболее известные растровые редакторы: Adobe
PhotoShop, Adobe Fireworks, Corel Photo-Paint, Corel Painter, GIMP, Microsoft
Paint, Microsoft Photo Editor, Krita [21].
Векторные редакторы малоприменимы для разработки интернет-сайта,
они применяются при изготовлении логотипов, эмблем, фирменных знаков,
пиктограмм, различных надписей, диаграмм, схем.
33
Растровые графические редакторы более часто применяются для
разработки дизайна страниц web-сайта. С их помощью редактируются
изображения, фотографии, генерируются фоны страниц, создаются баннеры –
рекламные формы сайтов, готовятся макеты и эскизы будущих страниц.
Для разработки интернет-магазина для ООО «Комп-Рид» по продаже
компьютерных комплектующих выбран графический редактор Adobe
PhotoShop CS, обладающий наиболее мощными возможностями обработки
графический изображений, фотографий. С его помощью будет разработан
баннер сайта, логотип интернет-магазина, обработаны фотографии товаров
магазина по продаже компьютерных комплектующих.
Для разработки и размещения сайта в сети Интернет необходимо выбрать
бесплатный хостинг, который включал бы в себя конструктор сайта (систему
CMS), возможность хранения товаров магазина в базе данных и извлечение
записей БД по запросу пользователя.
Хостингом называют услугу по размещению web-сайтов и домашних
страниц на мощностях поставщиков данного сервиса. Хостинги бывают
платные, бесплатные и условно-бесплатные (предоставляющие услуги по
размещению веб-сайтов на определенное время) [19, с.23].
Наибольшую популярность в России и за рубежом приобрели хостинг-
службы, предоставляющие клиентам возможность размещать сайты в домене
третьего уровня вида http://login.provider.ru.
В этом случае login — доменное имя, выбранное пользователем (третьего
уровня), а provider — название домена (второго уровня) провайдера,
предоставляющего услугу бесплатного хостинга. Такие службы бесплатного
хостинга нередко предоставляют своим клиентам доступ к загрузке файлов не
только через Web-интерфейс, но и по протоколу FTP. В последнем случае
клиенты получают доступ к корневой папке своего сайта и могут переносить
туда файлы копированием посредством FTP-клиента [20].
Кроме того службы хостинга ориентированы как на квалифицированных
пользователей (способных самостоятельно создать и настроить сайт), так и на
34
любителей. Последним предоставляется возможность собрать сайт, как
конструктор, — подключить к нему готовую гостевую книгу, выбрать
шаблонный дизайн, подключить форум и другие популярные Web-средства.
Наиболее популярные в России бесплатные хостинги: Ucoz.ru, Chat.ru,
Sitecity.ru, Mylivepage.ru, Holm.ru, Wallst.ru, Zerver.ru, Setup.ru, For.ru.
Качественные показатели виртуального хостинга:
поддержка таких технологий как: Perl, PHP, ASP, CGI, htaccess, баз
данных (MySQL);
размер дискового пространства;
количество сайтов, которые можно разместить;
ограничение объема посетителей за период времени;
ограничения по базам данных MySQL (количеству и объему);
ресурсы и возможности сервера, которые влияют на его
быстродействие;
возможности резервного копирования и восстановления сайта.
Многие хостинги предоставляют не только место для размещения сайта и
его продвижение, но и CMS-систему для самостоятельного создания сайта.
CMS (от английского Content Management System) – система управления
содержимым (контентом) – компьютерная программа или информационная
система, которая используется для организации и обеспечения процесса по
совместному созданию, управлению и редактированию содержимого сайта [33,
с.17].
Основные функции CMS:
− предоставление инструментов для создания содержимого, организация
совместной работы над содержимым;
− управление содержимым: хранение, контроль версий, соблюдение
режима доступа, управление потоком документов и т. п.;
− публикация содержимого;
− представление в удобном для навигации и поиска виде [7, с.79].
35
Рассмотрим наиболее популярные CMS-системы Рунета в таблице 1.6.
Таблица 1.6
Сравнительная характеристика популярных CMS-систем
CMS-
система
Характеристика
Достоинства
Недостатки
1С-Битрикс
Удобная система для
решения типовых задач,
которая позволяет
довольно просто
создавать и
модернизировать сайты
на готовых шаблонах от
фирмы 1С
Позволяет
понятно и
интуитивно
управлять
контентом,
управлять SEO
оптимизацией
сайта
при внедрении
нетипового
решения необходим
опыт в работе с API
системы
UMI.CMS
Система входит в тройку
лидеров коммерческих
CMS это довольно мощная
CMS с множеством
возможностей
Мощная и
функциональная
система с
большим
количеством
предустановленн
ых шаблонов
Модернизация и
доработка
функционала на
этой системе
тяжелее для
выполнения
Shop-Script
(WebAsyst)
Система подходит для
управления небольшим
интернет-магазином с
малыми требованиями к
ресурсам веб-сервера
Удобная и
нетребовательна
я к ресурсам
система
Система не очень
удобна при
разработке
дополнительного
функционала
Joomla
CMS-система, написанная
на языках PHP и
JavaScript, сайты на
Joomla хорошо
модернезируются за счет
колоссального
количества плагинов
Является
свободным
программным
обеспечением,
имеет множество
функций
При SEO
оптимизации сайта
возникают
проблемы,
связанные с
некорректной
работой плагинов
WordPress
система управления
содержимым сайта с
открытым исходным
кодом, написана на языке
PHP; сервер базы данных
— MySQL
Легкость и
понятность ядра,
множество
дополнительных
модулей
Недостаточно
возможностей для
создания сложных
сайтов, за
интернет-магазин
необходимо
платить
Наиболее широкими возможностями в сочетании с простотой и
понятностью создания сайта обладает CMS-система WordPress. Еще одним
достоинством Wordpress является то, что это бесплатная CMS, которая
поддерживается огромным числом хостингов. Особых требований к хостингу
она не имеет. Встроенная система «тем» и «плагинов» вместе с удачной
архитектурой позволяет конструировать проекты широкой функциональной