Als PDF, PPTX herunterladen
![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](https://image.slidesharecdn.com/20180723alpfortbildunge-commerceslideshareexport-180921070634/85/Vortrag-E-Commerce-unterrichten-65-320.jpg)
![HTML UND CSS
• Bücher
• Responsive Webdesign [EN] -
Smashing Magazine](https://image.slidesharecdn.com/20180723alpfortbildunge-commerceslideshareexport-180921070634/85/Vortrag-E-Commerce-unterrichten-66-320.jpg)
![SHOPSYSTEM - CHECKLISTE
• Ich kann
• ein Shop-System installieren [falls notwendig]
• Produkte, -beschreibungen und Bilder einstellen
• andere Inhalte (AGBs, etc.) bearbeiten
• Bestellungen bearbeiten
• Auswertungen vornehmen](https://image.slidesharecdn.com/20180723alpfortbildunge-commerceslideshareexport-180921070634/85/Vortrag-E-Commerce-unterrichten-70-320.jpg)
Vortrag E-Commerce unterrichten
- 1.
- 2. AGENDA • Vorstellung undErfahrungen • Herausforderung E-Commerce • Arbeiten mit Prestashop • Unser Mustershop für Sie • Warenwirtschaftssystem • Materialien • Fragen, Anregungen, Wünsche
- 3. GRÜß GOTT! Martin Kolb ProjektkoordinatorE-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ätigkeitim Ü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 StaatlichenBerufsschule II Bayreuth -Commerce
- 9. 2012 2013 20142015 2016 2017 2018 Erfahrungen
- 10. NIF Gründertag 2012 2013 20142015 2016 2017 2018 Erfahrungen
- 11. NIF Gründertag Projektunterricht GH 2012 20132014 2015 2016 2017 2018 Erfahrungen
- 12. NIF Gründertag Projektunterricht GH PLUS-Programm 2012 20132014 2015 2016 2017 2018 FEC Erasmus+ Erfahrungen
- 13.
- 14. Umsetzung PLUS-Programm • regelmäßiger Unterrichtin: • Kundenservice im OH • Aufträge kundenorientiert bearbeiten • Shopmanagementsysteme gestalten • Internetinhalte technisch weiter entwickeln • PLUS-Programm Englisch
- 15. Umsetzung PLUS-Programm • regelmäßiger Unterrichtin: • 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 1KuV 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. Februar2017 Google-Workshop mit Christian Spancken
- 19.
- 20.
- 22.
- 23.
- 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 AnbindungWWS 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 AnbindungWWS 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 AnbindungWWS 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 AnbindungWWS 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.
- 29.
- 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.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38. WARUM PRESTASHOP? • freiverfü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? • BSII 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ützungdurch Prestashop-Agentur Patworx in Bamberg • evt. zukünftige D-Vertretung
- 41. WARUM PRESTASHOP? • GesprächProf. 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 Einsatzvon PRESTASHOP ist eine Empfehlung keine Anweisung
- 43. INSTALLATIONSMÖGLICHKEIT zumTesten auf demeigenen Rechner
- 44.
- 45.
- 46. EINZELPLATZ Beispiel: 30 Einzelplatzrechnermit Prestashop-Installation
- 47. SERVER SCHULINTERN mit mehrerenPS-Instanzen Gruppe 1 Gruppe 2 Gruppe 3 Gruppe4 Interner Webserver
- 48. WEBSERVER mit mehreren PS-Instanzen Gruppe1 Gruppe 2 Gruppe 3 Gruppe4 Webserver Schulnetz
- 49. EMPFEHLUNG mit mehreren PS-Instanzen Gruppe1 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 Gruppe1 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 • Webhostingbei 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 nochnicht 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 nochnicht einsatzfähig • Tool zur automatisierten Generierung von Fake-… • Kunden • Bestellungen • ???
- 55.
- 56.
- 57. WARENWIRTSCHAFTSSYSTEM • Einsatz vomLehrplan gefordert • Momentan noch keine Empfehlung für eine bestimmte Software • Zahlreiche Optionen verfügbar
- 58. WARENWIRTSCHAFTSSYSTEM • Empfehlung fürLernfeld 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.
- 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 zumThema Online-Marketing • Zukunftswerkstatt: • Google-Referent kommt in Schule • Nachgelagert „Projekt“
- 62.
- 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 installierenund 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.
- 72. UNTERRICHTSORGANISATION • Teilungsstunden 7Stunden über alle 3 Jahre • Team-Teaching ist eine gute Option zur „Weiterbildung“
- 73. VIELEN DANK! Wünsche? Anregungen?Fragen? Diskussion?