УДК 004
Ширмамедова З.Н. ФГБОУВО «КГЭУ Республика Татарстан, г. Казань
РАЗРАБОТКА WEB-САЙТА ДЛЯ ИНТЕРНЕТ-МАГАЗИНА ПО ПРОДАЖЕ БЫТОВОЙ ТЕХНИКИ
Аннотация: В статье рассмотрена разработка web - сайта для интернет-магазина по продаже товаров бытовой техники, с использованием языков разметки HTML, CSS, JavaScript и др. Так же, дается краткое пояснения о системе электронных продаж.
Ключевые слова: Web-сайт, интернет-магазин, языки программирования, система электронных продаж.
Shirmamedova Z.N.
FSBEI of HE "KSEU", Kazan, Republic of Tatarstan WEB SITE DEVELOPMENT ONLINE STORE FOR SALE OF HOUSEHOLD APPLIANCES
Abstract: The article describes the development of a web site for an online store selling household appliances using HTML, CSS, JavaScript, and other markup languages. Also, a brief explanation is given on the electronic sales system.
Keywords: Web site, online store, programming languages, electronic sales system.
Связи со стремительном развитием сети Интернет, применение новейших технологий и коммуникаций в коммерческой деятельности и повседневной жизни, обусловило возникновению новых экономических явлений, таких как электронные продажи.
Система электронной продажи представляет собой модульную структуру, которая позволяет производить операции по продажам товаров определенного вида с использованием электронных платежных средств. Область работы данной системы включает в себя On-line транзакцию, а так же поддержку информационного обмена между поставщиками и потребителями, проводя при этом маркетинговый анализ и статический мониторинг, организацию всего документооборота и другое.
В ходе проектной работы будет создан web-сайт, представляющий собой интернет - магазин по продаже товаров бытовой техники «HOME». Хотелось бы отметить, что данный магазин является условным, то есть он будет служить, как примерный шаблон по использованию данного сайта. У магазина «HOME» будет не большая история, а так же будет иметься некий каталог с небольшим ассортиментом продукции и соответствующий ей информации, такой как, наименование товара, цена, цвет, размер, производитель и прилагаться соответствующее изображение данного товара. Пользователи данного сайта будут, как продавцы, так и покупатели. На сайте продавец сможет разместить информацию о своем продукте, а покупатели смогут просматривать каталог и совершать покупки.
В целом любой интернет-магазин предоставляет потенциальному клиенту
идентичный набор функций, разница заключается лишь в широте ассортимента и дизайна продукции. Преимуществом любого интернет-магазина, является качественная реализация, которая максимально ориентирована на удобстве пользования пользователями.
Таким образом, исходя из требований покупателей и продавцов, предъявляемых к web-сайту интернет-магазина, основной упор в разработке будет сделан на удобстве пользовательского интерфейса, а именно предоставление обширной информации о продукции. Благодаря максимально функциональному и интуитивно понятному пользовательскому интерфейсу, у пользователей данного сайта не возникнут проблемы в ходе работы в нем, так как вся необходимая информация будет располагаться на главной странице.
Для создания данного web-сайта будут использованы следующие инструментарии:
1. Языки разметки: HTML, JS, CSS и др. Это единственная категория, которую в принципе нельзя обойти стороной при создании веб-страниц.
2. Встраиваемая растровая графика. На данный момент современные браузеры воспринимают изображения в форматах JPG, GIF и PNG. При сочетание HTML- и CSS-разметок с графикой будет составляться основа верстки и дизайна нашей страницы.
3. Так же, программы, исполняемые на сервере в помощь серверным языкам.
Применяемые инструментарии выступают в роли некой задачи, которые
следует реализовать.
Так же, хотелось бы прописать, примерную структуру компонентов разрабатываемого web-сайта, она будет выглядеть следующим образом:
■ Главная страница
■ «Шапка» сайта
■ «Тело» главной страницы
■ «Подвал» сайта
■ Страница «Каталог»
■ Страница «Корзина»
■ Страница «Доставка»
■ Страница «О нас»
В целом на главной странице будет размещена основная и самая необходимая информация. К примеру, в шапке сайта будет указанно наименование «HOME», потом подразделение, «каталог» переходя в который увидим наименование товаров и информацию о них, также будет раздел «О компании», «Оплата и доставка», «Новое поступление», «Акции», «Отзывы», «Контакты». В теле главной страницы, можем разместить сам каталог с изображениями и ценами, так же горячие предложения. В подвале страницы будет размещена вся информация касательно связи и правил политики.
Можно отметить, что прописав примерную структуру разрабатываемого web-сайта, в голове более или менее прорисовывается картинка того, как это всё будет выглядеть, но для наглядности, при использовании специальных онлайн программ
для построение шаблонов и макетов, мы можем создать примерный шаблон нашего разрабатываемого сайта. На данный момент на рынке разработчиков очень много различных программ, которые как раз позволят нам создать детально-прописанный макет сайта. К таким программам мы можем отнести: «Cacoo», «XMind», «Mockingbird», «Gliffy», «Creately», «NinjaMock», «Artweaver», «SmoothDraw», «MockFlow» и др.
При использовании различных серверных и пользовательских элементов управления и применения каскадных таблиц стилей, тем оформления, предполагается создать функциональный, а главное удобный и понятный пользовательский интерфейс.
Использованные источники:
1. Ташков П.А. Веб-маркетинг. HTML, CSS, JavaScript, PHP, CMS, AJAX, раскрутка- СПб.:Питер, 2015.-288 с.
2. Дакетт, Д. HTML и CSS. Разработка и дизайн веб-сайтов / Д. Дакетт. - М.: Эксмо, 2015.
3. Дакетт, Джон Основы веб-программирования с использованием HTML, XHTML и CSS/ Джон Дакетт. - М.: Эксмо, 2013. - 768с.