Введення в технологію AJAX. Розробка мобільних веб-додатків.

💸 Как сделать бизнес проще, а карман толще?

Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое раписание, но и напоминать клиентам о визитах тоже. Проблема в том, что средняя цена по рынку за такой сервис — 800 руб/мес или почти 15 000 руб за год. И это минимальный функционал. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
⚡️ Для новых пользователей первый месяц бесплатно. А далее 290 руб/мес, это в 3 раза дешевле аналогов. За эту цену доступен весь функционал: напоминание о визитах, чаевые, предоплаты, общение с клиентами, переносы записей и так далее.
✅ Уйма гибких настроек, которые помогут вам зарабатывать больше и забыть про чувство «что-то мне нужно было сделать».
Сомневаетесь? нажмите на текст, запустите чат-бота и убедитесь во всем сами!

AJAX (Asynchronous JavaScript and XML) - це концепція використання декількох суміжних технологій, орієнтована на розробку високоінтерактівних додатки, швидко реагуючих на дії користувача, що виконують велику частину роботи на стороні клієнта і взаємодіючих з сервером за допомогою позасмугових звернень.

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

Популярність AJAX пов'язана з появою сервісу Google Suggest в 2005 році. Даний сервіс на основі об'єкта XMLHttpRequest надає в розпорядження користувача досить динамічний веб-інтерфейс. В процесі введення символів користувачем в поле пошукового запиту JavaScript відправляє їх на сервер і отримує від нього список підказок:

AJAX застосовується для розробки веб-додатків, до яких пред'являються наступні вимоги:

- додаток повинен передавати користувачам свіжі дані, отримані з сервера;

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

Для роботи з такими додатками в браузері, необхідно, щоб він відповідав вимогам:

- підтримка посередників (для позасмугових викликів HTTP). Зазвичай реалізується у формі об'єкта XmlHttpRequest;

Об'єкт XmlHttpRequest являє собою компактну об'єктну модель для відправки сценарієм звернень HTTP в обхід браузера. Клієнтський код сценарію не може впливати на процес розміщення запиту і результат відправлення запиту. XmlHttpRequest дозволяє сценарієм відправляти HTTP запити і обробляти отримані відповіді.

Як формат передачі даних зазвичай використовуються JSON або XML.

JSON (JavaScript Object Notation) - текстовий формат обміну даними, заснований на JavaScript і зазвичай використовуваний саме з цією мовою. Незважаючи на походження від JavaScript, формат вважається мовно-незалежним і може використовуватися практично з будь-якою мовою програмування. Для багатьох мов існує готовий код для створення та обробки даних в форматі JSON.

- набір пар ім'я / значення. В різних мовах це реалізовано як об'єкт, запис, структура, словник, хеш-таблиця, список з ключем або асоціативний масив.

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

Наступний приклад показує JSON-уявлення об'єкта, що описує викладача.

Microsoft.NET надає в розпорядження розробників свою реалізацію AJAX технології - ASP.NET 2.0 AJAX.

З архітектурної точки зору, інфраструктура ASP.NET 2.0 AJAX складається з двох елементів:

- бібліотека клієнтських сценаріїв (реалізована на JavaScript). Працює в будь-якому сучасному браузері;

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

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

WAP (Wireless Application Protocol) - протокол доступу до ресурсів Інтернет безпосередньо з мобільного телефону, минаючи комп'ютера та / або модем.

Для розмітки документів при завантаженні їх в стільникових телефонах і інших мобільних пристроях за стандартом WAP також був розроблений і спеціальна мова - WML (Wireless Markup Language).

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

WAP 2.0 - вдосконалена версія WAP, яка використовує урізаний варіант XHTML і CSS. Це дозволяє працювати з WAP 2.0 сайтами за допомогою звичайного браузера на комп'ютері без установки яких-небудь додаткових плагінів.

XHTML MP (XHTML Mobile Profile) - мова розмітки в WAP 2.0, розроблений для мобільних пристроїв.

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

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

Мова WML нагадує HTML, але орієнтований на пристрої з екраном низького дозволу і з невеликим розміром пам'яті. Вся інформація в WML міститься в так званих «деках».

Дек - це мінімальний блок даних, який може бути переданий сервером. В деках знаходяться «карти» (кожна карта обмежена тегами < card>). На екрані пристрою в кожен момент часу відображається тільки одна карта, а користувач може перемикатися між ними переходячи по посиланнях. Розмір WML-сторінки повинен знаходиться в межах від 1-4 кілобайт.

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

Багато мобільних пристроїв можуть показувати документи тільки в WBXML-форматі.

WBXML (WAP Binary XML) - формат компактного бінарного представлення XML. WBXML використовується для передачі через бездротові з'єднання з низькою швидкістю. Деякі браузери зі спеціальним плагінами, дозволяють переглядати WML-сторінки на звичайному комп'ютері.

В даний час спостерігається тенденція переходу від WML до XHTML.

Microsoft.NET для створення веб-додатків для мобільних пристроїв надає в розпорядження розробників інструмент.NET Mobile

.NET Mobile являє собою розширення Microsoft ASP.NET і Microsoft.NET Framework. По-суті,.NET Mobile являє собою набір серверних керуючих елементів для форм, орієнтованих на використання в бездротових мобільних пристроях. Ці елементи управління генерують різний код для різних пристроїв на мовах WML, HTML або Compact HTML (cHTML).

Керуючі елементи ASP.NET Mobile розширюють функції SDP (Smart Device Programmability) і платформу.NET Compact Framework. Вони дозволяють використовувати можливості платформи.NET Compact Framework і середовища розробки Visual Studio.NET для створення мобільних веб-додатків завдяки можливості доставки даних на різноманітні мобільні пристрої за допомогою технології ASP.NET. Цей підхід дозволяє створити в середовищі Visual Studio.NET єдине мобільне веб-додаток, автоматично виробляє формування даних для відображення на різноманітних пристроях: мобільних телефонах, пейджерах, смартфонах, Pocket PC і ін. При цьому інтегрована середа розробки дозволяє створювати мобільні веб-додатки, просто перетягуючи керуючі елементи в дизайнер форм.

Система.NET Mobile не встановлює ніяких компонентів на клієнтський пристрій. Для адаптації форматування під конкретні браузери використовується серверна логіка. Вона генерує дані в форматах WML, HTML, і cHTML. Крім адаптивної генерації веб-сторінок, технологія.NET Mobile надає багатий набір засобів індивідуалізації та розширення, забезпечуючи простий спосіб здійснення підтримки нових пристроїв. Крім того, технологія.NET Mobile дозволяє розробникам керувати поданням даних для конкретного пристрою або класу пристроїв в одній програмній моделі і забезпечує легку реалізацію підтримки нових пристроїв без переробки існуючих веб-додатків.

Загальна послідовність роботи.NET Mobile виглядає наступним чином:

1. Мобільний пристрій. З нього виходить запит на завантаження веб-сторінки.

2. Інтернет. Запит передається через мережу відповідному веб-серверу.

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

5. ASP.NET компілює запитуваний пристроєм документ.

6..NET Mobile. Реалізує елементи веб-сторінки з урахуванням вимог конкретного типу мобільного пристрою.

7. Веб-сторінка повертається назад клієнтському влаштуванню.