Web 2.0 Blog

Блог за Enterprise Web 2.0, маркетинг план, бизнес план, уеб 2.0 стратегия и брандинг

Web 2.0 Blog header image 2

Микроформати и Google Maps за Създаване на Web 2.0 Семантично Приложение

юли 16th, 2008 · Няма Коментари

Въведение:

В тази втора публикация ще покажем как се публикува корпоративна информация и графични изображения чрез микроформати и jQuery върху GoogleMaps за създаване на web 2.0 приложение с вграден семантичен HTML. Тази презентация показва реалните ползи от интеграцията на микроформати в Enterprise Web 2.0 приложения.
Микроформати
Информация за използуването на микроформати може да намерите на следния адрес. В този пример ще интегрираме hCard микроформат за публикуване на корпоративна и графична информация върху GoogleMaps.
Kода за публикуване на hCard се парсва (чете) чрез jQuery JavaScript който извлича на специфичните CSS тагове на микроформати от HTML. Статичния HTML (CSS tags) прави кода по разбираем за компютъра.
Демо:
Активирайте червените маркери във widget за да се уверите, че демо примера работи и във Wordpress и извлича микроформати чрез jQuery parser. В този пример се извлича и графична информация лого която се визуализра в прозорец при активиране на маркера. Съчетанието на GoogleMaps, микроформати, widget, blog, jQuery прави възможно сюъздаването на атрактивни web 2.o приложения и възможност да създавате разнообразни екосистеми баазирани на приложения с отворен код. В примера са публикувани Picasa GeoRSS обекти (сините маркери). Ако ползувате Firefox браузер 2.0 up може да свалите адреса директно. В следващата публикация ще покажем как може да използуваме семантичния уеб (semantic web) за създаване на enterprise web 2.0 приложения с графични изображения.
Екосистема
Microformats – jQuery – GoogleMaps- HTML – HTML Widget – Wordpress Blog

Сподели:
  • del.icio.us
  • LinkedIn
  • Facebook
  • Netvibes
  • Twitter
  • Google Bookmarks
Харесвате ли публикацията? Ако отговора е да, моля bookmark,
 уведоми приятел
и се абонирай за RSS feed.
Етикети: , , , ,

Категория: web 2.0

.

Свързани публикации:

Web 2.0: Google Maps, GeoRSS и jQuery в Enterprise Web 2.0 Приложение и Wordpress Блог

Google Maps jQuery Plugin и Google Maps API за Създаване на Web 2.0 Mashup

Google Maps jQuery Plugin за Създаване на Web 2.0 Приложения

Google Maps, jQuery и JSON за Създаване на Динамични Маркери за Enterprise Mashup

Google Maps Инструмент за Създаване на Динамични Маркери за Web 2.0 Приложение

Google Maps и FancyBox във WordPress и Web 2.0 Приложение. Интеграция на KML.

0 Отговора досега ↓

  • Все още няма коментари..Kick things off by filling out the form below.

Оставете коментар