1.
FIT FOR E-COMMERCE
E-COMMERCE
PRAXISORIENTIERT
VERMITTELN
Herzlich Willkommen!

2.
AGENDA
WAS? haben wir an der KBS Bayreuth
gemacht?
WIE? können Sie ein E-Commerce
Projekt an Ihrer Schule umsetzen?

3.
GRÜß GOTT!
Martin Kolb
Lehrkraft an der Staatlichen Berufsschule II Bayreuth (seit 2006)
Fachbetreuer Einzel- und Großhandel
Projektkoordinator E-Commerce des
Bayerischen Staatsministeriums für Unterricht und Kultus
Kontakt: kolb@kbs-bth.de

4.
GRÜß GOTT!
Christoph Dietl
Lehrkraft an der Staatlichen Berufsschule II Bayreuth (seit 2009)
Bereich Kaufleute im Groß- und Außenhandel / Industriekaufleute
Team Plusprogramm „Fit for E-Commerce“
Kontakt: dietl@kbs-bth.de
Haben Sie keine Scheu mit uns Kontakt aufzunehmen!

5.
MITSCHREIBEN?
Die Präsentation wird digital unter
https://fitforecommerce.eu/tutorials/
bereit gestellt
Sie dürfen uns jederzeit unterbrechen und Fragen stellen!

6.
WARUM?

7.
WARUM?
• Lehrplanrichtlinie für den Kaufmann im Groß- und Außenhandel vom Juni
2006
• Zukunft? / allgemeiner Wandel im Handel: E-Commerce
• neuer Ausbildungsberuf Kaufmann im E-Commerce
=> Sofortmaßnahme:
Handelsberuf (GH/EH)
+
Plusprogramm „Fit-For E-Commerce“

8.
WAS? haben wir an der KBS Bayreuth
gemacht?

9.
E
Die E-Commerce-Initiative der
Staatlichen Berufsschule II Bayreuth
-Commerce

10.
Personen

11.
www.timeless.com

12.
Screenshot Standardshop?

13.
NIF
Gründertag
Projektunterricht GH 12
2012 2013 2014 2015 2016 2017 2018
Aktivitäten an der
Staatl. BS II Bth

14.
Projektunterricht 12
• Lernfeld 12 „Berufsorientierte Projekte für den Groß- und
Außenhandel durchführen“
• Zeitumfang: ~40 Stunden
Ablauf
• Allgemeine Einführung Projektmanagement
• Erstellung Mini-Business-Plan mit eigener
Unternehmensidee (Ziel: Vertrieb der Produkte über einen
Onlineshop)
• Einrichtung des eigenen Online-Shops

15.
Projektunterricht 12
Ergebnisse
• teilweise recht ansprechende Ergebnisse
• interessante Geschäftsideen / Umsetzungen:
• gartenzwerg24.de
• self-made-tea.de
• Spielekarussel
• Buttercupcarriage (Kinderwägen im Retrodesign)

16.
NIF
Gründertag
Projektunterricht GH 12
FEC PLUS-Programm
2012 2013 2014 2015 2016 2017 2018
FEC Erasmus+
Aktivitäten an der
Staatl. BS II Bth

17.
Design
Corporate Design
Farbschema
Typographie
HTML
CSS
Browser-Kompatibilität
Mobile Endgeräte
Bildbearbeitung
Produktfotografie
Zuschnitt
Kompression
Dateiformat
Urheberrecht
Administration
Struktur
Navigation
Artikelbeschreibungen
Stammdatenpflege
Produktgruppen
FTP
Client-Server
Ländereinstellungen
Anbindung WWS
Bestellabwicklung
Bezahlsysteme
Recht
Liefer- und
Zahlungsbedingungen
Impressum
AGBs
Rechtsform
Jugendschutz
Datenschutz
Urheberrecht
Kaufvertragsrecht
Marketing/
Controlling
Newsletter
Social Media
Suchmaschinenoptimierung
Suchmaschinenwerbung
Online-Coupons
Benutzerstatistik
Conversion-Rate
Kennzahlen

18.
Umsetzung
PLUS-Programm
11. Klasse GH/EH
• 4 Std. Unterricht in:
• Kundenservice im OH
• Aufträge
kundenorientiert
bearbeiten
• Shopmanagementsyste
me gestalten
• Internetinhalte technisch
weiter entwickeln
Erasmus+ Projekt KA II
„Fit for E-Commerce“
• Ziel: Entwicklung und
Erprobung von
Unterrichtsmaterial zum
Thema E-Commerce

19.
PLUS-Programm
• Fächer/„Lernfelder“ basierend auf Vorschlag für
Kaufmann für E-Commerce laut Homepage
Handelsverband (Stand Frühjahr 2016)
• Bewerbungsverfahren für Schüler in der 10. Klasse
GH/EH

20.
WEH11c PLUS-Programm WGH11a
1 KuV
Unterricht in den Regelklassen
BGP
2 KuV GAP
3 EHP GAP
4 EHP KSK
5 KSK KSK
6 Englisch PLUS-Programm Englisch Englisch
7 Mittagspause
8 Deutsch
Kundenservice im
Onlinehandel anwenden /
Aufträge kundenorientiert bearbeiten
Deutsch
9 Sozialkunde Sozialkunde
Pause
10 Religion
Shopmanagementsystem gestalten /
Internetinhalte technisch
weiterentwickeln
Religion
11

21.
Inhalte der Fächer
KOH/AKB
• Kundendialog, z.B. E-Mail,
Chat
• Online-Marketing/Social
Media
• Kundenbindung im Online-
Handel
• Rechtsthemen
• Unternehmensgründung
• Preisangabenverordnung
• Zahlungsmittel OH
• Schutzrechte im Internet
(Patente etc.)
ITE/SMS
• Wie funktioniert das Internet?
• Grundlagen Netzwerktechnik
• Aufbau von Internetadressen
• E-Mail (Sicherheit)
• Grundlagen Bildbearbeitung
• Grundkurs HTML
• Grundkurs CSS
• Bewertungskriterien für
Onlineshops
• Erstellung und Betrieb eines
eigenen Onlineshops

22.
PLUS-Programm
Fazit
• je 15 Schüler in den SJ 16/17 und 17/18
erfolgreich geschult
• aktuell 15 Schüler im PLUS-Programm
• Weiterentwicklung Unterrichtsmaterialien
• Gutes Feedback von Betrieben (die im OH
unterwegs sind!) z.B. zusätzliche Freistellung

23.
Erasmus+ Projekt KA II
„Fit for E-Commerce“

24.
KBS Bayreuth (Onlineshop erstellen mit Prestashop)
Landesberufsschule Tschuggmall Brixen
(Produktfotografie, SEO)
SPSelit Dobruška - Střední průmyslová škola
elektrotechniky a informačních technologií
(Grundlagen HTML, CSS)

25.
Erkenntnisse
????

26.
Erkenntnisse
• fachliche Herausforderung für Schüler und Lehrkräfte
• hohe Motiviationswirkung bei (einigen) Schülern
• Überforderung/Abschalten bei anderen
• gutes Niveau der Schüler ist erforderlich
• Projektwoche ist motivierender als wöchentlicher Unterricht
(Rüstzeiten, langer Unterrichtstag)
• heterogene Gruppen können (Lern-)Ergebnisse fördern
(z.B. CSS-Kenntnisse der Schüler aus Tschechien)
• rechtliche „Hürden“
• Urheberrecht -> Produktfotos
• Datenschutz -> Social Media

27.
Erkenntnisse
• technische Ausstattung
• hohe Anforderungen an die Ausstattung!!!
NICHT FUNKTIONIERENDE TECHNIK IST FRUSTRIEREND!
• Ausstattung KBS Bayreuth Raum E37
• 17 Apple Macbooks Air
• professioneller Texteditor
• FTP-Programm
• Grafik-Programm
• schneller, aktueller Browser
• gute Internetverbindung

28.
WIE? können Sie ein E-Commerce
Projekt an Ihrer Schule umsetzen?

29.
WARUM?sollten Sie ein E-Commerce
Projekt an Ihrer Schule
umsetzen?

30.
Design
Corporate Design
Farbschema
Typographie
HTML
CSS
Browser-Kompatibilität
Mobile Endgeräte
Bildbearbeitung
Produktfotografie
Zuschnitt
Kompression
Dateiformat
Urheberrecht
Administration
Struktur
Navigation
Artikelbeschreibungen
Stammdatenpflege
Produktgruppen
FTP
Client-Server
Ländereinstellungen
Anbindung WWS
Bestellabwicklung
Bezahlsysteme
Recht
Liefer- und
Zahlungsbedingungen
Impressum
AGBs
Rechtsform
Jugendschutz
Datenschutz
Urheberrecht
Kaufvertragsrecht
Marketing/
Controlling
Newsletter
Social Media
Suchmaschinenoptimierung
Suchmaschinenwerbung
Online-Coupons
Benutzerstatistik
Conversion-Rate
Kennzahlen

31.
ARBEITEN MIT PRESTASHOP

32.
ARBEITEN MIT
PRESTASHOP
• Warum Prestashop?
• Wie funktioniert Prestashop?
• Installation zu Unterrichtszwecken
• kurze Demonstration

33.
WARUM PRESTASHOP?

34.
WARUM PRESTASHOP?
Handelsplattform
Handelsplattform
Website-Erstellung
SaaS
kostenpflichtig

35.
WARUM PRESTASHOP?
• frei verfügbar = kostenlos
• Open-Source-Software => anpassbar!
• gute Community, zahlreiche Ressourcen
z.B. Erklär-Videos youtube
• nach Installation vorkonfiguriert und voll funktionsfähig
• professionell - in Deutschland geringer Marktanteil, aber weltweit
280.000 installierte Shops
• sehr motivierend, da Schüler sehr früh Erfolgserlebnisse erfahren
Ergebnisse laut Projekt „Fit for E-Commerce“

36.
WARUM PRESTASHOP?
• BS II Bayreuth:
• seit 2012 sehr gute Erfahrungen im Unterricht
• ca. 60 Shops aufgesetzt
• Bestätigung durch LBS Tschuggmall Brixen
• hat sich im Projekt „Fit for E-Commerce“
bewährt

37.
WIE FUNKTIONIERT PS?

38.
CLIENT-SERVER-PRINZIP
Internet-
Server
Browser/
Client
Anfrage
[Request]
Daten
[Response]

39.
DYNAMISCHE SEITEN
MySQL-Datenbank
index.php
kunde = max
Request
https://fitforecommerce.eu/prestashop/index.php?kunde=max
individuelle Kundenseite
für Max
Hallo ich bin’s
Max!
Berechne Max’
Kundenseite
Hole Max’
Daten aus der
Datenbank

40.
SIE BRAUCHEN…
Server
Web-Server mit:
PHP
MySQL-Datenbank
hier läuft die
Shop-Software
Client
Standard-Browser:
Google Chrome, Firefox,
Safari, MS Edge,…
hiermit greifen Kunden und
Betreiber auf den Shop zu

41.
FRONTEND VS BACKEND

42.
IM ONLINESHOP
Frontend Backend
• eigentlicher Shop
• Kundenzugriff
• Warenpräsentation und Kauf
• generiert aufgrund der
Einstellungen im Backend
• Administration des Shops
• kein Kundenzugriff
• kein Zugriff für Dritte
• dient zur Gestaltung des Frontends
/ Bestellabwicklung usw.

43.
INSTALLATIONSMÖGLICHKEIT
zumTesten auf dem eigenen Rechner

44.
TUTORIAL
siehe
https://fitforecommerce.eu/tutorials/2018-06-18-prestashop-installieren/

45.
INSTALLATIONSMÖGLICHKEITEN
für den Unterrichtseinsatz

46.
EINZELPLATZ
Beispiel:
30 Einzelplatzrechner mit Prestashop-Installation

47.
SERVER SCHULINTERN
mit mehreren PS-Instanzen
Gruppe 1
Gruppe 2
Gruppe 3
Gruppe4
Interner Webserver

48.
WEBSERVER
mit mehreren PS-Instanzen
Gruppe 1
Gruppe 2
Gruppe 3
Gruppe4
Webserver
Schulnetz

49.
EMPFEHLUNG
mit mehreren PS-Instanzen
Gruppe 1
Gruppe 2
Gruppe 3
Gruppe4
Interner Webserver mit mehreren PS-Instanzen
Gruppe 1
Gruppe 2
Gruppe 3
Gruppe4
Webserver
Schulnetz
⊕ schülerindividuell
⊖ hoher Aufwand
• evt. bei BYOD
• evt.Ansatz:
Docker-Image
⊕ zentrale Installation
⊕ gute Administration
⊕ sicher
⊖ nur schulintern
⊕ zentrale Installation
⊕ gute Administration
⊕ externer Zugang
⊖ angreifbar
Kennwortschutz!!!
Empfehlung

50.
BEISPIEL WEBSERVER
• Webhosting bei alfahosting.de -
Cloud Server M - 9,99 € pro Monat

51.
BEISPIEL WEBSERVER -
INSTALLATION
• 10 Datenbanken für Shops anlegen
• Upload Prestashop-Dateien per FTP
• Ordner 10x kopieren
• Installationsprozess für Shops anstoßen
• siehe auch
https://fitforecommerce.eu/tutorials/2018-06-18-prestashop-installieren/
https://fitforecommerce.eu/tutorials/2018-08-01-prestashop-1und1-installation/

52.
PRESTA-CLASSROOM
• Tool zur automatisierten Installation von
mehreren Shops
• momentan noch nicht einsatzfähig
• Informationen unter:
https://fitforecommerce.eu/results/ und
https://github.com/fitforecommerce/presta-classroom

53.
PRESTACOLLEGE
• Tool…
• zur einfachen Einspielung von Musterdaten (z.B.
Mustershop des ISB)
• automatisierten Generierung von Fake-…
• Kunden
• Bestellungen (…kommt!)
• einsatzfähig!

54.
PRESTACOLLEGE MODUL
• Download unter:
https://github.com/fitforecommerce/prestacollege/releases
• Installations-Anleitung unter:
https://fitforecommerce.eu/tutorials

55.
DEMO

56.
MEHR INFOS UNTER
HTTPS://FITFORECOMMERCE.EU

57.
VIELEN DANK!
Wünsche? Anregungen? Fragen? Diskussion?