Втілення додатків з зовнішніх зджерел (API)

Інтерфейс програмування додатків (API, application programming interface) це набір готових класів, процедур, функцій, структур і констант, що надаються додатком (бібліотекою, сервісом) для використання у зовнішніх програмних продуктах. Використовується програмістами для написання різноманітних додатків.

API визначає функціональність, яку надає програма (модуль, бібліотека), при цьому API дозволяє абстрагуватися від того, як саме ця функціональність реалізована. Якщо програму (модуль, бібліотеку) розглядати як чорний ящик, то API - це множина «ручок», які доступні користувачеві даного ящика, які він може повертати.

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

API для сайту - це скрипт, який приймає запити (за методами GET (site.ru / api.php? A = b), POST) і повертає не звичайний HTML для браузерів, а результат запиту у певному форматі (XML , JSON, php serialize ()-ed).

АРІ призначений не для користувачів, а для скрипта зі стороннього сайту / сервісу / програми, який посилає ці GET / POST запити, отримує результат і використовує дані. Запити скріпт надсилає щоб виконати певну дію (наприклад, як дію, яку виконують користувачі сайту через браузер).

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

Онлайнові картографічні сервіси

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

Мультимедійні сервіси

YouTube

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

YouTube

Перегляд та поширення відеоматеріалів YouTube

  • На сайті YouTube.com: користувачі можуть завантажувати відео в кількох поширених форматах, в тому числі. Mpeg і. Avi. YouTube автоматично конвертує їх у Flash Video і робить доступними для перегляду в онлайн.
  • За межами YouTube.com: кожне відео супроводжується готовою HTML-розміткою для вставки відео на інші веб-сторінки. Проста техніка CopyPaste зробила поширення відео з YouTube надзвичайно популярним, адже посилання на відео може бути впроваджено в HTML-код любої веб-сторінки.
  • Скачування відео: крім спеціальних сайтів, перетворюють посилання на сторінку з відео в посилання на файли, це дозволяють робити ряд сторонніх додатків (напр., SaveTube) і розширень для браузера (напр., UnPlug або інші розширення для Firefox або доповнення для Opera). Деякі менеджери завантажень також можуть зберігати відео з цього порталу (наприклад Download Master). Є також ряд спеціальних сайтів, які можуть завантажувати відео з YouTube.

Vimeo

Vimeo

Vimeo video - це онлайн сервіс, що надає безкоштовні і платні послуги відіохостінгу. Основною перевагою є можливість завантажувати відео ролики високої якості. Сайт належить корпорації InterActiveCorp (IAC), є основним конкурентом YouTube. Не зареєстровані користувачі на сайті можуть лише переглядати відео, додавати і коментувати відеозаписи дозволено після проходження процедури реєстрації.

Youtube vs Vimeo

 
Переваги
  • Величезна аудиторія ресурсу.
  • Немає обмежень на завантаження відео.
  • Налаштування відеоканалу.
  • Безкоштовність користування.
  • Можливість заробити на відео.
  • Переваги за умови платної підписки (оформлення річної передплати 60 уе.).
  • Можна публікувати до 5 Гб відео в тиждень. Завантаження в HD форматі.
  • Немає реклами на відео.
  • Пріоритет завантаження відео на відеохостинг. Завантаження відео здійснюється дуже швидко.
  • Немає обмежень на створення каналів, груп і альбомів.
  • Розширена статистика за переглядами відео.
  • Можливість зберігати вихідні відеофайли на Vimeo.
  • Можливість кастомизировать відеоплеєр - змінити колірну схему, розміри, відключити рядок перемотування відео, відключити кнопки лайків або поділиться відео. Можна додати свій аватар на відео тощо.
  • Конфіденційність відео. Можна вказати на яких сайтах буде програватися відео (вказуєте домени), заборонити пошук відео, перегляд відео за паролем.
Недоліки
  • Висока конкуренція.
  • Не дуже хороша статистика, яка не дозволяє детально аналізувати аудиторію.
  • Боротьба за авторство контенту.
  • Багато реклами в відео роликах.
  • Немає можливості редагувати відеоплеєр.
  • Немає можливості змінити навіть колірну схему.
  • У безкоштовної версії можна завантажувати відео до 500 мегабайт в тиждень.
  • На відео з безкоштовних акаунтів може бути присутнім реклама.
  • Публікація відео на сервісі займає 1-1,5 години.
  • Обмеження на створення каналів і груп і альбомів.
  • Вбудоване відео на сайті не буде показуватисяв HD якості.

HTML5 audio. Відтворення музики на сайті

Поява тега <audio> в HTML5 надало можливості легко відтворювати звук.

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

  • Прописується шлях до музичного файлу за допомогою тега sourse
  • Вказується атрибут controls, що відповідає за показ панелі управління відтворенням
  • Рядок "Ваш браузер не підтримує аудіоплеєр!" дозволяє користувачам, чиї браузери не підтримують стандарти HTML5, побачити, що на цьому місці мав бути аудіоплеєр.

<!DOCTYPE HTML>
<html>
<head>
<title>Audio player в html: музыкальный поток на сайте</title>
</head>
<body>
    <audio src="music.ogg" controls="controls">
    Ваш браузер не підтримує аудіоплеєр! Обновіть версію браузера!
    </audio>
</body>
</html>

На тепер існує 3 вживаних формати для <audio> - оgg, .mp3, wav. Файл з розширенням .оgg буде програватися в Firefox, Opera и Chrome, формат .mp3 або .wav для Internet Explorer і Safari.

HTML5 <video>. Відтворення відео на сайті

Віджети та гаджети

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

Віджети також називають гаджетами, інформерамі, а англійською gadget, badge, module, webjit, capsule, snippet, mini або навіть flake.

Виджеты для сайта: задачи и функции

Веб-віджет (web widget) - це фрагмент коду, який може бути вбудований користувачем в HTML сторінку і використовуватися без значної модифікації. Як правило, при створенні веб-віджетів використовуються технології DHTML, JavaScript і Adobe Flash.

Веб-віджети можна умовно розділити на:

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

Кнопки соціальних мереж

Інформери

  • Sinoptik.ua

  • Gismeteo.ua

  • I.ua

  • Загружаем курсы валют от minfin.com.ua

    Minfin.com.ua

  • Україна:

    Time.is

  • Новини

    Загружается...
    Усi новиниUkr.Segodnya.ua

    Segodnya.ua

Порядок роботи

  1. Ознайомитися з наведеними картографічними ресурсами та можливостями АРІ.
  2. Користуючись конструктором втілити карти (панорамний перегляд) у відповідні сторінки сайту. На картах проставити мітки, прокласти маршрути, змінити фон, схему відображення.
  3. Розглянути коди скриптів і, якщо це можливо, змінити розміри, колір шрифту для стильової сумісності дизайну.
  4. Ознайомитися з наведеними мультимедійними ресурсами.
  5. Відредагувати засобами YouTube власне чи довільне відео. Додати звукове супроводження, зробити нарізку, додати субтитри. Втілити відредаговане відео у відповідну сторінку сайту.
  6. За допомогою тегу <audio> або audio.js додати музичний файл на сайт.
  7. Ознайомитися з іншими технологіями - Vimeo, Онлайн ТВ та подкасти. За бажанням додати до сайту.
  8. Додати до сторінки віджети та інформери
  9. Розмістити тестову сторінку на хостингу. Результат виконання демонструвати в Інтернеті.

Зміст звіту

  1. Назва та мета виконання лабораторної роботи.
  2. Скріни етапів виконання роботи та результати втілення карт на сторінки.
  3. У висновку оцінити зручність використання АРІ карт.
  4. Короткий опис редагування відео зі скрінами. HTML код, що було вставлено на сайт.
  5. Короткий опис уставляння аудіо зі скрінами. HTML код, що було вставлено на сайт.
  6. У висновку оцінити різні можливості уставляння мультимедійних ресурсів.