dr inż. Piotr Czapiewski

Systemy zarządzania treścią

Laboratorium 1

Instalacja i podstawy obsługi systemu zarządzania treścią Joomla!

Cele ćwiczenia:

1. Instalacja systemu Joomla! 1.5.

2. Opanowanie podstaw administracji systemem Joomla!.

Przebieg ćwiczenia:

1. Połącz się ze swoim kontem WWW za pomocą klienta FTP (np. WinSCP)

2. Instalacja systemu Joomla!

a. Pobierz archiwum instalacyjne Joomla! 1.5 ze strony http://www.joomla.org b. Na serwerze utwórz katalog o nazwie joomla

c. Rozpakuj zawartość archiwum instalacyjnego Joomla! i skopiuj na serwer do

utworzonego katalogu

d. Otwórz przeglądarkę internetową i wejdź na adres

http://twojlogin.stud.zpsb.edu.pl/joomla/

e. Przejdź pierwsze trzy kroki instalatora

f. Krok czwarty: podaj parametry połączenia z bazą danych

• Typ bazy: mysql

• Nazwa serwera: localhost

• Nazwa użytkownika: twojlogin

• Hasło: twojehaslo

• Nazwa bazy danych: twojlogin_joomla

g. Krok piąty: pomiń (nie włączaj obsługi ftp)

h. Krok szósty:

• Nazwa witryny: dowolna

• Ustaw hasło administratora

i. Krok siódmy: w podsumowaniu kliknij przycisk Witryna

j. Zgodnie z wyświetloną instrukcją – za pośrednictwem klienta FTP usuń katalog

instalacyjny, czyli katalog o nazwie ...\joomla\installation i kliknij na

wyświetlonym linku

3. Instalacja polskiej wersji językowej

a. Ze strony http://www.joomla.pl pobierz polski pakiet językowy dla właściwej wersji

Joomla!

b. Zaloguj się do panelu administracyjnego Joomla!

• Wejdź na adres http://localhost/joomla/administrator/

• Zaloguj się jako użytkownik admin z hasłem podanym podczas instalacji

c. Przejdź do menedżera instalacji: Extensions -> Install/Uninstall

d. W sekcji Upload Package File kliknij Browse/Przeglądaj i wybierz archiwum z polskim pakietem językowym, kliknij Upload File & Install

Strona 1

dr inż. Piotr Czapiewski

Systemy zarządzania treścią

Laboratorium 1

e. Przejdź do menedżera języków: Extensions -> Language Manager

f. Zaznacz polski pakiet językowy i kliknij Default

g. Powtórz to samo w zakładce Administrator

4. Wprowadzanie zawartości witryny w Joomla!

a. Dodanie treści na stronie głównej

• Przejdź do panelu kontrolnego ( Witryna -> Panel kontrolny)

• Kliknij Dodaj artykuł

• Wprowadź tytuł i treść wiadomości. Zaznacz pole TAK w panelu Strona

startowa

• Kliknij Zapisz

b. Dodawanie artykułu do menu

• Dodaj kolejny artykuł (tak jak w punkcie a.), nie umieszczaj go na stronie

startowej ( NIE w panelu Strona startowa)

• Przejdź do panelu kontrolnego, następnie do działu Menu

• Kliknij ikonkę Pozycje menu obok elementu Main menu

• Kliknij ikonę Utwórz

• Wybierz Łącze wewnętrzne -> Artykuły -> Artykuł

• Podaj tytuł, pod jakim artykuł ma się znaleźć w menu

• Kliknij Wybierz po prawej stronie, w panelu Parametry podstawowe /

Wybierz artykuł. Wybierz nowododany artykuł. Kliknij Zapisz

• Sprawdź wygląd strony klikając Podgląd

5. Dodawanie sekcji i kategorii

Zawartość strony w Joomla! zorganizowana jest w trzypoziomową hierarchię:

Sekcja – Kategoria – Artykuł

a. Przejdź do panelu kontrolnego, następnie do panelu Sekcje

b. Dodaj sekcje o nazwach: Aktualności, O mnie

c. Przejdź do panelu kontrolnego, następnie do panelu Kategorie

d. Dodaj następujące kategorie:

• W sekcji O mnie: Hobby, Praca, Szkoła

• W sekcji Aktualności: Aktualności

6. Dodawanie artykułu w sekcji/kategorii

a. Dodaj nowy artykuł zatytułowany Moje studia. Podczas dodawania wybierz z rozwijanych menu: Sekcja – O mnie, Kategoria – Szkoła. Wpisz kilka zdań treści.

b. Dodaj dwa dowolne artykuły w sekcji O mnie, kategoria Hobby

7. Dodawanie sekcji do menu

a. Przejdź do Projektanta menu ( Menu -> Projektant menu) Strona 2

dr inż. Piotr Czapiewski

Systemy zarządzania treścią

Laboratorium 1

b. Dodaj do głównego menu nową pozycję typu:

Łącze wewnętrzne -> Artykuły -> Sekcja -> Lista – Kategorie artykułów w sekcji

c. Podaj tytuł menu (np. O mnie), w panelu po prawej stronie wybierz sekcję O mnie

d. Sprawdź wygląd strony klikając Podgląd. Sprawdź zawartość nowododanego menu.

e. Dodaj do menu sekcję Aktualności, tym razem wybierając typ:

Łącze wewnętrzne -> Artykuły -> Sekcja -> Przegląd – Artykuły w sekcji

f. Dodaj po kilka artykułów we wszystkich dodanych kategoriach.

8. Porządkowanie menu

a. Usuń z menu artykuł wprowadzony w punkcie 5b

( Projektant menu -> Pozycje menu -> zaznacz artykuł -> Kosz) b. Zauważ, że usunięty został tylko odnośnik do artykułu w menu, sam artykuł w

dalszym ciągu znajduje się w bazie Joomla! . Aby ostatecznie usunąć artykuł, przejdź

do panelu Artykuły, zaznacz artykuł i kliknij Kosz

c. Zmień kolejność pozycji w menu (strzałki obok pozycji menu w panelu Projektant

menu -> Pozycje menu), ustawiając je w kolejności: Aktualności, O mnie, WISZ. Kliknij ikonkę Zapisz kolejność w nagłówku kolumny Kolejność

d. Sprawdź wygląd witryny

9. Informacje widoczne tylko dla zalogowanych użytkowników

a. Dodawanie użytkownika

• Przejdź do zarządzania użytkownikami: menu Witryna -> Użytkownicy

• Kliknij Utwórz

• Podaj nazwę konta, nazwę użytkownika i hasło

• Wybierz grupę Rejestrowany

• Kliknij Zapisz

b. Dodawanie sekcji, kategorii i artykułu tylko dla zarejestrowanych

• Dodaj sekcję o nazwie Dla wtajemniczonych. W panelu Poziom dostępu

wybierz Rejestrowany

• W analogiczny sposób utwórz kategorię Dla wtajemniczonych oraz artykuł w tej kategorii, w obu przypadkach wybierz poziom dostępu Rejestrowany

• Dodaj do menu pozycję Dla wtajemniczonych jako link do listy artykułów w sekcji (jak w punkcie 8f), także z poziomem dostępu Rejestrowany

• Sprawdź wygląd witryny

c. Dodawanie modułu logowania

• Aby nowa pozycja pojawiła się w menu, konieczne będzie zalogowanie

użytkownika. Najpierw musimy dodać do menu opcję logowania

• Przejdź do projektanta menu, dodaj nową pozycję o nazwie Logowanie, typu

Łącze wewnętrzne -> Użytkownik -> Logowanie

• Sprawdź wygląd witryny. Zaloguj się na konto utworzone w podpunkcie a.

Strona 3

dr inż. Piotr Czapiewski

Systemy zarządzania treścią

Laboratorium 1

10. Zmiana szablonu

a. Przejdź do panelu Rozszerzenia -> Szablony

b. Zaznacz szablon beez, kliknij Domyślnie. Sprawdź wygląd witryny c. Znajdź w Internecie szablon do Joomla!

d. Przejdź do panelu Rozszerzenia -> Instalator. Zainstaluj ściągnięty szablon, podobnie jak pakiety językowe

e. Zmień szablon na nowy (jak w punktach a-b). Sprawdź wygląd witryny.

Strona 4