Gestaltung von Webseiten und technische Umsetzung

Gestaltung von Webseiten und technische
Umsetzung
Osnabrück, den 31. März 2014
Uwe Salm, eBusiness – Lotse Osnabrück
eBusiness – Lotse Osnabrück
Träger:
• Science to Business GmbH - Hochschule Osnabrück
• Universität Osnabrück
• Hochschule Osnabrück
Kooperationspartner:
• ecoservice GmbH
• iuk Unternehmensnetzwerk Osnabrück e.V.
• IHK Osnabrück - Emsland - Grafschaft Bentheim
• Gründerhaus Osnabrück.Osnabrücker Land
• WFO Wirtschaftsförderung Osnabrück GmbH
31. März 2014
2
Agenda
•
•
•
•
Vorüberlegungen
Umsetzung
Handlungsempfehlung
Kosten
31. März 2014
3
Vorüberlegungen
Gestaltung
•
•
•
•
•
•
•
•
•
Erwartungen der Zielgruppe im Auge behalten
Verlinkung zielführend und korrekt (3 Klicks)
Eindeutige Menüführung
Textgestaltung für das Internet (Lesbarkeit, Länge, Suchmaschinen)
Größe und Qualität von Fotos und Multimedia-Dateien
Farbauswahl
Druck- und Speicherfähigkeit von Informationen
Eyecatcher
Bildschirmauflösung
31. März 2014
4
Vorüberlegungen
Technologie
•
•
•
•
•
Standards im Internet beachten (Programmierung)
Browser-Optimierung (Verbreitung, Versionen)
Ladezeiten berücksichtigen
Plugins sparsam einsetzen
Evtl. barrierefreie Gestaltung (Variable Schriftgröße, Alt-Tags für Bilder
usw.)
31. März 2014
5
Vorüberlegungen
Mobile InternetNutzung
Quelle: AGOF e.V. / mobile facts 2013-III
31. März 2014
6
Umsetzung
1. Selber machen
1. Programmieren
2. Web-Baukästen
3. Web-Editoren
4. Blogs
2. Dienstleister
1. Statische Internet-Seiten
2. Verwendung eines Programms zur Verwaltung der Inhalte
(Content Management System)
31. März 2014
7
Umsetzung
Selber machen: Programmieren
•
•
•
Erlernen der notwendigen Sprachen (HTML, CSS, …
Direktes Schreiben des Quelltextes
Nutzung verschiedener Tools möglich
31. März 2014
8
Umsetzung
Selber machen: Programmieren
Vorteile
• Eigene Ideen können vollständig umgesetzt werden
• Verständnis der Funktionsweise
Nachteile
• Längere Einarbeitung notwendig
• Ggf. mehrere Programmiersprachen notwendig
• Fehleranfällig
• Keine Trennung von Layout und Inhalt
• Umständliche Pflege
31. März 2014
9
Umsetzung
Selber machen: WebBaukästen
•
•
•
•
•
stark vereinfachte Form eines Content Management Systems (CMS)
keine Programmierkenntnisse notwendig
Auswahl aus sogenannten Templates
einfache Bearbeitung von Inhalten
strenge Trennung von Inhalt und Design
31. März 2014
10
Umsetzung
Selber machen: WebBaukästen
Vorteile
• einfache Bedienung
• geringe Kosten
• Sicherheits-Updates
• viele zusätzlichen Features
• Drag and Drop-Integration
Nachteile
• eingeschränkte Flexibilität
• Abhängigkeit
• Datenhoheit
• keine komplexen Webprojekte möglich
31. März 2014
11
Umsetzung
Selber machen: WebEditoren
•
•
•
Grafische Oberfläche
Quelltext wird im Hintergrund generiert
Erstellte Seiten werden auf den Internet-Server übertragen
31. März 2014
12
Umsetzung
Selber machen: WebEditoren
Vorteile:
•
Keine Programmierkenntnisse notwendig
•
Einfache Bedienung
•
Hilfestellung integriert
•
Geringe Kosten
•
Drag and Drop-Integration
Nachteile:
•
Eingeschränkte Möglichkeiten bei dem Design
•
Eingeschränkte Möglichkeiten bei zusätzlichen Funktionen
•
Keine vollständige Kontrolle über den Quelltext
31. März 2014
13
Umsetzung
Selber machen: Blogs
•
•
•
•
•
•
Auch Weblog (Wortkreuzung aus engl. World Wide Web und Log für
Logbuch)
Journal im Internet
Pflege mittels Software oder Browser
Auswahl aus sogenannten Templates
einfache Bearbeitung von Inhalten
strenge Trennung von Inhalt und Design
31. März 2014
14
Umsetzung
Selber machen: Blogs
Vorteile:
•
Keine Programmierkenntnisse notwendig
•
Einfache Bedienung
•
Geringe Kosten
•
Web 2.0. – Integration
•
Zahlreiche Plugins
Nachteile
• Eingeschränkte Flexibilität
• Abhängigkeit
• Keine komplexen Webprojekte möglich
• Wenig Optimierungsmöglichkeiten für Suchmaschinen
31. März 2014
15
Umsetzung
Dienstleister – Statische InternetSeiten
•
•
Einzelne Seiten werden erstellt und auf den Internet-Server
hochgeladen
Kein Zugriff auf Datenbanken
31. März 2014
16
Umsetzung
Dienstleister – Statische InternetSeiten
Vorteile:
• Geringe Kosten für die Erstellung
• Geringer Aufwand
• Schnelle Umsetzung
• Kurze Ladezeiten
• Suchmaschinenfreundlich
Nachteile:
• Umständliche Pflege
• Nur für "Visitenkarten" im Internet geeignet
• Keine Trennung von Design und Inhalt
• Geringe Flexibilität
31. März 2014
17
Umsetzung
Dienstleister – Verwendung eines Programms zur Verwaltung
der Inhalte (Content Management System, CMS)
•
•
•
•
CMS: Software zur Erstellung und Verwaltung von Webseiten
Rechtevergabe
Auswahl aus sogenannten Templates
Datenbankgestützt
31. März 2014
18
Umsetzung
Dienstleister – Verwendung eines Programms zur Verwaltung
der Inhalte (Content Management System, CMS)
Vorteile:
• einfache Bearbeitung von Inhalten
• Mehrbenutzerbetrieb
• Keine Programmierkenntnisse notwendig
• strenge Trennung von Inhalt und Design
• Zusätzliche Funktionen integriert (z.B. Suche, zeitliche Steuerung,
Druckversion)
• Zusätzliche Module möglich, z.B. Anbindung Shopsystem
• Durchgängiges Design
• Einhaltung von Standards
31. März 2014
19
Umsetzung
Dienstleister – Verwendung eines Programms zur Verwaltung
der Inhalte (Content Management System, CMS)
Nachteile:
• Höhere Anfangskosten (Auswahl, Vorlagenerstellung, usw.)
• Regelmäßige Pflege (Updates) notwendig
• Aufwändige Installation
• Besondere Anforderungen an den Internet-Server
• Ggf. Schulung notwendig
31. März 2014
20
Handlungsempfehlung
•
•
•
•
•
•
•
•
•
•
•
•
Domainname auswählen und registrieren
Material zusammenstellen (Texte, Grafiken usw.)
Wettbewerbsanalyse
Erstellung des Lastenhefts
Einholen und Vergleich von Angeboten bei Dienstleistern
(ggf. bei spezialisierten Dienstleistern)
Vorauswahl der Dienstleister
Endauswahl inkl. Präsentation
Auftragserteilung
Testbetrieb
Ggf. Schulung
Live-Betrieb
…
31. März 2014
21
Handlungsempfehlung
Fixkosten
• Entwurf und Erstellung
• Juristische Prüfung
ab ca. 1000 Euro
ab ca. 450 Euro
Laufende Kosten
• Domainname, Speicherplatz
ca. 15 - 50 Euro monatlich
•
•
•
ca. 50 - 200 Euro jährlich
ca. 120 - 150 Euro jährlich
ca. 200 - 400 Euro monatlich
Softwarelizenzen, z.B. Shopsystem
Verschlüsselung über SSL
Marketing, z.B. bei Google
23. September 2013
22
Weitere Informationen
Leitfaden „Website-Gestaltung für kleine und mittlere Unternehmen"
http://www.mittelstand-digital.de/MD/Redaktion/DE/PDF/website-gestaltungfuer-kmu-leitfaden,property=pdf
31. März 2014
23
Weitere Informationen
Leitfaden "Rechtssichere Internetseiten"
http://www.mittelstand-digital.de/MD/Redaktion/DE/PDF/rechtssichereinternetseiten-2013-pdf,property=pdf
31. März 2014
24
Nächste Veranstaltung
ONE DAY: Mobile Economy
10.04.2014 10:00 Uhr
Schloss Osnabrück
http://www.1-day.biz/
31. März 2014
25
Kontakt
eBusiness – Lotse Osnabrück
c/o Hochschule Osnabrück
Science to Business GmbH
Artilleriestr. 44
49076 Osnabrück
Tel.: 0541 - 969 3062
Fax: 0541 - 969 3641
E-Mail: [email protected]
www.ebusiness-lotse-osnabrueck.de
www.mittelstand-digital.de
31. März 2014
26