George Margaris Programming Arts · St. Gallen

George Margaris

Interaktive Lernsoftware, Simulationen & Web – seit 2005.

Seit über 20 Jahren entwickle ich E-Learning, Simulationen, Visualisierungen und Lernplattformen – für Kunden in der Schweiz und international.

  • 20 Jahreselbständig seit 2005
  • 30+Kunden – Agenturen, Hochschulen, KMU
  • 4 LänderCH · DE · USA · UK
  • ~240Projekt-Rechnungen

Was ich mache

Vier Dinge, die ich baue

E-Learning

Lernumgebungen und -plattformen für Hochschulen, Verlage und Schulen – vom ETH-Klimaweg bis zur Bootsführerschein-Software.

Games

Lern- und Wettbewerbsspiele, Kiosk-Quizzes für Autoshows und ein Forschungsspiel für die Universität Zürich.

Simulationen

Software-, Funkgeräte- und Schattensimulationen, Produktkonfiguratoren – heute mit three.js und Blender.

Konvertierungen

Bestehende Anwendungen in neue Technik überführen: ActionScript 2 → 3, Flash → HTML5, Weiterbetrieb über viele Jahre.

Highlights

Zwölf Projekte, die zeigen, was ich mache

Auswahl aus rund zwei Jahrzehnten. Viele Projekte entstanden in Flash/ActionScript – datengetrieben und pflegbar.

2007–2013 · Schweiz

Virtueller Klimaweg

Virtueller Klimaweg mit 18 Posten als digitale Ergänzung zum Klima-Erlebnispfad oberhalb von Pontresina: Audio-Begleitung, Bild-Erkundung, Drag-&-Drop-Lernkontrollen und Meinungsumfragen. Auf Deutsch und Englisch. Ausgezeichnet mit dem Comenius-EduMedia-Siegel 2009.

  • Flash/AS
  • XML
  • PHP/MySQL
  • Audio

2007–2015 · Schweiz

BoatDriver – Lernsoftware für den Bootsführerschein

Lern- und Prüfungssoftware für den Schweizer Bootsführerschein (Kat. A/D): Theoriefilme, Lernkarten, Prüfungssimulation mit Korrekturmodus und Prüfungsreife-Anzeige, dazu Seefunk SRC und später AutoDriver (Auto-Theorie). AS3-Neubau mit XML-Engine, vier Sprachen, LiveUpdate und Mac-Version.

  • AS2 → AS3
  • XML
  • Desktop
  • Mehrsprachig

2009–2020 · Schweiz

Lernplattform SELF! / Intelligent Knowledge

Lernplattform für den Unterricht mit Bereichen für Lehrpersonen, Schülerinnen und Schüler sowie Administration: Arbeitsbogen-Editor, Klassenübersicht mit Punkten, Bewertung eingereichter Bögen und Selbsterklärungsaufgaben, etwa zu Vektoralgebra und Trigonometrie.

  • Flash/AS2
  • PHP/MySQL
  • AMFPHP
  • PDF-Generierung

2005–2008 · USA Der Startschuss

Ford-Kiosks für US-Autoshows

Erster Grossauftrag: Touchscreen-Kiosks für Ford (Fusion, Explorer, Trucks, SYNC) und Dodge-Challenger-Quiz – getestet auf Hardware in Michigan.

  • Flash 8 / AS3
  • XML
  • Kiosk/Hardware

2006–2009 · Deutschland

3D-Schattenplaner für Sonnenschutz

Interaktive 3D-Schattensimulation für den Online-Produktkonfigurator eines Sonnenschutz-Herstellers: eigene Flash-3D-Engine, Sonnenstand aus Datum, Uhrzeit und Standort, Szenen per XML.

  • Eigene 3D-Engine
  • AS2/AS3
  • XML
  • Sonnenstand

2006 · Deutschland

Dubai Metro «Timesaver»

Touchscreen-Anwendung für eine Messe in Dubai (EN/AR): zwei Stationen der Red Line und Green Line wählen, die App zeigt Linie, Stopps, Umstieg und Fahrzeit auf die Sekunde.

  • Flash/AS2
  • XML
  • Touchscreen
  • EN/AR

Werdegang

2005 bis heute – Jahr für Jahr

Wichtige Kunden und Projekte – filterbar nach Phase.

  1. 2005Der Sprung in die Selbständigkeit
    • Gründung von «George Margaris Programming Arts» in St. Gallen; erste Rechnung im Oktober 2005
    • Easylearn / SDN AG: Skills4u (Controller, Compression)
    • Mannetron (USA): Ford Fusion, Explorer und Trucks – Kiosk-Content ab Dezember 2005
  2. 2006Agenturen in Deutschland entdecken mich
    • plenum stoll & fischbach (Herrenberg): Dubai Metro «Timesaver» – Touchscreen-Fahrzeitrechner EN/Arabisch
    • QuintX (Mannheim): Workflow-Animationen, Microsite, interaktive Touristenkarte Mannheim
    • Mind2Create (Karlsruhe): XEXOO, CosyLight · Stiefelmayer-Contento: «Foto in Glas»-Vorschau
    • AMIPEON, Easylearn/SDN · Mannetron: Ford-Updates
  3. 2007ETH Klimaweg startet · BoatDriver beginnt
    • ETH Zürich EducETH: Virtueller Klimaweg (Auftrag im Mai 2007)
    • FREDERIKSEN mediaproduction / BoatDriver: XML-Navigation der Lernsoftware
    • Mannetron: Ford SYNC Kiosk für regionale US-Autoshows
    • iTrain: Word-Simulation, Lern-Game «Luser» · pilot 1/0 (Hamburg): Leporello- und Zollstab-Engine
    • plenum: Afri-Cola-Adventskalender, bruno banani Storybook · softloop, namics, QuintX, Mind2Create, VTJE (Panchen Lama Game)
  4. 2008Hauptproduktion Klimaweg · IKEA · gate24
    • Klimaweg live auf klimaweg.ethz.ch, Tests mit Schulklassen
    • Teil.ch: IKEA Testschläfer-Galerie, VideoBild-Player, gate24-Game
    • BoatDriver Swiss CD · iTrain: Drag & Drop-Module, Word-2007-Simulation (DE/EN)
    • Mannetron: Dodge Challenger Game, Lincoln-Headlamp-Game · pilot: Mentos Spinning
    • 3D-Schattenplaner für einen Sonnenschutz-Konfigurator (eigene Flash-3D-Engine, Sonnenstandsberechnung)
    • Rahel Felix Design: Website · plenum: Heraeus, bruno banani Brandsummary · SIGN4U
  5. 2009Das dichteste Jahr
    • ETH: Plattform «Selbständiges Lernen» / SELF!, EducETH-Startseite, Klimaweg mit Lernübersicht und Deep-Linking
    • Universität Zürich: Zurich Prosocial Game · von salis: Climatetrail & Eisblockwette
    • plenum: Philipp Plein (Flash/XML), Hansgrohe RainBrain, STIHL Markenflash, Heraeus-Adventskalender, PHP/FFmpeg-Skript
    • SONNEN'BERN: Lenkerhof-Website · iTrain: Concierge-Pageflip, Houseruler-Konfigurator · Mind2Create-Website · gate24-Start
  6. 2010Erste Plattform ganz ohne Flash
    • HSGYM-Expertenpool: PHP/MySQL-Plattform zur Vermittlung von Prüfungsexperten an Gymnasien – betreut bis heute
    • ETH IfV/MINT: Lernplattform SELF! · BoatDriver: Prototyp für den Österreichischen Segelverband
    • plenum: Start Hansgrohe/AXOR Composer, Henkel Tag-Cloud · Lenkerhof, Mind2Create, iTrain
  7. 2011AXOR Composer · BoatDriver-Relaunch
    • Hansgrohe AXOR Composer: Online-Badkonfigurator mit PDF-Generierung, Touchscreen-Version, vielen Sprachen
    • BoatDriver: kompletter Relaunch in ActionScript 3 · Academia Engiadina: Start Virtuelle Bahnreise RhB
    • OREL & UNGER: 3D-Effekt-Playlist · Hansgrohe MainStage, Henkel, HSGYM-Umbau
  8. 2012Grossprojekte im Langlauf
    • BoatDriver-Relaunch: Module LEARN, EXAM, SIM, Lexikon, Desktop-Verpackung
    • Lernexpress RhB: Layout, gesprochene Texte, Videos, Quartett-Spiel
    • Hansgrohe Hall of Fame «DNA», AXOR-Sprachversionen · ETH EducETH, SELF!
  9. 2013Lernexpress geht live
    • Lernexpress RhB lanciert am 25.10.2013 · englischer Klimaweg für Academia Engiadina
    • BoatDriver: LiveUpdate, Mac-Version, eigenes Web-Tool DataFiller (PHP/MySQL/Ajax)
    • ETH IfV/MINT: SELF!-Updates
  10. 2014Flash geht, Android kommt
    • BoatDriver: Flipbook, AutoDriver-Ableger, Android-App-Konzept (Hafenführer/Seekarten)
    • Hansgrohe DNA/Timeline, Henkel · MINT-Lernsoftware: Support
  11. 2015Erste HTML5-Projekte
    • Schulverlag plus: NATECH – HTML5-Prototyp eines digitalen Lehrerkommentars
    • BoatDriver: letzte Version des Relaunchs · HSGYM und MINT: Weiterentwicklung & Support
  12. 2016NATECH mit CMS
    • Schulverlag plus: CMS «Bücherverwaltung» und Benutzerverwaltung, Vorführversion für die Geschäftsleitung
    • HSGYM-Expertenpool: Weiterentwicklung & Support
  13. 2017–19Support, Blockchain und Mining
    • HSGYM-Expertenpool: Weiterentwicklung, Hosting und Support
    • Ende der Flash-Ära: Das Kerngeschäft der letzten zwölf Jahre läuft aus – Zeit für Neues
    • Bitcoin- und Blockchain-Programmierung: Entwicklung eigener Anwendungen und Werkzeuge für das Bitcoin-Netzwerk
    • Bitcoin- und GPU-Mining: Betrieb und Optimierung eigener Setups sowie zugehörige Programmierung (2017–2021)
  14. 2020Konvertierung und Blockchain
    • ETH MINT-Lernzentrum: Abschluss der Konvertierung der MINT-Lernsoftware
    • Entwicklung eigener Bitcoin-Block-Explorer und Wallet-Software
    • Neue Schwerpunkte: C++, Android, Blockchain, 3D mit Blender und three.js
  15. 2021–22Treue Kunden, neue Technik
    • HSGYM-Expertenpool: Hosting & Support – die längste Kundenbeziehung (seit 2010)
    • Eigene Projekte: Cointec, 3D und Simulation
  16. heuteCointec & Simutec
    • Cointec: Handel über Ricardo seit 2010, später zusätzlich eigener Webshop cointec.ch – rund 50’000 verkaufte Artikel
    • Simutec: Unternehmenswebsite mit vielen 3D-/2D-Simulationsbeispielen (three.js, Blender)

Kunden

Für wen ich gearbeitet habe

Agenturen, Hochschulen, Verlage und KMU – in der Schweiz, Deutschland, den USA und Grossbritannien.

  • ETH Zürich – EducETH
  • ETH Zürich – MINT-Lernzentrum
  • Universität Zürich – SNS Lab
  • HSGYM-Expertenpool
  • Academia Engiadina
  • Verein Welterbe Rhätische Bahn
  • Schulverlag plus
  • BoatDriver / FREDERIKSEN mediaproduction
  • plenum stoll & fischbach / SF eBusiness / UDG
  • Mannetron USA
  • QuintX
  • Mind2Create
  • pilot 1/0
  • softloop information design
  • Stiefelmayer-Contento
  • OREL & UNGER
  • namics
  • iTrain
  • Teil.ch
  • von salis communication
  • Rahel Felix Design
  • SONNEN'BERN
  • Lenkerhof
  • Easylearn / SDN
  • AMIPEON
  • SIGN4U
  • Verein Tibeter Jugend in Europa
  • Softwarehaus für Produktkonfiguratoren Bremen

Marken, für die ich über Agenturen gearbeitet habe: Dubai Metro, Hansgrohe/AXOR, Philipp Plein, bruno banani, STIHL, Heraeus, Henkel, IKEA Schweiz, Ford.

Was ich kann

Werkzeugkasten

Interaktiv & Frontend

  • Flash/ActionScript 2 & 3 (Vollzeit 2005–2017)
  • HTML5, CSS, JavaScript, Ajax
  • Games, Simulationen, Konfiguratoren, Touchscreen-Kiosks
  • Eigene 3D-Engine in Flash (Schattenwurf, Clipping)

Backend & Daten

  • PHP, MySQL, eigene CMS und Admin-Tools
  • XML-gesteuerte Inhalte und Konfiguration
  • PDF-Generierung, FFmpeg-Videoverarbeitung
  • Mehrsprachigkeit inkl. Chinesisch, Japanisch, Russisch

Heute

  • C++
  • Android
  • Blockchain
  • 3D mit Blender und three.js
  • Online-Handel (Cointec)

Wie ich arbeite

Was 20 Jahre Kundenprojekte lehren

Datengetrieben

Inhalte, Sprachen, Parameter gehören in Dateien, nicht in den Code. So konnten Kunden selbst pflegen – vom BoatDriver-Fragenkatalog bis zum Ford-Kiosk – und Forschende ihre Versuchsbedingungen selbst variieren.

Pflegbar statt schnell

Projekte wie BoatDriver oder der HSGYM-Expertenpool liefen über acht bzw. vierzehn Jahre. Das geht nur mit sauberer Struktur, Versionierung und eigenen Debug-Werkzeugen.

Nah am Kunden

Ich arbeite gern direkt mit den Fachleuten: Wanderung auf dem echten Klimaweg, Kreativtag im Zug, Test auf der echten Hardware. Und ich habe gelernt: Bei Verzug früh melden, Aufwand realistisch schätzen.

Kontakt

Lust auf ein Gespräch?

Ich freue mich über Anfragen – für eine Festanstellung genauso wie für spannende Projekte.

info@programmingarts.ch

George Margaris · St. Gallen, Schweiz