Програмні бібліотеки підтримки розробки Web-додатків

Предмет:

Тип роботи:

Дипломна робота

К-сть сторінок:

Мова:

Українська

Оцінка:

виконання задачі включено підтримку бібліотеки JQuery, а також зовнішній файл hint. js, який здійснює операції уведення-виведення. Крім того, задаються мінімально необхідні налаштування стилів (тег <style>), а також власне форма HTML із елементом city – текстовим полем та контейнером div з id=”hint” для виведення підказки.

Код програмного файлу hint. js наведено на рисунку 3. 11. Особливостями роботи даної програми є використання засобів JQuery для завантаження списку даних (назв міст) з сервера в асинхронному режимі (. get ()).

// ініціалізація поля уведення з id=«city»

$ (). ready (function ()

{

$<«itcity»). keyup (show_hint). click (cl) ;

}

) ;

// сховати та очистити підказку

function cl (euent)

{

$ («#hint»). hide () ;

$ («#hint»). empty () ;

}

// показати підказку

function show_hint (euent)

{

// очистити застарілі підказки

cl (null)

// s – активний елемент зі списку підказок

s = euent. target

if ($ (s). ual () ==««) return;

// отримати список підказок, Math. random () – захист від кешування $. get («hint. txt?, a+Math. random (), function (data) {

if (data==,,,,) return

var a = data. split ('\n')

for (uar і in a) {

// якщо підказка підходить, додати її в список

if (а[і]. indexOf ($ («#city»). ual ()) >-1)

$ («hint»). append («<diu>«+a[і]+a»</diu>«)

}

// підготувати оброблювач onclick для кожної підказки всередені контейнера

$ («#hint>diu»). click (function (event) { $ («#city»). ual ($ (euent. target). text ()) ; cl (null) })

// змінити стиль підказки

$ («#hint>diu»). сss ({«font-weight»: «bold»})

// якщо є підказки, показати їх

if ($ («#hint>div»). length>0)

$ («#hint»). width ($ («#city»). width ()). show () ;

}

Рисунок 3. 11. Код програми мовою Javascript

Функція. ready () виконується в момент завантаження сторінки, функція cl () викликається, коли необхідно приховати та очистити підказку (наприклад, при виборі зі списку), а функція show_hint () виконується при натисканні користувачем клавіші клавіатури. Крім того, використовуються засоби пошуку елементів HTML із використанням синтаксису мови CSS, зокрема #hint>div означає «знайти усі елементи div всередині елемента з id=hint.

Для прикладу файл hint. txt, який містить підказки має наступний вигляд (риcунок 3. 12) :

Київ

Полтава

Одеса

Львів

Луганськ

Рисунок 3. 12. Вміст файлу hint. txt, який містить можливі підказки

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

ПРОЕКТНА ЧАСТИНА

4 РОЗРОБКА ДОДАТКУ НА C# – «Такси В Украине»

Після встановлення пакету програм Windows Phone SDK, запускаємо середовище розробки.

Рисунок 4. 1 – Початкова сторінка

Для створення нового проекту обираємо пнкт «Создать проект…». У новому вікні потрібно обрати відповідний шаблон, в моєму випадку це «Приложение Windows Phone Pivot».

Рисунок 4. 2 – Створення проекту

Pivot – дуже цікавий і корисний елемент, який зручний у використанні для користувача, що працює з великою кількістю даних. Утворено від скорочення слів Пиво ось! (Жарт). На пристроях під управлінням Windows Phone вже є вбудовані програми, які використовують Pivot – наприклад, Calendar, де ви можете перемикатися між режимами agenda і day. Ще один приклад – розділ Settings.

Після створення пректу маємо маємо:

Конструктор;

Редактор XAML розмітки;

Вікно з компонентами проекту;

Налаштування елементів (викликається по потребі).

Рисунок 4. 3 – Редактор проекту

Роботу потрібно розпочати з підключення бібліотек, які не входять до початкового стану проекту. Для цього потрібно відкрити вікно управління бібліотек (потрібнго нажати правою кнопкою миші по назві проекту в вікні з компонентами, і обрати пункт «Управление пакетами NuGet…»).

Рисунок 4. 4 – Управління пакетами

Для додатку потрібно підключитидві бібліотеки:

Microsoft HTTP Client Libraries;

HTML Agility Pack.

Ці бібліотеки не входять до складу встановленої програми тому їх потрібно завантажити церез інтернет. Також для роботи з HTML потрібна біблотека System. Xml. XPath. dll, яка знаходиться в папці з прогамою.

Microsoft HTTP Client Libraries

Цей пакет включає в себе відправлення запитів по протоколу HTTP, а також HTTPRequestMessage і HttpResponseMessage для обробки HTTP – повідомлень.

Цей пакет не підтримується в Visual Studio 2010, і встановлюється тільки для проектів, спрямованих. NET Framework 4. 5, Windows 8, або Windows Phone 8. 1, що використовує цей пакет.

Підтримувані платформи:

NET Framework 4

Windows 8

Windows Phone 8. 1

Windows Phone Silverlight 7. 5

Silverlight 4