Es geht um die Grundlagen der Odoo-Frontend-Entwicklung am Beispiel einer User-Interface-Entwicklung für mobile MDE Geräte, deren kleine Bildschirme (320x320px) in Verbindung mit dem komplexen Lagerverwaltungsprozess eines unserer Kunden eine große Herausforderung darstellen.

1. initOS GmbH
SoftwareEngineering – IT-Consulting- Open Source
An der Eisenbahn 1
DE-21224 Rosengarten
Geschäftsführer:
Dipl.-Wirt.-Inf.FrederikKramer
Dipl.-Ing. (FH)Torsten Francke
Amtsgericht:Tostedt, HRB 205226
USt-IdNr.: DE815580155
Steuer-Nr.: 15/205/21518
Datum: 18.03.2016
Henning Rothe
1
Mobiles MDE User Interface
Henning Rothe, initOS GmbH

2. initOS GmbH
SoftwareEngineering – IT-Consulting– Open Source
An der Eisenbahn 1
DE-21224 Rosengarten
Geschäftsführer:
Dipl.-Wirt.-Inf.FrederikKramer
Dipl.-Ing. (FH)Torsten Francke
Amtsgericht:Tostedt, HRB 205226
USt-IdNr.: DE815580155
Steuer-Nr.: 15/205/21518
Datum: 18.03.2016
Henning Rothe
2
Mobiles MDE User Interface
Problemstellung
MDE User Interface
Odoo Frontend Entwicklung
Demo

3. initOS GmbH
SoftwareEngineering – IT-Consulting– Open Source
An der Eisenbahn 1
DE-21224 Rosengarten
Geschäftsführer:
Dipl.-Wirt.-Inf.FrederikKramer
Dipl.-Ing. (FH)Torsten Francke
Amtsgericht:Tostedt, HRB 205226
USt-IdNr.: DE815580155
Steuer-Nr.: 15/205/21518
Datum: 18.03.2016
Henning Rothe
3
Problemstellung
Lager
Verteilt über 7 Ebenen
Verschiedenste Produkte
Lagerverwaltung
Produktverwaltung
Bestellungsverwaltung
Ausgangssituation

4. initOS GmbH
SoftwareEngineering – IT-Consulting– Open Source
An der Eisenbahn 1
DE-21224 Rosengarten
Geschäftsführer:
Dipl.-Wirt.-Inf.FrederikKramer
Dipl.-Ing. (FH)Torsten Francke
Amtsgericht:Tostedt, HRB 205226
USt-IdNr.: DE815580155
Steuer-Nr.: 15/205/21518
Datum: 18.03.2016
Henning Rothe
4
Problemstellung
Lager
Ausgangssituation
Mitarbeiter holen Produkte
für Bestellung (Picking)
Synchronisation
mit Odoo
Motorla MDE MC 3200 mit
Android 4.1
Eingehende Bestellung
Erstellt Pickingprozess

5. initOS GmbH
SoftwareEngineering – IT-Consulting– Open Source
An der Eisenbahn 1
DE-21224 Rosengarten
Geschäftsführer:
Dipl.-Wirt.-Inf.FrederikKramer
Dipl.-Ing. (FH)Torsten Francke
Amtsgericht:Tostedt, HRB 205226
USt-IdNr.: DE815580155
Steuer-Nr.: 15/205/21518
Datum: 18.03.2016
Henning Rothe
5
Problemstellung
Ausgangssituation
Ausbuchen Picking Einbuchen Abschließen
Picking Prozess

6. initOS GmbH
SoftwareEngineering – IT-Consulting– Open Source
An der Eisenbahn 1
DE-21224 Rosengarten
Geschäftsführer:
Dipl.-Wirt.-Inf.FrederikKramer
Dipl.-Ing. (FH)Torsten Francke
Amtsgericht:Tostedt, HRB 205226
USt-IdNr.: DE815580155
Steuer-Nr.: 15/205/21518
Datum: 18.03.2016
Henning Rothe
6
Problemstellung
Ziel
Erstellung eines User Interfaces für
MDE Geräte, zur Unterstützung des
Picking Prozesses

7. initOS GmbH
SoftwareEngineering – IT-Consulting– Open Source
An der Eisenbahn 1
DE-21224 Rosengarten
Geschäftsführer:
Dipl.-Wirt.-Inf.FrederikKramer
Dipl.-Ing. (FH)Torsten Francke
Amtsgericht:Tostedt, HRB 205226
USt-IdNr.: DE815580155
Steuer-Nr.: 15/205/21518
Datum: 18.03.2016
Henning Rothe
7
Problemstellung
Besonderheiten
- Komplexer Picking Prozess
- Sehr kleines Display (320x320px)
- Untypische Eingabemöglichkeiten
- Touchscreen (Stift und Finger)
- Hardwaretasten

8. initOS GmbH
SoftwareEngineering – IT-Consulting– Open Source
An der Eisenbahn 1
DE-21224 Rosengarten
Geschäftsführer:
Dipl.-Wirt.-Inf.FrederikKramer
Dipl.-Ing. (FH)Torsten Francke
Amtsgericht:Tostedt, HRB 205226
USt-IdNr.: DE815580155
Steuer-Nr.: 15/205/21518
Datum: 18.03.2016
Henning Rothe
8
Problemstellung
Fokus UI
Content first
Übersichtliche Prozessbegleitung
Starke Kontraste
Eindeutige Farben
Eindeutiges visuelles Feedback
Große Schrift / Große Schaltflächen

9. initOS GmbH
SoftwareEngineering – IT-Consulting– Open Source
An der Eisenbahn 1
DE-21224 Rosengarten
Geschäftsführer:
Dipl.-Wirt.-Inf.FrederikKramer
Dipl.-Ing. (FH)Torsten Francke
Amtsgericht:Tostedt, HRB 205226
USt-IdNr.: DE815580155
Steuer-Nr.: 15/205/21518
Datum: 18.03.2016
Henning Rothe
9
Problemstellung
Bisherige Android App
Artikelliste Fehler bei Artikelscan

10. initOS GmbH
SoftwareEngineering – IT-Consulting– Open Source
An der Eisenbahn 1
DE-21224 Rosengarten
Geschäftsführer:
Dipl.-Wirt.-Inf.FrederikKramer
Dipl.-Ing. (FH)Torsten Francke
Amtsgericht:Tostedt, HRB 205226
USt-IdNr.: DE815580155
Steuer-Nr.: 15/205/21518
Datum: 18.03.2016
Henning Rothe
10
MDE User Interface
Web App auf Odoo Basis
- Starten des Prozesses - Transportmittel ausbuchen
- Scannen mit MDE

11. initOS GmbH
SoftwareEngineering – IT-Consulting– Open Source
An der Eisenbahn 1
DE-21224 Rosengarten
Geschäftsführer:
Dipl.-Wirt.-Inf.FrederikKramer
Dipl.-Ing. (FH)Torsten Francke
Amtsgericht:Tostedt, HRB 205226
USt-IdNr.: DE815580155
Steuer-Nr.: 15/205/21518
Datum: 18.03.2016
Henning Rothe
11
MDE User Interface
Web App auf Odoo Basis
- Produkte einzeln picken
- Scannen mit MDE
- Transportmittel einbuchen
- Scannen mit MDE
- Prozess beenden

12. initOS GmbH
SoftwareEngineering – IT-Consulting– Open Source
An der Eisenbahn 1
DE-21224 Rosengarten
Geschäftsführer:
Dipl.-Wirt.-Inf.FrederikKramer
Dipl.-Ing. (FH)Torsten Francke
Amtsgericht:Tostedt, HRB 205226
USt-IdNr.: DE815580155
Steuer-Nr.: 15/205/21518
Datum: 18.03.2016
Henning Rothe
12
MDE User Interface
Web App auf Odoo Basis
Sekundäre Eingabe Fehlermeldung

13. initOS GmbH
SoftwareEngineering – IT-Consulting– Open Source
An der Eisenbahn 1
DE-21224 Rosengarten
Geschäftsführer:
Dipl.-Wirt.-Inf.FrederikKramer
Dipl.-Ing. (FH)Torsten Francke
Amtsgericht:Tostedt, HRB 205226
USt-IdNr.: DE815580155
Steuer-Nr.: 15/205/21518
Datum: 18.03.2016
Henning Rothe
13
Odoo Frontend Entwicklung
Odoo Modul
/odoo_modul
__openerp.py__
__init.py__
/controllers / main.py
/models / model.py
/views / view.xml
/static
/src
/css / style.css
/js / widget.js
/xml / view.xml
Modulordner
Manifest
Importbefehle
Controller
Model
Definition der HTML Templates
Stylesheet
Odoo Widget
Subtemplates

14. initOS GmbH
SoftwareEngineering – IT-Consulting– Open Source
An der Eisenbahn 1
DE-21224 Rosengarten
Geschäftsführer:
Dipl.-Wirt.-Inf.FrederikKramer
Dipl.-Ing. (FH)Torsten Francke
Amtsgericht:Tostedt, HRB 205226
USt-IdNr.: DE815580155
Steuer-Nr.: 15/205/21518
Datum: 18.03.2016
Henning Rothe
14
Odoo Frontend Entwicklung
Odoo Modul - Templates
/views / view.xml
- Template inheritance
inherit_id="website.theme"
- xpath Ausdrücke
expr, position
- HTML
- Qweb Template Engine

15. initOS GmbH
SoftwareEngineering – IT-Consulting– Open Source
An der Eisenbahn 1
DE-21224 Rosengarten
Geschäftsführer:
Dipl.-Wirt.-Inf.FrederikKramer
Dipl.-Ing. (FH)Torsten Francke
Amtsgericht:Tostedt, HRB 205226
USt-IdNr.: DE815580155
Steuer-Nr.: 15/205/21518
Datum: 18.03.2016
Henning Rothe
15
Odoo Frontend Entwicklung
Odoo Modul - Subtemplates
/static / src / xml / view.xml
- Werden von JS Widgets als Template genutzt
- Integrieren sich in Haupttemplates

16. initOS GmbH
SoftwareEngineering – IT-Consulting– Open Source
An der Eisenbahn 1
DE-21224 Rosengarten
Geschäftsführer:
Dipl.-Wirt.-Inf.FrederikKramer
Dipl.-Ing. (FH)Torsten Francke
Amtsgericht:Tostedt, HRB 205226
USt-IdNr.: DE815580155
Steuer-Nr.: 15/205/21518
Datum: 18.03.2016
Henning Rothe
16
Odoo Frontend Entwicklung
Odoo Modul - Widgets
/static / src / js / widget.js
- clientseitige Applikationslogik
- Interface Extension
- Verknüpfung mit Subtemplates

17. initOS GmbH
SoftwareEngineering – IT-Consulting– Open Source
An der Eisenbahn 1
DE-21224 Rosengarten
Geschäftsführer:
Dipl.-Wirt.-Inf.FrederikKramer
Dipl.-Ing. (FH)Torsten Francke
Amtsgericht:Tostedt, HRB 205226
USt-IdNr.: DE815580155
Steuer-Nr.: 15/205/21518
Datum: 18.03.2016
Henning Rothe
17
Odoo Frontend Entwicklung
Links / Quellen
Odoo Modul Erstellung Grundlagen
https://www.odoo.com/documentation/8.0/howtos/backend.html
https://www.odoo.com/documentation/8.0/howtos/website.html
Odoo Theme Erstellung Grundlagen
https://www.odoo.com/documentation/8.0/howtos/themes.html
Odoo Widgets Grundlagen
https://www.odoo.com/documentation/8.0/howtos/web.html