Разработка и проектирование сайта интернет-магазина

В настоящее время Интернет является одним из самых активно развивающихся средств информации. Создание сайта в Интернете обеспечивает новые возможности по расширению, информационной поддержке или рекламе бизнеса. Постоянный контакт с клиентами и партнёрами позволяет оперативно реагировать на изменения рынка и проводить своевременную коррекцию. Кроме того, расходы на рекламу в Интернете значительно ниже, чем в традиционных средствах.

Веб-сайт сегодня является не только информационным средством или визиткой, а полноценным маркетинговым инструментом, привлекающим новых клиентов, приносящим прибыль. На сегодняшний день практически каждая организация имеет собственный веб-сайт. Это необходимый фактор существования прибыльной компании.

Целью данной статьи является проектирование интернет ресурса посредством CMS (Content Management System — Система Управления Содержимым) «Joomla», посвященного компании, занимающейся производством, продажей, техническим обслуживанием и ремонтом компьютерного оборудования и другой техники. Для достижения поставленной цели необходимо решение следующих задач:

• 1)    сбора материалов относящихся к исследуемому объекту;

• 2)    анализа полученной информации;

• 3)    выбора технологии и программных средств реализации;

• 4)    создание сайта.

«Joomla» — это система управления контентом, написанная на языке PHP и использующая в качестве хранилища содержания базу данных MySQL. «Joomla» является свободным программным обеспечением, защищённым лицензией GPL [1].

Одной из главных особенностей «Joomla» является относительная простота управления при практически безграничных возможностях и гибкости при изготовлении сайтов. CMS «Joomla» включает в себя различные инструменты для изготовления web-сайта. Основная панель представлена на рисунке 1.

Рисунок 1. — Панель управления.

Достоинства «Joomla» [2]:

• 1)    cистема работает с различными расширениями и модулями;

• 2)    ,олее 4000 бесплатных и платных расширений;

• 3)    «Joomla» позволяет создавать сайты любой сложности;

• 4)    «Joomla» имеет много платных и бесплатных шаблонов которые легко модифицируются.

Кроме того, было использован дополнительный компонент JoomShopping, ориентированный на создание сайтов коммерческой направленности, то есть именно интернет-магазинов. Его главная панель изображена на рисунке 2.

JoomShoppIng

Рисунок 2. — JoomShopping.

Процесс создания и разработки сайтов включает в себя [3]:

• 1)    утверждение технического задания на разработку сайта;

• 2)    определение структурной схемы сайта;

• 3)    веб-дизайн — создание графических элементов макета сайта, стилей;

• 4)    разработку программного кода, модулей, базы данных и др.;

• 5)   тестирование и размещение сайта в сети Интернет.

Планируемое содержание сайта:

• 1)    главная;

• 2)   о компании;

• 3)   вакансии;

• 4)   контакты;

• 5)    статьи;

• 6)   наши пользователи;

• 7)    обратная связь;

• 8)    доставка/оплата;

• 9)   авторизация/Регистрация;

• 10)  поиск по сайту.

Согласно разработанной структуре была спроектирована главная страница сайта. Она изображена на рисунке 2, содержит все основные структурные элементы (главное меню, форма авторизации), переход по которым осуществляется с помощью гиперссылок.

Рисунок 2 — Главная страница.

Если выбрать какой-то из разделов, например, Ноутбуки открывается страница с определенными моделями, ценой на них и кратким описанием. Эта страница представлена на рисунке 3.

Ноутбуки

I Название         0 ¹ 12 Н Сортироька О Количество

—Ноутбук Асет E1-671G-33126G60Mnk4 16 6”(1366х768)

Ноутбуки серии Aaplre Е с практичным и стильным дизайном предоставляют мощные и полезные функции

Высокая производительность широкие мультимедийные возможности и удобное подключение превращают

I енаднешную работу нм компьютере и непрерывное удовольствия Отлично подойдет для рибиты с

I NO IMA6E I                                                                                            .

у. — ------- .. у ресурсоемким»! приложениями, мультимедийны* развлечении, я также проведения выездных презентации

19390 00

Отзывов (0) Купить Подробная

• Рисунок 3. — Ноутбуки.

При нажатии кнопки Подробнее откроется детальное описание продукта. А при нажатии Купить откроется Корзина с списком, выбранных покупателем товаров. В ней можно изменить количества товара. Посмотреть цену, как в отдельности за каждый товар, так и общую стоимость заказа. Образец корзины представлен на рисунке 4.

Рисунок 4. — Корзина.

Если клиент уверен в заказе, он должен нажать кнопку Оформить заказ и ввести необходимую для доставки контактную информацию.

Если у клиента существуют какие-то вопросы, пожелания или отзывы, он может их отправить через Форму обратной связи, которая представлена на рисунке 5.

Рисунок 5. — Обратная связь.

Все остальные разделы сайта являются информационными. Они содержат контактную информацию, сведения о требуемых компании вакансиях, список пользователей сайта и основную информацию о них. Так, на рисунке 6 представлен раздел, характеризующий основную деятельность компании.

Рисунок 6. — О компании.

Важным для пользователей является раздел Статьи, где публикуются небольшие иллюстрированные тексты, помогающие клиентам лучше разобраться в компьютерном оборудовании, сделать правильный выбор из множества существующих моделей. Данный раздел отображен на рисунке 7.

1b лучших док-станций

Автор: Анна

Апгар Анна

Кд к правильно Bwbpaiu улиграбук

Апгар Анна

Рисунок 7. — Статьи.

Юж правильно выбрать планшет

А пример статьи представлен на рисунке 8.

Как правильно выбрать ультрабук

1Шм<тш1 1

Ко* прмй»«ьно выиграть моутбу«?С wo начинать выбор ноутбука » на чю в первую очередь обрвща»ь вниманий пл* выборе ноутбука'*

Нмеам с того что ноутбук предсгаепяет из себя соегтжтмый персомальмый компьютер Ом состоит кз тех ма комплектующих *10 * овьпе^й стационарный компьютер Сегодня дом предлагает бмдом количество разнообразию моделей ноутбуков от мето очевидный выбор сделать Доваляю спорно

Какой ноутбук необходим именно мм?

Нагеем с wo что выбирать ноутбук муемо с большим пимчячхи на будущее В стационарном ГК вы с легкое two можете добить планку оперативной гтшти жесткий дио (а не адж| и тд Комшекграцие ив ■ квупбуп установлены очень компактно полому апгрейд в данном случае практически невозможен ВЫ не СМвмт заменить на ноутбука видеокарту материнскую плату Помимо злого существуют определенные ограниченна по увапамвмию объемов оперативной памяти и дисковой памяти Да и ремонт ноутбуке во атак случаях обходится более дороге

Рисунок 8. — Статья «Как правильно выбрать ноутбук».

В целом, можно сказать, что данный сайт формирует представление о серьезной крупной компании, вызывает доверие у потенциальных клиентов, полностью готов к использованию в реальности.

В данной статье был создан достаточно конструктивный, хорошо работающий сайт с удобной системой навигации, который удовлетворяет всем требованиям, поставленным на этапе постановки задачи.

Как дальнейшее совершенствование веб-сайта возможны доработки интерфейса сайта с целью дальнейшего повышения его информативности, привлекательности и удобству.