STRONA INTERNETOWA PRZEDSZKOLA

PRZEWODNIK

Daniel Mucha [www.dm.o12.pl] - 2013

I.

CHARAKTERYSTYKA OGÓLNA

Prezentowana tu aplikacja posiada cechy kreatora stron internetowych, szablonu oraz systemu zarządzania treścią. Wstępnie adresowana miała być do przedszkoli, ale jej rozbudowa i modyfikacje czynią ją bardziej uniwersalną. Została napisana w PHP (z wykorzystaniem kaskadowych arkuszy stylów CSS). Nie wymaga bazy danych – wykorzystuje wyłącznie pliki tekstowe. Nie wymaga od uŜytkownika umiejętności programowania i znajomości HTML, PHP i CSS. Posiada funkcje pozwalające na prowadzenie strony internetowej przedszkola (ale nie tylko) – publikowanie newsów, komunikatów dla rodziców, wyników rekrutacji, galerii itp. Pozwala na pełne administrowanie stroną z poziomu przeglądarki internetowej. Aplikacja optymalizowana dla przeglądarki Mozilla Firefox i rozdzielczości ekranu 1024x768.

II.

STRUKTURA APLIKACJI

Aplikacja składa się z części publicznej – dostępnej dla uŜytkowników w przeglądarce internetowej i części administracyjnej – dostępnej dla administratora po zalogowaniu się. Całość złoŜona jest z kilkunastu katalogów i kilkudziesięciu plików, które naleŜy umieścić na serwerze dostawcy usługi hostingowej.

III.

MOśLIWOŚCI

Aplikacja pozwala m.in. na: • prezentowanie na stronie aktualności na stronie są wyświetlane skróty newsa wraz z ilustracją od najnowszych wpisów. Cały wpis jest dostępny po kliknięciu w link. Po kliknięciu w ilustrację jest ona powiększana

• •

wszelkich informacji dotyczących przedszkola prezentowanie galerii

organizacja przedszkola, misja, wizja, koncepcja pracy

moŜliwe jest zamieszczanie wielu galerii opatrzonych tytułem. Na stronie galerii znajduje się ich wykaz – tytuł i kilka przykładowych zdjęć kaŜdej galerii. Do przeglądania zdjęć wykorzystywany jest moduł Slimbox.

•

wysyłanie wiadomości przez uŜytkowników

Formularz kontaktowy w zakładce KONTAKT pozwala uŜytkownikom na przesyłanie wiadomości do administratora serwisu

2

•

zamieszczanie komunikatów dla rodziców Komunikaty zamieszczone są w kolejności od najnowszych (zawierają temat i datę dodania)

•

zamieszczanie porad dla rodziców

•

zamieszczanie informacji o wynikach rekrutacji i o wolnych miejscach

Strona zawiera listę porad. Kliknięcie w temat pozwala na przeczytanie porady

Z uwagi na ochronę danych osobowych listadzieci przyjętych do przedszkola nie jest publikowana w całości. Rodzice mogą sprawdzić, czy dziecko zostało przyjęte podając jego nazwisko i imię. Informacja o wolnych miejscach to liczba tych miejsc oraz grupa wiekowa.

• • •

wstawianie na stronę wybranych modułów tworzenie własnych elementów menu

moduły: licznik odwiedzin, kalendarz, formularz logowania moŜliwość tworzenia i usuwania elementów menu w zaleŜności od potrzeb oraz zarządzania nimi

Zarządzanie aplikacją i treścią strony z poziomu przeglądarki internetowej Administrowanie stroną w panelu administracyjnym.

IV.

OBSŁUGA APLIKACJI

1) Instalacja Pobrane ze strony www.dm.o12.pl archiwum zip naleŜy rozpakować w dowolnym miejscu na dysku lokalnego komputera. Wyodrębnione katalogi i pliki naleŜy umieścić na serwerze w katalogu domowym (np. za pomocą FTP lub w inny sposób wskazany przez dostawcę usługi hostingowej).

3

2) Konfiguracja a) Po zainstalowaniu naleŜy otworzyć stronę w przeglądarce i zalogować się do panelu administracyjnego. Login: admin, hasło: admin. b) Z menu panelu wybrać opcję dane administratora, wprowadzić nowy login, nowe hasło i zapisać zmiany. NaleŜy pamiętać, aby hasło było „silne” tzn. zawierało wielkie i małe litery oraz cyfry. c) Wybrać opcję parametry strony i wpisać odpowiednie dane (patrz rysunek).

Adres internetowy naleŜy podać w postaci - http://www.mojastrona.pl Słowa kluczowe to wyrazy charakterystyczne dla serwisu, np. przedszkole, wychowanie, edukacja, dziecko, gmina, miejscowość. Tytuł, podtytuł mogą zostać puste (jeŜeli są zawarte w grafice nagłówka) Graficzne logo – nazwa obrazka z rozszerzeniem. Obrazek musi znajdować się na serwerze i mieć wymiary max 100x100 pikseli. d) Wybrać kolorystykę strony (tzw. skórkę) – opcja skórki e) Ustalić widoczność modułów – opcja moduły 3) Slider Jest to moduł prezentujący grupę zdjęć (obrazków) w sposób dynamiczny w formie pokazu slajdów. Aby utworzyć własny slider naleŜy przygotować grupę zdjęć (obrazków) o tych samych rozmiarach (np.400 na 150 pix) i niezbyt duŜej rozdzielczości (do 72 pix/cal). Wopcji moduły naleŜy wpisać wymiary tworzonego slidera a następnie wysłać przygotowane obrazki na serwer – opcja Slider w panelu administracyjnym. JeŜeli obrazki będą zawierały teksty moŜemy w ten sposób utworzyć baner. Uwaga: tworzenie nowego slidera naleŜy rozpocząć od usunięcia istniejących obrazków. Formularz do tworzenia slidera przedstawiono na rysunku poniŜej.

4

4) Kolorystyka strony – skórki (motywy lub tematy graficzne)

W opcji skórki istnieje moŜliwość wybrania motywu graficznego spośród 7 dostępnych. MoŜliwe są takŜe własne modyfikacje motywów (zwłaszcza nagłówka strony). Modyfikacja polega na podmienieniu plików graficznych (te istniejące naleŜy zastąpić własnymi o tej samej nazwie i wymiarach). Rodzaj elementu graf motyw brązowy nagłówek strony stopka strony nagłówek grupy opcji menu element menu element menu po najechaniu myszką

Nazwa pliku

Wymiary w pix [szer x wys]

top.jpg t1.jpg nagme.jpg me1.jpg me2.jpg

1000x240 40x40 220x30 220x26 220x26

5

Motyw niebieski nagłówek strony stopka strony nagłówek grupy opcji menu element menu element menu po najechaniu myszką

top_2.jpg t1_2.jpg nagme_2.jpg me1_2.jpg me2_2.jpg

1000x252 40x40 220x30 220x26 220x26

Motyw zielony nagłówek strony stopka strony nagłówek grupy opcji menu element menu element menu po najechaniu myszką

top_1.jpg t1_1.jpg nagme_1.jpg me1_1.jpg me2_1.jpg

1000x240 40x40 220x30 220x26 220x26

Pliki elementów graficznych dla pozostałych motywów mają nazwę róŜniącą się przyrostkiem, i tak: dla motywu jasny _4, dla motywu szary _3, dla motywu orange _5, a dla motywu user _u. 5) Zarządzanie strukturą strony – menu i moduły newsów KaŜda kategoria menu to grupa opcji. Pierwotnie zdefiniowano trzy grupy: Nawigacja, Nasze przedszkole i Dla rodziców. Administrator ma moŜliwość dodawania kategorii wg potrzeb, ustalania ich widoczności na stronie oraz ich usuwania.

Elementy menu słuŜą do kierowania na podstrony serwisu lub na strony zewnętrzne.

KaŜdy element naleŜy do konkretnej kategorii. Tworząc element naleŜy wybrać kategorię, podać jego nazwę, która będzie wyświetlana w menu oraz nazwę podstrony, do której element będzie kierował. Nazwa podstrony nie moŜe zawierać spacji. JeŜeli element ma kierować do strony zewnętrznej (poza serwisem) naleŜy jako nazwę strony podać adres do strony zewnętrznej, np. http://www.kuratorium.kielce.pl . Po utworzeniu nowy element menu (podobnie jak nowa kategoria) nie jest widoczny na stronie. Widoczność naleŜy ustalić w opcji konfiguracja menu w panelu administracyjnym.

6

W opcji tej (patrz rysunek wyŜej) poza ustalaniem widoczności kategorii i elementów menu moŜemy takŜe je kasować. Nie jest moŜliwe usunięcie kategorii nawigacja i elementu start. UWAGA: NaleŜy rozwaŜnie usuwać, bo jest to proces nieodwracalny. Lepiej ukryć daną kategorię czy element. Ukrycie kategorii powoduje ukrycie wszystkich jej elementów. Dostępne są dwa moduły newsów. Pierwszy jest wykorzystywany w zakładce aktualności. Wyswietla on skróty newsów, ilustrację i zawiera link do pełnej treści. Drugi słuŜy do prezentowania niezbyt obszernych treści ilustrowanych kilkoma (kilkunastoma) zdjęciami. KaŜdy z tych modułów moŜe być klonowany tj. uŜywany w innym elemencie menu (innej zakładce).

Aby utworzyć nową zakładkę wykorzystującą wybrany moduł newsów naleŜy wybrać kategorię, podać nazwę elementu menu oraz nazwę strony (bez spacji!) i nazwę katalogu, w którym newsy będą przechowywane. Nazwa strony i nazwa katalogu nie mogą być takie same. 6) Grupa opcji edycja panelu administracyjnego. Opcje w tej grupie pozwalają zarządzać treścią strony. Opcja aktualności pozwala na tworzenie wpisów ilustrowanych jednym zdjęciem w zakładkach, w których wykorzystywany jest moduł newsów (moduł I).

7

Edycję newsa rozpoczynamy od załadowania ilustracji z komputera lokalnego. Następnie naleŜy wybrać katalog (zakładkę), w którym news będzie umieszczony, podać tytuł i wpisać treść (skrót oraz pełny tekst). Skrótu, w przeciwieństwie do pelnej treści, nie da się formatować. Tworzenie newsa kończymy naciskając przycisk Wyślij. UWAGA: Nie wolno wklejać tekstu sformatowanego skopiowanego z takich dokumentów jak np. Word – strona wówczas przestaje działać poprawnie. Opcja newsy ilustrowane pozwala na tworzenie wpisów w zakładkach, w których wykorzystywany jest moduł newsów II. Tworzenie odbywa się analogicznie jak poprzednio, z tym, Ŝe nie ma tam skrótu informacji i moŜliwe jest załadowanie kilku (kilkunastu) zdjęć.

8

Opcja komunikaty i porady przeznaczone są do zamieszczania na stronie komunikatów i porad dla rodziców. Ich obsługa jest analogiczna do opisanych wyŜej.

Opcja inne działy słuŜy do edycji statycznych treści strony. Polega na wybraniu, edytowaniu i zapisaniu pliku. Po wybraniu pliku z rozwijanej listy otwiera się okno edytora z treścią pliku. MoŜemy w tym oknie dokonywać wszelkich zmian.

7) Grupa opcji przesyłanie W tej grupie moŜliwe jest przesyłanie zdjęć (obrazów), przesyłanie plików (róŜnych typów) oraz zarządzanie galeriami.

Opcje przesyłanie zdjęć i przesyłanie plików są na tyle intuicyjne, Ŝe nie wymagają wyjaśnień. NaleŜy pamiętać o wybraniu odpowiedniego katalogu (ilustracje powyŜej). Wybranie opcji galerie przekierowuje do panelu administracyjnego galerii, gdzie moŜliwe jest tworzenie nowej galerii, edycja istniejących oraz kasowanie galerii. Administrowanie galerią zostanie opisane w dalszej części.

9

Opcja nowa galeria przeznaczona jest do utworzenia kolejnej galerii. Obsługa formularza jest prosta i polega na załadowaniu zdjęć z lokalnego komputera, wpisaniu w odpowiednie pola tytułu i opisu galerii. Tytuł i opis galerii są opcjonalne. Wciśnięcie przycisku Zakończ kończy tworzenie nowej galerii.

Opcja edycja galerii pozwala na wprowadzanie zmian w istniejącej galerii – dodanie kolejnych zdjęć, zmianę tytułu i opisu. NaleŜy wybrać istniejącą galerię z rozwijanej listy i po naciśnięciu przycisku Edytuj przystąpić do jej edycji.

10

Opcja kasowanie galerii umoŜliwia usuwanie zdjęć z wybranej galerii lub usuwanie całej galerii.

Panel administracyjny galerii posiada jeszcze opcję statystyka galerii, która wyświetla wykaz galerii (tytuły, daty dodania i liczby zdjęć) oraz posumowanie ogólne.

8) Grupa opcji kasowanie Opcja kasowanie aktualności słuŜy do robienia porządków w katalogach wykorzystujących moduł newsów I. Po wybraniu katalogu, w którym chcemy usuwać wpisy zaznaczamy te przeznaczone do skasowania i naciskamy przycisk Usuń zaznaczone.

11

Opcja kasowanie newsów jest przeznaczona do usuwania wpisów w katalogach wykorzystujących moduł newsów II. Działanie jest analogiczne jak poprzednio.

Opcje kasowanie komunikatów i kasowanie porad pozwalają na usuwanie odpowiednio komunikatów i porad dla rodziców. Działanie ich jest analogiczne do opisanych wyŜej z jedną róŜnicą – nie wybiera się katalogu. Opcja kasowanie zdjęć umoŜliwia kasowanie zdjęć z wybranego katalogu.

9) Grupa opcji rekrutacja przeznaczona jest do przygotowywania informacji o wynikach rekrutacji dzieci do przedszkola na dany rok szkolny oraz o wolnych miejscach w ciągu roku szkolnego. Opcja lista dzieci przyjętych słuŜy do zakładania nowej listy (stara jest automatycznie kasowana) i wpisywaniu nazwisk dzieci przyjętych do przedszkola. ZałoŜenie nowej listy następuje po wpisaniu nawet kilku nazwisk. Edycję listy moŜna kontynuować w kolejnej opcji.

12

Opcja dopisywanie do listy pozwala kontynuować wpisywanie nazwisk dzieci rozpoczęte w poprzedniej opcji. MoŜe być ona uruchamiana wielokrotnie. Kolejne nazwiska są dopisywane do listy. Opcja zatwierdzanie listy pozwala na podgląd listy posortowanej alfabetycznie oraz na opublikowanie jej na stronie www przedszkola. UWAGA: Opublikowanie listy nie oznacza, Ŝe będzie ona widoczna na stronie internetowej. Będzie jedynie dostępna dla rodziców i moŜliwe będzie sprawdzenie czy dziecko zostało przyjęte po wpisaniu jego nazwiska i imienia.

Opcja wolne miejsca pozwala redagować informacje o wolnych miejscach jakie mogą się pojawić w ciągu roku szkolnego. W formularzu podaje się liczbę wolnych miejsc ogółem (jeŜeli są) oraz informację dodatkową o liczbie miejsc w poszczególnych grupach wiekowych. JeŜeli nie ma wolnych miejsc wyświetlany jest stosowny komunikat.

10) Pozostałe opcje panelu administracyjnego Opcja odczyt wiadomości – wyświetla wiadomości przesłane przez uŜytkowników i pozwala na kasowanie wybranych.

Opcja strona główna przekierowuje na stronę główną panelu administracyjnego, a opcja wyloguj powoduje wylogowanie i wyjście z panelu administracyjnego na stronę główną serwisu. Wszelkie uwagi, sugestie, pytania oraz pomoc techniczna: [email protected] lub www.dm.o12.pl

13