Ćwiczenie 2. Tworzenie serwisów internetowych. Zapoznanie z pakietem WebRatio

Transkrypt

1 Ćwiczenie 2 Zapoznanie z pakietem WebRatio Zadaniem na drugie zajęcia będzie zapoznanie się z pakietem do wizualnego projektowania serwisów internetowych z wykorzystaniem języka WebML Uruchomienie i zapoznanie z programem: 1. Uruchomienie programu Odnajdź i uruchom program WebRatio. Gdy wyświetlony zostanie monit o podanie katalogu roboczego (workspace) stwórz i wybierz katalog cwiczenie_1 na dysku C: 2. Początkowy wygląd programu. Wybierz New->WebProject Stwórz projekt o nazwie: Pierwszy_projekt Wygląd programu powinien przedstawiać się następująco:

2 Uzyskany wygląd przedstawia widok projektu serwisu internetowego. Udostępniający w obecnej chwili model danych, gdzie stworzone zostały automatycznie tabele zarządzania użytkownikami serwisu. Tworzenie i edycja widoku stron 3. Aby stworzyć nowy widok serwisu WWW, należy wybrać przycisk SiteView Każdy widok serwisu WWW udostępnia dostęp do serwisu z punktu widzenia jednego z typów użytkowników, dla jednego z elementów serwisu itp. Nazywamy pierwszy widok: Powitanie

3 Widok serwisu udostępnia przybornik elementów WebML W obecnym widoku możliwe jest budowanie układu stron. Przycisk Page tworzy nową stronę w danym widoku. 4. Należy umieścić nową stronę w widoku pierwszy_projekt a następnie we właściwościach (properties) zaznaczyć parametr home. W ten sposób uzyskamy stronę startową danego widoku. Z panelu wybieramy Multi message unit i umieszczamy w obrębie strony. Należy wyedytować parametry tego elementu wstawiając do pola default message dowolną treść. Na bieżącym etapie posiadamy serwis z jednym widokiem składającym się z jednej strony, na której znajduje się pojedynczy element wyświetlający tekst. 5. Kolejnym krokiem będzie uruchomienie serwera Toccat. Należy wybrać Start- >Webratio->Webratio >Tomcat Start. Serwer uruchamia się w oknie poleceń Windows. Oznaką uruchomienia serwera jest wyświetlenie napisu : Server startup in xxx ms. Działanie serwera można sprawdzić wpisując w przeglądarce 6. Wygenerowanie projektu. Projekt można wygenerować wciskając przycisk Generate full web project.

4 Postęp generacji projektu jest odznaczany w prawym dolnym rogu aplikacji. 7. Załadowanie strony. Projekt został umieszczony w katalogu roboczym Tomcata, w podkatalogu o nazwie generowanego projektu (w maszym przypadku /pierwszy_projekt). Uruchomienie naszej strony nastapi po wpisaniu Uwaga: Jeżeli w nazwie projektu użyto spacji, Tomcat będzie miał problem z odnalezieniem właściwego katalogu. Zmiany w projekcie 8. dodanie następnych wiadomości Dodaj do strony kilka wiadomości. Wygeneruj i obejrzyj projekt. Zmień położenie wiadomości na stronie wykorzystując panel Grid. 9. Dodanie następnych stron Dodaj kolejną stronę do bieżącego widoku i umieść w niej kilka wiadomości. Wygeneruj projekt. Jak odwołać się do następnej strony? 10. Połączenie między stronami Połącz strony strzałkami linków i wygeneruj projekt. Sprawdź obecny wygląd strony. 11. Dodanie następnych stron Dodaj kolejną stronę do bieżącego widoku i umieść w niej element Event calendar unit. Połącz stronę linkami z domową. Wygeneruj projekt.

5 12. Projekty dalszych stron serwisu Podobnie zaprojektować przykłady pozostałych stron serwisu (Np z punktu widzenia jednego z użytkowników). Należy zwrócić uwagę na spójność stron ze stroną startową (pozycja logo, menu itp) 13. Skompletowanie wszystkich elementów w jeden dokument projektu i przekazanie do oceny.