Portal internetowy w ln
This presentation is the property of its rightful owner.
Sponsored Links
1 / 41

Portal internetowy w LN PowerPoint PPT Presentation


  • 75 Views
  • Uploaded on
  • Presentation posted in: General

Portal internetowy w LN. Wykorzystanie aplikacji Lotus Notes do budowy portalu internetowego. Katarzyna Szczerbakow, seminarium magisterskie 04/2001. Krótko o aplikacji Lotus Notes. narzędzie do zarządzania przepływem dokumentów w firmie aplikacja pocztowa

Download Presentation

Portal internetowy w LN

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Portal internetowy w ln

Portal internetowy w LN

Wykorzystanie aplikacji Lotus Notes do budowy portalu internetowego

Katarzyna Szczerbakow, seminarium magisterskie 04/2001


Kr tko o aplikacji lotus notes

Krótko o aplikacji Lotus Notes

  • narzędzie do zarządzania przepływem dokumentów w firmie

  • aplikacja pocztowa

  • inne zastosowanie to portale internetowe


Formularze 1

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


Formularze 2

Formularze 2


Widoki 1

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


Widoki 2

Widoki 2

  • od strony programistycznej są podobne do SQL-owych perspektyw


Za o enia systemu 1

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


Za o enia systemu 2

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ę


Za o enia systemu 3

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


Za o enia systemu 4

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


Portal internetowy w ln

Serwis ogólnodostępny

Dyskusje

Logowanie + SSL

Serwis chroniony


Budowa portalu www w ln

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


Pierwsze kroki

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


Portal internetowy w ln

IE


Netscape comunicator

Netscape Comunicator


Widok artyku y test z 3 dokumnetami

Widok artykuły-test z 3 dokumnetami


Ln generuje kod html javascript

LN generuje kod HTML + JavaScript

<HTML>

<!-- Lotus-Domino (Release 5.0.3 (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>


Portal internetowy w ln

<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/2502aef150d3c70ec1256a2600489855?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/2950560e369ca717c1256a28003c69d3?OpenView">

Reklamy</A></UL></BODY>

</HTML>


Formularz html wygenerowany przez ln udost pnia wszelkie opcje edycyjne

Formularz HTML wygenerowany przez LN udostępnia wszelkie opcje edycyjne


Formularz html wygenerowany przez ln udost pnia wszelkie opcje edycyjne1

Formularz HTML wygenerowany przez LN udostępnia wszelkie opcje edycyjne


Budowanie profesjonalnego portalu www

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)


Szczeg y techniczne 1

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.


Szczeg y techniczne 2

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


Portal internetowy w ln

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


Szczeg techniczne 4

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


Szczeg y techniczne 4

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.


Agenci 1

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 e-mail 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.


Agenci 2

Agenci 2

Jest kila sposobów uruchamiania agenta LN :

-kodem JavaScriptowym

<script>

<!--

function sendByEmail(file)

{

if ( confirm('Wys³aæ prezentacjê poczt¹?') )

location = '../wyslijprezentacje.shtml?OpenAgent&filename='+file;

}

// -->

</script>

"<A href=\"javascript:sendByEmail(\'"+Plik+"\')\"> - wywołanie funkcji JS, która uruchamia agenta, porzez wskazanie ścieżki do agenta w bazie


Portal internetowy w ln

Agenci 2

-lub HTML

<input type="hidden" name="OpenAgent" value=”wyslijprezentacje.html">

<form name="sel" action="../../szukajaktualnosci.html" method="get">


Struktura katalog w

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">


Zmiana projektu systemu

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.


Baza administracja

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.


Portal internetowy w ln

Dyskusje

Ogólnodostępny

Chroniony

Administracja


Koniec

Koniec


  • Login