Internacjonalizacja i lokalizowanie aplikacji internetowych https://docs.oracle.com/javaee/7/tutorial/webi18n.htm http://www.coreservlets.com Zastosowanie arkuszy stylów http://www.w3.org/tr/css3-selectors/ http://courses.coreservlets.com/course- Materials/pdf/jsf/jsf2/JSF2-CSS-Overview.pdf Technologie internetowe lab11 TINT_Lab_11, Zofia Kruczkiewicz 1
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: http://zofia.kruczkiewicz.staff.iiar.pwr.wroc.pl/wyklady/ti_/lab_tint_2.pdf). 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
1. Internacjonalizacja TINT_Lab_11, Zofia Kruczkiewicz 3
Przykład 1: Program, zawierający elementy internacjonalizacji, które należy zastosować w programie TINT_Lab_11, Zofia Kruczkiewicz 4
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
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
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
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
1.2. Należy odpowiednio skonfigurować plik faces-config.xml utworzony wg instrukcji do lab4 http://zofia.kruczkiewicz.staff.iiar.pwr.wroc.pl/wyklady/ti_/lab_tint_3s.pdf p.7 instrukcji TINT_Lab_11, Zofia Kruczkiewicz 9
1.2. cd Należy odpowiednio skonfigurować plik faces-config.xml utworzony wg instrukcji do lab4 http://zofia.kruczkiewicz.staff.iiar.pwr.wroc.pl/wyklady/ti_/lab_tint_3s.pdf p.7 instrukcji TINT_Lab_11, Zofia Kruczkiewicz 10
1.3. Zawartość pliku typu properties z komunikatami polskimi TINT_Lab_11, Zofia Kruczkiewicz 11
1.3.cd Zawartość pliku typu properties z komunikatami angielskimi TINT_Lab_11, Zofia Kruczkiewicz 12
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
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
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
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
1.7. Domyślne ustawienie języka pl przy starcie programu TINT_Lab_11, Zofia Kruczkiewicz 17
1.7. cd. Ustawienie języka en przy starcie programu za pomocą przycisku en TINT_Lab_11, Zofia Kruczkiewicz 18
1.7. cd. Ustawienie domyślne języka pl przy obsłudze żądania Wstawianie nowego produktu TINT_Lab_11, Zofia Kruczkiewicz 19
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
1.7. cd. Ustawienie domyślne języka pl przy obsłudze żądania Lista produktow TINT_Lab_11, Zofia Kruczkiewicz 21
Ustawiony en Ustawienie domyślne języka pl przy obsłudze żądania Wstawianie nowego produktu TINT_Lab_11, Zofia Kruczkiewicz 22
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
1.7. cd. Testowanie czasu działania instancji FacesContext Domyślny pl Ustawiony en TINT_Lab_11, Zofia Kruczkiewicz 24
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
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
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
1.8.cd.Ustawienie domyślne języka pl przy obsłudze żądania Wstawianie nowego produktu TINT_Lab_11, Zofia Kruczkiewicz 28
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
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
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
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
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
2. Arkusze stylów TINT_Lab_11, Zofia Kruczkiewicz 34
Arkusze stylów przykład zastosowanie zewnętrznych arkuszy stylów do definicji fragmentu szablonu strony name="top" TINT_Lab_11, Zofia Kruczkiewicz 35
Arkusze stylów przykład zastosowania wewnętrznych arkuszy stylów do definicji fragmentu szablonu strony name="top" TINT_Lab_11, Zofia Kruczkiewicz 36
Arkusze stylów przykład zastosowanie wbudowanych arkuszy stylów do definicji fragmentu szablonu strony name="top" 37
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