1 / 21

Integracja witryn internetowych IMGW

Integracja witryn internetowych IMGW. Spotkanie drugie: 10/11 06-2003. Autor: Jan Walasek email: Jan.Walasek@imgw.pl. 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

shen
Download Presentation

Integracja witryn internetowych IMGW

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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ę

More Related