Wie kann man E-Commerce erfolgreich in den Unterricht an Berufsschulen einbinden und den Schülern vermitteln? Der Vortrag zeigt anhand der Erfahrungen der Staatlichen Berufsschule II Bayreuth auf, wie Digitalisierung in kaufmännischen Berufen gelingen kann und gibt Tipps zu Selbstlern-Ressourcen für die Vorbereitung auf den neuen Ausbildungsberuf "Kaufmann im E-Commerce". Insbesondere werden Erfahrungen aus der Erasmus+ geförderten Strategischen Partnerschaft "Fit for E-Commerce" thematisiert.

1. E-COMMERCE
UNTERRICHTEN
Hinweise und Überlegungen

2. AGENDA
• Vorstellung und Erfahrungen
• Herausforderung E-Commerce
• Arbeiten mit Prestashop
• Unser Mustershop für Sie
• Warenwirtschaftssystem
• Materialien
• Fragen, Anregungen, Wünsche

3. GRÜß GOTT!
Martin Kolb
Projektkoordinator E-Commerce des
Bayerischen Staatsministeriums für Unterricht und Kultus
Kontakt: kolb@kbs-bth.de
Haben Sie keine Scheu mit mir Kontakt aufzunehmen!

4. GRÜß GOTT!
Meine Tätigkeit im Überblick

5. GRÜß GOTT!
Martin Kolb
• Studium Wirtschaftspädagogik
• Spezielle BWL: Wirtschaftsinformatik
• Diplomarbeit: Programmierung eines IT-gestützten
Übungssystems für Prof. Stender (PHP, Java)
• seit 2006 an der Staatlichen Berufsschule II Bayreuth
• Fachbetreuer Handelsberufe
• Fachmitarbeiter W&V und Englisch

6. GRÜß GOTT!
Martin Kolb
• Betreuung Schulhomepage https://kbs-bth.de
• Redesign & Programmierung des Schulportals der
Regierung von Oberfranken https://schule-oberfranken.de
• Kontaktperson für Erasmus+ Strategische Partnerschaft
„Fit for E-Commerce“ - https://fitforecommerce.eu
• Software-Entwicklung: z.B. Apps für macOS
https://gapped.de oder https://docxtor.de

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

9. 2012 2013 2014 2015 2016 2017 2018
Erfahrungen

10. NIF
Gründertag
2012 2013 2014 2015 2016 2017 2018
Erfahrungen

11. NIF
Gründertag
Projektunterricht GH
2012 2013 2014 2015 2016 2017 2018
Erfahrungen

12. NIF
Gründertag
Projektunterricht GH
PLUS-Programm
2012 2013 2014 2015 2016 2017 2018
FEC Erasmus+
Erfahrungen

13. Umsetzung

14. Umsetzung
PLUS-Programm
• regelmäßiger Unterricht in:
• Kundenservice im OH
• Aufträge kundenorientiert
bearbeiten
• Shopmanagementsysteme
gestalten
• Internetinhalte technisch
weiter entwickeln
• PLUS-Programm Englisch

15. Umsetzung
PLUS-Programm
• regelmäßiger Unterricht in:
• Kundenservice im OH
• Aufträge kundenorientiert
bearbeiten
• Shopmanagementsysteme
gestalten
• Internetinhalte technisch
weiter entwickeln
• PLUS-Programm Englisch
Erasmus+ Projekt KA II
„Fit for E-Commerce“
Ziel:
Entwicklung und Erprobung
von Unterrichtsmaterial zum
Thema E-Commerce

16. 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

17. Kooperation Google
22. Februar 2017
Google-Workshop mit Christian Spancken

19. Fit for E-Commerce
https://fitforecommerce.eu

20. HERAUSFORDERUNG E-COMMERCE

22. Design
Corporate Design
Farbschema
Typographie
HTML
CSS
Browser-Kompatibilität
Mobile Endgeräte

23. Design
Corporate Design
Farbschema
Typographie
HTML
CSS
Browser-Kompatibilität
Mobile Endgeräte
Administration
Struktur
Navigation
Artikelbeschreibungen
Stammdatenpflege
Produktgruppen
FTP
Client-Server
Ländereinstellungen
Anbindung WWS
Bestellabwicklung
Bezahlsysteme

24. Design
Corporate Design
Farbschema
Typographie
HTML
CSS
Browser-Kompatibilität
Mobile Endgeräte
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

25. 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

26. 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

27. 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

28. ARBEITEN MIT PRESTASHOP

29. ARBEITEN MIT PRESTASHOP

30. ARBEITEN MIT PRESTASHOP
• Warum Prestashop?
• Installation auf dem eigenen Rechner
• Installation zu Unterrichtszwecken
• Vorstellung des Mustershops

31. ARBEITEN MIT PRESTASHOP
• „Regionale“ Fortbildungsveranstaltung am
27.09.2018 in Fürth

32. WARUM PRESTASHOP?

33. WARUM PRESTASHOP?

34. WARUM PRESTASHOP?
Handelsplattform
Handelsplattform

35. WARUM PRESTASHOP?
Handelsplattform
Handelsplattform
Website-Erstellung

36. WARUM PRESTASHOP?
Handelsplattform
Handelsplattform
Website-Erstellung
SaaS

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

38. WARUM PRESTASHOP?
• frei verfügbar
• Open-Source-Software => anpassbar!
• gute Community, zahlreiche Ressourcen
• nach Installation vorkonfiguriert und voll funktionsfähig
• vorinstallierte Daten können genutzt werden
• sehr motivierend, da Schüler sehr früh Erfolgserlebnisse erfahren
• in Deutschland geringer Marktanteil, aber weltweit 280.000
installierte Shops
Ergebnisse laut Projekt „Fit for E-Commerce“

39. 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

40. WARUM PRESTASHOP?
• Unterstützung durch Prestashop-Agentur
Patworx in Bamberg
• evt. zukünftige
D-Vertretung

41. WARUM PRESTASHOP?
• Gespräch Prof. Penzel / Dr. Wittmann von
ibi Research
• „Prestashop gute und innovative Lösung“
• „Infrastruktur in der E-Commerce Branche ist
äußerst heterogen“
• „Überblick über mehrere Software-Optionen
geben“

42. WARUM PRESTASHOP?
Der Einsatz von PRESTASHOP ist eine
Empfehlung
keine
Anweisung

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

50. 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
Empfehlung

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

52. 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/

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

54. PRESTA-FAKER
• momentan noch nicht einsatzfähig
• Tool zur automatisierten Generierung von Fake-…
• Kunden
• Bestellungen
• ???

55. UNSER MUSTERSHOP
https://fitforecommerce.eu/shops/akisb/

56. WARENWIRTSCHAFTSSYSTEM

57. WARENWIRTSCHAFTSSYSTEM
• Einsatz vom Lehrplan gefordert
• Momentan noch keine Empfehlung für eine
bestimmte Software
• Zahlreiche Optionen verfügbar

58. WARENWIRTSCHAFTSSYSTEM
• Empfehlung für Lernfeld 2 - Schuljahr 18/19
• Geringer didaktischer Zugewinn, aber hoher
Installationsaufwand
• Einpflegen der Produkte über das Backend des
Online-Shops - geringer Unterschied wischen
Backend und WWS
• Spätere Schuljahre: Nutzung von WWS

59. MATERIALIEN
Zum Unterrichten

60. HANDREICHUNG
E-COMMERCE EINZELHANDEL
• praxisorientierte Lerneinheiten
für den Einzelhandel
• umfangreiches Glossar für den Bereich
E-Commerce

61. ZUKUNFTSWERKSTATT
GOOGLE
• Online-/Video-Kurs zum Thema Online-Marketing
• Zukunftswerkstatt:
• Google-Referent kommt in
Schule
• Nachgelagert „Projekt“

62. MATERIALIEN
Zum Selbstlernen

65. HTML UND CSS
• Bücher
• HTML5 and CSS3 [EN] -
The pragmatic programmer
• Head First HTML and CSS [EN] -
HTML und CSS von Kopf bis Fuß [DE]
O'Reilly
• Einstieg in CSS [DE] -
Rheinwerk Verlag

66. HTML UND CSS
• Bücher
• Responsive Webdesign [EN] -
Smashing Magazine

67. HTML UND CSS
• Online-Kurse
• Zahllose Angebote auch gratis
• erfahrungsgemäß kostenpflichtige, gute Kurse
bei
• oreilly.com
• udacity.com
• video2brain.com

68. HTML UND CSS
• Online-Kurse / Tutorials (kostenlos)
• https://freecourses.github.io
• https://www.codecademy.com
• https://wiki.selfhtml.org/wiki/HTML/Tutorials

69. SHOPSYSTEM
• Shopsystem installieren und testen
• Online-Dokumentation / Tour nutzen
• Foren / Tutorials aus dem Netz nutzen
• YouTube-Videos nutzen

70. SHOPSYSTEM - CHECKLISTE
• Ich kann
• ein Shop-System installieren [falls notwendig]
• Produkte, -beschreibungen und Bilder einstellen
• andere Inhalte (AGBs, etc.) bearbeiten
• Bestellungen bearbeiten
• Auswertungen vornehmen

71. SONSTIGE HINWEISE

72. UNTERRICHTSORGANISATION
• Teilungsstunden 7 Stunden über alle 3 Jahre
• Team-Teaching ist eine gute Option zur
„Weiterbildung“

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