Bloki to podstawowe elementy, przy pomocy których
możemy budować swoje własne Mashup'y. Porównać je możemy do pojedynczych
klocków, z których w prawie dowolny sposób, łącząc je ze sobą lub używając
osobno, tworzymy skonsolidowaną całość, gotową do umieszczenia na stronie
internetowej lub wykorzystania jako gadżet dla paska bocznego. Takich niewielkich aplikacji wbudowano w
Popfly kilkadziesiąt. Oprócz tych przygotowanych przez firmowych
programistów koncernu zaangażowanych w rozwój tej technologii, praktycznie
codziennie pojawiają się nowe pozycje, tworzone przez członków społeczności
zebranej wokół projektu. Mają oni możliwość budowania, modyfikowania, a
następnie publikowania w serwisie swoich pomysłów, dzieląc się nimi z resztą
zainteresowanych.
Jak to działa?
Blok to nic innego jak połączenie XML'a z JavaScript.
Pierwszy odpowiada za przechowywanie meta danych, które
mają go dokładnie opisać. Wśród informacji zawarte są miedzy innymi definicje
parametrów wejścia/wyjścia do tworzenia pól konfiguracyjnych, adres ikon lub
niewielkiego loga oraz
inne niezbędne dane takie, jak nazwa, nazwa producenta itp. Sama funkcjonalność to kod JavaScript wykonywany
bezpośrednio w
oknie przeglądarki. Każdy blok z osobna spełnia najróżniejsze funkcje. Może
odpowiadać za wymianę informacji między zewnętrznymi serwerami, prezentowanie
określonych treści, czy też udostępniać podstawowe lub bardziej rozwinięte opcje. Zawarte funkcje mają pomóc użytkownikom w codziennej pracy,
a także być
prostym dodatkiem podnoszącym zastosowanie strony.
Zaczynamy
Pracę przy tworzeniu nowych bloków lub modyfikacji zaczynamy od zalogowania
się do konta i wybrania z menu u góry Create Stuff, a następnie Block.
W tym momencie mamy do dyspozycji puste okno bloku gotowe do uzupełnienia kodem. Tworzenie
tego typu elementu od podstaw to już raczej zabawa czysto programistyczna,
ale nic nie stoi na przeszkodzie, abyśmy przyjrzeli się wnikliwie gotowym
projektom. Być może z tą pomocą uda się w przyszłości zrealizować własny pomysł,
nabywając wcześniej, przynajmniej podstawowej, wiedzy z dziedziny programowania. Z lewej strony odnajdziemy podzieloną na poszczególne kategorie listę bloków.
Za pomocą gwiazdek typujemy użyteczność bloków, w ten sposób, że najlepiej
oceniane znajdują się u góry. Najeżdżając wskaźnikiem zarówno na kategorię, jak i
każdy element z osobna ukazuję się jego krótki opis. Po
wybraniu interesującej funkcji odpowiedzialnej za wykonywanie określonego
zadania, w środkowej części ekranu wyświetlone zostaną szczegóły elementu, czyli
w głównej mierze sam kod. Możemy go na przykład traktować, jako bazę do
napisania własnego rozwiązania. Widzimy tam dwie zakładki. Block Description zawiera edytor kodu
XML.

Karta Block Code, to prosty edytor JavaScript, czyli w zasadzie miejsce, gdzie znajdziemy
zakodowane funkcje, jakie blok ma spełniać. W zależności od stopnia skomplikowania
kod może zawierać się w kilku linijkach, albo suwak wydłużać w nieskończoności. W
prawym górnym rogu usytuowano przycisk Clear, którym wyczyszcimy
całe pole.

Niestety, aby przekonać się w jaki sposób działa
stworzony/zmodyfikowany blok musimy go najpierw zapisać, a następnie dopiero użyć przy
konstruowaniu Mashup'ów. Dokonamy tego za pomocą przycisków Save
lub Save As, podając następnie nazwę zachowywanego elementu. Zapisany
blok zostanie udostępniony na samym dole listy
kategorii My Blocks.

Co my tu mamy, czyli przegląd bloków
| Kategoria | Przykładowe elementy | Funkcje |
| Display |
- Carousel
- PhotoShow
- PhotophereS
- PhotoStack
- Slideshow
- VideoPlayer
- BarGraph
- PageTurner
- PhotoTiles
| Odpowiada w głównej mierze za wyświetlanie plików
graficznych lub filmów gromadzonych na prywatnych stronach internetowych. |
| Images & Video |
- flickr
- Live Image Search
- Image Scraper
- SnipShot
- SoapBox
- Yahoo! Images
- Yahoo! Video
| Dostajemy możliwość korzystania z gotowych zbiorów
multimediów zgromadzonych na serwerach do dzielenia się tego typu danymi, wyszukiwania
obrazów/filmów z wykorzystaniem kryteriów, dołączania prostego edytora grafiki on-line
i prywatnych zdjęć z serwisów społecznościowych. |
| Local Information |
- Indeed Jobs
- PhoneBook
- Upcoming
- Virtual Earth
- HostIP Lookup
- Yahoo Traffic
| Informacje dotyczące wyszukiwania ofert
pracy, książka telefoniczna, rozkład zbliżających się wydarzeń, a także
monitorowanie korków i mapy. Przy wyznaczaniu konkretnego regionu możemy
posłużyć się informacjami jakie zawiera adres IP. |
| Maps |
| Zbiór internetowych map i informacji o miejscach. |
| News & RSS |
- Digg
- Digital Podcast
- GameTrailers
- Live News
- RSS
- Yahoo! Answers
| W tym miejscu zgromadzono najpopularniejsze źródła
newsów, podcastów, trailerów i innych źródeł informacji. Możemy również dodawać własne
kanały. |
| Shops |
| Możemy umieścić na własnej
stronie reklamę kontekstualną lub przeglądać i wyszukiwać produkty. |
| Social Networks |
- Facebook
- Live Spaces
- Trynt
- Xbox Live
- Twitter
| Pozwala na import danych (zdjęcia) oraz kontaktów z portali
społecznościowych. |
| Tools |
- Calculator
- Filter
- Live Search
- Live Spell Checker
- Sort
- Timer
| Zawiera szereg pożytecznych narzędzi pomocnych
przy filtrowaniu danych, sortowaniu, wyszukiwaniu informacji, a także słownik
oraz proste narzędzia tekstowe i matematyczne. |
| Everything Else |
- Lastfm
- iTunesTopSongs
- DelIcioUs
- WikipediaSearch
| Bloki, które nie zostały przyporządkowane do
poprzednich kategorii. |
| My Blocks | - | Miejsce, w którym są
przechowywane bloki użytkownika. |
Różnorodność w wyborze poszczególnych bloków, możliwość ich łączenia oraz
niemalże nieograniczony dostęp do danych zebranych w popularnych i nowoczesnych
serwisach internetowych w technologii Web 2.0, nie koniecznie spod znaku
Microsoft, to główne powody, dla których Microsoft Popfly wydaje się być
wartym uwagi narzędziem. Jedynymi ograniczeniami wydają się być jedynie wyobraźnia oraz możliwości samego języka, w którym aplikacje są tworzone. Co
istotne, użytkownicy, którzy nie nabyli odpowiedniej wiedzy z dziedziny
programowania mogą posługiwać się gotowymi blokami, które udostępniane są na
stronie, a ich ilość ciągle wzrasta. Możliwości, które jeszcze niedawno
wiązały się z godzinami spędzonymi przy nauce kodu, dziś zostały udostępnione w
bardziej przystępnej formie, co daje okazję do zabawy przy konstruowaniu
nowoczesnych elementów własnych stron.