CMS

Stworzenie interaktywnej strony internetowej w Google Sites, mającej na celu naukę programowania dla dzieci.

Cel zadania:

Państwa zadaniem jest współpracować, aby zaprojektować i zbudować atrakcyjną wizualnie oraz edukacyjną platformę online, która wprowadzi dzieci w podstawy programowania.

Kluczowe elementy:

• Wykorzystanie narzędzi Google Sites do stworzenia funkcjonalnej i estetycznej strony.

• Opracowanie treści dostosowanych do różnych grup wiekowych dzieci.

• Włączenie interaktywnych elementów, takich jak quizy, gry i animacje, aby uatrakcyjnić proces nauki.

• Zadbanie o intuicyjną nawigację i czytelny układ strony.

1. WordPress - najpopularniejszy CMS na świecie. MP i PK

Omówienie: Prezentacja powinna skupić się na historii WordPressa, jego ewolucji, zaletach i wadach. Warto poruszyć kwestie elastyczności, łatwości obsługi, dostępności wtyczek i motywów, a także bezpieczeństwa i wydajności. Można również omówić przykłady stron internetowych zbudowanych na WordPressie.

2. Joomla! - CMS dla bardziej zaawansowanych użytkowników. MP i OJ

Omówienie: Prezentacja powinna przedstawić Joomla! jako alternatywę dla WordPressa. Należy omówić jego bardziej zaawansowane funkcje, możliwości rozbudowy i zastosowania w tworzeniu portali internetowych, sklepów online i intranetów. Warto również poruszyć kwestie wymagań technicznych i krzywej uczenia się.

3. Drupal - CMS dla dużych i złożonych projektów. AZ i BK

Omówienie: Prezentacja powinna skupić się na Drupalu jako systemie dla zaawansowanych użytkowników i dużych organizacji. Należy omówić jego elastyczność, skalowalność, bezpieczeństwo i możliwości integracji z innymi systemami. Warto podać przykłady stron internetowych zbudowanych na Drupalu, takich jak strony rządowe lub uniwersyteckie.

4. CMS-y dedykowane -  zalety i wady rozwiązań szytych na miarę. GJ i JJ

Omówienie: Prezentacja powinna poruszyć kwestię systemów CMS tworzonych na zamówienie. Należy omówić zalety i wady takich rozwiązań w porównaniu do systemów "open source". Warto poruszyć kwestie kosztów, czasu wdrożenia, elastyczności i bezpieczeństwa.

5. CMS-y w chmurze (SaaS) -  wygoda i  skalowalność. JK i WW

Omówienie: Prezentacja powinna skupić się na zaletach i wadach korzystania z systemów CMS w chmurze. Należy omówić kwestie dostępności, skalowalności, bezpieczeństwa i kosztów. Warto podać przykłady popularnych platform SaaS, takich jak Contentful lub Prismic.

6.  Porównanie  popularnych  systemów  CMS  (WordPress,  Joomla!,  Drupal). PF i JP

Omówienie: Prezentacja powinna zawierać szczegółowe porównanie trzech najpopularniejszych systemów CMS. Należy omówić ich zalety, wady, funkcjonalności, wymagania techniczne i przykłady zastosowań.

7.  Wybór  systemu  CMS  -  na  co  zwrócić  uwagę? MP i MM

Omówienie: Prezentacja powinna przedstawić kryteria wyboru systemu CMS w zależności od potrzeb i celów. Należy omówić kwestie funkcjonalności, łatwości obsługi, kosztów, bezpieczeństwa i wsparcia technicznego.

8.  Przyszłość  systemów  CMS  -  trendy  i  innowacje. ZK i AK

Omówienie: Prezentacja powinna skupić się na najnowszych trendach w rozwoju systemów CMS. Należy omówić kwestie sztucznej inteligencji, rozszerzonej rzeczywistości, personalizacji treści i integracji z innymi systemami.

Dodatkowo podczas prezentowania - aktywizacja grupy - quiz dla klasy itp.  może być również krótki film.

Notatka do tematu:

System zarządzania treścią (CMS, od ang. Content Management System) to oprogramowanie służące do tworzenia, zarządzania i modyfikowania treści na stronie internetowej bez konieczności posiadania specjalistycznej wiedzy technicznej.

1. Łatwość użytkowania: CMS umożliwia użytkownikom z niewielkim doświadczeniem technicznym tworzenie i zarządzanie treściami. Posiada zwykle przyjazny interfejs użytkownika.

2. Edycja i zarządzanie treścią: Umożliwia tworzenie, edytowanie, organizowanie i publikowanie treści. Często obejmuje edytory WYSIWYG (What You See Is What You Get), które upraszczają proces edycji.

3. Szablony i dostosowywanie: Większość CMS oferuje szablony i motywy, które można dostosować do potrzeb użytkownika, co pozwala na szybką i łatwą zmianę wyglądu strony.

4. Rozszerzalność: CMS często wspiera rozszerzenia lub wtyczki, które dodają nowe funkcje lub możliwości do strony internetowej.

5. Zarządzanie użytkownikami: Pozwala na przydzielanie różnych poziomów dostępu i uprawnień dla różnych użytkowników, co jest istotne dla zespołowych projektów lub stron z wieloma współtwórcami.

6. Optymalizacja SEO: Wiele systemów CMS jest wyposażonych w narzędzia do optymalizacji pod kątem wyszukiwarek internetowych (SEO), co pomaga w poprawie widoczności strony w wynikach wyszukiwania.

7. Wsparcie dla mediów i multimediów: Umożliwia łatwe dodawanie i zarządzanie różnymi rodzajami mediów, takimi jak zdjęcia, filmy i pliki audio.

8. Bezpieczeństwo: Zapewnia różne funkcje bezpieczeństwa, takie jak ochrona przed spamem, zarządzanie kopiami zapasowymi i aktualizacje oprogramowania.

9. Mobilna responsywność: Większość nowoczesnych CMS oferuje szablony responsywne, które są kompatybilne z różnymi urządzeniami i rozmiarami ekranów.

10. Integracja z innymi systemami: CMS może być zintegrowany z innymi systemami i aplikacjami, takimi jak systemy CRM, e-commerce, narzędzia analityczne itp.

Zadania:

1. Wymień i opisz trzy popularne systemy CMS. Dla każdego z nich podaj przykładowe zastosowania oraz wyróżniające je cechy.

2. Opisz pięć kluczowych funkcji, które powinien posiadać każdy CMS. Wyjaśnij, dlaczego są one ważne dla zarządzania treścią na stronie internetowej.

3. Jakie są główne korzyści wynikające z wykorzystania CMS do zarządzania treścią na stronie internetowej w porównaniu do tradycyjnych metod tworzenia stron?

4. Omów znaczenie bezpieczeństwa w kontekście CMS. Wymień co najmniej trzy zagrożenia bezpieczeństwa, które mogą dotyczyć CMS, oraz sposoby ich zapobiegania.

5. Wyjaśnij, w jaki sposób CMS może wspomagać optymalizację strony pod kątem wyszukiwarek internetowych (SEO). Podaj przykłady narzędzi lub funkcji CMS, które są przydatne w SEO.

6. Co to są wtyczki (pluginy) w kontekście CMS? Podaj przykłady trzech popularnych wtyczek dla wybranego systemu CMS i opisz ich funkcjonalności.

7. Omów, w jaki sposób system CMS może być dostosowany do specyficznych potrzeb użytkownika lub firmy. Przykłady mogą dotyczyć zarówno wyglądu strony, jak i funkcjonalności.

8. Wyjaśnij znaczenie responsywnego projektowania stron internetowych i opisz, jak systemy CMS mogą wspierać tworzenie stron responsywnych.

9. Opisz, w jaki sposób CMS może być wykorzystywany w handlu elektronicznym. Wymień przykłady funkcji CMS, które są szczególnie przydatne dla sklepów internetowych.

10. Jakie są obecne trendy w rozwoju systemów CMS? Omów, w jaki sposób te trendy mogą wpłynąć na przyszłość zarządzania treścią online.

Notatka

1. Wybór CMS: Najpierw należy wybrać odpowiedni system CMS. Popularne opcje to WordPress, Joomla czy Drupal. Wybór zależy od potrzeb, umiejętności i preferencji użytkownika.

2. Wybór dostawcy hostingu: Następnie trzeba wybrać usługę hostingową, która będzie wspierać wybrany CMS. Ważne jest, aby upewnić się, że hosting jest kompatybilny z wybranym systemem CMS, szczególnie w kwestii wymagań dotyczących bazy danych i języka programowania.

3. Rejestracja domeny: Jeśli jeszcze nie posiada się domeny, to w tym etapie należy ją zarejestrować. Wiele firm hostingowych oferuje rejestrację domeny jako część pakietu usług.

4. Instalacja CMS: Po wybraniu hostingu i zarejestrowaniu domeny, można przystąpić do instalacji systemu CMS. Wiele usług hostingowych oferuje prostą instalację jednym kliknięciem przez panel zarządzania hostingiem.

5. Konfiguracja CMS: Po zainstalowaniu CMS, trzeba go skonfigurować. Obejmuje to ustawienie nazwy strony, opisu, konfiguracji użytkowników i uprawnień, a także instalację niezbędnych wtyczek lub dodatków.

6. Tworzenie treści: Kolejnym krokiem jest tworzenie treści na stronie, w tym artykułów, blogów, stron produktów itp.

7. Optymalizacja i utrzymanie: Po uruchomieniu strony ważne jest regularne jej aktualizowanie, zabezpieczanie i optymalizowanie pod kątem wyszukiwarek internetowych (SEO).

Pamiętaj, że każdy CMS ma swoje unikalne funkcje i wymagania, dlatego ważne jest, aby dokładnie zapoznać się z dokumentacją wybranego systemu. Ponadto, regularne aktualizacje CMS i zainstalowanych wtyczek są kluczowe dla bezpieczeństwa i wydajności strony.

Notatka

Definicja:

Joomla - popularny system zarządzania treścią (CMS), który umożliwia tworzenie zaawansowanych witryn internetowych oraz aplikacji online. 

Wprowadzenie:

Joomla jest otwartoźródłowym oprogramowaniem, co oznacza, że każdy może je pobierać, używać i modyfikować bez kosztów.

 Wydany po raz pierwszy w 2005 roku, szybko zyskał popularność jako jeden z wiodących CMS-ów na świecie.

Zalety:

Elastyczność: Joomla oferuje szeroki zakres możliwości konfiguracji i dostosowywania, dzięki czemu nadaje się do tworzenia różnego rodzaju witryn internetowych, od prostych blogów po zaawansowane portale korporacyjne i sklepy internetowe.

 Rozszerzalność: Dostępne są tysiące rozszerzeń (komponentów, modułów, wtyczek), które umożliwiają dodanie nowych funkcji i usprawnień do witryny.

 Społeczność: Posiada dużą i aktywną społeczność użytkowników i deweloperów, którzy oferują wsparcie, porady oraz tworzą nowe rozszerzenia.

Funkcje:

Zarządzanie treścią: Umożliwia łatwe dodawanie, edycję i organizację treści na witrynie, w tym artykułów, zdjęć i filmów.

Zarządzanie użytkownikami: Posiada wbudowane funkcje zarządzania użytkownikami, w tym rejestrację, logowanie i przydzielanie różnych poziomów dostępu.

Szablony: Użytkownicy mogą zmieniać wygląd swojej witryny dzięki łatwemu w użyciu systemowi szablonów.

Wielojęzyczność: Wspiera tworzenie wielojęzycznych witryn bez potrzeby instalowania dodatkowych rozszerzeń.

Bezpieczeństwo:

Joomla regularnie aktualizuje oprogramowanie, by zapewnić bezpieczeństwo witryn przed zagrożeniami takimi jak ataki hakerskie czy malware.

Zaleca się również stosowanie dodatkowych praktyk bezpieczeństwa, takich jak używanie silnych haseł, aktualizowanie rozszerzeń oraz regularne tworzenie kopii zapasowych witryny.

Wymagania:

Joomla wymaga serwera z obsługą PHP oraz bazy danych MySQL lub PostgreSQL do przechowywania treści witryny.

Instalacja i aktualizacje:

Instalacja Joomla jest stosunkowo prosta i może być wykonana ręcznie lub za pomocą narzędzi instalacyjnych oferowanych przez wielu dostawców hostingu.

System oferuje również prosty mechanizm aktualizacji, który pozwala na łatwe i szybkie aktualizowanie do najnowszej wersji.

Zadanie 1: Podstawy CMS

Wyjaśnij, czym jest system zarządzania treścią (CMS) i podaj trzy przykłady popularnych systemów CMS oprócz Joomla. Wyjaśnij, dlaczego systemy te są popularne w tworzeniu stron internetowych i aplikacji webowych.

Zadanie 2: Funkcje i możliwości Joomla

Opisz trzy kluczowe funkcje, które Joomla oferuje jako CMS. Jak te funkcje wpływają na efektywność zarządzania treścią i interakcję z użytkownikami na stronie internetowej? Podaj przykład, jak każda z tych funkcji może być wykorzystana przez firmę do poprawy jej obecności w Internecie.

Zadanie 3: Rozszerzenia Joomla

Joomla posiada bogaty zestaw rozszerzeń, które pozwalają na rozszerzenie funkcjonalności strony internetowej. Wyjaśnij, co to są rozszerzenia w kontekście Joomla i jak są klasyfikowane (np. komponenty, moduły, wtyczki). Następnie, wybierz i opisz jedno rozszerzenie z każdej kategorii, podając przykłady ich praktycznego zastosowania.

Odpowiedzi wysyłamy na eduandsafety@gmail.com

Notatka

• Uniwersalność: WordPress jest elastyczny i może być używany do tworzenia różnych typów stron internetowych, od blogów po sklepy e-commerce, portfolio i fora.

• Użytkowanie: Jest przyjazny dla użytkowników, nawet dla tych bez doświadczenia w programowaniu, oferując intuicyjny interfejs zarządzania treścią i strukturą strony.

• Darmowy i Open Source: WordPress jest darmowy do pobrania i używania, z otwartym kodem źródłowym, co oznacza, że każdy może go modyfikować i dostosowywać do własnych potrzeb.

• Motywy i wtyczki: Dysponuje bogatą biblioteką motywów (szablonów) i wtyczek, które pozwalają na rozszerzenie funkcjonalności strony bez konieczności pisania kodu od zera.

• SEO-friendly: WordPress jest przyjazny dla wyszukiwarek internetowych, oferując różne narzędzia i wtyczki do optymalizacji SEO, co pomaga w lepszym pozycjonowaniu strony w wynikach wyszukiwania.

• Bezpieczeństwo: Regularnie aktualizowany, aby zapewnić bezpieczeństwo przed zagrożeniami internetowymi, choć wymaga również odpowiedniej konfiguracji i dodatkowych środków ostrożności ze strony administratorów stron.

• Społeczność: Posiada dużą i aktywną społeczność użytkowników i deweloperów, którzy oferują wsparcie, wtyczki, motywy i porady dotyczące użytkowania WordPressa.

•  Zarządzanie treścią: Umożliwia łatwe dodawanie, edytowanie i zarządzanie treściami, w tym postami na blogu, stronami, multimediami i linkami, dzięki czemu aktualizacja strony jest prosta i szybka.

• Responsywność: Wiele motywów WordPress jest responsywnych, co oznacza, że strony internetowe automatycznie dostosowują się do rozmiaru ekranu urządzenia, na którym są wyświetlane.

• Wielojęzyczność: WordPress wspiera tworzenie wielojęzycznych stron internetowych, co jest możliwe dzięki wtyczkom takim jak WPML, pozwalając na dotarcie do szerszej grupy odbiorców na całym świecie.

Poradnik:

1. Wprowadzenie do Google Sites

Definicja i zastosowanie: Google Sites to narzędzie do tworzenia stron internetowych, które pozwala na łatwe projektowanie, współdzielenie i współpracę w obrębie witryny internetowej bez potrzeby znajomości programowania.

Zalety: Należą do nich integracja z Google Workspace, łatwość obsługi, dostosowywanie uprawnień oraz możliwość pracy zespołowej.

2. Rozpoczęcie pracy

Zakładanie konta Google: Utwórz konto Google, jeśli jeszcze go nie posiadasz.

Dostęp do Google Sites: Otwórz Google Sites przez sites.google.com lub przez panel aplikacji Google.

Wybór szablonu: Rozpocznij od wybrania szablonu, który najlepiej odpowiada potrzebom Twojego projektu.

3. Projektowanie i struktura strony

Tworzenie struktury witryny: Planuj strukturę strony, w tym zakładki i podstrony, aby zapewnić łatwą nawigację.

Dodawanie zawartości: Wprowadź teksty, obrazy, wideo oraz inne elementy multimedialne.

Stosowanie widżetów: Wykorzystaj widżety Google, takie jak kalendarze, mapy, formularze Google, aby wzbogacić funkcjonalność strony.

4. Zaawansowane techniki projektowania

Personalizacja wyglądu: Modyfikuj kolory, czcionki i układ elementów, używając opcji dostosowania.

Zaawansowane opcje CSS: Jeśli posiadasz umiejętności techniczne, dostosuj CSS dla bardziej szczegółowej personalizacji.

Optymalizacja dla urządzeń mobilnych: Upewnij się, że strona jest responsywna i poprawnie wyświetla się na urządzeniach mobilnych.

5. Integracja z Google Workspace

Integracja z Dokumentami Google, Arkuszami Google i innymi: Umieść bezpośrednie linki lub osadzone dokumenty.

Automatyzacja przepływów pracy: Wykorzystaj Skrypty Google do automatyzacji zadań i lepszej integracji z innymi aplikacjami Google.

6. Współpraca i zarządzanie stroną

Zarządzanie dostępem: Określ, kto może wyświetlać lub edytować stronę.

Historia i wersje: Korzystaj z historii wersji, aby śledzić i przywracać poprzednie wersje strony.

Publikacja i aktualizacja: Publikuj swoją stronę i regularnie ją aktualizuj, aby informacje były na bieżąco.

7. Optymalizacja i SEO

Podstawy SEO: Zastosuj podstawowe techniki SEO, takie jak odpowiednie tagi meta, alt teksty dla obrazów i logiczna struktura URL, aby poprawić widoczność w wyszukiwarkach.

Monitoring i analityka: Wykorzystaj Google Analytics do monitorowania ruchu na stronie i zachowań użytkowników.

8. Rozwiązywanie problemów

Zasoby wsparcia: Korzystaj z oficjalnego Centrum Pomocy Google Sites i for internetowych dla dodatkowego wsparcia i wskazówek.

Przygotuj stronę internetową w CMS (Joomla, Wordpress, Google Sites) na jeden z tematów, które znajdziesz w zakładce Bezpieczeństwo strona powinna zawierać: 

• menu i logo

• strona główna co najmniej dwie podstrony (kontakt i galerię)

• Na stronie powinny się znaleźć grafiki, opisy, film

Co oceniam:

• estetyka strony

• stopień zaawansowania witryny 

• jakość i ilość poszczególnych elementów

Alternatywnie: Jeżeli już prowadzisz jakąś własną stronę - możesz przesłać do oceny - ważne by na stronie tej pojawił się wpis, że jesteś jej administratorem.

Strony przesyłamy do 

Powodzenia