1

Web-Anwendungen

Installation, Konfiguration, Administration

VHS Mönchengladbach

2

Über uns

Diese Präsentation ist frei zugänglich auf:http://www.slideshare.net/thomasjs

Dieses Werk bzw. Inhalt steht unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0Unported Lizenz.

Siehe mehr unter: http://creativecommons.org/licenses/by-sa/3.0/deed.de

IT-Beratung, Training, Web-Design, Programmierung

Thomas Siegers ts@interwerkstatt.net

3

Einführung

Anwendungen

Webhost

Installation

Upgrade

Sicherheit

Migration

Domaintransfer

Konfiguration

Administration

Agenda

Zeit 15 UStd.

4

Motto

"Sage es mir und ich vergesse es,zeige es mir und ich erinnere mich,lass es mich tun und ich behalte es."Konfuzius, chinesischer Philosoph, 551­479 v. Chr.

5

Begriffe

CMS

Content Management System, Redaktionssystem

Webseite

Webauftritt, Webangebot, website

Webseiten, Seiten

Einzelne Seiten des Webauftrittes, web pages

Frontend, Backend

HTML, CSS, JavaScript, PHP

Datenbank, SQL

Web-Host

Webspace, Platz im Rechenzentrum

6

Statisch vs. Dynamisch

Statische Webseite

Seiten liegen als verlinkte HTML-Dateien “fertig zum Gebrauch” auf einem Web-Server (oder sogar nur Datei-Server)

Vorteile: einfach, sicher

Nachteile: schwierig zu pflegen, nicht interaktiv

Dynamische Webseite

Inhalte sind in Datenbank (oder Textdateien) gespeichert

Web-Anwendung (WordPress) nimmt Anfrage vom Browser entgegen,

verarbeitet die Anfrage

Inhalte aus Datenbank holen

Inhalte in Vorlagen einbauen

und liefert Webseite an Browser zurück

Vor- und Nachteile umgekehrt zur statischen Seite

7

Architektur

Datenbank

Web Server

WordPress

PHP-Modul

Browser

Web-Host

1. Anfrage Link Formular

3. Antwort Webseite

2. Verarbeitung Daten holen Webseite bauen

LinuxApacheMySQLPHP

8

Konzept

Trennung von Inhalt und Layout

Inhalt in Datenbank oder Textdateien

Layout mit Vorlagen, templates, themes

Interaktivität

Kontaktformular, Kommentare (Blog)

Benutzerzugriffssteuerung

ACL, access control list

Erweiterte Funktionalitäten

Arbeitsabläufe, work flow

Integrierte Anwendungen

Reservierungssystem, Foto Gallery, Forum

9

Datenbank

Anzahl von verknüpften Tabellen

Verknüpfung mit Hilfe von Schlüsseln

Schnelles Finden durch Indizes

Abfragesprache SQL

Client-Server Architektur

DBMS: Programm + Daten

Netzwerkfähig: DBMS auf Server im Internet

Sicherheit: Anmeldung mit Benutzer und Kennwort

Integrität: Mehrbenutzerzugriff, Transaktionssicherheit

Open Source: MySQL, PostgreSQL

Kommerziell: Oracle, MS SQL Server

10

Webanwendung

Client-ServerServer: Anwendungsprogramm, Datenbank, WebserverClient: Browser

Netzwerkprotokoll: HTTPzustandslos Session, CookiesParameter: http://www.xyz.de/index.php?key1=val1&key2=val2

Aktualisierung der Webseite nicht automatisch (F5)Seiteninhalte müssen vom Server geladen werden.

Benutzerfreundlichkeit durch JavaScript

Tip: Back-Button besser nicht benutzen

Info: Statische Webseite ist keine Webanwendung.

11

Beliebte* Webanwendungen

CMS

WordPress

Joomla

Drupal

TYPO3

Shop

OsCommerce

Zen Cart

PrestaShop

Forum

phpPP

SMF

Wiki

MediaWiki

DokuWiki

Groupware

WebCollab

phpGroupWare

Galleries

Piwigo

Coppermine

Sonstiges

ownCloud

Piwik

http://www.opensourcecms.com *) Auswahl

12

Open Source

OSS – Open Source Software

Quelloffen, öffentlich zugänglich

Frage der Freiheit, nicht des Preises

Vergleich: Redefreiheit, nicht Freibier

http://www.gnu.org/philosophy/free-sw.html

Verschiedene Lizenzmodelle

GPL – GNU General Public License

13

Web-Host

Shared Hostviel kostengünstiger als virtual oder dedicated host, meistens ausreichend

Vorausetzungen*Apache 2.x + mit mod_rewrite Modul, MySQL 5.0 +, PHP 5.2.4 +

Bewertungsportalehttp://www.webhostlist.dehttp://www.hostsuche.de

FeaturesSpeicherplatz, Datentransfer, DomainsMySQL, phpMyAdminPHP, Ruby, PythonFTP, SFTP, FTPS, SSHE-Mail, IMAP, Web-Mail…

*) http://wordpress.org/about/requirements/

14

Sicherheit

Popularität

Lohnendes Angriffsziel

Anwendung aktuell halten

Bugs: 20% Core, 80% Plugins

Studie des BSI (Bundesamt für Sicherheit in der Informationstechnik)

Administartionsverzeichnis schützen

Rechte auf Konfigurationsdatei einschränken

Datenbankpräfix ändern

Benutzernamen des Admins ändern

Sichere Passwörter verwenden

15

Migration

Dateien in Archiv komprimieren

Archiv auf neuen Host kopieren

Archiv auspacken

Datenbank in Dateien exportieren

Datei auf neuen Host kopieren

Dateien importieren

Pfade in Konfigurationsdatei anpassen

Datenbank nach alten Pfaden durchsuchen

16

Domaintransfer

Genereller Ablaufhttps://de.wikipedia.org/wiki/Domain-Transfer

Scenario: Providerwechsel von A nach B

Zugriff auf E-Mail sicherstellenZweitadresse verwenden

Account bei A eröffnen

bei B Autorisierungscode anfordernauch genannt: AuthCode, EPP/transfer authorization key, …

bei A Domaintransfer einleitenFAQs der Providers lesen

E-Mails von A, B und anderen* beachten und antwortenA → AuthCode, AuthCode → B,Domain-Inhaber Validierung, Transferbestätigung

*) Domain-Registrar

17

Testumgebung

LAMPLinux – Apache – MySQL – PHP

XAMPPWindows – Apache – MySQL – PHP – Perlhttp://www.apachefriends.org/de/xampp.html

Vorteile

Geht auch ohne Netzwerk, daher schnell

Sicherheit kein Problem

Lokal Dateien kopieren und editieren

Portable Version herunterladen und auspacken

Zur Konfiguration setup_xampp.bat ausführen

Starten mit http://localhost

18

Installation

WordPress in 5 Minuten installieren (englisch)

InstallationsdateienArchiv herunterladen (ZIP), auspacken und Dateien hochladenoder besser: Archiv auf den Server hochladen und dort auspacken

Datenbankauf dem Web-Host Datenbank anlegenHost-Adresse, Datenbankname, -benutzer, -passwort

Konfigurationsdateiwp-config-sample.php in wp-config.php umbenennenDatenbank, Zeichensatz, Sortierfolge eintragenalle Blogs mit derselben Datenbank Tabellen-Präfix ändern„Salz“-Phrase für Schlüssel eingebenoder, wenn möglich...Konfigurationsdatei vom Installationsprogramm erzeugen lassen

19

Installation

InstallationsprogrammInstallationsprogramm im Browser starteneigenen Benutzernamen vergeben (besser nicht admin)

Konfigurationsdatei sichernin Web-Host Oberfläche (control panel) Rechte überprüfen666 bedeutet, alle können die Datei wp-config.php beschreibenRechte in 644 ändern

.htaccess Datei anlegennotwendig für suchmaschinenfreundliche URLs<IfModule mod_rewrite.c>RewriteEngine OnRewriteBase /RewriteRule ^index\.php$ - [L]RewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule . /index.php [L]</IfModule>

20

Administration

Anmeldenwww.mydomain.de/wp-login.php

Administrationsoberfläche

Dashboard

Beiträge

Medien

Seiten

Kommentare

Designs

Plugins

Benutzer

Werkzeuge

Einstellungen

Leiste oben

Links

Zur Seite

Updates

Kommentare

Neu

Profil

Optionen

Hilfe

Version aktualisieren!

21

Plugins

Verzeichnishttp://wordpress.org/plugins/, über 25.000 PluginsAuswahl: Beschreibung, Bewertung, letzter UpdateHinweis auf inaktive oder verlassene PluginsDescription, Installation, FAQ, Screenshots, ...

InstallationAdmin-Oberfläche: Plugins > InstallierenSuchen – installieren – aktivieren

Konfigurationeigener Menüpunkt in Administrationsoberflächeoder in Einstellungenoder in Plugins > Installierte Plugins > Einstellungenoder als zusätzliche Eigenschaft in andere Funktionen integriert

BeispielYoutube Video einbettenhttp://wordpress.org/plugins/youtube-embed-plus/

22

Themes

Verzeichnishttp://wordpress.org/themes/Suche mit Stich- oder Schlagworten (Tags)

Mobil-freundlichResponsive design: Layout passt sich der Bildschirmgröße an.http://wordpress.org/themes/responsive

Premium-Themeshttp://wordpress.org/themes/commercial/http://www.google.com/search?q=wordpress+premium+themes&lr=lang_de

InstallationAdmin-Oberfläche: Design > Themes > Theme installierenAktivieren, Anpassen, evtl. Einstellungen

KonfigurationTheme , Widgets, Menüs

23

Q & A

Fragen?

24

Geschafft

Danke für Ihre Aufmerksamkeit!