czwartek, 24 maj 2012

NEXT 11/2008 - Zrób to sam

Zrób to sam - ikonka własny gadżet do Windows Vista Sidebar

Data: 21 październik 2008
Identyfikator: 081111

Programowanie dla Visty wcale nie jest trudne. Aby napisać gadżet, wystarczy podstawowa wiedza programistyczna. Pokazujemy, jak stworzyć miniaplikację wyświetlającą aktualne kursy walut.

Strona 1 z 2
< Poprzednia 1 2 Następna >

Zdaniem eksperta

  • Marcin Kawalerowicz
    niezależny programista
Pisanie własnych gadżetów to pasjonująca zabawa. Pamiętaj tylko o aktywowaniu debuggera skryptów. Jeśli tego nie zrobisz, system ukryje przed tobą wszystkie ewentualne błędy gadżetu. Debugger skryptów możesz włączyć w ustawieniach Internet Explorera.

Windows Vista Sidebar to boczny pasek, na którym znajdują się gadżety. Są to mini- aplikacje, takie jak zegarek, czytnik kanałów RSS, minigaleria czy też okienko z prognozą pogody. Dzięki specjalnej stronie internetowej możesz zaopatrzyć się w nowe gadżety, np. miernik obciążenia systemu czy kalkulator. Jednak nic nie stoi na przeszkodzie, by gadżet do Windows Vista napisać samemu. Nie potrzeba do tego specjalnej wiedzy programistycznej – wystarczy podstawowa znajomość HTML/CSS i nieco wprawy w pisaniu w JavaScript.

Pokażemy, jak zaprogramować prostą miniaplikację pobierającą i wyświetlającą aktualne kursy walut. Tabela kursów NBP udostępniana jest w internecie każdego dnia w postaci dokumentu XML. Wystarczy pobrać i przetworzyć ten dokument, a wyniki wyświetlić na bocznym pasku Visty. Dostępne gadżety znajdziesz w folderze:

C:\Users\[Nazwa_Uzytkownika]\AppData\Local\Microsoft\Windows Sidebar\Gadgets\

Każda miniaplikacja umieszczona jest w osobnym folderze, którego nazwa kończy się na .gadget. Stwórz jeden taki katalog na swoje potrzeby. Nazwij go na przykład SrednieKursyNBP.gadget. Do tworzenia i edycji plików Gadżetu może posłużyć dowolny edytor tekstu (nawet notatnik). Pierwszy plik (manifest aplikacji) nazwij Gadget.xml. Właściwe funkcje umieść w pliku HTML o nazwie Gadget.html. Te dwa pliki to niezbędne minimum każdego gadżetu.
<?xml version="1.0" encoding="utf-8" ?> <gadget> <name>Test Gadget</name> <version>1.0</version> <hosts> <host name="sidebar"> <base type="HTML" apiVersion="1.0.0" src="Gadget.html" /> <permissions>full</permissions> <platform minPlatformVersion="1.0" /> </host> </hosts> </gadget>
Plik Gadget.xml musi zawierać nazwę aplikacji (pomiędzy znacznikami <name>), wersję gadżetu (<version>) oraz techniczny opis programu (<host>). Szczegóły dotyczące manifestów miniaplikacji można znaleźć w dokumentacji gadżetów (link w ramce). Zwróć uwagę na atrybut src tagu <base>. Określa on dokument HTML z właściwą zawartością miniprogramu.
<html><head> <script language="javascript"> </script> <style> body { font-family: Tahoma; width:130px; margin: 1px; } td { font-size: 11px;} </style> </head> <body onload=""> <table cellspacing="0" cellpadding="0"> <tr><td>Kursy średnie NBP</td></tr> <tr><td> <table cellpadding="1" cellspacing="0" id="kursy"> <tr><td>Brak</td><td>połączenia</td></tr> <tr><td>lub błąd</td><td>gadgetu.</td></tr> </table> </td></tr> <tr><td> <span id="dataPublikacji">????-??-??</span> </td></tr> </table> </body></html>

Plik Gadget.html jest zwykłą stroną internetową. Pomiędzy znacznikami <scripts> zostaw miejsce na kod JavaScript, który napiszesz za chwilę. Poniżej pomiędzy znaczniki <style> wprowadź odrobinę CSS. Prezentowany przykład pozbawiony został wszelkich ozdobników, tak by zmieścił się na łamach magazynu. Znacznie okazalszą wersję gadżetu można znaleźć na naszej płycie DVD.

W tej chwili znacznik <body> ma pusty atrybut onload. Wpisz w niego nazwę funkcji JavaScript, która będzie wywołana podczas ładowania miniaplikacji. Pozostały kod to prosta tabela z nagłówkiem „Kursy średnie NBP", z zagnieżdżoną tabelą z miejscem na 4 waluty i z tymczasowym napisem informacyjnym „Brak połączenia lub błąd gadgetu" oraz miejscem oznaczonym jako „????-??-??", które zawierać będzie datę publikacji kursów walut. Dzięki tym atrybutom zyskasz uchwyty niezbędne do dynamicznego zmieniania zawartości gadżetu.

Nazwa dokumentu XML z aktualnymi kursami walut na stronie banku zmienia się podczas każdej publikacji. Pobierz zwykłą stronę HTML banku, której nazwa jest niezmienna, i wyszukaj w niej link do aktualnego pliku XML. By wykonać te dwie czynności, będziesz musiał skorzystać z dwóch obiektów html i xml, które pomogą ci pobrać i przetworzyć odpowiednio stronę HTML oraz dokument XML.


Ocena: +++++    (aby ocenić, musisz się zalogować w serwisie)

< Poprzednia 1 2 Następna >

Podobne artykuły:

Komentarze:

Redakcja nie ponosi odpowiedzialności za treść komentarzy.
Nikt jeszcze nie skomentował.
Niezalogowany

Aby mieć dostęp do niektórych części serwisu NEXT (np. forum dyskusyjnego, oceny numeru, newslettera), musisz posiadać konto w naszym serwisie. Zachęcamy do darmowej rejestracji!

Jeżeli posiadasz już konto w serwisie, to zaloguj się.