Stwórz własny widżet
Interfejs Mashup Creatora składa się z czterech głównych części. Na samej górze jest widoczny zestaw ikonek, z których najważniejsza to Save umożliwiająca zapisanie bieżącego stanu projektu. Pod paskiem menu głównego serwisu Popfly zobaczysz panel przełączający tryb pracy kreatora. Dostępne są dwa – edycyjny, czyli układanie z gotowych elementów Edit, oraz html, czyli dostosowywanie poprzez modyfikacje kodu – tego trybu nie będziemy używać. Pod panelem trybu pracy jest widoczne menu elementów składowych, lista bloków – element roboczy najczęściej wykorzystywany podczas pracy nad projektem. Największą – pustą jeszcze – przestrzeń w oknie Mashup Creator zajmuje obszar roboczy.
Na liście bloków rozwiń kategorię News & RSS, a następnie kliknij element o nazwie RSS. W obszarze roboczym zobaczysz obracający się sześcian symbolizujący dodany właśnie element. W przyborniku narzędziowym wyświetlanym tuż obok sześcianu kliknij ikonę z kluczem.
Przejdziesz do trybu konfiguracji właściwości danego elementu. W tym przypadku upewnij się, że na rozwijanej liście Operations jest wybrana pozycja getItems. Następnie w polu tekstowym value w wierszu url wpisz adres naszego kanału wiadomości – czyli http://www.pcformat.pl/rss/news.rss i kliknij OK.
Masz już zdefiniowane źródło danych. Teraz czas na wybór metody ich prezentacji. Z listy bloków, w sposób analogiczny jak poprzednio wybierz z tej samej kategorii element o nazwie RSSList. Kolejny sześcian pojawi się w obszarze roboczym. Kliknij kółko widoczne z prawej strony poprzedniego sześcianu RSS i połącz myszką z kółkiem z lewej strony sześcianu RSSList. Już na obecnym etapie możesz obejrzeć aplikację webową w działaniu, klikając ikonę Run. Powrót do trybu edycji uzyskasz, klikając Edit.
Utworzona zaledwie z dwóch klocków aplikacja działa. Zapisz projekt, klikając ikonę Save,
a następnie w okienku, które się pojawi, wpisz nazwę projektu, dodaj krótki opis i ewentualnie słowa kluczowe i kliknij Accept and Save.
Po zapisaniu projektu jego nazwa (w naszym przykładzie jest to PC Format News) wyświetli się w górnej części okna przeglądarki. Obok nazwy zobaczysz kwadracik z literką i. Kliknij go.
Zostaniesz przekierowany na stronę informacyjną danego projektu. Po lewej stronie wyświetli się działająca aplikacja. Kliknij widoczny po prawej stronie przycisk Share. Zobaczysz panel Share, a w nim zestaw ikon, z których każda symbolizuje jakąś metodę udostępniania projektu. Ponieważ zakładaliśmy utworzenie widżetu, kliknij ikonę Windows, a następnie wybierz Download Windows Vista Gadget.
Zobaczysz okno Pobieranie pliku - ostrzeżenie o zabezpieczeniach. Wybierz w nim Zapisz, by zapisać gadżet na dysku, lub Otwórz, by od razu go uruchomić na pasku bocznym Windows Vista.