NEXT 1/2008 - Szybka strona z Ajaksem

Web 2.0 to nowy trend w internecie. I to nie tylko ze względu na teoretyczne założenia, ale i nowe sposoby tworzenia, programowania stron WWW. Jedną z nich jest Ajax (Asynchroniczny JavaScript i XML), który na nowo powstających witrynach stał się praktycznie niezbędny. Po przeczytaniu tej porady dowiesz się, jak używając dodatkowych bibliotek i nie znając języka JavaScript, szybko napisać stronę wykorzystującą Ajax.

Jeśli chcesz stworzyć interaktywną witrynę, musisz skorzystać z języka skryptowego, np. JavaScript. Dzięki niemu akcje wywołane przez internautę będą działać w przeglądarce na komputerze lokalnym bez dostępu do serwera, tzn. bez przeładowywania całej strony. Ale co zrobić wtedy, gdy programujemy np. w Javie, i szkoda nam czasu na naukę nowego języka? Odpowiedź na to pytanie jest prosta. Wystarczy skorzystać z frameworka Google Web Toolkit (GWT). GWT to darmowy (udostępniony przez firmę Google na licencji Apache 2.0) framework, za pomocą którego możesz w języku Java tworzyć strony WWW wykorzystujące dodatek Ajax (tak samo jakbyś pisał np. aplet). Jest to możliwe dzięki kompilatorowi, który zamienia klasy Javy na pliki JavaScript, HTML i CSS. Daje to programiście wiele możliwości.

Zalety korzystania

Tworzenie aplikacji z wykorzystaniem Google Web Toolkit ma wiele zalet. Nie musisz tworzyć strony WWW w notatniku i pamiętać o wszystkich założeniach JavaScript. Możesz korzystać ze swojego ulubionego środowiska IDE, np. Eclipse , IntelliJ Idea czy JProfiler, a kompilator Javy sam wykryje wszystkie błędy w kodzie i podpowie, jak je usunąć. JavaScript nie ma swojego debugera (można natomiast wykorzystywać np. program Firebug). Kod, w którym z niego korzystasz, jest zatem narażony na więcej pomyłek, które – niestety – możesz znaleźć dopiero w trybie runtime.

Dodatkowo możesz korzystać z podpowiedzi komend w trakcie pisania kodu (mniejsze prawdopodobieństwo zrobienia literówki w nazwie obiektu czy funkcji). Z tych i wielu innych powodów łatwiej jest korzystać z GWT. Zapewnia on też skrócenie pracy nad samym wykonaniem aplikacji. GWT można wykorzystać na kilka sposobów. Przedstawimy ci dwa, które prawdopodobnie będziesz stosować najczęściej.

GWT za darmo z Eclipse

Google Web Toolkit możesz używać w środowisku programistycznym Eclipse. Najpierw jednak musisz wygenerować projekt i aplikację w konsoli. Na początku ściągnij GWT ze strony producenta (http://code.google.com/webtoolkit) lub przegraj z DVD. Rozpakuj archiwum w dogodnym dla ciebie miejscu. Otwórz wiersz poleceń i wejdź do katalogu z plikami GWT (zauważ, że znajduje się tam także folder samples z gotowymi przykładami , które warto wykorzystać w trakcie tworzenia własnej aplikacji). Następnie wydaj polecenie projectCreator -eclipse . Po jego wykonaniu projekt będzie gotowy. Kod aplikacji także najlepiej przygotować w konsoli. W tym celu wykonaj skrypt z parametrami applicationCreator – eclipse com.mycompany.client..

Otwórz Eclipse, wybierz opcję Java Project. W oknie zaznacz opcję Create Project from existing source i wskaż wygenerowane przed chwilą pliki. Następnie dokończ działanie kreatora. Po tym procesie w sekcji Package Explorer powinieneś zobaczyć zaimportowane pliki . Możesz usunąć te, których nie będziesz potrzebować. Masz już gotowy projekt, który możesz uruchomić i podziwiać. Nie jest on zbytnio skomplikowany, zatem warto go udoskonalić. Aby zmodyfikować wygenerowaną aplikację, przejdź do katalogu src/com.mycompany.client i otwórz plik MyApplication.java. Teraz, korzystając ze swoich umiejętności, podpowiedzi Eclipse i przykładów zamieszczonych w internecie, możesz dowolnie modyfikować swoją stronę, dodając do niej na przykład obiekty typu menu, textarea czy button.

Aplikacja z GWT Designer

Stronę WWW wykorzystującą Ajax stworzysz dużo szybciej, korzystając z graficznego edytora, a właściwie dodatku do Eclipse, jakim jest GWT Designer . Niestety, plugin ten jest płatny – za roczną licencję trzeba zapłacić 120 zł, ale możesz skorzystać z jego 14-dniowej wersji. Jeśli tworzysz witryny na zamówienie, jest to stosunkowo niewielka kwota. Pracę z Eclipse i GWT Designer rozpocznij od zainstalowania potrzebnych aplikacji z płyty DVD. Następnie musisz zdobyć klucz do GWT Designer. Masz do wyboru dwie możliwości: zarejestrować wersję trial lub zakupić produkt (jednak na początku warto wypróbować jego działanie). Uruchom Eclipse i wejdź do konfiguracji środowiska (Windows, Preferences). Tam uzupełnij ścieżkę dostępu do biblioteki GWT (opcję tę znajdziesz w sekcji Designer i GWT).

Teraz możesz już rozpocząć tworzenie nowego projektu. Tym razem jednak wybierz GWT Java Project. Następnie otwórz plik Java, którego nazwa została odziedziczona po projekcie. Przejdź na zakładkę Design, którą znajdziesz w lewym dolnym rogu, i rozpocznij umieszczanie komponentów graficznych na panelu. Pamiętaj, że aplikacje tworzone za pomocą biblioteki GWT skompilujesz tak, jak te pisane w Javie .

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

 del.icio.us |  Wykop mnie |  Digg this story |  dodajdo.com

• Lepszy JavaScript »
  zaawansowane techniki programowania w języku JavaScript
• Generacja Web 3.0 »
  nowe technologie w internecie: Web 3.0
• Zbudować dobry DOM »
  manipulacja treścią stron XHTML za pomocą JavaScriptu
• Bezpieczniej i wygodniej »
  tips & tricks
• Zameldowani w sieci »
  Tips & Tricks domeny internetowe