Web 2.0 HotMonitor Blog

google maps web 2.0 микроформати презентация семантичен уеб

google maps jQuery web 2.0 микроформати семантичен уеб

Въведение:

Как да публикуваме бизнес информация посредством микроформати и jQuery върху GoogleMaps и да създадем web 2.0 приложение с вграден семантичен HTML? Отговор на този въпрос дава тази публикация. Това е една практична презентация за реалните ползи от интеграцията на микроформати и възможностите за тяхното използуване в бизнеса и Enterprise Web 2.0.

Микроформати
Подробна информация за използуването на микроформати може да намерите на следния адрес. В случая ще използуваме hCard микроформат за публикуване на бизнес информация върху GoogleMaps.
Ето и кода за публикуване на hCard който се прочита (парсва) чрез jQuery JavaScript който върши чудесна работа за извличане на специфичните тагове на микроформати от HTML. На практика това дава нов живот на статичния HTML и го прави по разбираем за компютъра. Това е началото на Семантичния HTML който в крайна сметка ще доведе и до появата на Семантичния уеб (OWL, RDF, SPARQL)

<li class="vcard">

        <h3><a class="fn org url" href="http://www.hotmonitor.org/">HotMonitor Sofia</a></h3>
        <div class="adr">
            <p class="street-address">Narodno Sabranie 3</p>
            <p><span class="locality">Sofia</span>,
            <abbr class="country-name" title="Bulgaria">BG</abbr></p>
            <p class="postal-code">1433</p>
        </div>

        <p>Telephone: <span class="tel">+359 (02)998 8999</span></p>
        <p>E-mail: <a href="mailto:hotmonitor@gmail.com" class="email">hotmonitor@gmail.com</a></p>
        <p class="geo">Lat/Lon:
            <span class="latitude">42.710543</span>,
            <span class="longitude"> 23.323827</span>
        </p>

    </li>

Демо:
Активирайте червените маркери във widget за да видите, че демо примера работи дори и във Wordpress. Елегантно съчетание на GoogleMaps, микроформати, widget, блог, jQuery за създаване на web 2.o приложение. Дори са публикувани Picasa GeoRSS изображения (сините маркери). Ако сте с FireFox браузер 2.0 up може да си свалите адреса директно. Още една директна полза от употребата на микроформати. В следващи публикации ще покажем как може да използуваме семантичния уеб (semantic web) за създаване на елегентни enterprise web 2.0 приложения.

Екосистема
Microformats - jQuery - GoogleMaps- HTML -Widget - Wordpress

semantic web web 2.0 семантичен уеб семантична мрежа

Предлагаме ви кратка диаграма за еволюцията на операционните системи и web 1.0 към web 2.0 и web 3.0. Ясно е изразена тенденцията към миграция на www (world wide web) към web 2.0 и Семантичен уеб (semantic web) .
Web 2.0 включва следните градивни елементи и технологии Блог, RSS, OPML, podcаst, mashup, wiki, social media, widgets, AJAX, SOAP, SOA, уеб услуги. За  да се изгради  Семантичен уеб (semantic web)  и Семантична мрежа (Semantic network) са необходими следните градивни елементи OWL, RDF, SPAROL и онтологии.  Следващата палтформа ще бъде вероято WebOS (2010-2020) Източник : RadarNetworks