ТЕМА. РОЗРОБКА І РОЗМІЩЕННЯ WEB-САЙТУ ЕЛЕКТРОННОЇ КРАМНИЦІ
1. Методичні поради до вивчення теми
При вивченні даної теми увага має бути приділена розумінню основних понять і категорій. Для цього ознайомитися з презентаціями “Web-сайт як організаційно-технологічна платформа проведення електронної комерції“, “Програмне забезпечення бізнесу в Інтернет“ в авторському блозі http://e-commerceua.blogspot.com і з нижченаведеними теоретичними відомостями.
Електронні, або Internet-крамниці існують на основі WWW-сайтів, які містять інформацію про товари і послуги. Така інформація надається виробниками чи продавцями. Пересічний користувач Internet може зробити в електрон них крамницях замовлення на певний товар чи послугу, переглянувши на екрані дисплея свого комп’ютера каталог товарів і зовнішній вигляд самого товару.
Розробка Web-сайту електронної крамниці відбувається з допомогою стандартних і спеціалізованих засобів Web-програмування.
Web-сторінки і сайти готуються з використанням мови HTML, що досить нескладна, або іншої мови Web-програмування (DHTML, XML, VRML тощо). Скористатися мовою HTML можна, утворюючи текстовий файл з поширенням .html у найпростішому текстовому редакторі зі складу операційної системи MS Windows Блокнот. Існують візуальні Web-редактори – MS Front Page, Namo Web Editor, Macromedia Dreamweaver, HomeSite, Arachnophilia, HotDog, CoffeCup HTML Editor та ін. Більшість сучасних Web-редакторів допомагають користувачам готувати Web-сторінки і сайти у зручному для них режимі WYSIWYG, що не вимагає знання команд мови HTML та інших.
Конструювання нескладних сайтів, в тому числі, комерційних (електронних крамниць) і блогів можливо в режимі он-лайн через Web-служби – програми, доступ до яких здійснюється в Інтернет через Web-сервіс в он-лайновому режимі. Найвідоміші Web-служби: YouTube (http://www.youtube.com) – он-лайновий перегляд відео-, його самостійна публікація користувачем і передача іншим людям; Документы Google (http://docs.google.com) – он-лайновий доступ до сумісного створення і редагування текстових документів, електронних таблиць, презентацій); https://www.blogger.com/start – створення сайту у вигляді блогу; http://www.gollos.com – створення сайту електронної крамниці у режимі Web-конструктора.
Переваги Web-служб: таке програмне забезпечення знаходиться на серверах компанії-розробника, доступна його найсвіжіша версія, користувачу не потрібно піклуватися про оновлення і обчислювальні потужності, що вимагаються для виконання таких програм.
Створення великих корпоративних сайтів, серйозних інформаційних порталів, електронних крамниць і торговельних майданчиків тощо рекомендується реалізувати вже у професійних СMS-системах (Content Management System) (укр. – система управління контентом), таких, як Joomla!, Magento, Drupal, NetCat, 1С:-Битрикс тощо.
Контент – інформаційний вміст сайту.
Найменш досвідченим з користувачів можна скористатися засобами перетворення до HTML-формату документів, створених у середовищі поширених офісних програм (текстових редакторів MS Word, Word Perfect, табличного процесору MS Excel, СУБД MS Access, презентаційної програми MS Power Point).
HTML-документи утворюють основу Web-системи глобальної мережі Інтернет і відображаються з допомогою програм-браузерів. Разом з інформацією, що можна бачити, HTML-документи містять додаткові метадані, наприклад, про мову гіпертексту, автора документу, його стислий підсумок. Документ HTML можна розглядати як сукупність вказівок – команд і даних, як безпосередньо розміщених у документів, так і пов'язаних з ним посиланнями, що при інтерпретації програмою-броузером відтворюють вигляд сторінок документу. Документ HTML складається з так званих тегів.
Оскільки кінцевою метою створення комерційного Web-сайту є його демонстрація багатомільйонній аудиторії користувачів мережі Інтернет, дуже важливим є етап його тестування. Завдання тестування Web-сайту, з одного боку, полягає в оцінці коректності представленої на ньому інформації, а, з іншого боку, – у перевірці працездатності сайту незалежно від програми-браузера, вибраної користувачем для перегляду інформації у WWW, і характеристик технічних засобів, які він має у своєму розпорядженні.
При перевірці коректності інформації слід звертати увагу на:
При тестуванні сайту важливо враховувати технічні характеристики комп'ютерів потенційних відвідувачів. Web-cторінки слід передивитися на екранах з різною роздільною здатністю з допомогою команд Web-редактору MS Frontpage (або інших редакторів) File\Preview in browser (Файл\Просмотр браузером).
При розробці і тестуванні Web-сайту перед його розміщенням у мережі Інтернет можна використовувати програмне забезпечення Web-серверу MS Personal Web Server, AppServ, Denwer, TopServer, XAMPP.
Після завершення всіх етапів створення і тестування комерційного Web-сайту його можна опублікувати в мережі Інтернет. Одним з найбільш доступних способів публікації комерційного сайту є його розміщення на інформаційних порталах, що надають послугу хостингу, чи у провайдерів хостингу (в українському сегменті Інтернет це http://UAhosting.com.ua, http://www.hostpro.ua/, http://www.besthosting. ua/ru/price.php, http://ukrhosting.com/, http://erahosting.net/index.php? parid= vitmyphone тощо).
Нагадаємо, під хостингом розуміють послугу розміщення файлів Web-сайту на сервері, на якому завантажено програмне забезпечення Web-серверу, необхідне для обробки запитів до цих файлів. Зазвичай до послуг хостингу вже входить надання місця для поштової кореспонденції, баз даних тощо. Безкоштовні "хостери" заробляють на тому, що розміщують рекламу на своїх сайтах. Якщо є вибір між платним і безкоштовним хостингом, краще обрати платний за придатним тарифним планом.
Кожний вузол мережі Інтернет має власну адресу. Для ідентифікації вузлів служить ІР-адреса, що являє собою 32-бітове число, записане у вигляді послідовності з 4-х десяткових чисел (кожне з яких знаходиться в межах від 0 до 255), розділених крапками. IP-адреса може мати довжину 128 біт. Але користувачам значно простіше називати вузли не за числами, наприклад 190.193.100.215, а за доменними іменами – наприклад, e-commerce.com.ua , причому основною проблемою є переведення імен в цифри, тобто в ІР-адреси. Перетворення доменних імен вузлів мережі у числові IP-адреси і навпаки з метою визначення місця розташування комп’ютерів в Інтернет забезпечується службою доменної системи імен (Domain Name System, DNS).
У доменному імені вузла (наприклад, microsoft.com.ua) присутні окремі частини, які називаються доменами. Перший домен (microsoft) – ім’я реального комп’ютера, другий (com) – ім’я групи, яка створила і відповідає за ім’я комп’ютера, третій (ua) – тери торіальний домен країни, в нашому випадку, України (ua). Нагадаємо, домен – група вузлів (комп’ютерів), об’єднаних за деякою оз накою, наприклад, за регіоном розташування або характером діяльності установ, вузли (комп’ютери) яких отримали доменні імена. Домени можуть мати такі значення:
.ua – Україна;
.ru – Росія;
.com – комерційні установи;
.net – мережні організації;
.edu – університети, інші навчальні заклади;
.org – державні і суспільні установи тощо.
При розташуванні комерційного Web-сайту електронної крамниці в мережі Інтернет її господарі мають потурбуватися про його доменне ім’я, що містить декілька складових – змістовне визначення діяльності крамниці, належність сайту до комерційних проектів, і, можливо, територіальний домен. При наданні хостингу хостери зазвичай реєструють і доменне ім’я сайту електронної крамниці. Наприклад, при реєстрації електронної крамниці у Web-службі http://www.products.in.ua користувачу слід самостійно ввести необхідний домен, що змістовно описує напрям діяльності крамниці, наприклад, phototrade (торгівля фототоварами), обрати зі списку доступний піддомен (products.in.ua або інший). Доменне ім’я крамниці буде виглядати як phototrade.products.in.ua.
Після створення і розміщення сайту електронної крамниці в мережі Інтернет необхідно забезпечити його відвідуваність. Це запорука успіху Інтернет-проекту. Класичним способом просування сайту є його розміщення в каталогах і рейтингах, що широко відомі користувачам (наприклад, у каталогах Яndex, Google, Aport, Rambler Top 100). Цю операцію для кожного каталогу і рейтингу розробнику можна виконати самостійно, що зажадає значних витрат часу. Але нині існують системи, що пропонують безкоштовно зареєструвати сторінки сайту в каталогах і рейтингах. Наприклад: Promotion System (Регистрация в каталогах – http://www.1ps.ru), Регистратура (http://www.registratura.ru) тощо.
Іншим способом, який може забезпечити відвідуваність сайту електронної крамниці, є підготовка сторінок Web-сайту для індексації в пошукових системах – обробка вмісту Web-сторінки програмою-пошуковим роботом і внесення результатів цієї обробки до бази даних пошукової системи. Пошукова система при обробці запиту формує послідовний список сайтів в порядку зменшення релевантності. Пошукові системи різним чином визначають релевантність Web-сторінок, але є деякі спільні критерії, до яких можна віднести:
Ці критерії дозволяють сформулювати деякі рекомендації з підготовки Web-сторінок комерційного сайту до індексації. Наприклад, при виборі ключових слів доцільно скласти список з тих слів або словосполук, які використовували б Ви самі для пошуку інформації з даної теми, а потім вибрати серед них найбільш істотні. Важливим є включення ключових слів до заголовку Web-сторінки. Проте заголовок не слід робити довгим, оскільки він відображуватиметься в результатах пошуку за ключовими словами. Ключові слова в тексті можна виділити напівжирним шрифтом і розташувати на початку Web-сторінки. Для успішної індексації сторінки на ній потрібно використовувати спеціальні теги: keyword (укр. ключове слово) і description (укр. опис). Наприклад, для просування сайту електронної крамниці, що торгує фототоварами, фрагмент html-коду може виглядати таким чином:
<HTML>
<HEAD>
<TITLE> Торгівля фототоварами</TITLE>
< META name=”description” content=”ТОРГІВЛЯ ФОТОТОВАРАМИ. Інтернет-крамниця фототоварів”>
< META name=”keywords” content=”фототовари, Інтернет-торгівля, торгівля фототоварами …”
</HEAD>
3.2. Термінологічний словник
HTML (англ. HyperText Markup Language – мова розмітки гіпертекстових документів) – текстова мова розмітки, призначена для маркування документів, що містять текст, зображення, гіперпосилання тощо.
Web-служби – програми, доступ до яких здійснюється в Інтернет через Web-сервіс в он-лайновому режимі.
WYSIWYG (What You See Is What You Get – «що бачиш, те й одержиш» – скорочення для назви інтерфейсу редагування, у якому файл, що створюється, відображається точно так, як буде поданий кінцевому користувачу, наприклад, якщо це Web-сторінка, то у вікні програми-браузера.
Доменна система імен ((англ. Domain Name System, DNS) – розподілена база доменних імен вузлових комп’ютерів, розташована на спеціалізованих DNS-серверах Internet
Індексація Web-сторінки сайту в пошукових системах – обробка вмісту Web-сторінки програмою-пошуковим роботом і внесення результатів цієї обробки до бази даних пошукової системи.
Контент – інформаційний вміст сайту.
Метадані – це дані, що характеризують або пояснюють інші дані.
Релевантність документу – міра того, наскільки точно той або інший Web-документ, знайдений пошуковою системою, відповідає критеріям, зазначеним у запиті користувача.
Тег – одиниця коду HTML, що складається з "команди", розташованої у кутових дужках < >. Теги бувають такими, що відкривають і закривають. Теги, що закривають, починаються зі знаку /. Документи починаються і закінчуються тегами, що позначають його початок і кінець: <HTML> і </HTML>.
Практичне заняття №3
План
Мета: отримати практичні навички створення тематичної електронної крамниці з допомогою Web-конструктора для створення електронних крамниць.
Завдання 1 (для виконання дивитися презентацію лекції “Програмне забезпечення бізнесу в Інтернет” зі слайду 13 другого питання).
Зареєструвати у віртуальному торговельному ряду gollos.com власну електронну крамницю і створити її контент за варіантом з таблиці 1, виданим викладачем. При цьому:
Таблиця 1
Варіант товарної групи для окремої електронної крамниці
Варіанти | Назва товарної групи |
Жіночий верхній одяг зі шкіри | |
Жіноча декоративна косметика французьких фірм | |
Оригінальні східні сувеніри | |
Гірські лижі | |
Жіноча лікувальна косметика фінських фірм | |
Автомобільна сигналізація | |
Мікрохвильові печі | |
Плазмові телевізори | |
Наручні годинники | |
Шкіряні чоловічі аксесуари | |
Чоловічі парфуми | |
Спортивний одяг | |
Автомобілі на прокат | |
Постачання делікатесів |