СОДЕРЖАНИЕ
ВВЕДЕНИЕ
1. АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ
1.1 Обзор целевой аудитории
1.2 Выбор типа сайта для организации
1.3 Аналоги
1.4 Требования к сайту
1.5 Этапы создания сайт
2. РАЗРАБОТКА СТРУКТУРЫ САЙТА
2.1 Типы внутренних структур сайта
2.2 Внешняя структура сайта
2.3 Разработка структуры сайта для ИП «Мегабайт»
3. РАЗРАБОТКА ДИЗАЙНА САЙТА
3.1 Разработка дизайна
4. ВЫБОР СРЕДСТВ РАЗРАБОТКИ
4.1 Разработка серверной части
4.2 Выбор средств разработки
5. РАЗРАБОТКА САЙТА
5.1 Вход в Joomla!
5.2 Выбор шаблона для сайта
5.3 Создание категорий
5.4 Создание материалов
5.5 Создание меню
5.6 Создание контактов и формы обратной связи
6. ТЕСТИРОВАНИЕ
6.1 Методы тестирования
6.1.1 Тестирование методом «белого» ящика
6.1.2 Тестирование методом «серого ящика»
6.1.3 Тестирование методом «черного ящика»
6.1.4 Нагрузочное тестирование
6.1.5 Тестирование пользовательского интерфейса
6.1.6 Тестирование сайта на уязвимость
6.7 Результаты тестирования
7. АПРОБАЦИЯ И ВНЕДРЕНИЕ САЙТА
ЗАКЛЮЧЕНИЕ
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
ВВЕДЕНИЕ
Сеть интернет - одно из самых важных открытий в истории человечества. С каждым годом людей, пользующихся интернетом, становится больше, тем самым показывая, что увеличивается не только количество пользователей, но и ресурсов. И это неудивительно, ведь таким образом мы можем получить доступ к любой информации. Найти можно практически все: от незначительной информации развлекательного характера до более серьезных вещей, которые могут пригодится не только в повседневной жизни. сайт тестирование пользователь
Такой источник информации, как интернет, стал популярен не только в виде развлекательного и обучающего контента, но и в виде способа продвижения бизнеса. Это довольно простой способ распространения информации, которую можно получить, не выходя из дома. Зачем делать лишние движения по нахождению какой-либо нужной информации, если все под рукой? Опираясь на этот факт, большинство предпринимателей решили рекламировать свои услуги и товары именно таким образом. К примеру, интернет-магазин, стоит лишь зайти на сайт, выбрать нужный товар, указать адрес и все, товар будет доставлен клиенту. Предприниматели знают, что многие люди не хотят тратить время на дорогу до какого-либо определенного места, тем самым идя им навстречу, например бесплатной доставкой. При таком раскладе все остаются довольны: покупатель получил свой товар, а фирма - свои деньги. Именно поэтому такой источник, как интернет, облегчает жизнь продавцам и покупателям.
Продвижение в интернете своих товаров и услуг - один из наиболее эффективных способов развития бизнеса. Компания «Мегабайт» открылась относительно недавно, группа «ВКонтакте», а также наружная реклама помогла набрать небольшую популярность в данной местности. Но для большего обращения клиентов нужны еще среды, где можно распространить свою рекламу. Интернет является таковым. А значит, такой ресурс как Интернет, компания может использовать для своих коммерческих целей. Именно по этой причине, целью ВКР стало: создание сайта для организации ИП Смирнов «Мегабайт».
Создание сайта для организации является не только источником привлечения новых клиентов, но также источником информирования для людей, которые уже знают, куда они обращаются.
Для создания сайта необходимо выполнить следующе задачи:
1. анализ предметной области;
2. разработка структуры и дизайна сайта;
3. выбор средств разработки;
4. тестирование;
5. составление методического руководства по использованию и управлению данным программным продуктом.
1. АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ
1.1 Обзор целевой аудитории
Организация ИП Смирнов «Мегабайт» совмещает в себе магазин компьютерной техники и станцию по ее ремонту. В продаже имеются компьютеры, комплектующие, ноутбуки, телефоны, смартфоны, цифровое телевидение, также по всему спектру товаров компания оказывает ремонт. Основной клиентурой данного магазина являются жители с.Сямжа, а также близлежащих деревень. Так как с.Сямжа является центром своего района и до других более крупных населенных пунктов расстояние достаточно большое, и не все жители имеют возможность отправиться туда, то данная организация приходится очень кстати. Не все клиенты находятся именно в этом селе, потенциальный покупатель может также быть из периферии. И для того чтобы клиентам не нужно было ездить, чтобы получить какую-либо важную информацию, создается веб-сайт. Ведь с его помощью можно будет получить нужную информацию о товаре или ремонте. Также, с помощью сайта можно будет проверить, имеется ли нужный товар в наличии. Посетителями сайта могут быть как и молодое поколение, так и более взрослое. В связи с этим сайт должен удовлетворять минимальным требованиям: простота, легкость в использовании, содержание сайта должно быть только по делу, никакой лишней информации[2].
1.2 Выбор типа сайта для организации
В зависимости от того, с какой целью создается сайт, нужно правильно выбрать тип сайта.
1. Информационный сайт удобен при предоставлении нужных данных для клиентов. Инфосайт может решать разные задачи. Например, общественная организация может использовать такой ресурс для размещения информации о деятельности объединения. Коммерческая компания может вести свой личный блог и рассказывать о своей деятельности. Простой обыватель может создать такой сайт, чтобы делиться своими мыслями, советами с другими пользователями сети и, к тому же, зарабатывать при этом. Контент на информационном сайте должен быть актуальным. Его нужно постоянно обновлять, дополнять и следить за качеством. Это требует времени, сил и денег.
2. Корпоративный сайт -- содержит полную информацию о компании-владельце, услугах/продукции, событиях в жизни компании. Отличается от сайта-визитки и представительского сайта полнотой представленной информации, зачастую содержит различные функциональные инструменты для работы с контентом (поиск и фильтры, календари событий, фотогалереи, корпоративные блоги, форумы). Может быть интегрирован с внутренними информационными системами компании-владельца (КИС, CRM, бухгалтерскими системами). Может содержать закрытые разделы для тех или иных групп пользователей -- сотрудников, дилеров, контрагентов и пр.
3. Корпоративный сайт -- это высококлассный ресурс компании, который может использоваться для любых коммерческих и информационных целей:
а) информирования ваших партнёров и клиентов о деятельности компании;
б) демонстрации портфолио и ассортимента товаров;
в) полноценного интернет-продвижения по различным каналам;
г) активного привлечения новых клиентов;
д) создания уникального информационного ресурса, касающегося вашей сферы.
Коммерческим сайтом принято называть веб-ресурс, предназначенный для продвижения своих товаров или услуг, а также, привлечения клиентов и бизнес партнеров.
Традиционно, коммерческий сайт должен включать модули для размещения:
а) новостей фирмы;
б) каталога продукции или витрины магазина;
в) контактной информации;
г) формой обратной связи.
Кроме обязательной информации, в зависимости от профиля компании, на сайте размещаются дополнительные модули (калькулятор услуг, онлайн консультант и т.п.), блог статей и любую другую информацию для достижения основной задачи коммерческого сайта,- получение прибыли[4].
Из всего выше сказанного, было решено создать коммерческий сайт. Он удобен и практичен для организации. Сайт будет в себе содержать 4 модуля: новости, каталог, контакты и услуги. Так как организация находится в малонаселенном пункте, то вариант корзины и покупка онлайн, по мнению заказчика, будет ненужным. Таким образом, на главной странице будут отображены последние поступления, новинки. В категории товары будет показан весь товар, разбит на подкатегории для удобства поиска. В контактах будет указано телефон, адрес и ссылка на группу в социальной сети. Форма обратной связи для вопросов также актуальна. Сайт будет работать на привлечение клиентов, их информирования об услугах, предоставляемой компанией.
1.3 Аналоги
Существует множество интернет-магазинов компьютерной техники, а также сайтов компаний по ремонту техники.
Одним из наиболее популярных магазинов компьютерной техники является «Эльдорадо». Эта организация является одним из крупнейших магазинов по продаже компьютеров, ноутбуков и т.п., а так же бытовой техники. Точки расположены по всей стране. Так как эта компания является достаточно популярной, многие о ней знают, сайт создается не только для увеличения товарооборота, но и для удобства компании и клиентов. Свой сайт в интернете не только увеличивает количество потенциальных клиентов, но и также является более комфортным способом совершения покупки для людей. У данной компании имеется свой интернет-магазин (рис.1.3.1).
Рис.1.3.1 - Главная страница «Эльдорадо»
Домашняя страница данного сайта имеет обычный, ничем непримечательный вид. На главной имеются ссылки на категории товаров. Панель навигации не очень удобная: всплывающее меню со списком товаров из конкретной категории неудобочитаемо, маленький шрифт, приходится хорошо вглядываться, чтобы понять, что там написано. Внешний вид сайта хорош, цветовая гамма сайта не режет глаза. В целом, сайт прост в использовании, на все товары имеются характеристики, имеется личный кабинет и «корзина» для покупателя, также есть доставка.
В качестве еще одного аналога интернет-магазина можно взять «МВидео». Эта также крупная сеть магазинов, расположенная по всей стране имеет свой сайт. Данная организация также занимается продажей компьютерной и бытовой техники, функции сайта, как и предыдущего аналога схожи: это нахождение потенциальных клиентов, облегчение работы самой компании, а также удобство для клиентов. На главной странице имеются также выпадающие меню с категориями товаров, контактная информация, изображение с выгодными предложениями, ссылки на некоторые товары с их обзорами, также ссылки на товары со скидками(рис.1.3.2). Сайт несложен в использовании: имеется личный кабинет, можно поменять город, сделать заказ, узнать адреса магазинов. И все эти возможности расположены и заметны сразу, что немаловажно.
Рис.1.3.2 - Главная страница «МВидео»
Для примера можно также взять организацию, занимающуюся ремонтом компьютерной техники «Digitall», находящуюся в Вологде. Компания производит ремонт компьютерной и бытовой техники. Сайт этой организации облегчает клиентам нахождение более подробной информации о компании, об их услугах, адресах и режиме работы. Главная страница минимализирована, на ней находится общая справка о компании, а также ссылки на более подробную информацию(рис.1.3.3). Цветовая гамма приятна для глаза. Вся информация расположена таким образом, что ее легко найти на данном сайте, даже для новичка. Так же есть личный кабинет и имеется возможность оформить заказ.
Рис.1.3.3 - Главная страница «Digitall»
Таким образом, рассмотрев аналоги сайтов можно выделить несколько достоинств и недостатков. Преимущества этих сайтов заключаются в том, что основная нужная информация находится на главной странице и сразу видна клиенту. В интернет-магазинах после названия магазина сразу идет меню с категориями товаров. В содержащем блоке отображены скидки и акции. Недостатки заключаются в том, что меню слишком маленькое и в каждой вкладке слишком много чего написано, что затрудняет чтение пользователю. Исходя из всего выше сказано, в данной работе было решено использовать преимущества этих сайтов и скрыть недостатки. В таком случае, после названия магазина будет меню, но в котором будет содержаться отдельная вкладка с категорией «Товары», а уже в ней будут подкатегории. Так как данная организация не очень крупная, то для начала таких масштабов вполне хватит. Иначе, будет создано слишком много вкладок с подкатегориями, которые не будут себя оправдывать, так как ассортимент товара не настолько велик. Также как и у других сайтов на стартовой странице будут последние новости о поступлениях, что также поможет заинтересовать покупателя.
1.4 Требования к сайту
Таким образом, просмотрев некоторые аналоги, сравнив их между собой, было выбрано то, что кажется более удобным для клиентов. Страница будет минимизирована для того, чтобы клиент не запутался, все будет четко видно, что и где находится. Меню сайта должно быть заметным сразу, товар делится на подкатегории, имеется информация о каждом товаре и его цена. Так же как и в выше перечисленных аналогах, главная страница будет похожа. За исключением некоторых минусов, то есть достаточно маленький шрифт и слишком много информации на одной странице, которая может ввести в заблуждение пользователей. Также, как и везде будет добавлена обратная связь. Цветовая гамма должна быть приятна к восприятию.
Основными этапами разработки web-сайта являются:
1. Определение целей web-сайта;
2. Создание технического задания на разработку web-сайта;
3. Создание дизайн-макета web-сайта;
4. Верстка web-сайта;
5. Наполнение сайта информацией;
6. Тестирование.
Данные этапы являются основными, они также могут в себя включать подэтапы, в зависимости от сложности сайта.
1.5 Этапы создания сайта
Рассмотрим этапы создания более подробно:
1. Определение целей web-сайта
На этом этапе необходимо определить, для чего нужен сайт, т.е какие задачи он должен решать: предоставить общее представление о компании или многосторонне осветить какую-либо сторону человеческой деятельности, увеличить продажи по традиционным каналам или организовать веб-торговлю, провести рекламную или маркетинговую кампанию.