Методи оцінювання якості web-ресурсів

Вид работы:

Курсовая работа (т)
Предмет:

Информационное обеспечение, программирование
Язык:

Украинский
,
Формат файла:
MS Word

1,13 Мб
Опубликовано:

2015-06-25

Все курсовые работы по информационному обеспечению

Скачать курсовую работу Читать текст online Заказать курсовую
*Помощь в написании! Посмотреть все курсовые работы

Вы можете узнать стоимость помощи в написании студенческой работы.

Методи оцінювання якості web-ресурсів

АНОТАЦІЯ

Курсовий проект // «Методи оцінювання якості web-ресурсів». // Melkiy.te.ua Mi.ucoz.org // 7.05010201 Комп’ютерні системи та мережі // Тернопільський національний технічний університет імені Івана Пулюя, факультет комп’ютерно-інформаційних систем і програмної інженерії, кафедра комп’ютерних систем та мереж, група СІ-52 // Тернопіль, 2014 // С. - , рис. - , табл. - , додатків - , джерел - .

Ключові слова: WEB-САЙТ, SEO, САЙТ-ВІЗИТКА, САЙТ, ОЦІНКА.

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

Матеріали, покладені в основу розробки проекту:

стандарти мови web-програмування, мови гіпертекстової розмітки та каскадних таблиць стилів;

стандартні правила SEO.

Курсовий проект включає графічну частину, що виконана на окремих аркушах формату А1. Графічна частина включає структуру сайту та методи оцінювання сайту.

ЗМІСТ

ВСТУП

. СТВОРЕННЯ ВЕБ-САЙТУ

.1 Веб -сторінка

1.2 Теоретичні аспекти створення веб-сайтів8

.3 Розробка структури веб-сайту

.4 Створення сайту

. ВИКОРИСТО́ВНІСТЬ

.1 Веб-використо́вність

.2 Критерії оцінювання ресурсів інтернету

.3 Способи оцінювання ресурсів інтернету

. ОПТИМІЗАЦІЯ САЙТУ

.1 Внутрішня оптимізація сайту

.2 Перевірка якості сайту

СЕРВІСИ ДЛЯ ОЦІНЮВАННЯ ЯКОСТІ WEB-РЕСУРСІВ

.1 Ping-Admin.Ru

.2 mysitecost.ru

.3 validator.w3.org

ВИСНОВКИ

СПИСОК ВИКОРИСТАНОЇ ЛІТЕРАТУРИ

ДОДАТКИ

ВСТУП

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

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

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

Завдання які вирішуються при наявності Web-сайту:

оповіщення своїх клієнтів про новинки та цікаві для них події;

збереження довідкової інформації для своїх потенційних або вже існуючих клієнтів, або для співробітників однієї корпорації;

прийом замовлень на товари і послуги;

здійснення електронних платежів.

1. СТВОРЕННЯ ВЕБ-САЙТУ

Сайт або веб-сайт (від англ. <#"864570.files/image001.gif">

Рисунок 1 - файл styles.css

Далі створимо ще один текстовий документ з іменем index та розширенням .html

Із наявної інформації про створення сайтів пишемо першу сторінку сайту.

Рисунок 2 - файл index.html

Проводимо тестування сторінки в браузері.

Рисунок 3 - відображення сторінки в браузері

сайт візитка web

Як бачимо усе добре. Тепер створюємо інші сторінки сайту.

Коли усе готово можна завантажувати усі файли на хостинг. Хостинг та домен я вибрав та зареєстрував раніше.

Рисунок 4 - завантаження файлів сайту на хостинг

Файли сайту успішно завантажені на хостинг.

2. ВИКОРИСТО́ВНІСТЬ

Використо́вність, часто Юзабіліті (англ. Usability - дослівно «зручність користування») - поняття в мікроергономіці, що визначає загальну степінь зручності предмета при використанні; термін схожий з терміном «ергономічність», але має іншу область поширення і відрізняється нюансами визначення. Використовується для комп'ютерної техніки, терміном юзабіліті називають концепцію розробки користувацьких інтерфейсів програмного забезпечення, орієнтовану на максимальну психологічну і зорову зручність для користувача. ISO визначає використовність як «Ступінь з якою продукт може бути використано визначеними користувачами для досягнення визначених цілей з ефективністю, продуктивністю та вдоволеністю для специфічного контексту використання».

.1 Веб-використо́вність

Веб-юзабіліті (англ. web-usability - дослівно «зручність користування веб») - це застосування принципів юзабіліті в тих областях, де перегляд веб-сторінок можна розглядати як загальну парадигму (або "метафору") для побудови GUI

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

Деякі загальні цілі веб-юзабіліті:

Представити користувачеві інформацію в ясній і стислій формі

Надавати користувачам можливість вибору найбільш очевидним шляхом

Усунути будь-яку двозначність щодо наслідків дій (наприклад, кнопка /видалити/покупка)

Розміщення важливих елементів у відповідній області на веб-сторінці або веб-додатку

В контексті веб-сайтів електронної комерції, сенс веб-юзабіліті звузився до ефективності: запуск продажів і/або виконання інших операцій які являються цінними для бізнесу. Увагу до веб-юзабіліті було підвищено тоді, коли багато ранніх сайтів електронної комерції потерпіли невдачу в 2000 році. На початку 90-х вважалося, що графічний дизайн повинен бути необхідною складовою частиною сайту для успішного ведення електронного бізнесу, але піонери веб-юзабіліті вважали інакше. Вони виступали за принцип KISS, який довів свою ефективність у приверненні уваги до сайту кінцевого користувача.

.2 Критерії оцінювання ресурсів інтернету

Часто виникає потреба визначити якість сайту. Ключову роль у цьому завдання відіграють критерії оцінки якості.

Щоб оцінити якість сайту є такі критерії:

Комфортність:

. Чи відокремлений зміст сайту від інших елементів навігації?

. Чи сумісний код сайту із популярними браузерами?

. Наскільки сумісний сайт зі стандартами кодування W3C? Використовується HTML/CSS?

. Чи вказані теги «alt» для всіх важливих картинок?

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

Навігація:

. Чи використовується для посилань текст, який зрозуміло вказує, куди вони ведуть?

. Глибина - скільки кліків потрібно зробити, щоб дістатися до сторінки в глибині сайту.

. Якщо флеш-заставка або функції навігації забезпечуються за допомогою формату Java/JavaScript/Flash, чи є текстова альтернатива?

. Чи видно по посиланнях, що вони клікабельні?

. Наскільки просто користуватися сайтом? Значки чіткі чи ні? Чи розрізняються кнопки/посилання у вигляді тексту, які не клікабельні, і навпаки?

. Чи є стиль шрифту чітким та зрозумілим. Чи достатній розмір шрифту для комфортного читатиння.

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

. Чи доступна карта сайту? Якщо ні, чи можливо здійснити пошук за ключовими словами? Примітка: У великих сайтах (більше тисячі сторінок) обов’язково повинна бути форма пошуку.

Дизайн:

. Чи є дизайн сайту естетично привабливим?

. Чи кольори сайту гармонійні і логічно пов’язані?

. Чи легко сприймаються вибрані кольори? (Наприклад, чи достатньо вони контрастні, щоб дальтоніки і люди зі слабким зором могли користуватися сайтом?)

. Чи відповідає дизайн аудиторії? Стандартний розмір шрифту повинен легко читатися відвідувачами, які не знають, як налаштувати браузер.

. Шрифти повинні легко читатися, акуратно зменшуватися і добре виглядати на екранах з різним розширенням.

Контент:

. Стиль текстів відповідає призначенню сайту і «говорить» з цільовою аудиторією?

. Чи можна змінити розмір тексту в браузері, чи зміна розміру обмежена налаштуваннями CSS?

. Чи достатній контраст між текстом і кольором фону для зручного читання?

. Чи розділений текст на невеликі, зручні для читання абзаци і чи структурується він за допомогою заголовків, підзаголовків і виділеннь, які полегшують швидкий перегляд?

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

. Чи є на сайті розділ «Про сайт», де вказується хто автор проекту, та посилання на джерело контенту, автором якого власник сайту не є?

. Чи регулярно оновлюється контент?

Безпека:

. Чи є якісь очевидні слабкі місця у системі безпеки?

. Наскільки форми пристосовані до спеціальних символів?

. Чи захищені паролі приватних каталогів від доступу та індексування?

. Чи зберігаються дані клієнтів на віддаленому сервері і чи надійно захищена база даних від зовнішнього доступу?

Інші технічні фактори:

. Яка швидкість завантаження сайту?

. Чи всі посилання (внутрішні та зовнішні) валідні та активні?

. Чи є у скриптах помилки?

. Чи захищений сайт від помилок з боку сервера?

Інші маркетингові фактори:

. Чи достатньо сайт оптимізований під пошукові системи (виділені основні частини тексту (ключі)? Чи релевантні і контекстуально пов’язані теги заголовку, текст заголовку, що прописаний в тегу Н1, зовнішні посилання і т. д.).

. Чи зацікавлює користувача головна сторінка сайту, щоб він захотів перейти на інші сторінки.

. Чи містяться на сайті елементи, які розроблені для залучення потенційних відвідувачів (наприклад, новини, функція «розповісти другу», форум з можливістю підписки, стрічка RSS або що-небудь подібне)? Чи починаються заголовки сторінок з найбільш релевантної ключової фрази (в крайньому випадку, вона може бути другим або третім словом у заголовку), яка найкраще описує зміст або функцію сторінки? Якби вам потрібно було розповісти, про що ця сторінка, і ви могли використовувати 1-3 слова або ключових фрази, які б ви обрали?

. Чи сформовано файл Robots.txt?

. Чи доступна карта сайту?

. Чи доступна кожна сторінка хоча б за простим HTML-посиланям (без JavaScript або Flash Link)?

. Чи містить кожна сторінка сайту певний текст? (Скільки тексту залишиться на сторінці, якщо прибрати всі картинки, відео, Java-аплети і JavaScript код? Те, що залишилося, як і раніше розкриває суть сторінки?)

. Чи кожна сторінка доступна тільки по одному URL посиланню?

Матеріал, що використовується на законних підставах / Гарантії / Легітимізація:

. Чи є на вашому сайті сторінка контактів з дійсними адресами, безкоштовний номер телефону, форма контакту або доступний e-mail, зрозумілий і простий у використанні механізм зворотного зв’язку/контакту?

. Чи є на вашому сайті повідомлення про авторське право? Чи доступна сторінка з умовами використання сайту, де ви детально перераховуєте, що і чому ви робите, і з чим повинні погодитися користувачі, якщо вони хочуть користуватися сайтом

. Чи проводите ви політику конфіденційності (особливо, якщо ви зберігаєте дані, електронну пошту, імена, куки)?

2.3 Способи оцінювання ресурсів інтернету

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

Як оцінити відвідуваність сайту:

Для простої оцінки відвідуваності сайту можна скористатися стандартними сервісами, де в спеціальну форму треба ввести адресу сайту і натиснути «Отримати». Через секунду з’явиться статистика по обраному сайту: кількість відвідувачів за місяць, за останню добу і за поточний день.

Для більш «просунутої» оцінки відвідуваності сайту можна скористатися програмами Яндекс.Метрика і Google Analitycs - ці системи нададуть докладний аналіз не тільки по загальній відвідуваності, але і за відвідуваністю за вибраний відрізок часу, кількості відвідувачів сайту з різних країн і регіонів і навіть інформацію щодо кількості заходжень на ту чи іншу сторінку і завантажень тих чи інших файлів з сайту.

Як оцінити сайт онлайн:

Тут введимо ім’я сайту і тиснемо «Аналіз». Сервіс видасть наступну інформацію: назву, опис і ключові слова, по яких просувається сайт, скріншоти зі сторінками сайту, кількість сторінок сайту, індексованих пошуковими системами, рейтинги, виставлені сайту системами Яндекс і Google (Яндекс ТІЦ - тематичний індекс цитування і Google PR або Google Page Rank - така ж оцінка з боку Google). Є й такі показники, як процентне співвідношення на сторінках сайту текстової інформації і зображень із зазначенням на мови програмування, на яких написаний сайт, швидкість і час завантаження сторінок сайту, кількість посилань на сторінках і багато іншого. В цій же системі пункти «Система управління сайтом», «Сайти на одному IP», «Наявність IP в спам-базах» - ця інформація буде корисна, щоб оцінити ефективність сайту.

Яндекс ТИЦ і Google PR:

Системи цих оцінок трохи різняться, крім того, PR простіше для сприйняття, оскільки оцінка сайту в цій системі ведеться за 10-бальною шкалою - чим вище бал, тим якісніше і корисніше для користувачів сайт і тим вище сайт буде розташований на сторінках видачі в пошуковій системі Google по відповідних запитах. Щоб підвищити PR, потрібно розміщувати релевантний контент (вміст, відповідне заявленій тематиці сайту), розміщувати на сторінках сайту посилання на інші його сторінки (в помірній кількості) і, звичайно ж, сайт повинен бути вже досить «дорослим», щоб пошукова система почала йому «довіряти».

Найвищі оцінки - від 8 до 10 можуть отримати тільки сайти дуже великих компаній. Так що якщо у вашого сайту оцінка від 5 до 7 - можна сказати, що він працює на «відмінно», 3-4 - це «добре», 2 - «задовільно». Якщо оцінка 1, то потрібно серйозно доопрацьовувати сайт, а ось нульова оцінка може свідчити про проблеми з індексацією сайту в Google.

Інші можливості оцінки сайту:

Тут є схожа інформація, проте розташована вона більш наочно. Як звичайно, для кожного сайту є рейтинги ТИЦ і PR, а також кількість проіндексованих сторінок в системах пошукових гігантів Google і Яндекс, кількість ресурсів, на які розміщені посилання на аналізований сайт. Є інформація і про наявність сайту в каталогах, віці сайту, IP сайту, хостерів і останнім пунктом тут йде PR-CY.Rank - рейтинг, розроблений співробітниками даної системи аналізу сайтів - можете порівняти рейтинги різних сайтів, щоб отримати їжу для роздумів.

Як оцінити якість сайту:

Що стосується того, як оцінити сайт з точки зору унікальності його вмісту (контенту), використовуємо програми-антіплагіатори. Відмінною програмою в цій категорії є «Advego Plagiatus».

Відмінними вважаються показники від 95% і вище, хорошими - 90-95%, задовільними: 80-90%.

Якщо унікальність тексту нижче 80%, краще для нормальної індексації пошуковими його переписати так, щоб домогтися більш високого ступеня унікальності.

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

3. ОПТИМІЗАЦІЯ САЙТУ

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

3.1 Внутрішня оптимізація сайту

. Перед тим, як оптимізувати сайт, потрібно визначитися із запитами, по яких планується просувати сайт. Це можна зробити через сервіс Яндекс Дірект (при просуванні в Яндексi).

. Після визначення запитів підбираються найбільш релевантні сторінки під кожен запит.

. Кожна сторінка сайту оптимізується під 1-2 запити.

. Ключові слова мають бути присутніми в тайтлi і описі сторінки (у формі, зручній для прочитання користувачами, а не просто як перерахування ключовикiв).

. Ключові слова мають бути прописані в заголовку <h1>, а також бути присутніми в тексті у вигляді різних словосполук. При цьому важливо дотримуватися мiри - шукачі уміють відрізняти тексти, просто "насичені" ключовиками.

. Ключові слова мають бути присутніми в тегах <b> та <i>, а також в текстах (анкорах) внутрішніх посилань.

. Ключові слова мають бути прописані в тегах alt і title до картинок.

. Окрім верхніх/бокових меню, внутрішні сторінки сайту мають бути додатково перелінкованi у футерi - підвалі сайту (при цьому потрібно використовувати ключові слова), а також в текстах повних новин сайту (наприклад, після статті йде 5 посилань «Схожі матеріали» на схожі по темі сторінки сайту, що збільшує кількість переглядів сторінок).

. Адреси сторінок сайту переважно робити у вигляді статичних сторінок.

. Окрім особливих випадків всі зовнішні посилання (лічильники і таке інше) слід закривати від індексації через <noindex> і rel=”nofollow”, щоб не витікав PR і тІЦ.

. Найцікавіші матеріали сайту мають бути на видному місці, наприклад, в розділі меню «Популярне».

. Навігація на сайті має бути у вигляді текстових посилань та без використання скриптів, що покращує індексацію. При графічній навігації пункти слід продублювати в тегах alt і title для тих відвідувачів, які відключають графіку в браузерi.

. Всі сторінки сайту мають бути доступні в 2-3 кліка від головної.

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

. Оформлення сторінок має бути по максимуму винесене у файл CSS (каскадні таблиці стилів), щоб зменшити об'єм кодiв і прискорити час завантаження сайту.

. Дизайн сайту має бути оптимізований як під Internet Explorer, так і під Mozilla Firefox, Opera і Safari. Не секрет, що частенько сайти в різних браузерах відображуються по-різному.

.2 Перевірка якості сайту

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

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

Ключові моменти оцінки якості веб-проектів

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

Сумісність сайту з браузерами.

Відповідність стандартам.

Семантика HTML -кода.

Доступність сайту для користувачів.

Швидкість роботи на стороні сервера.

Швидкість роботи на стороні браузеру.

Кросбраузернiсть сайту

Перевіряємо за допомогою www.browsershots.org. Вибираємо найбільш поширені браузери для цільової аудиторії (Internet Explroer 6, 7 і 8, Firefox 2 і 3, Opera 9 і 10, Safari 3, Chrome 1). Отримуємо пару десятків зображень головної сторінки сайту, і вже по ній оцінюємо якість верстання: наскільки вона відповідає початковому дизайн-макету.

Відповідність стандартам

Зазвичай, при розробці відповідно до стандартів зменшується час на підтримку і розвиток такого сайту і збільшується його доступність для користувачів. Які стандарти варто перевіряти?

Перевіряємо за допомогою HTML -валидатора: validator.w3.org (нам вистачає, щоб було не більше 25 помилок на сторінці. Рекомендується перевіряти декілька типових сторінок для усунення найбільш очевидних недоліків).

Відповідність стандартам доступності : WCAG. Перевіряємо за допомогою www.contentquality.com (досить відповідності першому рівню - A, WCAG Priority 1).

Доступність і семантика коду

Відключення стилів і JavaScript у браузері дозволить "побачити" сайт таким, як він "виглядає" для пошукових і інших роботів. У Firefox це можна зробити за допомогою Web Developer Toolbar. У інших браузерах - в налаштуваннях відключення скриптів і з допомогою:

javascript:document.getElementsByTagName('head')[0].innerHTML='';void(0);

Запуск цій адреси у браузері усуне велику кiлькiсть стилів (або ж усi) із сторінки.

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

Швидкість роботи сайту

Дуже часто швидкість роботи робить ключовий вплив на конвертацію відвідувачів в доход сайту. Особливо це характерно для інтернет-магазинів. Як ми можемо перевірити цю швидкість? Для серверної сторони існує інструмент host - tracker.com, за допомогою якого можна встановити характерний час доступу до сайту з різних точок земної кулі. Також він дозволяє оцінити характерний час створення сторінки на сервері (якщо мінімальний час доступу до сайту більше 1с, то вже варто бити тривогу).

Для перевірки відмовостійкості сайту варто скористатися сервісом Load Impact. Безкоштовний аналіз дозволяє перевірити до 50 одночасних відвідувань (кожне з яких може відкривати декілька десятків сторінок на сайті). Основним показником стійкості сайту до навантажень буде вид кривої, який вийде після проведення тесту. Якщо графік рівний або час відкриття сторінки дещо падає при рості відвідуваності - значить, з сайтом усе нормально. Якщо ні, то треба приймати рішення про оптимальний потік відвідувачів, яких сайт зможе обслужити.

Для перевірки якості швидкості завантаження клієнтською складовою можна скористатися або YSlow під Firebug для Firefox (оцінка має бути не менше 80, краще всього не менше 90), або ж безкоштовним інструментом webo.in (проста оцінка не нижче 70, краще - вище 80).

На що впливає якість сайту

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

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

Зараз на ринку існує декілька рішень, що дозволяють автоматизувати прискорення сайту на клієнтському рівні. Для ASP.NET - це GetRPO.com, для систем на базі PHP - це Web Optimizer.

4. СЕРВІСИ ДЛЯ ОЦІНЮВАННЯ ЯКОСТІ WEB-РЕСУРСІВ

Існують спеціальні сайти для оцінювання якості web-ресурсів мережі. Ці сайти визначають такі важливі показники, як: Ping (провірка доступності сайту / чи сайт в on-line), Проверка обратных ссылок (провірка, хто посилається на цей сайт) Проверка ТИЦ и PR (рейтинг сайту у пошуковиках). Окрім цього, ці сервіси стежать за роботою Вашого сайту і повідомляють Вас, якщо щось не працює, або працює неправильно.

.1 Ping-Admin.Ru

Admin.Ru - моніторинг сайтів і серверів. Перевірка роботи сайтуAdmin.Ru здійснює цілодобовий моніторинг на вашому сервері таких сервисов як: HTTP, HTTPS; FTP; MySQL, PostgreSQL; POP3, SMTP, IMAP; DNS, а також перевірки за допомогою Ping й Telnet. моніторинг сервера сайту сервісів перевірка доступності ping

Сервіс надає наступні послуги:

Детальна разова перевірка сайту;;

Перевірка зворотних посилань;

Перевірка ТИЦ й PR.

Рисунок 5 - Результат перевірки сайту сервісом Ping-Admin.Ru

Результати перевірки:

ТИЦ: 0; PR: 1вашого сервера 31.170.163.16

Термін завантаження сайту 0,701655 сек0,151359(21,57%)

швидкість завантаження 37 КБ/с

.2 mysitecost.ru

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

Опис оцінювання сайту проектом mysitecost.ru

Рисунок 6 - Результат перевірки сайту сервісом mysitecost.ru

Результати перевірки:

Ця сторінка містить звіт про приблизну вартість сайту #"864570.files/image007.gif">

Рисунок 7 - Результат перевірки сайту сервісом validator.w3.org

Результати перевірки:

Помилки, 31 попередження

Адреса: http://melkiy.te.ua/

Кодування :UTF-8: HTML 4.01 Transitional

Кореневий елемент: HTML

ВИСНОВКИ

У моєму курсовому проекті, перед мною стояло завдання створити сайт-візитку компанії, яка надає послуги в галузі ІТ та провести оцінювання роботи цього сайту.

Сайт пройшов зовнішню та внутрішню провірку за такими критеріями:

комфортність;

навігація;

дизайн;

відвідуваність;та ТІЦ;

швидкість завантаження сторінок;

правильність коду;

присутність у популярних каталогах.

У ході написання курсового проекту було створено сайт, який успішно пройшов тести на роботоздатність.

СПИСОК ВИКОРИСТАНОЇ ЛІТЕРАТУРИ

Морзе Н.В. Методика навчання інформатики: Навч. посіб.: У 4 ч. / За ред. акад. М.І. Жалдака. - К.: Навчальна книга, 2003. - Ч. ІІІ: Методика навчання основних послуг глобальної мережі Інтернет. - 196 с.

Рамський Ю.С., Рєзіна О.В. Вивчення інформаційно-пошукових систем мережі Інтернет: Навч. посіб. - К.: НПУ імені М.П. Драгоманова, 2004. - 60 с.

Teaching Web Evaluation, http://lrs.ed.uiuc.edu/wp/credibility/page4.html, Date Last Modified: 7/01/2002

Как оценить достоверность результатов поиска? [Электронный ресурс] - Режим доступа: http://shperk.ru/v-seti/servisy/kak-ocenit-dostovernost-rezultatov-poiska.html

Мержевич В. (1 октября 2010). Фиксированная ширина, float плюс margin [WWW документ]. URL http://htmlbook.ru/layout/fiksirovannaya-shirina-float-plyus-margin (28 листопада 2012).

Мержевич В. (22 сентября 2010). Основы CSS. Свойства текста [WWW документ]. URL http://htmlbook.ru/content/svoystva-teksta (28 листопада 2012).

Глушаков С.В., Жакин И.А., Хачиров Т.С. Программирование Web-страниц . - Харьков: «Фолио», 2005.-390 с.

Viktor Motuzka <http://uk.wikipedia.org/w/index.php?title=Користувач:Viktor_Motuzka&action=edit&redlink=1>.(13 листопада 2012). Сайт [WWW документ]. URL http://uk.wikipedia.org/wiki/%D0%A1%D0%B0%D0%B9%D1%82 (28 листопада 2012)

ДОДАТОК А

Технічне завдання

МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ

Тернопільський національний технічний університет ім. І. Пулюя

Кафедра комп’ютерних систем та мереж

“ЗАТВЕРДЖУЮ” Завідувач кафедрою КС ______ д.т.н. Лупенко С.А. “____”_________2014 р.

ТЕХНІЧНЕ ЗАВДАННЯ

На курсовий проект

На тему: «Методи оцінювання якості web-ресурсів»

На здобуття освітньо-кваліфікаційного рівня “Спеціаліст”

Спеціальність 7.05010201 “Комп'ютерні системи та мережі”

“Узгоджено” Керівник курсового проекту Жаровський Р.О.____________ “____”_________2014р.

“Виконавець” Студент групи СІ-52 Melkiy.te.ua В. Р.__________ “____”_________2014 р.

Тернопіль - 2014

ЗАГАЛЬНІ ПОЛОЖЕННЯ

Технічне завдання (ТЗ) описує розробку сайту-візитки компанії, яка надає послуги в ІТ-галузі та методи оцінювання створеного сайту.

.1 Повне найменування системи та її умовне позначення

Повна назва теми курсового проекту: «Методи оцінювання якості web-ресурсів»

.2 Виконавець курсового проекту

Студент Melkiy.te.ua Mi.ucoz.org, групи СІ-52, факультету комп’ютерно-інформаційних систем та програмної інженерії, Тернопільського національного технічного університету імені Івана Пулюя.

.3 Перелік вихідних даних, документів, на підставі яких створюється система

Вихідні дані та документи на підставі яких створюється сайт:

стандарти мови web-програмування, мови гіпертекстової розмітки та каскадних таблиць стилів;

стандартні правила SEO.

.4 Планові терміни початку та завершення проектування

Плановий термін початку виконання курсового проекту - 10.02.2014 року.

Плановий термін завершення виконання курсового проекту - 27.04.2014 року.

ПРИЗНАЧЕННЯ ТА МЕТА WEB-РЕСУРСУ

.1 Призначення сайту-візитки

Сайт-візитка призначена для:

опису інформації про компанію;

опису послуг, які надає компанія;

запису відгуків про діяльність компанії.

.2 Мета оцінювання сайту-візитки

Метою курсового проекту є розробка сайту-візитки та його тестування, що включає в себе:

створення сайту-візитки;

тестування відображення сайту у різних бравзерах;

тестування відображення шрифту сайту;

контроль відвідування сайту;

тестування швидкості завантаження сторінок сайту.

ВИМОГИ ДО САЙТУ

.1 Вимоги до сайту-візитки в цілому

Сайт повинен:

коректно відображати сторінки у кодуванні utf-8;

відображати послуги, які надає компанія;

надавати інформацію про компанію.

.2 Вимоги до структури

Сайт складається з html-сторінок, CSS-стилів та зображень у форматах JPG та GIF.

Папка public_html - коренева папка

index.html - головна сторінка

about.html - про компанію

services.html - послуги компанії

- contact.html - контакти

help.html - FAQ

- styles.css - головний CSS-стиль сайту

Папка images - папка для збереження картинок

ТЕХНІКО-ЕКОНОМІЧНІ ПОКАЗНИКИ

Собівартість сайту-візитки повинен становити не більше 2000 грн.

Термін експлуатації повинен бути не менше 10 тис. год.

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

СТАДІЇ І ЕТАПИ ПРОЕКТУВАННЯ

Таблиця 1. Стадії та етапи виконання курсового проекту (КП)

№ етапу	Назва етапу виконання КП	Термін виконання
1	Розробка та затвердження технічного завдання
2	Аналіз технічного завдання, підбір бібліографічних матеріалів, необхідних для виконання роботи, техніко-економічний аналіз
3	Розробка структури сайту
4	Внутрішнє тестування сайту
5	Перевірка якості сайту
6	Зовнішнє тестування сайту
7	Оформлення пояснювальної записки
8	Попередній захист курсового проекту
9	Захист курсового проекту

ПОРЯДОК КОНТРОЛЮ І ПРИЙМАННЯ

Контроль процесу виконання КП проводить керівник курсового проекту.

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

ВИМОГИ ДО ДОКУМЕНТАЦІЇ

Документація повинна відповідати вимогам ЄСКД та ДСТУ

Комплект конструкторської документації:

пояснювальна записка;

додатки;

графічний матеріал:

В комплект конструкторської документації можуть вноситися зміни та доповнення в процесі розробки.

Під час виконання КП в дане технічне завдання можуть вноситися зміни та доповнення.

ДОДАТОК Б

Вихідні коди.html

<html>

<head>

<title>Компанія "Веселий студент" - Курсова робота Володимира Melkiy.te.uaа</title>

</head>

<body>

<tr>

</tr>

<tr>

<p>Компанія "Веселий студент"</p>

</blockquote>

</blockquote></td>

</tr>

<tr>

<td rowspan="4" align="left" valign="top" id="content"><h1><center>Вітаємо Вас на головній сторінці</center></h1>

<hr>

<p>Компанія "Веселий студент"</p>

Якщо Ви потрапили на цю сторінку, значить Ви хочете створити собі web-сайт.<br>

Наша компанія працює у сфері web-розробки з 2006 року.<br>

Серед наших клієнтів є такі компанії, як [melkiy] corporation та VVcompany<br>

<hr>

<tr>

</tr>

<tr>

</tr>

<tr>

<div>

<p><a href="index.html">Головна сторінка</a></p>

<p><a href="services.html">Послуги</a></p>

<p><a href="about.html">Про Компанію</a></p>

<p><a href="contacts.html">Контакти</a></p>

</div>

</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table> </td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<br>

<p>Компанія "Веселий студент" <a href="http://melkiy.te.ua">Розробив Володимир Melkiy.te.ua</a> Усі права вільні <span style="-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -khtml-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); display: inline-block;">©</span> </p>

</blockquote></td>

</tr>

<tr>

</tr>

</table>

</div>

</body>

</html>.html

<html>

<head>

<title>Компанія "Веселий студент" - Курсова робота Володимира Melkiy.te.uaа</title>

</head>

<body>

<tr>

</tr>

<tr>

<p>Компанія "Веселий студент"</p>

</blockquote>

</blockquote></td>

</tr>

<tr>

<td rowspan="4" align="left" valign="top" id="content"><h1><center>Ми надаємо послуги:</center></h1>

<hr>

<p>Наша компанія надає ряд послуг:</p>

Послуга #1<br>

<i>Створення web-сайту.</i>

Послуга #2<br>

<i>Адміністрування існуючого сайту</i>

<br>

<hr>

<tr>

</tr>

<tr>

</tr>

<tr>

<div>

<p><a href="index.html">Головна сторінка</a></p>

<p><a href="services.html">Послуги</a></p>

<p><a href="about.html">Про Компанію</a></p>

<p><a href="contacts.html">Контакти</a></p>

</div>

</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table> </td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<br>

</blockquote></td>

</tr>

<tr>

</tr>

</table>

</div>

</body>

</html>.html

<html>

<head>

<title>Компанія "Веселий студент" - Курсова робота Володимира Melkiy.te.uaа</title>

</head>

<body>

<tr>

</tr>

<tr>

<p>Компанія "Веселий студент"</p>

</blockquote>

</blockquote></td>

</tr>

<tr>

<hr>

<p><center>Історія нашої компанії.</center></p>

<p><center>Створення:</center></p>

Наша компанія була створена у 1991.

<p><center>Перший успіх:</center></p>

Перший успіх до компанії прийшов, коли ми вийшли на Європейський ринок у 2006 році.

<hr />

<tr>

</tr>

<tr>

</tr>

<tr>

<div>

<p><a href="index.html">Головна сторінка</a></p>

<p><a href="services.html">Послуги</a></p>

<p><a href="about.html">Про Компанію</a></p>

<p><a href="contacts.html">Контакти</a></p>

</div>

</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table> </td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<br>

</blockquote></td>

</tr>

<tr>

</tr>

</table>

</div>

</body>

</html>

сontacts.html

<html>

<head>

<title>Компанія "Веселий студент" - Курсова робота Володимира Melkiy.te.uaа</title>

</head>

<body>

<tr>

</tr>

<tr>

<p>Компанія "Веселий студент"</p>

</blockquote>

</blockquote></td>

</tr>

<tr>

<td rowspan="4" align="left" valign="top" id="content"><h1><center>Наші контакти:</center></h1>

<hr>

<p>Наша компанія розташовується за адресою:</p>

м. Тернопіль<br>

вул. Руська 53<br>

ТНТУ ім. Івана Пулюя<br><br>

Наший сайт - http://melkiy.te.ua/<br>

<hr>

<tr>

</tr>

<tr>

</tr>

<tr>

<div>

<p><a href="index.html">Головна сторінка</a></p>

<p><a href="services.html">Послуги</a></p>

<p><a href="about.html">Про Компанію</a></p>

<p><a href="contacts.html">Контакти</a></p>

</div>

</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table> </td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<br>

<p>Компанія "Веселий студент" <a href="http://melkiy.te.ua" target="_blank">Розробив Володимир Melkiy.te.ua</a> Усі права вільні <span style="-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -khtml-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); display: inline-block;">©</span> </p>

</blockquote></td>

</tr>

<tr>

</tr>

</table>

</div>

</body>

</html>.html

<html>

<head>

<title>Компанія "Веселий студент" - Курсова робота Володимира Melkiy.te.uaа</title>

</head>

<body>

<tr>

</tr>

<tr>

<p>Компанія "Веселий студент"</p>

</blockquote>

</blockquote></td>

</tr>

<tr>

<td rowspan="4" align="left" valign="top" id="content"><h1><center>Питання - Відповіді</center></h1>

<hr>

<b>1. Ви працюєте у сфері інтернет-комерції?</b><br>

<b>2. У Вас є інтернет-магазин?</b><br>

<hr />

<tr>

</tr>

<tr>

</tr>

<tr>

<div>

<p><a href="index.html">Головна сторінка</a></p>

<p><a href="services.html">Послуги</a></p>

<p><a href="about.html">Про Компанію</a></p>

<p><a href="contacts.html">Контакти</a></p>

</div>

</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table> </td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<br>

</blockquote></td>

</tr>

<tr>

</tr>

</table>

</div>

</body>

</html>.css,h2,h3,h4,h5,h6 {family: Georgia, Times New Roman, Times, serif;

}{size: 14px;

}{size: 12px;

}{size: 10px;

}{size: 8px;

}{left: 0px;top: 0px;right: 0px;bottom: 0px;size: 13px;

},td,th {family:Georgia, Times, serif;: #000000;

}{image: url(images/index_r6_c1.jpg);repeat: repeat-y;position: center;color: #E8E8E8;: 0px;left:4px;

}

.toolbar {image: url(images/index_r3_c4.jpg);repeat: no-repeat;: 208px;: auto;family: Tahoma;size: 12px;: #FFFFFF;weight: 100;style-type: square;

}

.toolbar a {: #FFFFFF;weight: 300;style-type: square;decoration:none;

}

.toolbar a:active {: #FFFFFF;weight: 300;style-type: square;decoration:none;

}

.toolbar a:visited {: #FFFFFF;weight: 300;style-type: square;decoration:none;

}

.toolbar a:hover {: #FFFFFF;weight: 600;style-type: square;decoration:overline;

}

#header {image: url(images/index_r1_c1.jpg);:#FFFFFF;size:24px;

}

#content {image: url(images/index_r2_c2.jpg);bottom: 15px;

}

#border1 {image: url(images/index_r2_c3.jpg);

}

#border2 {image: url(images/index_r2_c4.jpg);

}

#border3 {image: url(images/index_r2_c6.jpg);

}

#border4 {image: url(images/index_r4_c5.jpg);

}

#border5 {image: url(images/index_r5_c3.jpg);

}

#border6 {image: url(images/index_r4_c3.jpg);

}

#border7 {image: url(images/index_r2_c1.jpg);

}

#content hr {bottom-width: 2px;bottom-style: dotted;bottom-color: #999999;bottom: 7px;right: 2px;

}

#content a {: #FFFFFF;

}

#content blockquote {image: url(images/blockquote.gif);: 1px dotted #ffffff;top: 0px;right: 15px;bottom: 0px;left: 15px;size:14px;:#FFFFFF

}

#content blockquote blockquote {image: url(images/blockquote-blockquote.gif);: 1px dotted #ffffff;top: 0px;right: 15px;bottom: 0px;left: 15px;size:13px;:#FFFFFF

}

#content blockquote blockquote blockquote {image: url(images/blockquote.gif);: 1px dotted #ffffff;top: 0px;right: 15px;bottom: 0px;left: 15px;size:12px;:#FFFFFF

}

#content blockquote blockquote blockquote blockquote {image: url(images/blockquote-blockquote.gif);: 1px dotted #ffffff;top: 0px;right: 15px;bottom: 0px;left: 15px;size:11px;:#FFFFFF

}

#content pre {image: url(images/blockquote.gif);: 1px dotted #ffffff;: 15px;:#FFFFFF

}

#content pre pre {image: url(images/blockquote-blockquote.gif);: 1px dotted #ffffff;: 15px;:#FFFFFF

}

Методи оцінювання якості web-ресурсів

Методи оцінювання якості web-ресурсів

Похожие работы на - Методи оцінювання якості web-ресурсів