Wstęp

Celem pracy było stworzenie wygodnych, łatwych w użyciu aplikacji internetowych przeznaczonych dla osób przeglądających internetowe strony Wydziału. Aplikacje napisano z użyciem nowoczesnych technologii, takich jak PHP 4, DHTML, czy XML.

Zaprojektowano i wykonano następujące oprogramowanie:

• Plany Wydziału z systemem wyszukiwania pracowników to aplikacja umożliwiająca osobom przeglądającym internetowe strony Wydziału zapoznanie się z topografią budynku i z przeznaczeniem większości pomieszczeń. W jej ramach jest również dostępny system wyszukiwania pracowników.
• Wirtualne Laboratorium Komputerowe to aplikacja wizualizująca wartości zmiennych SNMP uzyskanych od komputerów stojących w Laboratorium Komputerowym. Zasadniczo informacje te przeznaczone są dla administratorów sieci, jednak mogą być również wykorzystywane przez bardziej zaawansowanych użytkowników Internetu.
• Edytor do tworzenia stron domowych to aplikacja umożliwiająca pracownikom nie znającym języka HTML tworzenie swoich prywatnych stron domowych.

Opis zrealizowanych aplikacji

Plany Wydziału z systemem wyszukiwania pracowników

Funkcjonalność narzędzia

Sposób użytkowania

• sala wykładowa — strona z opisem zawiera jedynie informację, że pomieszczenie jest salą wykładową;
• pokój nauczycieli akademickich — strona z opisem pokoju zajmowanego przez nauczycieli akademickich zawiera dowiązania do generycznych stron domowych tych pracowników. Strony te otwierają się w w dolnej ramce i można na nich znaleźć takie informacje jak:
• imię i nazwisko,
• stopień i tytuł naukowy,
• zajmowane stanowisko,
• zainteresowania naukowo-badawcze,
• numer telefonu (opcjonalnie),
• dowiązanie do prywatnej strony domowej pracownika (opcjonalnie);
• pokój należący do instytutu — strona z opisem zawiera informację o przeznaczeniu pomieszczenia i dowiązanie do strony domowej instytutu;
• pokój dziekanatu — strona z opisem zawiera nazwę sekcji dziekanatu i dowiązanie do jego strony głównej. W przypadku Sekcji Studenckiej na stronie znajduje się informacja o godzinach otwarcia dla studentów;
• pokój laboratorium komputerowego — strona z opisem zawiera informację o przeznaczeniu pomieszczenia i dowiązanie do strony głównej laboratorium;
• biblioteka — strona z opisem zawiera dowiązanie do strony głównej biblioteki;
• pomieszczenie administracyjne — strona z opisem zawiera informację o przeznaczeniu pomieszczenia i dowiązanie do strony głównej sekcji, do której należy pomieszczenie;
• pomieszczenie użyteczności publicznej, np. bufet, kiosk — strona z opisem zawiera nazwę pomieszczenia i ważne informacje o nim, np. godziny otwarcia, zasady korzystania.

rys. 4.1 Okno startowe systemu wyszukiwania pracowników

rys. 4.2 Wynik wyszukiwania

• w oknie głównym otwiera się strona piętra, na którym znajduje się pokój pracownika,
• środkowa ramka zostaje przewinięta tak, aby ten pokój znalazł się w polu widzenia,
• na planie piętra pokój jest zaznaczany przez otoczenie czerwonymi narożnikami,
• w dolnej ramce jest otwierana generyczna strona domowa pracownika.

Architektura

rys. 4.3 Architektura aplikacji

nr_piętra:nr_pokoju:nazwa_pliku_z_danymi_do_strony_generycznej:personalia

Technologia

• pokoj.php3 — skrypt tworzący stronę z opisem pokoju nauczycieli akademickich. Wywołuje się go z jednym argumentem — numerem pokoju;
• pracownik.php3 — skrypt tworzący generyczną stronę nauczyciela akademickiego. Wywołuje się go z dwoma argumentami — nazwą pliku z danymi do strony i argumentem określającym, czy strona ma mieć standardowy dla wydziałowego serwisu WWW nagłówek i stopkę.
• {parter,pierwsze,drugie,trzecie,czwarte}.php3 — skrypty tworzące strony z planami pięter. Gdy strona jest otwierana przez system wyszukiwania pracowników, skrypt jest wywoływany z czterema argumentami określającymi współrzędne narożników otaczających zaznaczany pokój i długość, o jaką należy przewinąć środkową ramkę. W przeciwnym przypadku skrypt jest wywoływany bez argumentów.
• znajdz.php3 — skrypt tworzący stronę z wynikami generowanymi przez system wyszukiwania pracowników. Skrypt wywołuje się bez argumentów, zmienne przekazuje się z formularza wyszukiwania.

• przewijania ramki zawierającej plan piętra,
• otwierania okna systemu wyszukiwania pracowników i obsługi przycisków tego okna,
• otwierania stron w oknie głównym po kliknięciu dowiązania na stronie z wynikami wyszukiwania i zaznaczania pokojów na planie w tym oknie.

Wirtualne Laboratorium Komputerowe

Funkcjonalność narzędzia

Sposób użytkowania

rys. 4.4 Fragment planu laboratorium

rys. 4.5 Przykład wizualizacji zmiennej SNMP

Architektura

nr_gniazda:nazwa_komputera:haslo:wspolrzedne

Technologia

• lab.php3 — skrypt tworzący stronę z planem Laboratorium. Korzysta z pliku KOMPUTERY;
• snmp.php3 — skrypt tworzący stronę z dowiązaniami, których nazwy są nazwami zmiennych SNMP. Korzysta z pliku MIB. Wywoływany jest z jednym argumentem — nazwą komputera, do którego będą wysyłane zapytania;
• snmpget.php3 — skrypt tworzący stronę z wyświetloną wartością zmiennej prostej. Wywoływany jest z dwoma argumentami — nazwą komputera, do którego będzie wysłane zapytanie i nazwą zmiennej, której dotyczy zapytanie;
• snmptable.php3 — skrypt tworzący stronę z wyświetloną tabelą będącą wizualizacją zmiennej tablicowej. Wywoływany jest z dwoma argumentami — nazwą komputera, do którego będzie wysłane zapytanie i nazwą zmiennej, której dotyczy zapytanie.

Edytor do tworzenia stron domowych

Funkcjonalność narzędzia

Sposób użytkowania

rys. 4.6 Fragment formularza

• elementów zawierających dane — pól i obszarów tekstowych oraz pola wyboru pliku,
• przycisków wyboru,
• dynamicznie pojawiających się przycisków "Dodaj URL",
• przycisku "OK" — jego naciśnięcie powoduje wysłanie formularza,
• przycisku "Przywroc" — jego naciśnięcie powoduje przywrócenie formularzowi początkowych wartości pól.

• pole tekstowe "Personalia" — do niego wpisuje się personalia pracownika;
• pole tekstowe "Telefon" — do niego wpisuje się telefon pracownika;
• pole tekstowe "Email" — do niego wpisuje się adres poczty elektronicznej pracownika. Przy próbie wysłania formularza sprawdza się składniową poprawność adresu. Jeżeli adres jest niepoprawny składniowo, użytkownik może mimo to wysłać formularz albo zrezygnować z wysłania, aby poprawić adres;
• obszar tekstowy "Dodatkowe" — do niego wpisuje się dodatkowe informacje o pracowniku;
• listy pól tekstowych "Publikacje", "Dydaktyka", "Magistranci" — do pól tekstowych będących elementami danej listy wpisuje się pozycje związane z tematem listy. Zawsze po otwarciu formularza jedno z pól listy jest puste, aby można było dodać nowy element;
• pole wyboru pliku "Fotografia" — po kliknięciu przycisku "Browse" użytkownik może wybrać plik graficzny ze swoją fotografią (zostanie ona dołączona do strony).

rys. 4.7 Wklejanie adresu URL

Architektura

rys. 4.8 Architektura aplikacji

<?xml version="1.0" encoding="ISO-8859-2"?>

<PRACOWNIK>

<PERSONALIA>
...
</PERSONALIA>

<TELEFON WIDOK="tak">
...
</TELEFON>

<EMAIL WIDOK="tak">
...
</EMAIL>

<FOTO WIDOK="tak">
...
</FOTO>

<DODATKOWE>
...
</DODATKOWE>

<PUBLIKACJE WIDOK="tak">
<POZYCJA WIDOK="tak">
...
</POZYCJA>

<POZYCJA WIDOK="tak">
...
</POZYCJA>
.
.
.
</PUBLIKACJE>

<DYDAKTYKA WIDOK="tak">
<POZYCJA WIDOK="tak">
...
</POZYCJA>

<POZYCJA WIDOK="tak">
...
</POZYCJA>
.
.
.
</DYDAKTYKA>

<MAGISTRANCI WIDOK="tak">
<POZYCJA WIDOK="tak">
...
</POZYCJA>

<POZYCJA WIDOK="tak">
...
</POZYCJA>
.
.
.
</MAGISTRANCI>

</PRACOWNIK>

Technologia

• get.php3 — tworzy stronę w formacie HTML na podstawie pliku w formacie XML z danymi pracownika. Listy pozycji są przetwarzane na listy w języku HTML;
• form.php3 — tworzy stronę WWW z formularzem na podstawie pliku w formacie XML z danymi pracownika. Użytkownik wypełnia formularz, aby zaktualizować dane. Wysłanie formularza powoduje wywołanie skryptu put.php3;
• put.php3 — otrzymuje dane z formularza stworzonego przez skrypt form.php3 i aktualizuje plik XML z danymi pracownika. Aby wywołać ten skrypt, trzeba pomyślnie przejść autoryzację.

<FORM>
  <DIV ID="warstwa1">
  <INPUT TYPE="button" NAME="przycisk1">
  </DIV>

  <DIV ID="warstwa2">
  <INPUT TYPE="button" NAME="przycisk2">
  </DIV>
</FORM>

<DIV ID="warstwa1">
  <FORM NAME="form1">
  <INPUT TYPE="button" NAME="przycisk1">
  </FORM>
</DIV>

<DIV ID="warstwa2">
  <FORM NAME="form2">
  <INPUT TYPE="button" NAME="przycisk2">
  </FORM>
</DIV>

Zakończenie

• przydatność w praktyce,
• wygoda użytkowania,
• dość duża elastyczność osiągnięta dzięki zastosowaniu dynamicznego tworzenia stron.

Przyszłość

Plany Wydziału z systemem wyszukiwania pracowników

Wirtualne Laboratorium Komputerowe

Edytor do tworzenia stron domowych