Integracja witryn internetowych IMGW

1. Integracja witryn internetowych IMGW Spotkanie drugie: 10/11 06-2003 Autor: Jan Walasek email: Jan.Walasek@imgw.pl

2. Sprawy administracyjne Plan spotkania Dzień I 11:00 – 11:15 Otwarcie 11:15 – 12:00 Referat 12:00 – 13:00 Dyskusja 13:00 – 14:00 Obiad 14:00 – 14:45 Zajęcia (KWIT) Dzień II 09:00 – 10:00 Referat 10:00 – 10:15 Przerwa 10:15 – 12:30 Prezentacja (OBIER) 12:30 – 12:45 Podsumowanie 13:00 Obiad

3. Skąd przybywamy? Stan z sierpnia 2002 • Nowa witryna IMGW, a w niej: • Dynamiczny dział prasowy • Bieżące informacje administracyjne (przetargi) • Dużo informacji o strukturze organizacyjnej i "who is who" • Zarządzanie witryną – tradycyjne, bez wspomagania typu CMS (Content Management System) • Witryny Oddziałowe: pozostają w dotychczasowym rozproszeniu.

4. Dokąd idziemy? Wytyczne zaakceptowane przez kierownictwo IMGW w końcu 2002 roku • Opracowane zostaną normy, standardy i procedury obowiązujące witrynę IMGW • Opracowany zostanie własny System ZArządzania Treścią (SZAT) • Powstanie jedna zintegrowana witryna IMGW z podwitryną anglojęzyczną, obejmująca wszystkie Oddziały

5. Gdzie teraz jesteśmy? Stan z początku czerwca 2003 roku • Witryna IMGW daje nowe prezentacje produktów operacyjnych (starych i nowych) • Powstało archiwum prasowe witryny, kilka nowych działów • W zakresie SZAT-a: podsystem KWIT osiągnął postać eksploatacyjną, podsystem OBIER – zaawansowaną postać laboratoryjną • Rozpoczęto prace nad migracją do witryny SZAT-owej

6. Standardy układu graficznego • Opracowano jednolity układ graficzny stron • Opracowano dwa szablony ogólne dla układu graficznego (lista może być poszerzana)

7. Standardy typograficzne • Opracowano jednolity arkusz stylów typograficznych (lista może być poszerzana)

8. Struktury architektoniczne i nawigacyjne • Za podstawę przyjęto architekturę sieciową (z każdej strony do każdej) z podziałem na podsieci • Opracowano i przyjęto dwa mechanizmy nawigacyjne dla architektur sieciowych: • menu rozwijane (na podobieństwo menu systemu Windows) • zakładki • Za uzupełniającą strukturę architektoniczną przyjęto architekturę liniową wyskokami (linear with diversion). Wyskoki są realizowane z pomocą "popup windows"

9. Wzorce prezentacyjne • Prezentacja statyczna tekstu i/lub grafiki • Zakładki • Lista artykułów zapisanych w różnych dokumentach. Przywołanie artykułu: "popup window" • Lista artykułów zapisanych w różnych warstwach jednego dokumentu. Przywołanie artykułu: uwidocznienie warstwy artykułu • Animacje serii zdjęć (radarowych, satelitarnych, innych) • Kombinacje w/w typów prezentacji

10. Witryna Specyfikacja architektury Podsystem KWIT(Kreator WITryny) Szkielet witryny NAREW (NArzędzia REinżynierii Witryn) ZBROJARZ (Kreator szkieletu) Rozszerzenia uzupełnienia Stara witryna

11. #Tytuł rozdziału/podrozdziału Profil menu Ścieżka strony Źródło ... Welcome to IMGW index.html index.html ... Weather ... Forecasts ... Poland - Cities ... /polandcities.html cities.html ... Poland –For.. ..../polandspot.html ... ... Current weather ... Poland weather/current/poland.html ... ... Europe weather/current/poland.html ... ... World-wide weather/current/world.html ... ... About IMGW ... IMGW in brief imgw/index.html ... ... Organisation imgw/organisation.html ... ... Specyfikacja architektury ...

12. Propozycja dla Oddziałów Opierając się na przedstawionych standardach i wykorzystując podsystem KWIT: • Przeprojektować witrynę oddziałową • Zapisać projekt w postaci KWIT-owej specyfikacji architektury • Wygenerować szkielet witryny • Każdą stronę zapoczątkować krótką specyfikacją opisującą: • zawartość treściową • wzorzec nawigacyjny i/lub prezentacyjny

13. Metrampaż Redaktor Dyżurny Redaktor Strony Wiadomość Wiadomość Wiadomość Wiadomość Wiadomości Dostawcy treści Szablon Podsystem OBIER(Obsługa BIEżąca Redakcji) Biuro Podawcze Rejestr Wiadomości Witryna Strona Wiadomości zredagowane oraz wskazanie szablonu BISZAB (biblioteka szablonów HTML)

14. Metrampaż • ZASADA • Rozdzielić pracę: • dostawcy treści • grafika • technika Metrampaż Dokument, .doc, xls, txt, ... Od dostawcy treści (format danych dogodny dla dostawcy) Dane (XML) Dokument HTML (JSP, ... Do serwera WWW Szablon: HTML ze znacznikami treści Projektuje projektant strony wspomagany przez redaktora, grafika, muzyka, ... "Hard-coding" szablonu Z biblioteki szablonów Technik spina wszystko w całość

15. Wiadomość Dostawcy treści Serwisy dostawy wiadomości Biuro podawcze • LFS (kilka podtypów) • FTP • Secure FTP • HTTP • e-mail

16. Struktura wewnętrzna OBIER-a Framework OBIER-a wypełniany jest przez: • specyfikacje deklaratywne i • elementy kodowe (snippet codes, snippet functions) Deklaracje Snippety

17. Reprezentacja wewnętrzna serwisów dostawczych OBIER-a • Deklaracje: • lista specyfikacji serwisów • Snippety: • funkcje dostawy wiadomości

18. Reprezentacja wewnętrzna Redaktora Dyżurnego • Deklaracje: • lista specyfikująca wiadomości (serie wiadomości); specyfikacje zawierają podlisty stron przypisanych do wiadomości • Snippety: • funkcje edycji wiadomości

19. Reprezentacja wewnętrzna Redaktora Strony • Deklaracje: • lista specyfikacji stron • Snippety: • funkcje przygotowania dokumentu danych (w XML-u) dla strony

20. Specyfikacja wiadomości(przykład) burze_saf=>{ descriptive_name=>'Burze nad Polską wg systemu SAFIR', category=>'PRO', arch_class=>'D', delserv=>[ "http", [ ['http://www.imgw.pl/wl/internet/images/safir.gif', 'burze_saf.gif', 'proxy' ] ], [map {$_*5} (0..(24*12-1))] ], files=>['burze_saf.gif'], pre_edition=>'uniq', editor=>\&burze_saf_ed, save_last=>48, pages=>['burze_saf'] },

21. Dziękuję za uwagę