Разработка интернет-магазина "Good-Food"

Размещено на http://www.allbest.ru/

Содержание

Введение

1. Основные подходы к разработке и продвижению интернет-магазина

1.1 Основные понятия, классификация и принципы создания

1.2 Анализ инструментальных средств проектирования и разработки

2. Разработка интернет-магазина 'Good-Food'

2.1 Получение доменного имени

2.2 WooCommerce

2.3 Добавление содержимого

2.4 Внешний вид

Заключение

Список используемых источников



Введение

Использование Интернет технологий в коммерческой деятельности - одна из наиболее актуальных задач в современном мире. ХХI век уже невозможно представить без интернета и интернет технологий. Всемирная паутина прочно вошла в нашу жизнь.

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

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

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

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

Целью курсовой работы является разработка интернет-магазина здорового питания «Good-Food».



1. Основные подходы к разработке и продвижению интернет-магазина

1.1 Основные понятия, классификация и принципы создания

Сайт состоит из одного или нескольких НТМL-документов, связанных друг с другом с помощью гиперссылок. Кроме того, эти документы могут содержать другие элементы, такие как изображения, звуки, анимация, мультимедиа, приложения.

Веб-страница: документ, написанный в НТМL который является частью сайта.

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

НТМL: (HyperText Markup Language - язык разметки гипертекста) - стандартный язык разметки документов в Интернете.

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

Хостинг: хостинг - дисковое пространство(большой компютер, сервер) для хранения страниц сайта, которые доступны для просмотра, круглые сутки, через Интернет.

URL: (Universal Resource Location) - универсальный локатор ресурса. Говоря другими словами строка, которая представляет адрес сайта или ресурса в Интернете по World Wide Web, а так же протокол, по которому у вас есть доступ к последним.

Таблицы: (CSS) - каскадные таблицы стилей. Преимущественно используется как средство описания, оформления внешнего вида страниц сайта. хостинг интернет магазин доменный

Изображение: графический файл, который может быть вставлен в веб-страницы и отображается в браузере. Существуют различные форматы: GIF, JPEG, BMP,TIFF, WMF и т. д. Так же здесь можно задавать свойства для элементов страницы, таких как таблицы, графики и активных элементов.

Виды сайтов.

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

В зависимости от цели, с которой создается сайт можно выделить:

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

Некоммерческие сайты - эти сайты наиболее популярны. Создаются в основном, чтобы заявить о себе (блоги, форумы, развлекательные сайты).

В зависимости от типа информации выделим:

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

Промо-сайт - сайт созданный специально для рекламы (продвижения) отдельного товара либо услуги или основного сайта компании. Это неосновной сайт компании. Обычно имеет очень яркий дизайн(стиль оформления).

Корпоративный сайт - ресурс какой-либо компании. Предназначен для презентации компании, информирования партнеров и клиентов о деятельности компании, привлечения новых клиентов.

Интернет-магазин - интерактивный веб-сайт не только рекламирующий товар или услугу, но и принимающий заказы на покупку, очень часто предлагающий пользователю доставку и выбор варианта расчета.

Информационный сайт - предоставляет информацию посетителю на определенную тему. В основном имеет четкую направленность. Такие сайты очень популярны. Созданы в основном одним человеком с целью поделиться своими знаниями и заработка на рекламе.

Игровой сайт - сайты созданные в основном одним человеком. Для общения с единомышленниками или создания базы знаний по игре.

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

Сайт-форум - может быть самостоятельным сайтом, а может быть разделом сайта. Чаще всего выполняется на поддомене основного сайта и предназначен для общения посетителей сайта между собой и администратором сайта.

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

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

Принципы создания сайта

Для того чтобы сайт был эффективным инструментом и действительно выполнял функции в соответствии с поставленными перед ним задачами (целями), он должен отвечать определенным требованиям.

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

Ссылки. Наиболее важной частью гипертекста, объединяющей страницы и позволяющей пользователю перемещаться по сети, являются ссылки. Их можно подразделить на три группы:

ссылки на элементы навигации, определяющие структуру навигационного пространства. По этим ссылкам производится перемещение по сайту;

ссылки внутри страницы - подчеркнутые слова в тексте и изображения, указывающие на страницы с более подробной информацией, касающейся этого слова или изображения;

ссылки типа списка «смотри также», позволяющие пользователю найти то, чего нет на данной странице.

Печать сайтов. Опытные пользователи знают, что нельзя полагаться на то, что необходимая им информация будет находиться в Интернете вечно. Поэтому при создании сайта следует непременно учитывать вероятность того, что пользователь пожелает, распечатать информацию на бумаге. Для длинных документов желательно создавать две версии, одна из которых служит для просмотра в онлайновом режиме, а другая, содержащая весь документ в одном файле, может быть распечатана на принтере. Файл для печати должен быть либо в PDF, либо в PostScript формате.

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

Информационное наполнение сайта. Если принять во внимание тот факт, что посетителей web-страниц в первую очередь интересует их содержание и возможность получения информации, то при создании сайта этому аспекту следует отдать предпочтение. Тем не менее важно знать, что характер текста сайта определяется не только его содержанием, но и впечатлением, производимым на посетителей, которые вначале интересуются текстом и заголовками. Поэтому при создании текстов для сети необходимо исходить из следующих принципов:

Тексты должны быть предельно лаконичны, т.е. максимум информации при минимальных объемах.

Предоставление справочной информации. Посетители вряд ли захотят тратить время на изучение руководства пользования каким-то отдельным сайтом. Поэтому посещения сайтов, обусловленные рекламными целями, не должны вызывать сложностей у посетителя в принципе.

1.2 Анализ инструментальных средств проектирования и разработки

Рынок программных средств, предназначенных для управления сайтами (CMS), представлена множеством продуктов. Каждая из систем отличается по функциональности, назначению и стоимости. Выбрав 3 системы проведём их сравнение: Drupal, Joomla, WordPress..

"Joomla!" - бесплатный программный продукт с открытым кодом, использующий базу данных MySQL. Система написана на языке PHP, изначально содержит в себе различные инструменты для изготовления web сайта <http://your-ra.ru/veb-studiya/izgotovlenie-sajtov.html>. Но их набор возможно по мере необходимости расширять. При помощи данной системы возможно за короткое время создать сайт практический любой сложности. Минимальный набор инструментов при начальной установке - это основное преимущество данной CMS.

Достоинства Joomla:

Важное достоинство данной системы - доступность. Бесплатная CMS, легко и просто устанавливается, буквально за несколько дней, возможно, создать корпоративный сайт."Joomla" позволяет легко наполнять сайт информацией, обладает гибкостью при настройке меню. Двумя нажатиями клавиш вы можете создать или удалить новые пункты меню. Без проблем, возможно, установить компоненты электронной коммерции. Постоянно выходят бесплатные обновления программного продукта.



Рисунок 1.1 - Cms Joomla

Недостатки Joomla:

-в «Joomla» нельзя управлять одновременно несколькими сайтами;

-наличие большого количество лишнего кода;

-слабая система безопасности.

«WordPress» - свободная в распространении, бесплатная платформа для создания сайтов, с открытым кодом.

Рисунок 1.2 - Cms Wordpress

Платформа написана PHP, в качестве базы данных использует MySQL. Спектр применения данной системы достаточно обширный начиная от блогов до достаточно сложных новостных ресурсов или интернет-магазинов.

Сама система простая и легкая в установке. Но это только на первый взгляд. Далее после установки необходимо дорабатывать и доуставнавливать плагины. Иначе не оптимизированная система сможет преподнести массу нежелательных сюрпризов в дальнейшей работе. Основное требование после установки - это много ресурсов на хостинге. Достоинство и недостаток одновременно - «WordPress» заточен именно под блоги. Построение такого типа сайта на «WordPress» дает неоспоримый авторитет, сделанными на других движках. В итоге отпадает необходимость серьезно изучать систему для управления сайтом.

Достоинства WordPress:

-легко и просто данную систему установить и настроить;

-поддержка RSS, Atom;

-широкие возможности открываются благодаря наличию громадных библиотек «тем» и «плагинов».

Недостатки WordPress:

-после установки "WordPress" потребляет довольно большое количество ресурсов, поэтому вопрос о занимаемом месте на хостинге очень актуален;

-не совместимость версий. Шаблоны от устаревшей версии могут не подойти к новому выпуску «WordPress».

Друпал (Drupal)

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

Рисунок 1.3 - Cms Drupal

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

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

В итоге можно сделать вывод:

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

-бесплатная, простая система, лучший вариант при создании сайта, не вызывает дополнительных хлопот.

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



2. Разработка интернет-магазина 'Good-Food'

2.1 Получение доменного имени

Домен: домен - символьное имя, служащее для идентификации областей - единиц административной автономии в сети Интернет - в составе вышестоящей по иерархии такой области. Каждая из таких областей называется доменом. Доменные имена дают возможность адресации интернет-узлов и расположенных на них сетевых ресурсов (веб-сайтов, серверов электронной почты, других служб) в удобной для человека форме.

Для данной курсовой работы я создал доменное имя на хостинге под названием «Hostenko». Создание не стоило мне денег, так как первые 2 недели пользования можно проводить разного рода манипуляции с сайтом бесплатно, а затем придётся платить либо за месяц, либо за год и более. Цены меняются в зависимости от времени использования, так за месяц можно заплатить 119 рублей, то есть это минимальная ставка за использование доменного имени.

Пройдя регистрацию, я создал «голый» сайт, который в поисковой строке отображался как kuza-shop.hostenko.com



Рисунок 2.1 - Доменное имя

2.2 WooCommerce

WooCommerce является плагином с открытым исходным кодом электронной коммерции для «WordPress». Он предназначен для малых и крупных интернет-продавцов, использующих «WordPress».

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

Для наглядности приведу ряд скриншотов, раскрывающих его потенциал.

В «Основные» мы выбираем наше месторасположение, страны распространения, используемые валюты и их позиции.



Рисунок 2.2 - Основные настройки

Следующая из полезных нам вкладок - это «Товары». В ней можно изменять указания габаритов товара, его единицы измерения, отображение на страницах сайта, сортировку, размеры предоставляемых изображений товара, а также управление оповещениями о новых заказах.

Рисунок 2.3 - Товары -> Основные



Рисунок 2.4 - Товары->Отображение

Рисунок 2.5 - Товары->Запасы

Следующая вкладка, которая нам интересна, называется «Оплата».

На ней мы включаем или выключаем использование купонов, разрешаем или запрещаем гостям сайта оформлять заказы без предварительной регистрации на сайте, указываем перенаправление на страницу с выбранными продуктами «Корзина» и страницу оформления заказов «Оплата», также указываем варианты оплаты, такие как: PayPal, Robokassa, наложенный платёж и безналичный перевод, а также приоритет их расстановки при оформлении покупателем покупки.



Рисунок 2.6 - Оплата

Вкладка «Доставка» также открывает перед нами ряд возможностей и вариантов, таких как: включение или отключение калькулятора стоимости, ограничение доставки по локациям, страны доставки и методы(местная доставка, самовывоз, бесплатная доставка).



Рисунок 2.7 - Доставка

2.3 Добавление содержимого

Чтобы сайт принял «человеческий» вид в него нужно добавить содержимое, а в частности это страницы. Для этого во вкладке консоли выбираем Страницы->Добавить новую. По ним пользователи будут переходить в нужные разделы, такие как «Корзина», «Мой профиль», «Магазин»(главная страница) и др. в конечном итоге я получил 5 страниц, с двумя подстраницами(дочерними).



Рисунок 2.8 - Страницы

После добавление страниц нам следует наполнить их содержимым, а в частности категориями товаров. Нажимаем на консоли на Товары->Категории. Добавляем таким же образом, как и при создании страниц. Вводим название, указываем какой будет категория (родительская или дочерняя), указываем краткое описание (не обязательно) и для упрощения использования можно прикрепить изображения к категориям. После добавление видим ярлыки(названия категорий, то как они будет отображаться в строке поиска в браузере) и количество записей добавленных к этим категориям.



Рисунок 2.9 - Товары->Категории

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

Рисунок 2.10 - Товары

2.4 Внешний вид

Наш сайт уже готов и полностью функционирует, но есть одно «но». Его внешний вид оставляет желать лучшего. Посетителям было бы не очень комфортно находиться на нём и для исправления этого приступим к глобальному изменения внешнего вида. В этом нам поможет сам «WordPress», который содержит большое количество разнообразных тем, способных удовлетворить вкус практически любого создателя сайтов.

Мы можем найти подходящую тему в интернете из предложенных бесплатных, либо купить её за небольшую сумму. Я выбрал одну из тем, которые находились во вкладке «Темы» в консоли.

Рисунок 2.11 - Темы

Во вкладке «Меню» можно изменять иерархическую структуру, добавлять категории и страницы в боковые колонки(в моём случае это левая) и в общем редактировать уже созданные вкладки на сайте. Сверху нажимаем «Перейти на экран настройки темы». Здесь в режиме визуализации уже можно посмотреть что и как редактируешь. Изменения отображаются практически мгновенно, за счёт чего можно сразу же откидывать плохие идеи и добавлять что-то новое. После проведения изменений нажимаем кнопку «Сохранить и опубликовать» и изменения тут же вступают в силу на сайте.



Рисунок 2.12 - Online редактирование

Также во «Внешний вид» есть вкладка «Редактор», которой я с удовольствием пользовался, если мне нужно было, к примеру: указать точный размер, либо цвет текста, заголовка или чего-либо ещё(CSS стили).

Рисунок 2.13 - Редактор кода

Также хотелось бы упомянуть о мобильной версии сайта, которая удовлетворяет потребности посетителей сайта ничуть не меньше, чем его основная версия.



Рисунок 2.14 - Мобильная версия

Рисунок 2.15 - Мобильная версия(2)



Заключение

Результатом курсовой работы является создание Интернет-магазина «Good-Food», основным назначением которой является продажа высококачественных продуктов, оказывающих положительное влияние на здоровье человека. Разработанный магазин помогает развивать малый, а в последствии крупный бизнес. Интернет-магазин является высокоэффективным и малозатратным инструментом для успешного ведения бизнеса.

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

Создавая сайт «Good-Food», были приобретены практические навыки обследования предметной области, логической и физической разработки, проанализированы функциональные возможности других интернет-магазинов, отдельные компоненты применены на практике.

Развитие данного направления бизнеса, продвижение позволит в дальнейшем увеличивать число своих клиентов и заказов не только в данном регионе, но и по всему миру.



Список используемых источников

1. Аткинсон, Л. MySQL. Библиотека профессионала / Л. Аткинсон. - М.: Диалектика, 2008. - 624 с.

2. Дунаев, В. Сценарии для Web-сайта. PHP и JavaScript / В. Дунаев. - СПб.: БХВ-Петербург, 2006. - 576 с.

3. MySQL [Электронный ресурс]. - 2006-2012. - Режим доступа: http://minsktelecomstroy.by/- Дата доступа: 26.10.2012.

4. Средства создания сайтов [Электронный ресурс]. - 2011. - Режим доступа: http://www.in-internet.narod.ru/teor/sreda.html - Дата доступа: 20.10.2012.

5. Wordpress [Электронный ресурс]. - 2010. - Режим доступа: http://ru.wikipedia.org/wiki/Wordpress- Дата доступа: 27.10.2012.

6. Языки программирования web-сайтов [Электронный ресурс]. - 2010. - Режим доступа: http://ru.wikipedia.org/wiki - Дата доступа: 14.11.2012.

7. Все для создания сайтов [Электронный ресурс]. - 2010. - Режим доступа: http://siteprog.ru/- Дата доступа: 14.11.2012.

8. Joomla [Электронный ресурс]. - 2010. - Режим доступа: http://ru.wikipedia.org/wiki/Joomla- Дата доступа: 10.11.2012.

Размещено на Allbest.ru

...