каві та уподобання, оперативно відповідати на їхні питання, допомагати швидко і легко знайти необхідні речі, дані. Системи пошуку по сайту, каталог одягу, блоки анонсів розділів допоможуть швидко знайти необхідне ..
Проаналізувавши предметну область, можна сказати, що розробка Web-додатки каталогу дитячого одягу актуальна. Потреба в ліках завжди існувала, існує, і, існуватиме, тому люди стикаються з проблемами захворювання щодня.
Під час розробки Web-додатки каталогу дитячого одягу необхідно врахувати, що дизайн всіх сторінок сайту повинен бути виконаний в єдиній кольоровій гамі і єдиному стилі, а також він повинен залежати від функціональних можливостей і зручності використання сайту. У верхній частині всіх сторінок сайту повинен бути розташований логотип сайту.
Шрифти в текстах повинні бути легко читаються. У користувача повинна бути можливість реєстрації на сайті, тому без неї він не зможе проголосувати за той чи інший препарат і брати участь в обговореннях. На сайті має бути присутня тільки значуща для клієнтів інформація про компанію, способах зв'язку та товари. Для поліпшення навігації по сайту повинно бути розроблене меню у звичному і інтуїтивно зрозумілій користувачам складі.
Головним моментом є те, що у покупця обов'язково повинна бути можливість купити товар але так як це каталог а не магазин то потрібно дати дуже конкретні посилання на магазини в яких існує даний товар. Для цього має бути присутня так звана «Кошик», яка повинна бути відображена на всіх сторінках сайту.
Після того, як був визначений дизайн Web-додатки та його функціональні можливості, можна приступити до його проектування.
. ІНТЕРФЕЙС WEB-ДОДАТКИ
Перш ніж приступити до створення Web-додатки, необхідно визначити його функціональні можливості.
Функціонал сайту - це те, що робить Web-ресурс корисним, що перетворює його з звичайного джерела інформації в корисну програму.
Макет сайту - це варіант дизайну майбутнього сайту. Дизайн визначає зовнішній вигляд - те, на що в першу чергу звертає увагу користувач. Макет сайту - це далеко не сам сайт, це тільки лише приблизна картинка, найбільш близько представляє зовнішній вигляд сторінок майбутнього сайту. Перший варіант сайту наведено на малюнку 2.1.
Рис.2.1. Макет сайту парфумерії
Основні блоки сайту:
· система пошуку;
· горизонтальна навігації;
· реєстрація і авторизація користувача;
· контентна область;
· Бренди одягу;
· новинки.
Дизайн-макет сайту - це візуальний образ майбутнього сайту, розроблений з урахуванням технічних можливостей HTML верстки. Такий макет є демонстрацією того, як візуально буде виглядати сайт після верстки та наповнення.
Хорошим можна назвати сайт, який відрізняється не тільки інформативністю, але ще й зручністю, функціональністю. У цьому проекті будуть реалізовані наступні функціональні можливості:
· реєстрація і авторизація користувача;
· Каталог товарів;
· система пошуку за алфавітом і за ключовим словом;
· модуль «Замовити»;
· «кошик» користувача.
Як тільки користувач зайде на розроблене Web-додаток каталогу одягу, йому відразу ж відкриється головна сторінка сайту, де у нього буде обмежений доступ до всієї інформації, тобто йому надається можливість лише переглянути каталог товарів і здійснити пошук. Але якщо користувач зареєструється на сайті через спеціальну Web-форму реєстрації, йому надається розширена інформація, наявна на сайті.
Для створення модуля реєстрації користувача необхідно створити Web-форму для реєстрації нового користувача. Форма складається з таких полів як: логін, пароль, прізвище, ім'я, по батькові, місто, адреса, телефон і фото, а також містить кнопки «Відправити» і «Скинути».
Зовнішній вигляд Web-форми реєстрації нового користувача показаний на рис.2.2.
Рис. 2.2.-Форма реєстрації нового користувача
Після того як користувач заповнить всі поля Web-форми і натисне на кнопку «Відправити», то він автоматично авторизується, тобто перед ним відразу ж відкриється його персональна сторінка з фотографією і зі словами привітання, де тепер він може не тільки переглянути каталог парфумів і здійснити пошук, але і подивитися детальну інформацію про кожен товар, замовити необхідний товар і навіть маніпулювати своїми замовленнями в «Кошику»...