ÜK4

CMS einsetzen und bewirtschaften

Beim vierten üK habe ich eine Website mit WordPress eine Website erstellt. 

An den ersten zwei Tagen haben wir die Einführung zu WordPress gehabt und etwas php kennengelernt. An Tag 3 haben wir dann mit dem Projekt begonnen.

Zur Website

zu beachten ist das wir die Webseite nur im 1920x1090 Format erstellen mussten.

Abgaben

Wir haben eine Sitemap und ein Wireframe erhalten und mussten ein Mockup dazu erstellen. Dies sollte möglichst genau mit dem Wireframe übereinstimmen. Zudem mussten wir einen Styleguide und ein Datenblatt machen. Wir haben eine Pluginevaluation gemacht um ein passendes Kontaktformular zu finden und zum schluss noch ein paar Tests gemacht.

Vorbereitung - Voraussetzungen

1. Installiert und konfiguriert ein geläufiges Content Management System nach Kundenwunsch und schaltet einen lokal entwickelten CMS-basierten Webauftritt live.

Kennt die eigene Entwicklungsumgebung und Werkzeuge (Tools), um effizient Websites zu gestalten und mögliche Codierungsfehler zu beheben.

  • Texteditoren und IDEs: Visual Studio Code, Sublime Text, Atom.
  • Versionskontrolle: Git mit Plattformen wie GitHub, GitLab.
  • Browser-Entwicklertools: Google Chrome DevTools, Firefox DevTools.
  • Validatoren und Linter: W3C Markup Validator, ESLint.
  • Responsive Design-Tools: Bootstrap, Foundation, Materialize.
  • Dokumentation und Online-Ressourcen: Stack Overflow, GitHub, Reddit.

Kennt die Instrumente (FTP-Client), um Dateien vom eigenen Arbeitsplatzrechner auf einen Server hochzuladen.

FTP = File Transfer Protocol

FTP-Client = Ein FTP-Client ist ein Softwareprogramm, mit dem man sich mit einem FTP-Server verbinden und Dateien zwischen einem Computer und dem Server übertragen kann.

Um dies zu tun gibt es verschiedenste FTP-Clients wie:

FileZilla, Core FTP, Cyberduck, WinSCP

 

Kennt den Ablauf, um Datenbank-Inhalte vom eigenen Arbeitsplatzrechner zu sichern (exportieren) und auf einen Server hochzuladen (importieren).

  • Durch Tools wie phpMyAdmin kann man sich mit der Datenbank vom Arbeitsplatz verbinden
  • Dadurch kann man die Datenbank auswählen, Optionen festlegen und den Export durchführen
  • Wenn die SQL-Datei bereit ist, kann man Verbindung zum Server herstellen -> über SSH oder FTP
  • Datenbank erstellen (falls erforderlich): Wenn die Datenbank auf dem Server noch nicht existiert, erstellen Sie eine neue leere Datenbank über das verwendete Datenbankverwaltungstool oder die Befehlszeile.
  • SQL Datei auf Server hochladen -> Datenbankverwaltungstool
  • überprüfung ob der Import erfolgreich war

Kennt einige handelsüblichen Content Management Systeme und kann auf Basis der Kundenwünsche eine Empfehlung aussprechen.

Ein Content-Management-System (CMS) ist eine Softwareanwendung, die es Benutzern ermöglicht, digitale Inhalte zu erstellen, zu bearbeiten, gemeinsam zu editieren, zu veröffentlichen und zu speichern. Content-Management-Systeme werden typischerweise für Enterprise Content Management und Web Content Management eingesetzt. -> Software die zur Erstellung und Verwaltung von Inhalten verwendet wird.

Kernfunktionen:

  • Zugriff durch Suchfunktion -> Intutive Indizierung, Suche und Wiederherstellung
  • Formatverwaltung -> Umwandlug gescannter Papierdokumente zu html oder pdf
  • Fevisionsfunktinen -> Inhalte aktualisieren und bearbeiten & verfolgt Änderungen die Einzelpersonen an Dateien vornehmen
  • Veröffentlichen -> Vorlage kann von Einzelpersonen nach genehmigung verwendet werden

Beispiele:

  • WordPress
    WordPress ist sehr vielseitig und eignet sich gut für kleine bis mittelgroße Websites, Blogs, Unternehmensseiten, E-Commerce. Eigenschaften: Flexibilität, große Auswahl an Themes und Plugins, einfache Benutzeroberfläche, gute Erweiterbarkeit.
  • Joomla
    Joomla eignet sich gut für mittlere bis große Websites, Unternehmensportale, soziale Netzwerke und E-Commerce. Eigenschaften: Robuste Funktionen, Mehrsprachigkeit, Benutzerverwaltung, erweiterte Inhaltsverwaltung.
  • Drupal
    Drupal ist leistungsstark und skaliert gut für komplexe Websites, Unternehmensportale, Regierungsseiten und Online-Communities. Eigenschaften: Hohe Flexibilität, Anpassbarkeit, Sicherheit, erweiterte Benutzer- und Zugriffsrechte.
  • TYPO3
    TYPO3 ist besonders geeignet für mittlere bis große Unternehmen, Institutionen und komplexe Websites mit umfangreichen Anforderungen.
    Eigenschaften: Skalierbarkeit, Mehrsprachigkeit, Unternehmensfunktionen, erweiterte Benutzerverwaltung, leistungsstarke Erweiterungen.

Kennt die Unterschiede zwischen Front-End und Back-End.

Front-End = sichtbarer Teil der Website - Benutzeroberfläche mit der Benutzer interagieren (html, css, js)

Back-End= nicht sichtbarer Teil der Anwendung, Logik, Datenverarbeitung, Datenbankinteraktionen steuern (Promgrammiersprachen & Frameworks wie java, php)

2. Analysiert Webseiten-Designs und wandelt diese in CMS-Designvorlagen um.

Kennt Möglichkeiten, um eine vorgegebene statische Webseite zu analysieren und in eine für das CMS vorgesehene Design-Vorlage (Theme, Template) umzuwandeln.

  • Zuerst sollte man die statische Website analysieren -> struktur, layout, farben, bilder und andere Elemente
  • Danach muss man html & ss der statischen Website extrahieren (mit Quellcode im Browser oder anderen Tools)
  • extrahiertes html muss des CMS angepast werden -> evtl Umstrukturierungen der html Elemente, Hinzufügen von CMS Tags, anpassen von CSS Stilen.
  • Responsive Design beachten
     

Kennt die für das CMS notwendige Scriptsprache (PHP, TypoScript).

PHP

  • serverseitige (PHP-Skript wird auf Server ausgeführt bevor Ergebins dem Client angezeigt wird) Open-Source-Skriptsprache welche in CMS Platformen wie WordPress vorkommt
  • wird verwendet um fynamische Inhalte zu generieren
  • Datenbankabrfagen durchführen
  • Benutzerinterkationen handhaben
  • In einem PHP-basierten CMS werden Templates oft mit PHP-Code kombiniert, um die Darstellung von Inhalten zu steuern, Seitenlayouts zu erstellen und auf verschiedene Benutzeraktionen zu reagieren.

TypoScript

  • spezielle Skriptsprache welche für TYPO3-CMS entwickelt wurde
  • Struktur & Verhalten von TYPO3 Websites definieren -> Seitenlayout, Inhaltsbereich, Menü sowie andere Aspekte der Website

Kennt Methoden, um eine von Dritten entwickelte Design-Vorlage (Theme, Template) einzusetzen und zu konfigurieren, und dementsprechend eine massgeschneiderte Lösung zu entwickeln.

Kennt Skizzierungsmöglichkeiten wie Mockups, Wireframes, Grobsitemaps etc., um dem Kunden vorgängig ein möglichst genaues Bild des Endproduktes vorstellen zu können.

  • Mockup: digital gestalteter Entwurf einer Website -> visualisiert Ideen & Konzepte (Farben, Schriftart und Bilder)
  • Wireframe: einfache schematische Darstellung der Website -> platzierung von Inhalten, Navigationselemente und Designstrukturen
  • Grobsitemaps: visuelle Darstellung der Struktur einer Website -> Hirarchie & verbindung zwischen Seiten

 

Kennt die Methoden, um eine (hierarchische) Seiten-Struktur (Sitemap) zu erstellen.

Die Sitemap einer Website kann man durch folgende Wege erstellen:

  • Mindmap -> Beginn mit Hauptseite & Unterkategorien hinzufügen
  • Manuelle erstellung -> Hauptseiten, Unterkatogerien skizzieren & mit Linien verbinden
  • Sitemapgeneratoren

Kennt die Methoden, um eine Struktur des Webauftritts und dessen Menü aufzubauen und umzusetzen.

Dies kann man von der Sitemap ableiten.

Kennt Methoden, um eine mehrsprachige Funktionalität eines CMS anzuwenden.

  • Sprachdateien und Lokalisierung: Sprachdateien für verschiedene Sprachen und Lokalisierungsfunktionen des CMS verwenden

  • Mehrsprachige Inhaltsfelder: Integrierung von mehrsprachige Inhaltsfelder direkt in die CMS-Oberfläche.

  • URL-Struktur und Sprachparameter: Verwendung der Sprache als Teil der URL-Struktur oder als Sprachparameter.

  • Sprachumschalter und Navigation: einen Sprachumschalter in der Navigation oder im Header der Website einfügen.

3. Installiert und konfiguriert ein bestehendes Plug-In.

Kennt von einer Dritt-Firma erstellte Module (Plug-Ins) und die Voraussetzungen, um diese zu installieren und nach Kundenwunsch zu konfigurieren.

4. Erstellt und implementiert ein Benutzerrollen-Konzept.

Kennt Methoden, um ein Benutzerkonzept nach Kundenwunsch zu entwickeln.

  • Anforderungsanalyse: Ziele und Anforderungen des Kunden verstehen.
  • Benutzerforschung: Bedürfnisse und Vorlieben der Zielgruppe erforschen.
  • Formulierung von User Stories: Ziele und Aufgaben der Benutzer beschreiben.
  • Prototyping und Usability-Tests: Man erstellt Prototypen und testet die Benutzerfreundlichkeit.
  • Feedback des Kunden einholen: Berücksichtigung des Feedbacks des Kunden & Konzept entsprechend anpassen.

Kennt Vorgehensweisen, um neue Benutzer einzupflegen und Zugriffsrechte oder Rollen dem Kundenwunsch entsprechend zuzuweisen.

  • Benutzer und Rollenverwaltund im CMS nutzen
  • Anmeldeverfahren für Benutzerregistrieung einfügen

Kennt die Sicherheitsaspekte für die Nutzung des CMS (Kennwort-Standards).

  • starke Passwortrichtlinien definieren wie länge, Grossbuchstaben sowie Zahlen und Sonderzeichen
  • Keine persönlichen Daten wie Benutzernamen oder Geburtsdaten für Passwörter verwenden
  • Hashing Methoden verwenden um Passwörter zu verschlüsseln (Hashing = einen Datensatz in kleinere Einzelteile zerlegen und so unlesbar machen)
  • Sicherstellen das Benutzer nur für ihren Bereich zugriff haben
  • Mehrfaktor Authentifizierung (Stick, sms Code, authentifizierungs App)
  • fremde Snmeldeversuche und andere Aktivitäten überprüfen