Cel
Przygotuj aplikację XML, prezentującą informacje na temat wartości odżywczych dla wybranych produków spożywczych.
Instrukcja obsługi:
- Utwórz na dysku katalog o nazwie
nutrition
- Pobierz plik z narzędziami potrzebnymi do realizacji projektu i zapisz go w utworzonym katalogu
- Rozpakuj archiwum
- Przejdź do katalogu
nutrition/tools/tests
i uruchom skrypt run. Jeśli powstały pliki:test.html
,test.pdf
,test.svg
oznacza to poprawną konfigurację. - W katalogu
nutrition
znajdują się skrypty służące do uruchomienia transformacji lub walidacji pliku XML. Składnia ich użycia jest następująca:./validate.sh grammar_file source_file
./xml2XXX.sh source_file xsl_file output_file
Krok 1: Jak wygląda świat rzeczywisty
Przykładowe dane dotyczące wartości odżywczych można znaleźć na stronie NutritionData.com idź do góry
Krok 2: Zdefiniuj język opisu świata rzeczywistego
Instrukcja:
- Zdefiniuj zbiór znaczników, które umożliwią zapisanie w postaci pliku XML informacji o produkcie żywnościowym. Załóż, że produkt żywnościowy (ang. food) może być opisany przez:
- nazwę własną(ang. name)
- nazwę producenta (ang. producer)
- liczbę kalorii (ang. calories)
- tłuszcze łącznie (ang. total fat)
- tłuszcze nasycone (ang. saturated fat)
- cholesterol (ang. cholesterol)
- sód (ang. sodium)
- węglowodany (ang. carbohydrates)
- błonnik (ang. fiber)
- białko (ang. protein)
- witaminy (ang. vitamins): A, C
- minerały (ang. minerals): Ca, Fe
Krok 3: Stwórz dokument opisujący rzeczywistość
Instrukcja:
- Zdefiniuj element opisujący dowolny produkt żywnościowy z uwzględnieniem zaproponowanych znaczników
- Zdefiniuj element
<daily-values>
opisujący następujące normy żywnościowe dla diety 2000 kcal.
Wartości norm:tłuszcz łącznie 65g tłuszcze nasycone 20g cholesterol 300mg sód 2400mg węglowodany 300g błonnik 25g białko 50g
Krok 4: Stwórz reguły walidujące strukturę dokumentu
Instrukcja:
- Stwórz następujące reguły walidujące :
- dla elementu
<nutrition>
- dla elementu
<daily-values>
- dla elementu
<food>
- dla elementu
- Sprawdź i popraw błędy w pliku
nutrition_notValid.xml
, zawierającym definicje produktów, wykorzystując program MSV.
- Plik z regułami Relax NG do wykorzystania
- Szablon pliku z regułami Relax NG
- Plik z opisem produktów (błędny)
Krok 5: Prezentacja danych z wykorzystaniem CSS
Instrukcja:
- Utwórz plik zawierający style CSS dla danych z pliku
nutrition.xml
Podpowiedź: Jeśli nie wiesz od czego zacząć wykorzytaj dostępny szablon :) - Zmodyfikuj plik
nutrition.xml
, tak by dane formatowane były z wykorzystaniem stylów CSS.
Krok 6: Konwersja danych do formatu CSV
Instrukcja:
- Utwórz plik zawierający transformację XSL dla danych z pliku
nutrition.xml
Podpowiedź: Jeśli nie wiesz od czego zacząć wykorzytaj dostępny szablon :) - Zmodyfikuj plik
nutrition.xml
, tak by dane formatowane były z wykorzystaniem stylów XSLT.
Krok 7: Prezentacja danych z wykorzystaniem XSLT
Instrukcja:
- Utwórz plik zawierający prostą transformację XSL dla danych z pliku
nutrition.xml
do formatu HTML
Podpowiedź: Jeśli nie wiesz od czego zacząć wykorzytaj dostępny szablon :) - Zmodyfikuj plik
nutrition.xml
, tak by dane formatowane były z wykorzystaniem zdefiniowanej transformacji. - Zmodyfikuj plik zawierający transformację XSL, tak by dane prezentowane były w postaci graficznej
Podpowiedź: Jeśli nie wiesz od czego zacząć wykorzytaj dostępny szablon :)
- Plik z opisem produktów
- Szablon prostego stylu XSLT dokonującego transformacji
- Szablon zaawansowanego stylu XSLT dokonującego transformacji
- Prosty styl XSLT dokonujący transformacji
- Plik wynikowy w formacie HTML dla stylu prostego
- Zaawansowany styl XSLT dokonujący transformacji
- Plik wynikowy w formacie HTML dla stylu zaawansowanego
Krok 8: Prezentacja danych z wykorzystaniem XSL-FO
Instrukcja:
- Utwórz plik zawierającytransformację XSL dla danych z pliku
nutrition.xml
do formatu PDF
Podpowiedź: Jeśli nie wiesz od czego zacząć wykorzytaj dostępny szablon :) - Zmodyfikuj plik
nutrition.xml
, tak by dane formatowane były z wykorzystaniem zdefiniowanej transformacji.
Krok 9: Prezentacja danych z wykorzystaniem SVG
Instrukcja:
- Utwórz plik zawierającytransformację XSL dla danych z pliku
nutrition.xml
do formatu SVG
Podpowiedź: Jeśli nie wiesz od czego zacząć wykorzytaj dostępny szablon :) - Zmodyfikuj plik
nutrition.xml
, tak by dane formatowane były z wykorzystaniem zdefiniowanej transformacji.