Pobierz prezentację
Pobieranie prezentacji. Proszę czekać
1
Portal internetowy w LN
Wykorzystanie aplikacji Lotus Notes do budowy portalu internetowego Katarzyna Szczerbakow, seminarium magisterskie 04/2001
2
Krótko o aplikacji Lotus Notes
narzędzie do zarządzania przepływem dokumentów w firmie aplikacja pocztowa inne zastosowanie to portale internetowe
3
Formularze 1 podstawowa jednostka do wprowadzania i odczytu danych
udostępnia wszystkie formatki dostępne w innych systemach bazodanowych - listy rozwiajne, przyciski, pola tekstowe, pola wyboru itd zestaw formatek charakterystycznych dla LN - kalendarze,„nazwy” ,czytelnicy, autorzy
4
Formularze 2
5
Widoki 1 podstawowy element do wyświetlania danych przechowywanych w bazie funkcjonalnie można je porównać z raportami, chociaż mają chyba wygodniejszy interfejs do przeglądania danych dobrze zaprojektowany widok ułatwia wyszukiwanie i przeglądanie danych, nawet wśród dużej liczby rekordów, bez interwencji programisty
6
Widoki 2 od strony programistycznej są podobne do SQL-owych perspektyw
8
Założenia systemu 1 duża firma handlowa działająca na terenie całej Polski portal miał być narzędziem informacyjnym dla zwykłych użytkowników internetu również miał służyć jako narzędzie komunikacyjne pomiędzy firmą a jej partnerami handlowymi
9
Założenia systemu 2 Trzy odrębne bazy 1. Serwis informacyjny
- typowe dla portalu dane informacyjne - oraz dane charakterystyczne dla branży przedsiębiorcy partnerzy handlowi - krótkie informacje + linki, aktualności, business informacje, wywiady z VIP, informacje o firmie, informacje o sprzedawanych produktach, kalendarz imprez organizowanych przez firmę lub przez nią polecanych, dyskusje, Hyde Park,giełda sprzedam- kupię, użyteczne linki, napisz do nas, kursy walut, zarejestruj się
10
Założenia systemu 3 2. Serwis chroniony - wejście po zalogowaniu
- informacje branżowe ale o większym znaczeniu strategicznym, oferty dla partnerów handlowych itp. wyniki ankiet (sondaży), dane o partnerach, artykuły wewnętrzne( zmiany prawne , które miały wpływ na działalność firmy), prezentacje produktów dla partnerów , stany magazynowe, plan dostaw, cenniki
11
Założenia systemu 4 3. Baza Dyskusje
- miała wchodzić w skład serwisu ogólnodostępnego, ale ze względu na rozmiary jakie dość szybko mogła osiągnąć zdecydowaliśmy, że będzie zaimplementowana jako oddzielna baza
12
Serwis ogólnodostępny
Dyskusje Logowanie + SSL Serwis chroniony
13
Budowa portalu WWW w LN do budowy portalu wykorzystuje się standardowe środowisko programistyczne LN -> LotusScript + Formula LN jest zintegrowany z HTML, JavaScriptem , udostępnia też duży zestaw zmiennych CGI, z których można korzystać bezpośrednio w kodzie pisanym w LotusScripcie
14
Pierwsze Kroki Przeglądanie danych zawartych w bazach LN i udostępnionych jako serwisy WWW nie wymaga dodawania ręcznie kodu HTML czy JavaScriptu aplikacje LN bardzo dobrze współpracują z przeglądarkami i bez trudu można je wykorzystać do przeglądania zawartości bazy w formacie LN bez żadnych dodatkowych zabiegów programistycznych
15
IE
16
Netscape Comunicator
17
Widok artykuły-test z 3 dokumnetami
18
LN generuje kod HTML + JavaScript
<!-- Lotus-Domino (Release (Intl) - 21 March 2000 on Windows NT/Intel) --> <HEAD> <TITLE>TEST</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- document._domino_target = "_self"; function _doClick(v, o, t) { var url="/TEST.nsf?OpenDatabase&Click=" + v; if (o.href != null) o.href = url; else { if (t == null) t = document._domino_target; window.open(url, t); } // --> </Script> </HEAD>
19
<BODY TEXT="000000"> <IMG SRC="/TEST.nsf/$icon?OpenIcon" BORDER=0 HEIGHT=32 WIDTH=32 ALT="TEST icon" ALIGN=left><H1>TEST</H1><H2>Views</H2><UL><LI> <A HREF="/TEST.nsf/2502aef150d3c70ec1256a ?OpenView"> artykuly-aktualnosci</A><LI> <A HREF="/TEST.nsf/fdcca81674d6f124c1256a28003c6486?OpenView"> artykuły-Dodatki do wydania sobotnoi -niedzielnego</A><LI> <A HREF="/TEST.nsf/b4aa48bc27387a7ac1256a28003b925f?OpenView"> artykuły-test</A><LI> <A HREF="/TEST.nsf/1bf11696d2d0b0a2c1256a28003c6f86?OpenView"> Bez tytułu</A><LI> <A HREF="/TEST.nsf/ e369ca717c1256a28003c69d3?OpenView"> Reklamy</A></UL></BODY> </HTML>
20
Formularz HTML wygenerowany przez LN udostępnia wszelkie opcje edycyjne
21
Formularz HTML wygenerowany przez LN udostępnia wszelkie opcje edycyjne
22
Budowanie profesjonalnego portalu WWW
generowany kod aplikacji internetowej jest dość ubogi funkcjonalnie i graficznie budowana „ręcznie” aplikacja miała zapewniać łatwy w obsłudze i intuicyjny interfejs z zaprojektowaną przez nas funkcjonalnością oraz umożliwiała osadzenie zaprojektowanej przez inny zespół grafiki ( HTML,JS , zestaw grafiki)
23
Szczegóły techniczne 1 Każdy element , zaprojektowany przez zespół - formularz czy widok - jeśli miał być widoczny w przeglądarce, musiał składać się z co najmniej dwóch elementów: części LN + nakładka HTML,JavaScript, aplety itp.
24
Szczegóły techniczne 2 Formularze
pierwszym elementem formularza , który miał być widoczny na stronach WWW był standardowy formularz LN - służył w tym przypadku jako forma przechowująca dane drugi to nakładka HTMl ( możliwość wykorzystania JS i JAVY np. do definiowania CSS ) połączenie tych elementów dokonywało się w trakcie wysyłania zlecenia do przeglądarki elementem łączącym obydwa elementy jest alias - jednakowy dla obydwu elementów
25
Administracja użyteczne linki | uzytecznelinki.html
Nazwa formularza administracyjnego Administracja użyteczne linki | uzytecznelinki.html WWW użyteczne linki | uzytecznelinki.html Alias Nazwa formularza, który występował jako nakładka htmlowa
28
Szczegół techniczne 4 Widoki
widok LN są ta część serwisu, która tworzyła zbiór danych prezentowanych na stronie nakładka HTML o wymaganym formacie nazwy „$$View Template for” + „nazwa widoku” dla którego nakładka została zaprojektowana np. „$$View template for artykuły-test” nakładka jest odpowiedzialna za sposób wyświetlania na stronie WWW zawartości widoku, tzn sposób rozmieszczenia wydobywanych pól oraz odpowiada za wygląd danego widoku np. tutaj umieszcza się tytuł widoku oraz charakterystyczne dla niego elementy graficzne
30
Szczegóły techniczne 4 Jednak taki widok też musi mieć specyficzną budowę Np. w aplikacji pisanej w ASP jeżeli chcemy wyciągnąć dane z tabeli robimy to w pętli gdzie dla każdego sprowadzonego rekordu dodajemy odpowiedni fragment kodu, który np. umieści dane z rekordu w komórkach tworzonej dynamicznie tabeli. W LN ten fragment kodu HTML trzeba umieścić jako element widoku, który później jest „wyrzucany” na stronę wraz zawartością widoku. W ten sposób każdy umieszczony na strony element, pochodzący z jednego widoku, będzie wyświetlany wraz z jednakowym fragmentem kodu HTML odpowiedzialnym za jego wygląd zewnętrzny.
34
Agenci 1 Kolejnym charakterystycznym dla aplikacji LN elementem są agenci - aplikacje pisane przeważnie w Lotus Scrypcie, a odpowiedzialne, w przypadku portalu internetowego za interakcję z użytkownikiem. Praktycznie każdy przycisk czy pole opcji umieszczone w aplikacji powodowały uruchomienie agenta. Np.. Wysyłanie poczty do administratora bazy, przeliczenie cen walut wg wprowadzonego przez użytkownika kursu. Generalnie jeżeli przycisk wywoływał akcję, która miała się wykonać przy wprowadzonych przez użytkownika parmetrach należało wywołać agenta LN.
35
Agenci 2 Jest kila sposobów uruchamiania agenta LN :
-kodem JavaScriptowym <script> <!-- function sendBy (file) { if ( confirm('Wys³aæ prezentacjê poczt¹?') ) location = '../wyslijprezentacje.shtml?OpenAgent&filename='+file; } // --> </script> "<A href=\"javascript:sendBy (\'"+Plik+"\')\"> - wywołanie funkcji JS, która uruchamia agenta, porzez wskazanie ścieżki do agenta w bazie
36
Agenci 2 -lub HTML <input type="hidden" name="OpenAgent" value=”wyslijprezentacje.html"> <form name="sel" action="../../szukajaktualnosci.html" method="get">
37
Struktura katalogów Zaplanowaliśmy odpowiednią strukturę katalogów w których przechowywaliśmy -pliki graficzne wykorzystywane w serwisie -aplety -pliki ze stylami kaskadowymi To nam pozwoliło na szybkie budowanie ścieżek do potrzebnych plików. <LINK rel="stylesheet" href="../../css/styles.css"> <img src="../../images/common/transpix.gif" width="1" height="5">
38
Zmiana projektu systemu
Aplikacja przewidywała wprowadzanie danych do bazy zarówno ze stron WWW jak i LN. Obydwie formy wprowadzania danych wymagały zarządzania od strony LN. Dodatkowo, dla obydwu serwisów : ogólnodostępnego i chronionego był wymagany moduł zarządzający, dlatego zdecydowaliśmy się na wyodrębnienie, jako czwartej, bazy administracyjnej. Z jej poziomu można było zarządzać danymi w bazach.Technicznie jednak, baza Administracja była tylko zbiorem odwołań do danych zawartych w pozostałych bazach. Jest dostępna tylko z poziomu LN Baza dyskusje ze względu na swoją specyfikę wciąż miała własną administrację, która polegała na możliwości usunięcia „niewygodnych” tematów lub wypowiedzi.
39
Baza Administracja Zaprojektowanie administracji, która zadowoliłaby klienta polegało na takim skonfigurowaniu bazy, że administrator „wrzuca” pliki do odpowiedniego widoku - zaznacza je jako do publikacji lub nie. Spowodowało to, że musieliśmy zaprojektować nowe widoki typowo administracyjne, z ładnym interfejsem i przyciskami edycyjnymi. Połączenie widoków administracyjnych i projektowych nie było konieczne, ponieważ widoki administracyjne zawierały wszystkie dokumetny należace do danej kategorii np. artykuły branżowe, a widok projektowy, który „wyrzucał” te dane na stronie WWW , tylko doukumenty zaznaczone jako „publikuj”. Widoki projektowe zawierały tylko podzbiór dokumentów danej kategorii.
40
Dyskusje Ogólnodostępny Chroniony Administracja
41
Koniec
Podobne prezentacje
