Magazyn T3
newsy, felietony, testy i tutoriale



Internet Maker

03/08/2007

Netvibes: nowoczesna strona startowa

Więcej artykułów autorstwa »
Napisane przez: Bartłomiej Dymecki
Tagi: ,
54-netvibes_nowoczesna_strona_startowa.gif

W dobie tryumfów aplikacji spod znaku Web 2.0 popularność zyskują serwisy umożliwiające stworzenie własnej strony startowej. Jednym z takich serwisów jest Netvibes.com. Oferuje on nam szereg opcji, dzięki którym będziemy mogli umieścić na naszej stronie startowej praktycznie dowolne treści.

Prostota i elegancja

Wybrane kanały RSS, notatki, lista zadań, szybkie logowanie do poczty, czy sprawdzanie pogody to tylko niektóre opcje oferowane przez witrynę Netvibes.com (www.netvibes.com). Oto, jak możemy przygotować naszą stronę startową z Netvibes.com.

  • Tytuł strony może być łatwo i szybko edytowany. Wystarczy kliknąć i wpisać nowy.
  • Po kliknięciu odnośnika „Add content” ujrzymy ramkę umożliwiającą dodawanie nowych elementów do naszej strony startowej.
  • Bardzo dobrą cechą systemu jest możliwość stworzenia kilku niezależnych od siebie podstron.

  • Cztery ważne linki. Odnośnik „Colapse all” zwija ramki do postaci nagłówka, „Expand all” automatycznie je rozwija, „Settings” zawiera panel z ustawieniami, a „Sign out” pozwala się wylogować.
  • Większą część strony zajmują oczywiście ramki z dobranymi przez nas elementami, m.in. kanałami RSS, polem wyszukiwarki, informacją o pogodzie i miejscem na notatki.

Dodawanie elementów

Nowy element możemy dodać do strony startowej dzięki opcji „Feed directory” w zakładce „Add content”. Możemy to uczynić na dwa sposoby:

  • Możemy kliknąć nazwę danego elementu. Wówczas system wyświetli specjalne pole z linkiem „Add to my page”.
  • Dzięki zastosowaniu nowoczesnego JavaScriptu możemy przenieść dany element, przytrzymując go lewym przyciskiem myszy i umieszczając w odpowiednim miejscu.

Podstrony

W górnej części strony specjalny panel umożliwia przechodzenie pomiędzy podstronami. Możemy stworzyć dowolną ilość stron i na każdej z nich umieścić inne treści.

Dla każdej podstrony możemy wybrać jedną z wielu dostępnych ikonek. W tym celu przechodzimy na daną stronę i klikamy mały trójkącik przy jej nazwie.

Nie ma niczego prostszego niż zmiana ułożenia poszczególnych stron. Wystarczy przytrzymać jedną z zakładek lewym przyciskiem myszy i przenieść na nowe miejsce.

Edycja elementów

Każdy element dodany do strony startowej możemy dowolnie edytować. Na obrazku widzimy ramkę „Webnote”, czyli szybki notatnik. Po naprowadzeniu wskaźnika myszy na pasek tytułowy, możemy zobaczyć kilka dodatkowych opcji.

Strzałka służy do zwijania danego elementu, a krzyżyk usuwa go ze strony startowej. Odnośnik „Edit” uruchamia specjalny panel. W tym przypadku możemy zmienić tytuł ramki i kolor tła.

Zaawansowana konfiguracja

W prawym górnym rogu znajduje się wspomniane już łącze „Settings”, które uruchamia „Screen panel” pozwalający na określenie dokładniejszej konfiguracji strony. Są w nim m.in. następujące opcje:

  • „Number of columns” umożliwia określenie liczby kolumn z jakich będzie się składała strona, druga opcja włącza automatyczne ładowanie zawartości ukrytych w danej chwili podstron, a trzecia sprawia, że kanały RSS prezentują się w bardziej przejrzysty sposób.
  • „Page title” włącza i wyłącza wyświetlanie tytułu strony.
  • „Favicons” umożliwia wyświetlanie ikonek przy niektórych elementach. Warto poeksperymentować z ustawieniami, aby dobrać optymalną konfigurację.

Dobrodziejstwa RSS-ów

Popularność wszelkiej maści stron startowych, jak http://www.startowy.com, http://www.pageflakes.com, czy http://www.netvibes.com, wynika w części z popularności technologii RSS. Korzystanie z kanałów RSS za pośrednictwem spersonalizowanych stron startowych jest szybkie i wygodne – nie wymaga uruchamiania dodatkowych programów, a dostęp do świeżych informacji uzyskujemy natychmiast po włączeniu przeglądarki internetowej.

Do strony możemy automatycznie dodać jeden z wielu dostępnych kanałów RSS dzięki opcji „Feed directory”. Dla polskich użytkowników bardziej interesująca będzie zapewne możliwość zdefiniowania własnego kanału RSS. W tym celu klikamy link „Add my feed” (w zakładce „Add content”) i podajemy własny adres, który następnie będzie dostępny pod opcją „My feeds”.

Dysponujemy także sporymi możliwościami edycji kanału. System pozwala zmienić tytuł, kolor ramki i ilość wyświetlanych wiadomości oraz określić sposób otwierania odnośników. Możemy używać do tego oddzielnego panelu, bądź dzięki opcji „Open directly on the site” otwierać je na tej samej stronie.

Zewnętrzne serwisy

Netvibes umożliwia także korzystanie z różnych serwisów zewnętrznych. Otrzymujemy elementy, dzięki którym sprawdzimy na przykład stan swojego konta e-mail, uzyskamy dostęp do adresów z serwisu http://del.icio.us, albo przejrzymy zdjęcia z http://www.flickr.com.

Na uwagę zasługuje kompatybilność z usługami strony http://www.box.net, umożliwiającej użytkownikom przechowywanie na swoim serwerze do jednego gigabajta plików. W lewej dolnej ramce (patrz pierwszy screen) klikamy „Box.net web storage” i edytujemy opcje, podając adres e-mail oraz hasło, albo zakładamy nowe konto. Wszystkimi plikami i katalogami możemy teraz zarządzać bezpośrednio z poziomu strony startowej.

Wady i zalety

Każdy produkt ma wady i zalety. Netvibes.com zapewnia przede wszystkim duże oszczędności czasu. Natomiast główną wadą jest fakt, że strona na pewno nie będzie sprawnie działać na wolniejszych łączach, co dla niektórych wciąż może być problemem.

Można jednak śmiało stwierdzić, że jest to inicjatywa bardzo zaawansowana technicznie. Miejmy nadzieję na dalszy rozwój strony i stopniowe udostępnianie użytkownikom nowych elementów. Postęp prac możemy śledzić na autorskim (anglojęzycznym) blogu pod adresem http://blog.netvibes.com.

Może Cię zainteresować:

  1. Dolphin Care UK – strona pełna wody
  2. Strona na zawołanie
  3. Strona firmowa w praktyce: Armco


O autorze

Bartłomiej Dymecki
Prowadzący bloga poświęconego użyteczności oraz właściciel firmy realizującej audyty serwisów internetowych.




0 komentarzy


Skomentuj pierwszy!


Zostaw odpowiedź

Twój adres nie zostanie opublikowany. Wymagane pola są oznaczone *

*

Możesz używać tych tagów i atrybutów HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">