Transkrypt

1 Internacjonalizacja i lokalizowanie aplikacji internetowych Zastosowanie arkuszy stylów Materials/pdf/jsf/jsf2/JSF2-CSS-Overview.pdf Technologie internetowe lab11 TINT_Lab_11, Zofia Kruczkiewicz 1

2 Czynności początkowe Należy wykonać kopię programu Sklep_9_Locale, wykonanego podczas lab9 jako Sklep_9. ( wg wskazówek z instrukcji do lab. 2, slajd 4: Nazwa projektu w tej instrukcji nie pokrywa się z proponowaną nazwą projektu. Ustawić kodowanie UTF-8; po zaznaczeniu nazwy projektu w oknie Projects prawym klawiszem myszy wybrać pozycję Properties/Sources/Encoding/UTF-8 2

3 1. Internacjonalizacja TINT_Lab_11, Zofia Kruczkiewicz 3

4 Przykład 1: Program, zawierający elementy internacjonalizacji, które należy zastosować w programie TINT_Lab_11, Zofia Kruczkiewicz 4

5 1.1. Dodawanie do programu plików typu properties do przechowania komunikatów w językach: polskim (Bundle_pl), w języku angielskim (Bundle_en), w projekcie Web Application (Przykład 2) TINT_Lab_11, Zofia Kruczkiewicz 5

6 1.1.cd Dodawanie do programu plików typu properties do przechowania komunikatów w językach: polskim (Bundle_pl), w języku angielskim (Bundle_en), w projekcie Web Application (Przykład 2) TINT_Lab_11, Zofia Kruczkiewicz 6

7 1.1. cd Dodawanie do programu plików typu properties do przechowania komunikatów w językach: polskim (Bundle_pl), w języku angielskim (Bundle_en), w projekcie Web Application (Przykład 2) TINT_Lab_11, Zofia Kruczkiewicz 7

8 1.1.cd Dodawanie do programu plików typu properties do przechowania komunikatów w językach: polskim (Bundle_pl), w języku angielskim (Bundle_en), w projekcie Web Application (Przykład 2) TINT_Lab_11, Zofia Kruczkiewicz 8

9 1.2. Należy odpowiednio skonfigurować plik faces-config.xml utworzony wg instrukcji do lab4 p.7 instrukcji TINT_Lab_11, Zofia Kruczkiewicz 9

10 1.2. cd Należy odpowiednio skonfigurować plik faces-config.xml utworzony wg instrukcji do lab4 p.7 instrukcji TINT_Lab_11, Zofia Kruczkiewicz 10

11 1.3. Zawartość pliku typu properties z komunikatami polskimi TINT_Lab_11, Zofia Kruczkiewicz 11

12 1.3.cd Zawartość pliku typu properties z komunikatami angielskimi TINT_Lab_11, Zofia Kruczkiewicz 12

13 1.4. Fragment pliku dodaj_produkt2.xhtml wprowadzenie atrybutu locale, który narzuca interpretację symbolu % w języku polskim pl w kraju Polska PL TINT_Lab_11, Zofia Kruczkiewicz 13

14 1.4. cd Fragment pliku rezultat2.xhtml wprowadzenie atrubutu locale, który narzuca interpretację symbolu % w języku polskim pl w kraju Polska PL TINT_Lab_11, Zofia Kruczkiewicz 14

15 1.5. FacesContext zawiera wszystkie informacje o stanie komponetów związanych z przetwarzaniem pojedynczego żądania JavaServer Faces i renderowaniem odpowiedniej odpowiedzi. Jest przekazywana do każdej fazy cyklu przetwarzania JSF i potencjalnie modyfikowana przez każdą fazę cyklu przetwarzania żądania. W komponencie Managed_produkt wprowadzono kod umożliwiający przełączanie internacjonalizacji pomiędzy: językiem polskim pl w kraju Polska PL - locale1() języku angielskim en w kraju Anglia EN locale2() W komponencie Managed_produkt wprowadzono kod metody getstring() umożliwiający pobieranie komunikatu z pliku Bundle_pl o kluczu dodaj_produkt2.promocja niezależnie od ustawionego locale metodami locale1() i locale2(). 15

16 1.6. W komponencie Managed_produkt wprowadzono kod umożliwiający przełączanie internacjonalizacji pomiędzy: językiem polskim pl w kraju Polska PL - locale1() języku angielskim en w kraju Anglia EN locale2() za dwóch przycisków typu <h:commandbutton> na stronie szablonu stron template.xhtml 16

17 1.7. Domyślne ustawienie języka pl przy starcie programu TINT_Lab_11, Zofia Kruczkiewicz 17

18 1.7. cd. Ustawienie języka en przy starcie programu za pomocą przycisku en TINT_Lab_11, Zofia Kruczkiewicz 18

19 1.7. cd. Ustawienie domyślne języka pl przy obsłudze żądania Wstawianie nowego produktu TINT_Lab_11, Zofia Kruczkiewicz 19

20 1.7. cd. Ustawienie domyślne języka pl przy obsłudze renderowania strony rezultat2.xhtml jako wynik żądania Dodaj produkt TINT_Lab_11, Zofia Kruczkiewicz 20

21 1.7. cd. Ustawienie domyślne języka pl przy obsłudze żądania Lista produktow TINT_Lab_11, Zofia Kruczkiewicz 21

22 Ustawiony en Ustawienie domyślne języka pl przy obsłudze żądania Wstawianie nowego produktu TINT_Lab_11, Zofia Kruczkiewicz 22

23 Przykład2 Ustawiony en podczas obsługi żądania Insert new product Ustawiony en obsługa żądania Add product. Komunikat Podaj promocje produktu jest ustawiany zawsze w języku polskim za pomocą metody getstring() TINT_Lab_11, Zofia Kruczkiewicz 23

24 1.7. cd. Testowanie czasu działania instancji FacesContext Domyślny pl Ustawiony en TINT_Lab_11, Zofia Kruczkiewicz 24

25 Przykład2 Domyślny pl przy obsłudze żądania Lista produktow Ustawiony en podczas obsługi żadania Lista_produktow TINT_Lab_11, Zofia Kruczkiewicz 25

26 Przykład2 Ustawiony en żądanie Return ze strony Lista_produktow Domyślny pl obsługa żądanie Insert new product TINT_Lab_11, Zofia Kruczkiewicz 26

27 1.8. Usunięcie atrybutu locale ze znaczników wprowadzających promocję ( strona dodaj_produkt2.xhtml) Usunięcie atrybutu locale ze znaczników wyświetlających promocję ( strona rezultat2.xhtml) TINT_Lab_11, Zofia Kruczkiewicz 27

28 1.8.cd.Ustawienie domyślne języka pl przy obsłudze żądania Wstawianie nowego produktu TINT_Lab_11, Zofia Kruczkiewicz 28

29 1.8.cd.Ustawienie języka en przy obsłudze żądania Wstawianie nowego produktu modyfikacja stylu wyświetlania znaku % w języku en kraju EN TINT_Lab_11, Zofia Kruczkiewicz 29

30 1.8.cd. Ustawienie języka en przy obsłudze żądania Add product modyfikacja stylu wyświetlania znaku % w języku en kraju EN Ustawiony en obsługa żądania Add product. Komunikat Podaj promocje produktu jest ustawiany zawsze w języku polskim za pomocą metody getstring() TINT_Lab_11, Zofia Kruczkiewicz

31 1.8.cd. Domyślna ustanie języka pl przy obsłudze żądania Wstawianie nowego produktu modyfikacja stylu wyświetlania znaku % w języku pl kraju PL TINT_Lab_11, Zofia Kruczkiewicz 31

32 1.8.cd. Ustawienie domyślne języka pl przy obsłudze renderowania strony rezultat2.xhtml jako wynik żądania Dodaj produkt - modyfikacja stylu wyświetlania znaku % w języku pl kraju PL TINT_Lab_11, Zofia Kruczkiewicz 32

33 1. Zadania do wykonania Należy utworzyć 2 lub trzy pliki typu properties z komunikatami o takich samych kluczach, w dwóch lub trzech językach wykorzystując sposób podany w przykładzie 1. Należy wybrać część komunikatów i narzucić język, w którym są wyświetlane np podobnie jak za pomocą metody getstring(). Wybrać inny sposób zmiany języka np powiązany z wyborem strony itp. TINT_Lab_11, Zofia Kruczkiewicz 33

34 2. Arkusze stylów TINT_Lab_11, Zofia Kruczkiewicz 34

35 Arkusze stylów przykład zastosowanie zewnętrznych arkuszy stylów do definicji fragmentu szablonu strony name="top" TINT_Lab_11, Zofia Kruczkiewicz 35

36 Arkusze stylów przykład zastosowania wewnętrznych arkuszy stylów do definicji fragmentu szablonu strony name="top" TINT_Lab_11, Zofia Kruczkiewicz 36

37 Arkusze stylów przykład zastosowanie wbudowanych arkuszy stylów do definicji fragmentu szablonu strony name="top" 37

38 2. Zadanie do wykonania na ocenę 5.5 Należy za pomocą arkuszy stylów zmodyfikować wybrane fragmenty szablonu stron modyfikując kolorystykę czcionki, tła, rodzaj czcionki itp, realizując to za pomocą trzech różnych sposobów definiowania arkuszy stylów: 1. Zewnętrznych arkuszy stylów 2. Wewnętrznych arkuszy stylów 3. Wbudowanych arkuszy stylów Przykład 2 jest przykładem wykorzystania podanych rodzajów arkuszy stylów. TINT_Lab_11, Zofia Kruczkiewicz 38