Розробка Web-сайту Інтернет-магазину дитячого одягу

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

Зміст

Вступ

І. Постановка задачі створення web-сайту .

1.1. Призначення та мета створення сайту.

1.2. Огляд існуючих аналогічних web-сайтів.

1.3. Вимоги до сайту.

1.4. Зміст робіт по створенню сайту.

ІІ. Структура та дизайн web-сайту .

ІІІ. Створення бази даних web-сайту.

3.1. Характеристика та вимоги до бази даних.

3.2. Структура бази даних.

IV. Розробка web-сайту .

4.1. Розробка алгоритму.

4.2. Вибір web-технологій ТА СУБД для реалізації задачі.

4.3. Опис розроблених задач та модулів.

Вступ

Є два різновиди інтернет-магазинів, в залежності від виду торгівлі:

1) Магазини, що продають товар зі свого складу. Такий магазин - прекрасний варіант додаткового збуту товару. Зазвичай в таких магазинах більш низька ціна, ніж навіть у своєму реальному магазині.

2) Магазини, що продають товар інших магазинів або людей. Це може бути торгівля всередині країни, або міжнародна торгівля. У цьому випадку інтернет-магазин заробляє на комісії, яку платять продавці за виставлення товару. Тут інтернет-магазин виступає гарантом угоди між продавцем і покупцем. Такі магазини використовують систему "репутація" продавця. Крім того, покупець може поскаржитися адміністрації сайту на продавця і отримати необхідну допомогу щодо повернення грошей, у випадку обману.

Також магазини можуть відрізнятися за способом продажу:

1) Фіксована ціна товару - з доставкою, включеної у вартість, або з доставкою, яка вважається окремо, після оформлення замовлення (дуже часто ефект низької ціни буває зіпсований через високу вартість доставки, продавці навмисне можуть ставити низьку вартість на товар, а на доставку навпаки - високу, на чому і заробляють).

2) Система аукціону - на товар оголошується аукціон. Крім початкової ціни, продавець може оголошувати так звану бліц-ціну - це вартість, за яку продавець готовий віддати товар без торгу. Є такий нюанс, як прихована ціна - продавець ставить дуже низьку ціну на товар (щоб при пошуку товару, клієнт помітив саме його лот), але включає опцію "мінімальна ставка" - це мінімальна ціна, яка прихована від очей покупця і він повинен підвищувати ставки , поки не досягне її, інакше ставка не буде прийнята.

Вибравши необхідні товари або послуги, користувач зазвичай має можливість тут же на сайті вибрати метод оплати і доставки. Сукупність відібраних товарів, спосіб оплати і доставки являють собою замовлення, яке оформляється на сайті шляхом повідомлення мінімально необхідної інформації про покупця. Інформація про покупця може зберігатися в базі даних магазину якщо бізнес-модель магазина розрахована на повторні покупки, або ж відправлятися разово.

І. Постановка задачі створення web-сайту

1.1 Призначення та мета створення сайту

Сайт, що розроблятиметься, належить до інтернет магазинів, які є дуже розповсюдженими в мережі Internet. До особливостей даних сайтів належать наступні:

· Великий масив інформаційного контенту, що регулярно оновлюється;

· Велика база товарів та клієнтів, що постійно змінюється;

· Велика база запитів та їх обробка;

Основне призначення сайту-це можливість пошуку серед великого масиву інформації потрібної.

Більшість користувачів мережі Internet є малодосвідченими користувачами. Тому простий інтерфейс сайту, способи пошуку на ньому є вкрай необхідним, адже сайт призначений для досить широкої аудиторії.

Отже, слід уточнити,що основним призначенням сайту,що розроблятиметься є наступне:

· Доступність широкому колу користувачів;

· Просте користування сайтом;

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

На меті є створити інтернет-магазин дитячого одягу, який би мав такі характерні риси:

а) простий та інтуїтивно зрозумілий інтерфейс;

б) робота з базою даних товарів;

в) створення запитів на додавання та видалення з бази користувачів та замовлень;

г) Створення адміністративної частини сайту для керування та оновлення сайту.

Створюваний інтернет-магазин дитячого одягу повинен дозволяти користувачам проглянути товари, що пропонує магазин, переглянути ціни та розміри, що є в наявності, сформувати замовлення на покупку, заказати обраний товар та вибрати спосіб оплати і доставки замовлення в мережі Інтернет.

Таким чином ми маємо створити web-сайт Інтернет-магазину дитячого одягу, що дозволив би зберігати та аналізувати замовлення, що будуть надходити від користувачів, добавляти нових користувачів, видаляти їх, редагувати інформацію на сайті а також створити систему пошуку.

1.2 Огляд існуючих аналогічних web-сайтів

Існує дуже багато сайтів на аналогічну тематику. Всі вони дуже різняться але дизайн та структура деяких з них схожа з розроблюваним інтернет-магазином, тому нижче приведено приклад одного з таких сайтів.

Інтернет-магазин дитячого одягу «Моднікі» доволі простий та наочний за своєю структурою. Він має гарний дизайн та добре підібрану гамму кольорів, що неріже око. Також існує пошук по сайту, це спрощує пошук потрібних товарів для користувача, який вперше зайшов на цей сайт, для більш швидкого пошуку потрібного товару можна скористатись розширеним пошуком по сайту, це пошук по конкретним категоріям, розмірам, кольорам та іншим параметрам. Існує два види меню: для огляду товарів та категорій та для замовлення цих товарів. На сайті присутня корзина, що дуже добре, оскільки в будь-який момент можна проглянути замовлений товар, виключити якийсь пункт в замовленні або замінити. Також присутня система знижок, що допомагає втримати та зацікавити покупця. Крім цього присутні координати зв'язку з власником сайту, це зручно для покупця, якщо виникнуть якісь проблеми з замовленням, людина буде знати куди звернутись та кому повідомити про помилку або затримку замовлення.

Посилання на сайт магазину дитячого одягу «Моднікі» http://modniki.com.ua/index.php?shopping_cart=yes

Нижче приведено зовнішній вигляд однієї зі сторінок цього сайту для наочності.

Рис.1 Одна зі сторінок сайту «Моднікі».

Як видно, сайт виконано в досить дитячому стилі. Все досить лаконічно та просто. Одразу видно пропонований товар, його ціну, розмір та можливість замовлення. Окрім цього також є й мінуси, це малий шрифт. Це досить незручно, адже доводиться придивлятись що написано у меню та в описі товарів. Шрифт повинен бути достатньо великим, щоб все було зрозумілим. Наступний магазин, що вартий уваги, це інтернет-магазин дитячого одягу «Малышоп ». Посилання на сайт магазину: http://malyshop.com.ua/ Нижче приведено зовнішній вигляд головної сторінки цього сайту для наочності. сайт база дані дизайн



Рис.2 Головна сторінка сайту «Малышоп».

Як видно з малюнку сайт виконано у яскравих, різноколькорових тонах. Присутній вибір мови сайту: російська та українська, дуже зручно, оскільки половина населення України розмовляє українською а половина російською мовою. Також присутня гостьова книга, де можна залишити відгук про сайт та його продукцію або почитати вже існуючі. На головній сторінці одразу видно всі новинки та розпродаж, одразу видно цінову політику сайту та товари які він представляє. Присутній пошук по сайту для швидкого переходу у потрібний розділ та регістрація. Крім цього присутні координати звязку з власником сайту, це зручно для покупця на випадок якщо виникнуть якісь проблеми з замовленням. Також є інформація про сам магазин, з якими брендами він співпрацює, інформація про власника магазину та про категорії товарів що у ньому представлені. На сайті зроблено корзину, для огляду товарів які покупець відклав, щоб замовити. Також інформація про оплату та доставку товару, де говориться про можливі варіанти доставки та оплати замовленого товару, а також дуже важлива річь - онлайн допомога, якщо є якісь питання то можна задати їх онлайн та отримати відповіді.

Але є й мінуси на сайті інтернет-магазину «Малышоп». Наприклад дуже складна та заплутана структура сайту. Дуже багато інформації розміщено на головній сторінці, через що сайт мало проглядується, очі розбігаються та нефокусуються на важливих речах. Багато різних меню: зверху головне меню, зліва меню з товарами а праворуч з інформацією та новинами, це додає сайту зайвої нагромадженості. Окрім цього уся подана інформація в інтернет-магазині написана малим шрифтом, це досить незручно, адже доводиться напружувати зір для читання інформації.

1.3 Вимоги до сайту

На сайті інтернет-магазину дитячого одягу необхідно зробити декілька сторінок: головна, де буде відображена уся нагальна та необхідна інформація для покупця, наприклад: діючи знижки та новинки, сторінка з інформацією про доставку товару та умови оплати, строки доставки та її вартість, сторінка з контактами та адресою офісу, про магазин та його репутацію, та сторінка з інформацією про можливі знижки для клієнтів. Також необхідно зробити меню по категоріям товарів, яке буде відображуватись також на різних сторінках. Для більш зручного користування та пошуку потрібного розділу можна зробити декілька пунктів, наприклад: одяг для дівчат, одяг для хлопців, взуття, куртки, сукні, штани, зимовий одяг. Повинна бути реєстрація користувачів, адже тільки для зареєстрованих користувачів діють знижки та приходять новини на електронну пошту. Реєстрацію користувачів також буде розміщюватись на окремій сторінці. Для коректної реєстрації потрібно зробити перевірку, а саме: перевірку Е-mail, логіну та паролю на наявність латинських літер, цифр, правильність вводу Е-mail пошти та перевірку телефону (на вод тільки цифр).

Бажано також зробити пошук по сайту, якщо користувач непобачив потрібну категорію або товар в розділі, він повинен мати змогу його знайти або побачити повідомлення про те, що такого товару на сайті немає. Як і у будь-якого іншого інтернет-магазину повинна бути корзина. У будь який момент часу користувач повинен мати змогу відкрити свою корзину і побачити які товари та на яку сумму він замовив. Також необхідно щоб користувач мав змогу видалити окремий товар з корзини або одразу усі. На сайті також необхідно зробити розширений пошук, наприклад за розміром одягу, за ціною, назвою, категорією, для кого призначено хлопчика чи дівчинки.

Що до дизайну майбутнього інтернет-магазину, то сайт повинен мати просту структуру, бути лаконічним та зрозумілим, адже сайт розраховано на досить широку аудиторію. Кольорова гамма інтернет-магазину неповинна різати око та бути виконана без різнобарв'я, адже це відволікає увагу та втомлює користувача.

1.4 Зміст робіт по створенню сайту

Сайт інтернет-магазину дитячого одягу буде створюватись поступово та демонстуватись в декілька етапів.

· Перший етап, це огляд існуючих подібних сайтів на таку ж тему, з метою обрати необхідні функції, дизайн, структуру та інщі параметри для свого сайту. Чітко окреслити вимоги для створюваного сайту. Цей етап робіт потрібно закінчити до кінця вересня 2012 року.

· Другий етап, це створення дизайну сайту та його структури. Завершення робіт по цьому етапу - кінець жовтня 2012 року.

· Третій етап, це створення бази даних для інтернет - магазину. Цей етап робіт потрібно закінчити до кінця листопада 2012 року.

· Четвертий етап, це саме розробка сайту інтернет - магазину. А саме: розробка алгоритму, вибір web-технологій та СУБД для реалізації задачі. Опис головної сторінки. Опис розроблених задач та модулів. Опис створених класів. Цей етап робіт потрібно закінчити до кінця грудня 2012 року.

· П'ятий, останній етап робіт, це захист роботи та демонстрація робочого сайту інтернет - магазину дитячого обягу. Захист роботи: кінець грудня - початок січня.

ІІ. Структура та дизайн web-сайту

Існує декілька видів побудови сайту. Їх називають логічними структурами сайту, оскільки назва структури відповідає її сутності. Отже логічні структури сайтів бувають:

1. Лінійна структура. Найпростіша з розглядуваних. Усі сторінки в такій структурі розміщені одна за одною і користувач проглядає їх як слайд-шоу.

2. Лінійна структура з альтернативами таваріантами. Основою в данній структурі є просте лінійне розміщення сторінок. Але на таких сайтах користувачі можуть мати вибір і лінійна структура може мати 2 вітки розгалудження.

3. Лінійна структура з відгалудженнями. В цій стуктурі користувач переходить від однієї сторінки до іншої, якщо інформація його цікавить, то він може перейти на відгалудження а потім повернутись.

4. Деревовидня структура. Найуніверсальніший метод розміщення веб-сторінок. При вході на сайт користувач сам вибирає куди йому піти. Після переходу у розділ користувач обирає потрібний підрозділ.

5. Решітчата структура. В ній усі сторінки розміщуються на різних вітках. Але користувач може переміщатись по ним не тільки вертикально але й горизонтально, тобто на вітках різного рівня.

При створенні данного інтернет-магазину буде використано деревовидну структуру побудови сайту, оскільки вона найбільше підходить для реалізації поставлених задач, а саме простота, та швидкість користування сайтом.

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

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

Як видно зі схеми приведеної нижче (див. Рис 2), користувач, зайшовши на сайт інтернет - магазину дитячого одягу, одразу на головній сторінці має декілька шляхів для подальшої роботи з сайтом, а саме обрати головне меню: Доставка, Контакти, Знижки; здійснити пошук по сайту або ж обрати інше меню: Одяг для дівчат, Одяг для хлопців, Куртки, Штани, Взуття, Сукні. Після чого користувач може повернутись на головну сторінку та піти іншим шляхом або ж здійснити замовлення товару чи проглянути інший розділ. Також у будь - який момент можна скористатись пошуком по сайту для більш швидкого знаходження потрібних товарів, інформації або розділів.

Також на сайті присутня “Корзина”. Вона потрібна для зручності покупця, оскільки замовивши декілька товарів покупець повинен мати можливість у будь-який час продивитись свої покупки а також загальну суму замовлення. Також у замовника повинна бути можливість викреслити якийсь товар зі списку замовлення або одразу усі, оскільки в процесі роботи з сайтом покупець може знайти річ, що більше підходить йому ніж та яку він вже обрав.



Рис3. Структура сайту

Що до дизайну Web-сайту, то він буде досить простий та лаконічний. На ньому будуть присутні світлі кольори, що неріжуть ока, незаважають роботі з сайтом та невідволікають користувачів від запропонованих товарів на сайті. Головне- це простота в навігації сайту, оскільки швидко втрачається інтерес до сайту та інформації на ньому, якщо дуже нерозбірливо написана інформація. Якщо все наліплено один на одне а колір шрифта майже співпадає з фоном то це відштовхує користувачів від сайту а не навпаки. Тому дуже важливо щоб вся інформація що буде на сайті була відображена великим та розбірливим шрифтом для зручності та більш продуктивної роботи. І як наслідок для більших замовлень. Адже якщо інтерфейс сайту неприваблює користувача, відштовхує, то користувач навряд чи там щось замовить.

Нижче наведено блочну модель майбутнього дизайну створюваного інтернет-магазину дитячого одягу.



Рис.4 Структура дизайну інтернет-магазину дитячого одягу.

Як видно з малюнку сайт має просту деревовидну структуру. Одразу видно всі розділи та меню. Одразу видно що пропонує інтернет-магазин, як зв'язатись з продавцем, куди зайти щоб зареєструватись та як проглянути пропонований товар.

ІІІ. Створення бази даних web-сайту

3.1 Характеристика та вимоги до бази даних

Бази данних використовуються повсюди, включаючи велику частину проектів у світі веб-розробок. Все, починаючи від найпростіших блогів та каталогів, до серйозних соціальних веб-проектів. Незалежно від складності сайту та відповідної бази данних, кожен із них потребує ретельного проектування, щоб працювати ефективно та надійно.

Всі дані в базі данних представлені у вигляді набору простих таблиць (двовимірних масивів), розбитих на рядки і стовпці, на перетині яких розташовані дані.

У кожного стовпця є ім'я, унікальне в межах таблиці, причому всі значення в одному стовпці - однорідні, тобто мають один тип.

Кожен рядок має одне або кілька полів, тобто набір значень в яких унікальний в межах таблиці. Цей набір називається первинним ключем (primary key) і служить для ідентифікації рядка. Цей принцип не допускає, зокрема, зберігання в таблиці абсолютно однакових рядків.

Ім'я таблиці, ім'я стовпця і первинний ключ однозначно визначають зберігаючий елемент даних.

Рядки в реляційній базі даних не впорядковані. Упорядкування проводиться у момент формування відповіді на запит.

Запити до бази даних повертають результат у вигляді таблиць, які також можуть виступати як об'єкт для нових запитів.

Щоб база даних стала реляційною, одних даних мало. Між ними потрібні ще й зв'язки.

Для зв'язку між таблицями служить так званий зовнішній ключ (foreign key). Назва досить точно виражає його суть. Первинні та зовнішні ключі встановлюють зв'язки між таблицями, перетворюючи набір таблиць в цілісну конструкцію, тобто реляційну базу даних.

Що до вимог до баз данних. Гарно спроектована база данних повинна задовольняти

· Всім вимогам користувачів до вмісту бази данних. Перед проектуванням бази необхідно провести обширні дослідження вимог користувачів до функціонування бази данних.

· Також база данних повинна гарантувати несуперечність та цілісність данних. При проектуванні таблиць необхідно визначити їх атрибути та деякі правила, що обмежують можливість вводу користувачем хибних значень. Для верифікації данних, перед безпосереднім записом їх у таблицю, база даних повинна здійснювати виклик правил моделі даних і тим самим гарантувати збереження цілісності інформації.

· Окрім цього повинна забезпечувати природне, легке для сприйняття структурування інформації. Якісне побудова бази дозволяє робити запити до бази більш "прозорими" і легкими для розуміння; отже, знижується ймовірність внесення некоректних даних і поліпшується якість супроводу бази.

· База данних повинна задовольняти вимогам користувачів до продуктивності бази даних. При великих обсягах інформації питання збереження продуктивності починають відігравати головну роль, відразу "висвічуючи" всі недоліки етапу проектування.

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

3.2 Структура бази даних

Створюючи базу даних потрібно впорядкувати інформацію за різними ознаками для того, щоб потім отримувати з неї необхідні нам дані в будь-якому поєднанні. Зробити це можливо, тільки якщо дані структуровані.

Структурування - це набір угод про способи представлення даних. Зрозуміло, що структурувати інформацію можна по-різному. В залежності від структури розрізняють ієрархічну, мережну, реляційну, об'єктно-орієнтовану і гібридну моделі баз даних. Найпопулярнішою на сьогоднішній день є реляційна структура, яка буде використана у створенні бази данних.

В реляційній базі данних всі дані представлені у вигляді простих таблиць. Кожна таблиця складається із стовпців (їх називають полями або атрибутами) та рядків (їх називають записами або кортежами). Таблиці в реляційних базах даних мають ряд властивостей. Основними є наступні:

1. У таблиці не може бути двох однакових рядків.

2. Стовпці розташовуються в певному порядку, який створюється при створенні таблиці. У таблиці може не бути жодного рядка, але обов'язково повинен бути хоча б один стовбець.

3. У кожного стовбця є унікальне ім'я (в межах таблиці), і всі значення в одному стовпці мають один тип (число, текст, дата ...).

4. На перетині кожного стовпця і рядка може знаходитися тільки одне значення, що не складається з групи значень.

У розроблюваній базі данних повинна зберігатись інформація про користувачів сайту, а саме мобільний телефон, E-maill, місто, область, логін, пароль, ім'я, фамілія а також інформація про замовлення. Також повинна бути вся інформація про товари, ціни цих товарів, розмір одягу або взуття, кількість в наявності, оскільки ця інформація в подальшому буде виводитись на сайті а також потрібна для підрахунку сумми замовлення.

Створювана база данних буде складатись з декількох таблиць, структури яких приведене ножче у таблицях.

Перша розглядувана таблиця вміщює усю необхідну інформацію про одяг для хлопчиків.

Табл.1 Структура таблиці “boys”

Значення	Ім'я поля	Тип данних
Назва одягу	Nazvanie	Varchar(20)
Ідентифікаційний номер	id	Int
Ціна товару	zena	Int
Калькість товару	Kolichestvo	Int
Розмір одягу	Razmer	Int
Категорія до якої відноситься	kategoriya	Int
Поле з картинкою	jpeg	varchar(20)

Як видно в таблиці буде декілька полів, в яких буде зберігатись уся інформація. У полі Nazvanie буде зберігатись назва пропонованого одягу, тип цього поля Varchar(20), тобто символьний з максимальним розміром символів 20. Поле id, унікальний ідентифікатор, який в своїх межах неповинен повторюватись має тип Int, тобто числовий тип. zena- ціна виставленого товару з типом данних Int. Kolichestvo-кількисть товару на складі, поле має тип данних Int(числовий). Razmer-розмір пропонованої моделі одягу також має тип данних Int. kategoriya показує до якої категорії товарів відноситься данний, тип данних Int. jpeg-поле, в якому зберігається адреса картинки або фотографії даної моделі, має тип данних varchar(20)- символьний з максимальним розміром символів 20. У приведеній таблиці буде зберігатись інформація про одяг для хлопчиків. Таблиця одягу для дівчат приведена нижче.

Табл.2 Структура таблиці “girls”

Значення	Ім'я поля	Тип данних
Назва одягу	Nazvanie	Varchar(20)
Ідентифікаційний номер	id	Int
Ціна товару	zena	Int
Калькість товару	Kolichestvo	Int
Розмір одягу	Razmer	Int
Категорія до якої відноситься	kategoriya	Int
Поле з картинкою	jpeg	varchar(20)

Як видно приведена таблиця має такі ж поля, як і таблиця одягу для хлопчиків: Назва одягу з типом данних Varchar(20), де буде зберігатись назва пропонованого одягу; ідентифікаційний номер з типом данних Int, де буде зберігатись унікальний номер моделі; ціна товару також з числовим типом данних; кількість товару з типом данних Int, потрібно для контроля товару на складі; розмір одягу з типом данних Int(числовий); категорія до якої відноситься показує з якого розділу взято товар, наприклад зимовий одяг або взуття; поле з картинкою, з типом данних varchar(20) тобто символи, це поле зберігає назву картинки, яка відповідає данному товару.

Далі приведемо приклад таблиці з категоріями товарів.

Табл.3 Структура таблиці “kategorii”

Значення	Ім'я поля	Тип данних
Назва категорії	Nazv	Varchar(20)
Номер категорії	Nomer	int

В даній таблиці зберігаються категорії товарів за якими в подальшому буде можливий розширений пошук по сайту.. Ця таблиця складається з двох полів, а саме: назва категорії та унікальний номер категорії, який в межах таблиці неповторюється. Номер категорії має числовий тип данних а назва категорії має символьний тип данних.

Нижче приведемо стуктуру таблиці, яка містить інформацію про користувачів сайту.

Табл.3 Структура таблиці “klienty”

Значення	Ім'я поля	Тип данних
Логін користувача	Login	varchar(20)
Пароль користувача	Password	varchar(20)
Адреса електронної пошти	E-maill	varchar(20)
Ім'я користувача	Name	varchar(20)
Фамілія	First_name	varchar(20)
Номер телефону	Number_phone	int
Місто де проживаю	town	varchar(20)
область	Ob_ town	varchar(20)
Ідентифікаційний номер	id	int

Як видно таблиця має багато полів. Поле Login, тобто логін користувача під яким він буде заходити на сайт, має тип данних varchar(20), тобто логін може бути максимум 20 символів. Поле Password - це пароль відповідного користувача, також має символьний тип данних з обмеженням у 20 символів. Поле E-maill-електронна адреса користувача, тип данних varchar(20). Поле Name має тип данних varchar(20), потрібно для того, щоб при контакті з користувачем можна було звертатись по імені а не по логіну до. Поле First_name тобто фамілія, має тип данних varchar(20) і потібно також для коректного звернення до користувача. Number_phone, тобто номер телефону має числовий тип данних, тобто int і потрібно для куонтакту з користувачем, особливо якщо це не просто користувач а замовник. Поле town, тобто місто проживання, тип данних varchar(20). Ob_ town, тобто область, також має символьний тип данних з обмеженням у 20 символів. Id-унікальний номер користувача, який неповторюється в межах таблиці, має тип данних int, тобто числовий.

Нижче розглянемо таблицю заказів.

Табл.3 Структура таблиці “zakazu”

Значення	Ім'я поля	Тип данних
Логін користувача	Login	varchar(20)
Категорія замовленого товару	kategoria	int
Адреса електронної пошти	E-maill	varchar(20)
Ім'я користувача	Name	varchar(20)
Назва товару	nazvanie	varchar(20)
Кількість замовленого товару	kolichestvo	int
Дата замовлення	data	datetime
Ціна замовленого товару	zena	int
Ідентифікаційний номер	id	int

Як видно таблиця має такі поля: Login - логін замовника, тип данних varchar(20); kategoria - категорія товару, яку користувач замовляє, має тип данних int; E-maill - електронна адреса користувача, тип данних varchar(20); nazvanie - назва замовлюваного товару, має символьний тип данних з обмеженням 20; kolichestvo - кількість одиниць замовленого товару, числовий тип данних; data - дата замовлення, має тип данних datetime; zena-ціна замовленого товару з типом данних int, потрібна для розрахунку замовлення та для розрахунку доставки замовлення; id - унікальний номер замовлення, що неможе повторюватись в межах цієї таблиці, має числовий тип данних.

Таким чином створювана база данних повинна мыстити 5 таблиць: “zakazu” з інформацією про всі замовлення, “klienty” з інформацією по всіх клієнтах, “kategorii” з категоріями товарів, “girls” з одягом для дівчат та “boys” з одягом для хлопців.

IV. Розробка web-сайту

4.1 Розробка алгоритму

Кожен алгоритм є списком добре визначених інструкцій для розв'язання задачі. Починаючи з початкового стану, інструкції алгоритму описують процес обчислення, які відбуваються через послідовність станів, які, зрештою, завершуються кінцевим станом. Кожен алгоритм передбачає існування початкових (вхідних) даних та в результаті роботи призводить до отримання певного результату. Робота кожного алгоритму відбувається шляхом виконання послідовності деяких елементарних дій. Ці дії називають кроками, а процес їхнього виконання називають алгоритмічним процесом

Важливою властивістю алгоритмів є масовість, або можливість застосування до різних вхідних даних. Тобто, кожен алгоритм покликаний розв'язувати клас однотипних задач.

Виконання команд алгоритму відбувається у єдиний спосіб та призводить до однакового результату для однакових вхідних даних. Вхідні дані алгоритму можуть бути обмежені набором припустимих вхідних даних. Застосування алгоритму до неприпустимих вхідних даних може призводити до того, що алгоритм ніколи не зупиниться, або потрапить в тупиковий стан (зависання) з якого не зможе продовжити виконання.

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

Для розробки данного сайту використаємо такий алгоритм:

1. Етап - визначення цілей створення сайту. Це найважливіший етап в створенні сайту, тому що не можна досягти мети, якщо її немає або якщо вона визначена неправильно. Від цілей буде залежати весь подальший процес створення сайту, кожен його етап. Тому до постановки мети потрібно підходити з максимальною серйозністю. Правильно поставлена мета - це вже половина успіху.

2. Етап - визначення типу сайту, розробка ТЗ і структури. На цьому етапі складається ТЗ (технічне завдання) на створення сайту. ТЗ, як мінімум, повинне включати наступні пункти: Тип сайту, функціонал сайту (пошук, каталог, стрічка новин і т.д.). Стиль дизайну (строгий, веселий, похмурий і т.д.). Структура сайту (які сторінки мають бути на сайті). Структура сторінок (які блоки мають бути на сторінках і в якому вигляді). При складанні ТЗ обов'язково потрібно пам'ятати про цілі створення сайту. Якщо яка-небудь функція сайту не сприяє досягненню поставлених цілей (або тим більше - заважає) - необхідно від неї відмовитися: на сайті вона буде зайвою. Наприклад, якщо мета сайту - продати якомога більше одиниць товару, то стрічка новин на сайті не потрібна.

3. Етап - розробка макету дизайну сайту. Цей етап ділиться на кілька підетапів: Генерація ідей дизайну. Розробка попереднього макета дизайну головної сторінки. Розробка внутрішніх сторінок. Природно, кожен крок розробки макету дизайну повинен виконуватися згідно з ТЗ і цілями сайту.

4. Етап - HTML-CSS верстка. В залежності від цілей і завдань сайту, верстка повинна задовольняти деяким вимогам. Зазвичай ці вимоги такі: Кросбраузерність - сторінки повинні однаково відображатися різних браузерах (Mozilla Firefox, Google Chrome, Opera, Internet Explorer, Safari і т.д.). Гнучкість верстки - можливість легко додавати / видаляти інформацію на сторінки. Швидкість обробки коду браузером. Валідність - відповідність стандартам. Семантична коректність - логічне і правильне використання елементів HTML

5. Етап - програмування. Це чисто технічний етап, на якому реалізується весь функціонал сайту. Вимоги до цього етапу визначаються технічним завданням.

6. Етап - заповнення сайту контентом (інформацією). Всі матеріали сайту, будь то тексти чи графіка, також повинні вписуватися в загальну концепцію сайту, відповідати його цілям і завданням.

Нижче приведено блок-схему алгоритму розробки інтернет-магазину.

Рис.5 Блок-схема алгоритму розробки інтернет-магазину.

Отже майбутній сайт буде створено в декілька етапів. А саме: визначення цілей створення сайту, визначення типу сайту, розробка ТЗ і структури розробка макету дизайну сайту, - HTML- CSS верстка, програмування сайту та заповнення контентом. Розробка сайту відбуватиметься поетапно.

4.2 Вибір web-технологій ТА СУБД для реалізації задачі

Враховуючи поставлену мету та завдання сайт інтернет-магазину дитячого одягу буде створено за допомогою декількох необхідних программ, а саме: MySQL 5.0.45, Web-сервер Apache 2.2.8, Abode Photoshop CS2 , SQL Maestro, Nusphere, PHP 5.2.5.

MySQL 5.0.45 - вільна система керування базами даних (СКБД). Іншими словами це компактний багатопотоковий сервер баз даних. MySQL характеризується великою швидкістю, стійкістю і легкістю у використанні. MySQL підтримує мову запитів SQL у стандарті ANSI 92, та крім цього має безліч розширень до цього стандарту, яких немає в жодній інший СУБД.

Короткий перелік можливостей MySQL:

- Підтримується необмежена кількість користувачів, що одночасно працюють з базою даних;

- Кількість рядків у таблицях може досягати 50 млн.;

- Швидке виконання команд, можливо MySQL найшвидший сервер з існуючих;

- Проста і ефективна система безпеки.

Web-сервер Apache 2.2.8 - це сервер, що приймає HTTP-запити від клієнтів, зазвичай Web-браузерів, і видає їм HTTP-відповіді, зазвичай разом з HTML-сторінкою, зображенням, файлом, медіа-потоком або іншими даними. По суті Web-сервер це програмне забезпечення, яке виконує функції Web-сервера, як і комп'ютер, на якому це програмне забезпечення працює.

Abode Photoshop CS2 - професійний графічний пакет для роботи з растровою графікою. Він знадобиться для графічного оформлення Web-проектів і створення привабливого дизайну.

Программа SQL Maestro

Основні функції:

1. Підтримка MySQL починаючи з версії 3.23

2. Просте управління об'єктами баз даних

3. Дизайнер бази даних

4. Вбудований SQL редактор

5. Дизайнер побудови SQL-запитів до MySQL

6. Підтримка роботи з базами даних MySQL на віддаленому сервері (SSH / HTTP)

7. Модуль експорту / імпорту даних з найбільш поширених форматів

8. Удосконалене подання BLOB-полів бази даних

9. Розширені функції візуалізації даних, побудова діаграм та ін Nusphere

PhpED - це інтегроване середовище розробки для PHP, HTML, CSS, XML, Smarty, XHTML та інших мов. Збалансоване поєднання багатого функціоналу (редактор коду, відладчик DBG, зв'язок з базами даних) і швидкого і безпечного розгортання дозволяють PhpED вирішувати завдання навіть найвимогливіших розробників.

З PhpED ви можете:

- Створювати код з PHP IDE набагато простіше ніж у звичайному текстовому редакторі;

- Налагоджувати проект в потужному PHP відладчик (дебагер) DBG, налагодження коду можна виробляти локально або віддалено;

- Шукати "вузькі" місця в проекті за допомогою PHP (профайлером);

- Безпечно і швидко опубліковувати ваші скрипти на віддаленому сервері через протоколи, такі як FTP, FTPS, SSH / SFTP, і WebDAV;

- Створювати розширення для інтеграції з PhpED, стандартна поставка вже включає кілька інструментів: PHP documentor, HTML Tidy, CVS клієнт і HTML валідатор.

4.3 Опис розроблених задач та модулів

По завершенню написання сайту інтернет-магазину дитячого одягу було створено декілька сторінок: головна, опис якої було приведено в попередньому підрозділі; сторінка з інформацією про доставку товару та умови оплати, строки доставки та її вартість; сторінка з контактами та адресою офісу, про магазин та його репутацію; сторінка з інформацією про можливі знижки для клієнтів. Також необхідно зробити меню по категоріям товарів, яке буде відображуватись також на різних сторінках. Для більш зручного користування та пошуку потрібного розділу можна зробити декілька пунктів, наприклад: одяг для дівчат, одяг для хлопців, взуття, куртки, сукні, штани, зимовий одяг. Повинна бути реєстрація користувачів, адже тільки для зареєстрованих користувачів діють знижки та приходять новини на електронну пошту. Реєстрацію користувачів також буде розміщюватись на окремій сторінці. Для коректної реєстрації потрібно зробити перевірку, а саме: перевірку Е-mail, логіну та паролю на наявність латинських літер, цифр, правильність вводу Е-mail пошти та перевірку телефону (на вод тільки цифр).

Бажано також зробити пошук по сайту, якщо користувач непобачив потрібну категорію або товар в розділі, він повинен мати змогу його знайти або побачити повідомлення про те, що такого товару на сайті немає. Як і у будь-якого іншого інтернет-магазину повинна бути корзина. У будь який момент часу користувач повинен мати змогу відкрити свою корзину і побачити які товари та на яку сумму він замовив. Також необхідно щоб користувач мав змогу видалити окремий товар з корзини або одразу усі. На сайті також необхідно зробити розширений пошук, наприклад за розміром одягу, за ціною, назвою, категорією, для кого призначено хлопчика чи дівчинки.

Що до дизайну майбутнього інтернет-магазину, то сайт повинен мати просту структуру, бути лаконічним та зрозумілим, адже сайт розраховано на досить широку аудиторію. Кольорова гамма інтернет-магазину неповинна різати око та бути виконана без різнобарв'я, адже це відволікає увагу та втомлює користувача.

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

...