Сайт як інформаційна система

[ виправити ] текст може містити помилки, будь ласка перевіряйте перш ніж використовувати.

скачати

Міністерство освіти і науки України
Курсова робота з дисципліни
«Інформаційні вимірювальні системи»
на тему:
Сайт - як інформаційна система
2008

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

1. Постановка завдання
У даному курсовому проекті була поставлена ​​задача розробити програмний продукт рекламний сайт. Система повинна складатися з набору предметів, які хочуть рекламувати виробники або ж продавці, виводячи необхідні дані по кожному пункту на екран.
Метою розробки даної системи є полегшити роботу, як покупцям, так і продавцям. Так як дана система повинна містити в собі повну інформацію про послуги та предмети продажу. Умови роботи даного комплексу - наявність комп'ютера-сервера, на якому відбувається обробка всієї інформації, її наочне відображення та зберігання.
Системні вимоги для роботи системи; для комп'ютера-сервера - наявність IBM PC сумісного комп'ютера, з операційною системою Windows Xp, наявність мережевої карти в тому випадку /
Вся отримана інформація має накопичуватися на сервері з базою даної.

2. Аналіз інформаційної системи
2.1 Класифікація сайтів
Звичайно, офіційної класифікації корпоративних інтернет-сайтів не існує. Тим не менше, більшість дизайн студій групує проекти схожим чином. Ось найбільш поширена класифікація:
візитка;
вітрина;
інтернет-магазин;
корпоративне представництво;
промо-сайт;
інформаційний проект;
портал.
Візитка - рекламний буклет в Інтернеті
Фактично, сайт-візитка - це просто рекламний буклет компанії в Інтернеті. На ньому зазвичай міститься загальна інформація про фірму (область діяльності, простий список товарів, що продаються або послуг, що надаються, успіхи, нагороди і подібна інформація), адресу і план проїзду. Найчастіше сайти-візитки створюють з-за їх малої вартості і відсутності витрат на підтримку (інформація практично не змінюється). Правда, в деяких випадках ці проекти є гарним вибором. Наприклад, для компаній, що надають індивідуальні послуги, ціни на які заздалегідь не відомі.
Вітрина - розгорнутий каталог товарів
На сайтах-вітринах до даних про фірму додається каталог товарів, що продаються або послуг, що надаються. Причому мова йде не про просте списку. Про кожен товар надається докладна інформація, технічні дані та фотографії. Те ж саме відноситься і до послуги, що надаються. Окрім каталогу товарів, на сайтах-вітринах зазвичай існують додаткові можливості, що допомагають користувачам визначитися. Наприклад, підбір певного товару по заданому набору характеристик, порівняння різних товарів ... Найчастіше вітрини створюються компаніями, що торгують побутовою технікою, комп'ютерами, стільниковими телефонами, автомобілями і їм подібними товарами.
Інтернет-магазин
У принципі, це те ж, що і вітрина, але з інтегрованою системою обробки замовлень. На перший погляд здається, що в більшості випадків інтернет-магазин - це найкращий вибір для корпоративного сайту. Але ... Але до цих пір не можна назвати електронну торгівлю такий вже вигідною. Принаймні, у переважній більшості випадків точка продажу в офлайні приносить набагато більше прибутку. Звичайно, інтернет-магазин можна використовувати як додаткову торговий майданчик і сподіватися, що в майбутньому ситуація зміниться. Поки ж очікувати великої вигоди від продажів товарів через Інтернет, на жаль, не доводиться. Але зате електронний магазин є досить привабливим з точки зору маркетингу. Вже давно відомо, що багато людей, хоча нічого і не купують в Мережі, в офлайні йдуть у ті ж салони, віртуальні представництва яких відвідували раніше.
Корпоративне представництво - інформація для відвідувачів і робочий інструмент для співробітників фірми
Корпоративне представництво - це сайт, який об'єднує в собі візитку і вітрину або інтернет-магазин. Крім цього, подібні проекти мають додаткові можливості для співробітників компанії. Це може бути, наприклад, база даних по наявності товару в різних філіях, система класу CRM * для роботи з партнерами, персоніфікована маркетингова і технічна інформація. Фактично, корпоративне представництво - це не просто сайт, а робочий інструмент для співробітників компанії. Найбільш корисні подібні проекти для великих компаній, особливо які мають філії або розгалужену дилерську мережу в регіонах.
Промо-сайт - все для реклами
Головним завданням промо-сайту є просування на ринку товарів певної марки. У цьому випадку інформація про компанію відсувається на «задній план». Загальні риси промо-сайтів: яскраві, дуже динамічні з дизайном, що підкоряється дизайну рекламованої торгової марки, наявність флеш-роликів, онлайн-ігор і різних конкурсів. Загалом, на них є все, щоб залучити людей на сайт, причому практично не важливо, для чого. Нехай відвідувачі просто грають у морський бій. Головне - в їх голови западе просувається торгова марка, щоб потім, перед прилавком магазину, «спливти» у свідомості. Крім того, дуже часто промо-сайти створюються спеціально для проведення оффлайнових рекламних компаній в якості основного джерела інформації по конкурсах, розіграшів призів.
Інформаційний проект - прекрасний маркетинговий і іміджевий інструмент
Як це не дивно, але деякі компанії мають два сайти: візитку і інформаційний, причому наголос робиться саме на останній. На перший погляд, не зовсім зрозуміло, навіщо це потрібно. Але насправді, інформаційний проект - один з найефективніших (правда, і один з найдорожчих) маркетингових інструментів. Отже, компанії потрібно створити сайт, на якому відвідувачам надаються всілякі дані та аналітичні матеріали в області діяльності фірми. Причому проект повинен постійно доповнюватися і оновлюватися. Найголовніше - грамотні і не містять ніякої реклами статті. Такий проект приверне безліч зацікавлених людей, а розміщення на веб-сторінках посилань на корпоративний сайт буде дуже ефективно. І це не кажучи вже про те, що компанія, яка створила і підтримує інформаційний сайт, отримує величезний плюс до свого іміджу і збільшення «впізнаваності» у покупців.
Портал - сайт «все в одному»
Портал - це самий неоднозначний тип сайту. Деякі вважають порталами тільки найбільші веб-проекти, інші називають цим словом набір з десятка сторінок. У нашому ж випадку під порталом буде розумітися сайт, який містить все, що можна: інформацію про фірму, розгорнутий каталог товарів і послуг, інтернет-магазин, інтегровані системи CRM і B2B, бібліотеку різної інформації та аналітичних матеріалів з області діяльності фірми. Загалом, все, все, все ... Портали можна зустріти тільки у самих великих міжнародних компаній-лідерів, в інших же випадках витрати на створення такого проекту виявляться незрівнянно більше потенційної віддачі.
2.2 Типи структур сайтів
Структура сайту повинна визначатися ще на перших етапах створення проекту до початку розробки дизайну
І в майбутньому, у міру зростання сайту, веб-майстри повинні суворо її дотримуватися. У цьому випадку можна бути впевненим, що веб-проект буде більше схожим на доглянутий парк з прокладеними всюди стежками, а не на лісову гущавину, в якій відвідувачі змушені будуть пробиратися до мети по справжньому бурелому. Однак для цього необхідно розібратися, які взагалі структури сайту існують і для яких проектів вони найбільше підходять.

Лінійна структура
Це найпростіша структура сайту. Веб-сторінки йдуть одна за одною, і користувач повинен проглядати їх як слайд-шоу
У лінійній структурі не існує поділу контенту на рівні. Всі сторінки на таких сайтах рівноправні, і їх повинен побачити кожен відвідувач. Незважаючи на простоту реалізації лінійної структури, недоліків у неї набагато більше, ніж достоїнств. А тому область її застосування чітко обмежена. Вона може використовуватися на іміджевих сайтах-презентаціях і в онлайнових навчальних посібниках.
Реалізація лінійної структури не є абсолютно ніякої складності. Найпростіший варіант сайту - набір HTML-сторінок, з кожною з яких є посилання на наступну попередню (природно, виняток становлять крайні сторінки). Але і тут багато веб-майстри примудряються допускати помилки. Справа в тому, що на кожній сторінки обов'язково має бути якесь заголовок і посилання на першу сторінку. Інакше відвідувачі, які потрапили в середину сайту, наприклад, з пошукової системи, нічого не зрозуміють і майже напевно покинуть проект розчарованими. Крім того, дуже корисно буває показувати загальне число сторінок і якось виділяти номер тієї з них, на якому людина перебуває в даний момент. Інакше перегляд проекту перетвориться для відвідувачів в подорож у невідомість.
Лінійна структура з альтернативами і варіантами
На сайтах, побудованих за цим принципом, відвідувачі можуть виявити певну ініціативу
Основою цієї структури є просте лінійне розміщення веб-сторінок. Однак на сайтах, побудованих за цим принципом, відвідувачі можуть виявити певну ініціативу, полегшивши для себе пошук потрібної інформації. Під альтернативами в даному випадку розуміється вибір між двома гілками. Найчастіше подібна структура використовується для збору інформації про відвідувача. Прикладом тут може служити процес реєстрації клієнта на сайті якоїсь фірми, що надає певні послуги. У цьому випадку всі люди починають роботу зі стартової сторінки. Однак потім приватним особам пропонується ввести одну інформацію, а представникам комерційних структур - іншу. Після цього і ті, і інші потрапляють на одну і ту ж сторінку.
Лінійна структура з альтернативами і варіантами зручна в тому плані, що з одного боку вона дозволяє веб-майстрам контролювати діяльність відвідувачів, спрямувавши їх у певне русло. Але з іншого боку і в останніх є можливість виявити певну ініціативу, яка дозволить їм, по-перше, відчути свободу, а по-друге, полегшити доступ до потрібної саме їм інформації.
Лінійна структура з відгалуженнями
Це контрольована структура, яка нагадує дорогу з відгалужуються від неї час від часу тупиковими стежками
Це теж контрольована структура, яка нагадує дорогу з відгалужуються від неї час від часу тупиковими стежками. Тобто відвідувач послідовно переходить з однієї сторінки на іншу. Якщо інформація, розміщена на якийсь із них його зацікавила, і він хоче дізнатися подробиці, то може перейти на відгалуження, а потім повернутися назад на основну «доріжку».
Головною перевагою розглянутої структури є те, що до неї легко перейти зі звичайного лінійного розміщення веб-сторінок. Таке часто буває, коли створений одного разу веб-сайт перестає задовольняти збільшеним вимогам, а глобальна переробка з тих чи інших причин неможлива. У цьому випадку веб-майстер може швидко і без всяких проблем розширити проект. І при цьому сайт не перетвориться на «лісову гущавину», а залишиться «доглянутим парком», за яким відвідувачам буде приємно гуляти.
Деревоподібна структура
Деревоподібна структура - самий універсальний спосіб розміщення веб-сторінок. Вона підходить для створення практично будь-яких типів сайтів
Її принцип, напевно, зрозумілий усім. Користувач при заході на головну сторінку опиняється перед вибором, куди йти далі. Після переходу в потрібний розділ, він підбирає необхідний підрозділ і т. п. У деревоподібної структури дуже багато достоїнств, ми навіть не будемо перераховувати їх усі. Але у неї є головний недолік.
Мова йде про те, що в деревоподібної структурі дуже складно дотримуватися балансу між глибиною і шириною. Якщо «дерево» вашого сайту буде рости тільки вглиб, то користувачам, щоб дійти до якоїсь інформації, необхідно завантажити й обробити багато сторінок. Природно, це буде дратувати. Ну а якщо ви створите дуже широку деревоподібну структуру, то відвідувачі будуть змушені щоразу витрачати дуже багато часу для вибору потрібної їм гілки. А це, природно, теж погано. Таким чином, якщо ви зважитеся використовувати деревоподібну структуру сайту, то вам буде потрібно постійно стежити за її розростанням і дотримуватися золотої середини.
Гратчаста структура
Ця структура вже на порядок складніше всіх розглянутих раніше
У ній всі сторінки також розміщуються у різних гілках. Але у користувача є можливість переміщатися по них не тільки вертикально (вгору-вниз) але й горизонтально (тобто між гілками на різних рівнях). Використовуються грати в основному тільки в каталогах. При цьому переміщення між гілками на глибинних рівнях здійснюється за допомогою посилань на рубрики в інших розділах.
Використання гратчастої структури в інших проектах недоцільно. По-перше, вона відносно складна в реалізації. По-друге, звертатися з «гратами» потрібно з дуже великою обережністю. Інакше вона може дуже швидко перетворитися у непрохідну «гущавину», в якій відвідувачі будуть змушені довго блукати в пошуках потрібної їм інформації.
2.3 підструктури сайту
У кожному конкретному випадку структура сайту, назву і взаємне розташування окремих сторінок може відрізнятися в залежності від завдань, що вирішуються сайтом, складності, його обсягу та змісту.
Сайт з 10 сторінок
структура сайту
Малюнок 2.3.1 - Сайт з 10 сторінок
У сайті може бути до 20 сторінок тексту формату А-4 і до 50 фотографій (малюнків), виконаних з попереднім переглядом.
Сайт з 20 сторінок
структура сайту
Малюнок 2.3.2 - Сайт з 20 сторінок
У сайті може бути до 40 сторінок тексту формату А-4 і до 90 фотографій (малюнків), виконаних з попереднім переглядом.
Сайт з 30 сторінок (корпоративний сайт початкового рівня)
структура сайту
Малюнок 2.3.3 - Сайт з 30 сторінок
У сайті може бути до 60 сторінок тексту формату А-4 і до 120 фотографій (малюнків), виконаних з попереднім переглядом.
Сайт з 60 сторінок (корпоративний сайт середнього рівня)
У сайті може бути до 150 сторінок тексту формату А-4 і до 180 фотографій (малюнків), виконаних з попереднім переглядом.
Сайт з 150 сторінок (корпоративний сайт високого рівня)
У сайті може бути до 250 сторінок тексту формату А-4 і до 300 фотографій (малюнків), виконаних з попереднім переглядом.
Глибина сайту
Глибина сайту - кількість послідовних рівнів, що містять веб-сторінки, починаючи з домашньою (головної сторінки).
Головну (домашню) сторінку сайту, як правило, не вважають за рівень. Другий і наступні рівні мають нумерацію на одиницю менше.
Сайт з дворівневою системою навігації (оптимальний):
0. Головна (домашня) сторінка сайту. З неї ведуть гіперпосилання (система навігації сайту) на перший рівень.
1. Перший рівень. З кожної веб-сторінки першого рівня гіперпосилання ведуть на веб-сторінки другого рівня.
2. Другий рівень
Сайт з трирівневою системою навігації (застосовується для складних сайтів з великою кількістю інформації):
0. Головна (домашня) сторінка сайту. З неї ведуть гіперпосилання (система навігації сайту) на перший рівень.
1. Перший рівень. З кожної веб-сторінки першого рівня гіперпосилання ведуть на веб-сторінки другого рівня.
2. Другий рівень. З кожної веб-сторінки другого рівня гіперпосилання ведуть на веб-сторінки третього рівня.
3. Третій рівень.
Ілюстрація поняття "глибина сайту"
Малюнок 2.3.4 - Сайт з трирівневою системою навігації
Сайт з чотирирівневої системою навігації (велика глибина сайту буває в особливо складних сайтах, і при помилку веб-дизайнера або замовника, побажали мати подібну структуру сайту)
0. Головна (домашня) сторінка сайту. З неї ведуть гіперпосилання (система навігації сайту) на перший рівень.
1. Перший рівень
2. Другий рівень
3. Третій рівень. З кожної веб-сторінки третього рівня гіперпосилання ведуть на веб-сторінки четвертого рівня.
4. Четвертий рівень
Ілюстрація поняття "глибина сайту"
Малюнок 2.3.5 - Сайт з чотирирівневої системою навігації
Сайт, що має велику глибину (система навігації сайту включає багато рівнів), дуже важкий для пошуку в ньому інформації.
Глибину сайту можна зменшити, а, отже, спростити сайт і пошук інформації на ньому, якщо веб-дизайнеру нададуть контент сайту відразу, а не частинами.
Щоб створити простий та зручний сайт, веб-дизайнеру необхідно мати повне уявлення про весь контенті сайту (текст, таблиці та рисунки).
Не маючи всього контенту, створити вдалу компонування сторінок і систему навігації сайту важко.
Рекомендоване числа рівнів (глибини сайту) в залежності від числа html сторінок наведені в таблиці 2.3.6
Таблиця 2.3.6 - Рекомендований числа рівнів (глибини сайту) в залежності від числа html сторінок
Число html сторінок сайту
до 30-40
від 30-40 до 600-700
більше 600-700
Оптимальне число рівнів сайту
Однорівнева система навігації сайту
Дворівнева система навігації. Припустимо включення третього рівня для 10-15% сторінок.
Трирівнева система навігації. Припустимо включення четвертого рівня для 10-15% сторінок.

3. СТВОРЕННЯ САЙТУ
3.1 Аналіз існуючих моделей створення сайту
Найбільш поширені три моделі проектування
Каскадна модель
Відповідно до цієї моделі всі етапи розробки веб-проекту слідують один за іншим. Спочатку йде визначення цілей сайту, потім описується концепція, складається технічне завдання і так далі. Закінчується все тестуванням та впровадженням сайту в експлуатацію. Кожен етап починається тільки після повного завершення попереднього кроку. При цьому каскадна модель не передбачає повернення назад для доопрацювання або зміни зробленого раніше.
Каскадна модель - найпростіша. Вона непридатна для роботи над великими сайтами
Саме головне достоїнство цієї моделі - простота реалізації. Вона може бути використана як веб-майстрами-одинаками, так і невеликими фірмами чи групами. Правда, є у каскадної моделі і недолік, причому досить серйозний. Він полягає в тому, що чітке уявлення поставлених завдань і цілей буває тільки в теорії. На практиці ж під час роботи над сайтом постійно з'являються нові ідеї, які неодмінно захочеться реалізувати. Але для цього необхідне повернення на попередні, вже пройдені етапи, чого дана модель не передбачає. Саме тому вона може використовуватися лише під час розробки досить простих сайтів з чітко заданими цілями - наприклад, невеликих корпоративних веб-проектів.
Каскадна модель
Малюнок 3.1.1 - Каскадна модель
Модель «Спіраль»
«Спіраль» - найпопулярніша модель проектування. Її головне достоїнство - гнучкість
Це найпопулярніша модель проектування роботи над сайтом. Її суть, як це видно з назви, полягає в русі по спіралі. Робота починається з першого етапу - «Планування і аналіз» - і послідовно проходить всі інші - розробку архітектури, кодування та створення дизайну, тестування. Паралельно з розробкою проекту акумулюються ідеї щодо покращення сайту, внесенню додаткових можливостей і так далі. Після завершення останнього етапу робота знову повертається до першого. Таким чином цикл повторюється кілька разів.
Головне достоїнство моделі «Спіраль» - можливість створення складних проектів з поступовим їх зміною і поліпшенням. Але є у неї і недолік. Справа в тому, що нові ідеї з'являються постійно. Якщо реалізовувати їх усі, то з'являється ризик «зациклення», тобто постійної розробки сайту. Щоправда, вирішити цю проблему дуже легко. Просто потрібно зупинитися в кінці одного з циклів, запустити сайт в експлуатацію, а потім можна буде продовжувати роботу, періодично радуючи відвідувачів проекту новими релізами. Є у моделі «Спіраль» і ще один мінус. Мова йде про ризик перетворення процесу роботи в хаос. Постійні доробки та переробки можуть призвести до розмитості меж між етапами і, як наслідок цього, до порушення порядку роботи з усіма наслідками, що випливають звідси наслідками.
Модель спіраль
Малюнок 3.1.2 - Спіральна модель
Microsoft Solutions Framework
Microsoft Solutions Framework - модель для розробки складних проектів
Цю модель компанія Microsoft використовує для розробки власних продуктів. Тим не менше вона чудово підходить і для проектування роботи над веб-сайтами. Суть Microsoft Solutions Framework полягає в наступному. Робота над проектом складається з чотирьох етапів - аналізу, планування, розробки та стабілізації. Причому кожен з них повинен досягати певного заздалегідь результату. Крім того, в кінці етапу зазвичай складається спеціальний документ, в якому детально описується стан проекту на даний момент часу. Після проходження повного циклу розробка повертається на перший крок. І так повторюється кілька разів. Правда, на відміну від моделі «Спіраль», тут неможливо нескінченне «обертання» проекту, оскільки цілі, необхідні для закінчення кожного етапу, чітко зазначені.
До переваг Microsoft Solutions Framework варто віднести, по-перше, чітке дотримання етапах розробки і розуміння кожним виконавцем свого завдання і місця в проекті, а по-друге, можливість циклічної роботи, що сприяє поліпшенню якості сайту і виявленню всіх недоліків. Ну, а мінус у подібного рішення тільки один. Він полягає в складності моделі. Тому її використання виправдане тільки великими групами під час роботи над великими веб-проектами.
Microsoft Solutions Framework
Малюнок 3.1.3 - Microsoft Solutions Framework
3.2 Процес створення сайт
Створення сайту - багаторівневий, складний і трудомісткий процес, що вимагає залучення фахівців: програмістів, дизайнерів, копірайтерів, спеціалістів з розкручування сайту.
Типовий план розробки сайту включає в себе:
- Аналіз потреб замовника, ситуації на ринку і в інтернеті;
- Побудова структури майбутнього сайту;
- Розробку дизайну;
- Програмування;
- Верстка і наповнення;
- Запуск сайту в інтернеті;
- Розкручування сайту;
- Технічну підтримку і оновлення вже функціонуючого сайту.
Якісне виконання такого плану розробки сайту вимагає професійного підходу. Найчастіше професіоналів об'єднують у своєму штаті студії веб-дизайну, і самим простим способом отримати доступ до фахівців для компанії-замовника видається звернення у велику веб-студію. Цей варіант розробки сайту оптимальний для масштабних дорогих проектів.
Отже, прийнявши рішення створити сайт, Ви зіткнетеся з великою пропозицією веб-студій, які заповнили простори світової павутини в останній час. Студії веб-дизайну можуть запропонувати Вам розробити сайт з нуля, в результаті Ви отримаєте продукт «під ключ». Якщо у Вашої компанії вже є сайт, який вас з яких-небудь причин не влаштовує, деякі студії веб-дизайну можуть запропонувати Вам послугу редизайну, переробки застарілих або неякісно зроблених сайтів. Але далеко не кожна студія веб-дизайну здатна запропонувати вам якісний продукт, тому варто досконально вивчити пропозицію, причому не обов'язково робити акцент на великих компаніях, що зайняли левову частку ринку.
Залежно від складності проекту і фінансових можливостей Ви можете розглянути варіант звернення до фрілансерів (люди, що працюють в інтернеті в приватному порядку). Серед них теж достатньо професіоналів своєї справи, готових взяти на себе відповідальність за весь цикл робіт, здатних задовольнити ваші запити, розробивши сайт на високому рівні. Найчастіше оплата роботи фрілансера обходиться замовникові дешевше, ніж звернення до фахівця в своєму регіоні. До фрілансеру звертаються в міру потреби, і оплачуються його послуги, як правило, попроектно. У будь-якому випадку, чи вибрали ви велику веб-студію або вирішили звернутися до послуг фрилансерів, перш за все варто вивчити їх портфоліо. Як правило, професіонали запропонують вам ознайомитися з проектами, які раніше виконали.
Довіряючи, перевіряйте: якщо вас вразили роботи студії, зверніться до замовників і ще раз уточніть авторство вподобаного Вам проекту. Отримавши схвальні відгуки власників ресурсу, Ви можете довірити розробку свого сайту обраної компанії і не сумніватися в тому, що отримаєте успішний результат.

3.2.2 Дизайн сайту
Першим етапом розробки сайту є визначення його дизайну. Головні завдання, які доводиться вирішувати при розробці дизайну сайту, - це відповідність сайту фірмовому стилю, використання логотипу і кольорів фірми, і зручність сайту для користувача.
Сайт повинен мати інтерфейс, що дозволяє відвідувачу легко орієнтуватися в його ресурсах. Візуальне виділення інформаційних блоків, контрастні посилання, інтуїтивно зрозуміле розташування елементів керування та грамотна верстка здатні зробити відвідування сайту зручним і інформативним.
Кращим варіантом дизайну сайту буде перенесення вже існуючого стилю компанії у віртуальний світ. Фірмовий стиль - це візуально-інформаційна система, що включає логотип, шрифт, колір, і інші елементи, за допомогою яких компанія підкреслює свою унікальність. Фірмовий стиль - дієвий засіб позиціонування себе на ринку і залучення покупців. Використання фірмового стилю в дизайні сайту компанії дозволить підвищити впізнаваність вашої організації, як у всесвітній павутині, так і в реальному світі, що, безсумнівно, позначиться на якості та кількості Ваших клієнтів, а також на діловій репутації компанії в цілому.
Іноді молоді компанії, ледь вийшовши на ринок, не встигають сформувати власне впізнаване обличчя. У цьому випадку його для вас можуть сформувати веб-дизайнери, грунтуючись на Ваших побажаннях і виді діяльності. Виготовлення фірмового стилю - це розробка цілісного й незабутнього образу компанії на конкурентному ринку. Фірмовий стиль компанії, за допомогою вдалого логотипу, яскравого слогана, що звучить назви, якісної поліграфії та сувенірної продукції, здатний додати індивідуальності будь-якої компанії і виділити її на тлі інших, Найчастіше розробку фірмового стилю, що включає створення логотипу, розробку кольорів і шрифтів, мультимедійних презентацій доручають відразу кільком веб-дизайнерам. Найбільш вдалий проект цілком може стати вашим обличчям, впізнаваним і в реальному світі. Єдина порада, яку можна дати в такій ситуації, - надайте дизайнерові свободу дії, адже, як будь-яка творча натура, він не любить, коли йому обривають крила.
Крім того, не варто забувати, що дотримання зовнішньої привабливості не має йти врозріз з вимогами до швидкості завантаження сайту. Іншими словами, користувачі вважають за краще сайти, що дозволяють швидко отримати доступ до необхідної інформації. Наприклад, Flash-анімація, здатна значно пожвавити зовнішній вигляд сайту, акцентувати увагу користувача на певному інформаційному блоці. Однак, не варто забувати, що Flash-елементи можуть негативно позначитися на швидкості завантаження сторінки. Тому так важливо критично оцінити необхідність застосування Flash-анімації, і в разі необхідності, професійно підійти до її розробки.
Для зручності та ефективності роботи сайту варто при розробці дизайну сайту звернути увагу на деякі моменти:
Швидкість завантаження сайту.
Уникаючи графічних елементів, які можуть уповільнити завантаження сайту, ви скоротите час відгуку і істотно підвищити ефективність сайту для користувача.
Дозвіл сайту.
Сумбурне розташування інформації ускладнює її сприйняття, тому, якщо хочете догодити користувачу, зафіксуйте ширину сайту.
Навігація на сайті.
Хороша навігація - знак якості для сайту, використовуйте карту сайту, рядок підказок - все, щоб максимально спростити спілкування сайту і користувача.
Інформаційне наповнення.
Інформація - сенс існування сайту, використовуйте легко читаються шрифти, виділення заголовків, адже завдання сайту не заплутати користувача, а донести до нього інформацію в максимально дохідливо вигляді.
Графіка на сайті.
Правильно підібрана графіка вигідно представляє фірмовий стиль на сайті і полегшує користувачеві спілкування з електронним ресурсом, проте не захоплюйтеся анімованими графічними елементами, вони можуть істотно сповільнити час завантаження сайту.
3.2.3 Дизайн і функціональність сайту
У процесі розробки сайту одним із ключових питань є його дизайн. Цьому питанню присвячена величезна кількість публікацій, але він, чомусь, не втрачає актуальності. У чому ж проблема? У різниці сприйнять.
Кожен хоче бачити на своєму сайті універсальний графічний набір, здатний залучити будь-якого відвідувача мережі. На жаль, це неможливо. Навряд чи коли-небудь буде створено сайт, здатний задовольнити всі претензії користувач до свого дизайнерським рішенням. Тому, ніж намагатися створити ідеально привабливе графічне рішення, краще зосередитися на основній функції якісного дизайну - грамотної подачі інформації.
Перш за все, графіка повинна тісно переплітатися з тематикою ресурсу, повсюдно направляючи дії користувача і полегшуючи його сприйняття. Наприклад, можна оснастити меню сайту невеликими іконками, відповідними розділу, оснастити розділи тематичними картинками.
Різні типи сайтів мають свою специфіку графічного оформлення.
Сайт-візитка, по суті, будучи аналогом рекламного буклету, розміщеним в Інтернет, вимагає відповідного дизайнерського рішення, щоб гідно виконувати свої рекламно-представницькі функції для невеликих компаній.
Корпоративний сайт може включати велику кількість як статичних, так і динамічних сторінок, заповнених інформацією про продукцію, форумами, розсилками, оформлення подібного сайту повинен враховувати імідж компанії.
Інтернет-магазин являє собою каталог товарів чи послуг з можливістю укладання інтерактивної угоди. На сайті також розміщується інформація про способи оплати та доставки товару, сервісних і гарантійних послуги.
Інформаційний портал характеризується великим обсягом інформації з певної тематики. Як правило, на такому сайті розміщуються галузеві новини, статті, аналітичні огляди, рекомендації фахівців та ін
Промо-сайт можна порівняти з яскравим рекламним щитом в Інтернеті. Велике значення при його розробці приділяється графіці та використання мультимедійних елементів.
Увага до функціональності сайту, проявлена ​​на етапі розробки дизайну сайту, дозволить відвідувачеві Вашого ресурсу швидко орієнтуватися на сайті, а Вам - найкоротшим шляхом доставити користувачеві потрібну йому інформацію. За загальним оформленню можна сказати лише кілька слів:
- Приємна для очей колірна гамма
- Мінімальна кількість картинок.
Відповідально підійшовши до дизайну сайту, ви отримаєте ефективний інструмент маркетингу і ресурс, зручний для користувача, стильний, ефективний, динамічний, зручний в управлінні.
3.3 Етапи створення сайту
Основні етапи створення корпоративного веб-сайту
Етап 1. Прийняття рішення про створення сайту
Питання клієнтів про корпоративному сайті, наявність веб-проектів у конкурентів, бажання провести великомасштабну рекламну акцію, пошук нових ринків і бажання збільшити продажі-є одним з основних причин створення сайту. Головне - прийнято чітке рішення про створення веб-сайту і готовність виділення на це певних коштів.
На цьому ж етапі повинна бути конкретно визначена мета створення сайту. У більшості випадків мета повністю визначається причиною, яка змусила керівництво компанії звернути свій погляд на Інтернет. Так, наприклад, якщо корпоративний сайт вирішили створити з-за частих питань потенційних клієнтів, то він повинен бути інформаційним. Якщо ж веб-сторінка буде виступати в якості складової маркетингової компанії, то краще спробувати створити іміджевий проект.
Етап 2. Розробка концепції
Вироблення концепції - дуже важливий етап створення сайту.
Для цього необхідно провести невелике дослідження вже існуючих проектів цього ж напрямку (сайтів конкурентів) і зрозуміти, які є майбутніми потенційними відвідувачами. На підставі цих даних розробляється детальна структура сайту, описується його функціональність, основні вимоги до проекту тощо. Тобто на даному етапі ми вирішуємо, яка інформація повинна розміщуватися в Інтернеті, як вона буде структурована, і що повинен уміти робити сайт. Фактично, ми говоримо про створення технічного завдання для розробників проекту. Це дуже важливий етап, оскільки, якщо зараз ми випустимо з уваги якийсь момент, для виправлення помилки в майбутньому знадобляться чималі витрати.
Етап 3. Розробка архітектури
Архітектура сайту повністю визначає його організацію з технічної точки зору. Якщо на попередньому етапі ми вирішили, що повинно розміщуватися на сайті, і яка буде структура веб-проекту, то на цьому повинні описати апаратну платформу, що використовується програмне забезпечення, структуру баз даних і так далі. Фактично, все це є визначенням концепція «движка» проекту. Тобто вибирається тип CMS-системи, який буде використовуватися на сайті. Крім того, зазначаються конкретні мови програмування і формати баз даних, а також вимоги до хостингу. Корінна відмінність третього етапу від двох попередніх - це те, що в ухваленні рішень беруть участь вже дві сторони: замовник сайту і його розробник.
Етап 4. Кодування
Під кодуванням зазвичай розуміється створення дизайну, написання всіх необхідних скриптів та їх спільна налагодження. До цього етапу сам замовник вже не має ніякого відношення. Єдине, що від нього вимагається - контроль діяльності виконавця і затвердження дизайну. Так що, з точки зору замовника, кодування - найпростіший етап. Результатом його виконання є повністю готовий, але не заповнений інформацією сайт.
Етап 5. Наповнення
Реалізація цього етапу може вестися двома шляхами. По-перше, більшість хороших дизайн-студій мають у своєму штаті людей, здатних написати гарний і повний текст для розробленого сайту. Щоправда, цей спосіб наповнення може використовуватися тільки в невеликих статичних проектах. Крім того, технічні письменники в студіях веб-дизайну є фахівцями «широкого профілю». Тому якщо на сайті повинна розміщуватися якась вузькоспеціальних інформація, то їх залучення може виявитися невдалим. У цьому випадку більше підходить другий спосіб написання контенту - створення його власними силами. До цієї діяльності найкраще залучити співробітників відділу маркетингу, PR-менеджерів та інших фахівців, що розуміються в області діяльності компанії і вміють писати красиві тексти.
Також необхідне постійне поповнення інформацією сайти. Якщо керівництво компанії хоче бачити свій корпоративний веб-проект відвідуваним і цікавим, то краще для його підтримки та оновлення найняти окремого спеціаліста. Веб-майстер допоможе і в «розкрутці», і в створенні контенту, і внесе при необхідності потрібні зміни, як в дизайн, так і в програмне забезпечення сайту.
Етап 6. Впровадження
Під впровадженням зазвичай розуміється цілий комплекс дій з розміщення сайту в Інтернеті. У першу чергу це реєстрація відповідного домену (хоча він може бути зареєстрований і раніше), вибір відповідного хостинг-провайдера і перенесення веб-проекту на його сервер. Крім того, одночасно з відкриттям сайту зазвичай проводиться хоча б невелика маркетингова кампанія, необхідна для залучення до нього відвідувачів. Як мінімум, сайт повинен бути зареєстрований в різних каталогах і рейтингах, а також підготовлено до індексації пошуковими системами. Природно, при наявності можливостей, вітається і «чиста реклама» у вигляді банерів або текстових посилань.
Етап 7. Розвиток
Напрямок розвитку веб-проекту і частота поновлення інформації визначається типом сайту і його концепцією. Рідко оновлюється, «завмерло» набір веб-сторінок навряд чи набуде коли-небудь хоч якусь популярність. Його будуть відвідувати тільки ті люди, які вже знають компанію і є її потенційними клієнтами. У принципі, для багатьох цього цілком достатньо.

4. ПРОГРАМУВАННЯ САЙТУ
Існують два типи сайтів з точки зору програмування - динамічні та статичні.
Статичний сайт - використовується стандартний код HTML, адреса сторінки статичний і простий, наприклад page.html. Даний тип властивий більш простому типу сайтів, де не потрібне постійне додавання та оновлення великої кількості інформації. Це цілком підходить для сайту приватної компанії.
Динамічний сайт - властивих більш складним типом сайтів, наприклад великі сайти, новинні стрічки, портали, де потрібне постійне додавання та оновлення великої кількості інформації. Використовуються технології ASP, PHP, CGI, Perl та інші. Інформація зберігається в SQL базі даних, а програмування дозволяє лише доступ до динаміки оновлення і додавання сторінок. Даний тип набагато складніший в реалізації і значно дорожче. Також проблемним буває перенесення сайту з одного хостинг-площадки на іншу. Проте незаперечним приимущество є можливість зручної оперативної роботи з великою кількістю інформації, що вельми проблемно у випадку зі статичним варіантом. Природно і хостинг-план на другому випадку буде коштувати дорожче.
Статичний сайт краще переробляється пошуковими машинами, тому веб-майстра динамічних сайтів намагаються створити для динамічних сторінок статичні адреси. Однак великий портал просто не мислимо без динаміки. Тому вибір на ту чи іншу сторону робиться безпосередньо "на місці", тобто виходячи з типу сайту і його подальших перспектив.

4.2 Оптимізація коду
Дуже часто, заглядаючи у вихідний код сторінки можна спостерігати найнеймовірніші паркани з шматків зовсім непотрібного коду.
З'являтися там він може з двох причин.
Перша - це коли сайт робиться за допомогою візуальних засобів розробки. Ця причина малоймовірна, якщо сайт робили професійні сайтостроітелі, які, як правило, досить добре знають HTML, щоб зверстати сторінку вручну, або поправити її код після візуального редактора.
Друга причина полягає в тому, що навіть професійні верстальники поки що далеко не всі приділяють належну увагу юзабіліті, або просто кажучи - зручності використання свого творіння в майбутньому. Це робиться, звичайно, не зі злим умислом, але факт залишається фактом.
Як незрозумілих наворотів можуть зустрічатися неоптимальні рішення у верстці, великі фрагменти коду JavaScript, прописані в коді стилі елементів, кинуті обривки коду та інше
Будь-який фахівець з юзабіліті скаже, що таке ставлення до верстки може бути чревате довгої завантаженням сторінки, що викликає роздратування у відвідувачів сайту і створює у них неприємне враження від сайту.
Для того, щоб всі сторінки сайту були швидше проіндексовані пошуковою системою код сторінки бажано мати легше. Крім того, у деяких пошукових систем існує обмеження на розмір коду індексуємого документа. У всіх пошукових систем цей обсяг може бути різним - 100 - 200 Кб.
Як більш дружню для пошукових систем верстку, можна назвати блокову. У блочної верстки існують свої незначні недоліки, але вони з лишком окупаються більше меншим обсягом коду в порівнянні з табличною. Такі сторінки швидше завантажуються в браузер, так як мають об'єм коду на 30 - 50% менше, ніж у табличній.

5. НАПРЯМОК РОЗВИТКУ ВЕБ-ТЕХНОЛОГІЙ
Деякі технології пов'язані з інтеграцією (як завжди) і методами розробки інтерфейсів, які мають сильний вплив на користувачів. Зрозуміло, люди не бажають платити за сервіс або довіряти йому, якщо у сервісу немає надійної платформи, але вони будуть в сто разів радісніше розлучатися з грошима, якщо у сервісу є привабливий інтерфейс, який хоча б виглядає зручним в роботі.
5.1 Згладжування і пом'якшення (Dampening)
Цей набір технологій носить безліч інших імен, але в загальному сенсі під "пом'якшенням" ми розуміємо прийом, у якому зміна стану відбувається поступово, а не моментально. Цей метод використовується в інтерфейсі веб-додатки, але для його реалізації може знадобитися внести зміни і на стороні сервера. Найвідомішим прикладом цієї технології є метод "повільно зникає жовтого фону" (Але в якості іншого прикладу ми можемо привести ефект "складання" і "розкладання" блоку сторінки, коли раніше він просто швидко ховався і показувався.
Тут на смаки користувача робить свій вплив нині популярний iPod (чия підсвітка екрану не просто включається і вимикається, а робить це повільно), а також мода на повільно закриваються двері в нових автомобілях.
5.2 E4X
Назва цього поки що маловідомого стандарту ECMA розшифровується як "ECMAscript for XML" (ECMAscript для XML). За коротким описом ховається дуже потужна концепція: проста і зручна робота з XML в JavaScript. Зараз J і X в AJAX не так вже добре уживаються разом, вже у всякому разі - не так добре, як хотілося б. E4X обіцяє, що зв'язка JavaScript і XML стане більш гнучкою, принаймні на сучасних і потужних користувальницьких клієнтів. Цей стандарт вже реалізовано або скоро буде реалізований в Flash і в Firefox.
Наприклад, ви зможете динамічно побудувати форму ось так:
var html = <html/>;
html.head.title = "Hello, World.";
html.body.form. @ name = "hello";
html.body.form. @ action = "test.php";
html.body.form. @ method = "post";
html.body.form. @ onclick = "return foo ();";
html.body.form.input [0] = "";
html.body.form.input [0]. @ name = "Submit";
5.3 JSON
Чому при пересиланні даних між вашими додатками ви повинні використовувати технологію JSON (JavaScript Object Notation). Тому що вона підтримується безліччю мов. Синтаксис простий у читанні і написанні. Обмін даними та структурами даних відбувається саме в тому вигляді, в якому їх розуміє ваш улюблений мова програмування. Незважаючи на всі неминучі порівняння з іншими подібними технологіями, не піддавайтеся спокусі стати оскаженілим фанатом або супротивником JSON. JSON це всього лише зручний спосіб роботи з даними, який до того ж добре ладить з XML: при необхідності ви легко можете конвертувати структури даних з XML у JSON і назад. Якщо на те пішло, існує навіть технологія JSON-RPC.

5.4 Старий добрий XHTML і CSS
Можете вважати мене старомодним, але я вважаю, що головне в житті - це стиль. Величезна кількість сайтів до сих пір ще не перейшли на стандарти, і ще менше веб-додатків зробило це. Точно так само як корпоративні сайти стали повільно переходити на валідну верстку, те ж саме будуть робити і веб-додатки для внутрішнього та загального споживання. У світі, де Вебом буде правити Greasemonkey, продумана і валідність структура сторінок буде грати найважливішу роль.
6.5 Буфферізація (Buffering)
Ефект "буферизації" точно так само, як і "згладжування", прийшов у веб-додатки із звичайних прикладних програм. Користувачі, які пережили епоху повідомлень "Buffering ..." в RealPlayer і стомлені розгляданням повідомлення "Loading ..." Flash на сайтах, знову згадають старі часи. Але на цей раз, поки користувач буде нудьгувати і гризти нігті, навантаженням даних буде займатися JavaScript в AJAX-додатках. Прогрес буде полягати лише в тому, що на відміну від вчорашніх сторінок користувачеві щось буде показуватися, поки скрипти і дані будуть завантажуватися.
Дайте людям можливість швидше почати свою роботу, поки що залишилася половина ваших даних підвантажуватиметься у фоні. І тоді ніхто не зможе вас звинуватити в тому, що ви забули про половину бідних нещасних американців, які до цих пір підключаються до Інтернету по повільній телефонної лінії.
5.6 Atom API
Повз вас напевно не пройшли відзвуки війни форматів обміну даними (feed formats). Але формат Atom примітний тим, що у нього є API, або Atom Publishing Protocol. Тепер, коли цей формат обміну даними став офіційним стандартом IETF, є від чого відштовхнутися при створенні API на його основі. Так як більше двадцяти мільйонів блогів вже зараз підтримують попередню версію API, і буде дуже непогано присвятити частину свого часу на ознайомлення з цим форматом і тим самим забезпечити себе роботою в 2006 році. Практично всі розробники заявляють про те, що їх застосування, так чи інакше можуть зв'язуватися з блогами через Atom, так що дуже скоро ця технологія потрапить у список опцій, які будуть обов'язкові для будь-якого стандартного веб-додатки.
5.7 Технологія Ruby
Ruby on Rails подобається всім крім тих, хто вважає, що навколо цієї технології роздута занадто великий галас. Незалежно від того, як йдуть ваші справи, знайте, що над Ruby зараз йде велика робота, і все більше додатків створюється на цій технології. Але деякі важливі частини у неї поки що немає. Локалізація. Інтернаціоналізація. Так, з цим у Ruby бааальшіе проблеми. Масштабування до дуже великих додатків і рішень з високим навантаженням? Поки цього ще ніхто не робив. Зв'язок з іншими мовами? Поки що тільки з XML.
Поки всі зараз вчать цю мову і охають і ойкають при вигляді елегантності його рішень, ви можете вирішити проблеми, що стоять за лаштунками цих додатків, і тим самим скористатися непоганим шансом.
5.8 Маркетинг
Так, це, природно, не технологія. Але нам - спецам - життєво необхідно оволодіти навичками маркетингу: як розповідати про свої здібності, як подавати переваги цих здібностей і як подавати вигоди для бізнесу від цих переваг. Знання дюжини мов програмування не допоможе вам, якщо ви не вмієте спілкуватися з людьми, які хочуть найняти вас на роботу. А ваша улюблена платформа, середовище розробки, мова не досягнуть успіху, якщо ви не зумієте їх правильно подати і "продати" їх іншим, включаючи навіть тих, хто необізнаний в техніці.
По-перше, посядьте технологією. По-друге, посядьте навичками пояснення цінності цієї технології іншим. Якщо ви зможете це зробити, не має абсолютно ніякого значення, яку із згаданих у цьому переліку технологій ви виберете для освоєння.
Додати в блог або на сайт

Цей текст може містити помилки.

Програмування, комп'ютери, інформатика і кібернетика | Курсова
95.7кб. | скачати


Схожі роботи:
Сайт - як інформаційна система
Інформаційна система WinPost
Інформаційна система НБУ
Інформаційна система організації
Маркетингова інформаційна система
Інформаційна система ВНЗ
Бухгалтерський уч т як інформаційна система
Інформаційна система в логістиці
Інформаційна система підприємства
© Усі права захищені
написати до нас