SlideShare une entreprise Scribd logo
1  sur  13
Dmitrij Petrov, Metin Gümüssu, Kushtrim
Ramaj
Git(Hub) & Einfaches Design
Kurze Release-Zyklen & Test Phasen
Offene & aufrichtige

Kommunikation, Verantwortungsbewusst
Anforderungen definieren
Interpretation der User Stories

Entwurf erstellen
Design (Patterns, UI Kits, Layout)
Graphics (Logo etc.)
Wireframing / Sketches
Einteilung der Arbeit
Entscheidung über SW/HW
Android 4.0+
Webseite [PHP & MySQL, HTML/CSS/JS (Bootstrap) ]
GitHub ~ SmartGit (SC, Wiki), Eclipse, Skype,

Sublime Editor
Webseite
1.Einfaches Design (HTML)
2.Front-End Framework: Twitter‘s Bootstrap 3
3.Back-End: PHP & MySQL
Android

1. Google Maps Android API v2 Key
2. JSONParser Klasse für die Verbindung mit der
Webseite
3. Integration unserer App und der Augmented Reality App

Integration + Testing
http://goo.gl/TB00Kr

/Johnmalc/AndroidApp
 Story Cards erstellt im Sinne des festlegens genauer

Anwendungsbereiche des Programms
 Prioritätsfestlegung der Aufgaben und demnach arbeiten an

bestimmten Programmteilen bevorzugt
 Durch flexibles arbeiten mit Github und keiner genauen Zeiteinteilung

keine festlegung des Fertigstellungstermins
 Continuous Integration
 Nötige Strukturveränderungen des Systems werden durchgeführt

sobald erforderlich (Refactoring), z.B. bei nicht zusammen
funktionieren von Webseite und Andoid App
 Um einen größeren Kontrast im Logo zu schaffen haben

wir uns dann für hellere Farben entschieden, Gelb, Blau &
Weiß. Dies hat uns auch besser gefallen.
 Dann haben wir den Ladebildschirm noch etwas angepasst

(Photoshop) & fertig war das Logo.
 Das Design der App haben wir schlicht & elegant gehalten,

was uns ganz gut gefallen hat.
 Zur Verwaltung unseres Projektes haben wir uns entschieden GitHub zu verwenden,

einen webbasierten Hosting-Dienst für Software-Entwicklungsprojekte
Das ermöglichte uns :
 zentral auf die Projektdaten zu zugreifen
 parallel zu programmieren
 ein Wiki für die Dokumentation zu erstellen
 die AndroidApp und die Webseite gleichzeitig zu verwalten
 aufgrund der Möglichkeit des Zurücksetzens zu einem früheren Stadium, die Daten

immer konsistent zu halten
 Wir haben PHP 5.4 & MySQL 5.5 wegen der vielen Dokumentationen und Dmitrij

Petrovs „shared hosting“ gewält. Ruby (on Rails) oder Python (Django) wären zwar
möglich, aber mit mehr aufwand und der Voraussetzung von Virtual Private
Server, was wir nicht hatten.

 Einfaches Design mit Hilfe von Twitter Bootstrap 3 erstellt („mobile first front-end

framework“). Nur Latitude und Longitude sind Pflichteingaben.

 Am schwierigsten war die Generierung von JSON files zu schreiben – ein Weg wie

Android App sich zu DB verbindet
 https://github.com/johnmalc/androidApp
 https://github.com/Johnmalc/AndroidApp/wiki/About-our-Project (abweicht)
 http://getbootstrap.com/
 API Key erstellen um die Google Map anzeigen zu können
 Durch Dokumentationen und Workshops Kenntnisse erlangt
 Google Play Library importiert, um Schnittstellen wie LocationListener zu

implementieren
 Layout erstellen in dem die Map später sichtbar sein soll
 Durch die Google Map Klasse die Map erstellen
 Buttons in die Topbar einfügen (für ansprechendes Design)
 JSON Parser Klasse hinzugefügt für die Verbindung zwischen der App und dem

Server
 Open Source Augmented Reality Klassen für die Engine hinzugefügt

 ReutlingenDataSource Klasse erstellt die die POIs mithilfe der JSON Parser Klasse in

die Augmented Reality Sicht hinzugefügt
 SplashScreen, GMapActivity und ARAcitivity in eine App zusammengefügt

Contenu connexe

En vedette

Ausgewählte warengruppen im e commerce 2013 - Daten aus aktuellen Umfragen
Ausgewählte warengruppen im e commerce 2013 - Daten aus aktuellen UmfragenAusgewählte warengruppen im e commerce 2013 - Daten aus aktuellen Umfragen
Ausgewählte warengruppen im e commerce 2013 - Daten aus aktuellen UmfragenKonzept_und_Markt
 
Atlas Copco Gesamtkatalog 2011
Atlas Copco Gesamtkatalog 2011Atlas Copco Gesamtkatalog 2011
Atlas Copco Gesamtkatalog 2011Marketing CTS
 
Mediale Modernisierung des vergessenen Kontinents?
Mediale Modernisierung des vergessenen Kontinents?Mediale Modernisierung des vergessenen Kontinents?
Mediale Modernisierung des vergessenen Kontinents?Michael Waltinger
 
Atlas Copco - Zentrale Energieoptimierungssysteme
Atlas Copco - Zentrale EnergieoptimierungssystemeAtlas Copco - Zentrale Energieoptimierungssysteme
Atlas Copco - Zentrale EnergieoptimierungssystemeMarketing CTS
 
VideoManager 5 von MovingIMAGE24
VideoManager 5 von MovingIMAGE24VideoManager 5 von MovingIMAGE24
VideoManager 5 von MovingIMAGE24Steffen Joniak
 
Super comm leadgenerierung
Super comm   leadgenerierungSuper comm   leadgenerierung
Super comm leadgenerierungThomas Vetter
 
Was ist das netzwerk nordbayern?
Was ist das netzwerk nordbayern?Was ist das netzwerk nordbayern?
Was ist das netzwerk nordbayern?netzwerk nordbayern
 
Ts seminar arbeitsproduktivität zusammenfassung v1.1
Ts seminar arbeitsproduktivität zusammenfassung v1.1Ts seminar arbeitsproduktivität zusammenfassung v1.1
Ts seminar arbeitsproduktivität zusammenfassung v1.1ThinkSimple
 
Karriere/Leadership: Dankbarkeit - die Autobahn ins Glück
Karriere/Leadership: Dankbarkeit - die Autobahn ins GlückKarriere/Leadership: Dankbarkeit - die Autobahn ins Glück
Karriere/Leadership: Dankbarkeit - die Autobahn ins GlückMonika Thoma
 
Ausgewählte warengruppen im e commerce 2016
Ausgewählte warengruppen im e commerce 2016Ausgewählte warengruppen im e commerce 2016
Ausgewählte warengruppen im e commerce 2016Konzept_und_Markt
 
YouTube Webinar_29.10
YouTube Webinar_29.10YouTube Webinar_29.10
YouTube Webinar_29.10deutschonline
 

En vedette (18)

Ausgewählte warengruppen im e commerce 2013 - Daten aus aktuellen Umfragen
Ausgewählte warengruppen im e commerce 2013 - Daten aus aktuellen UmfragenAusgewählte warengruppen im e commerce 2013 - Daten aus aktuellen Umfragen
Ausgewählte warengruppen im e commerce 2013 - Daten aus aktuellen Umfragen
 
Freizeit in Prostějov
Freizeit in ProstějovFreizeit in Prostějov
Freizeit in Prostějov
 
Atlas Copco Gesamtkatalog 2011
Atlas Copco Gesamtkatalog 2011Atlas Copco Gesamtkatalog 2011
Atlas Copco Gesamtkatalog 2011
 
FrageAntwort1
FrageAntwort1FrageAntwort1
FrageAntwort1
 
ILM2
ILM2ILM2
ILM2
 
Mediale Modernisierung des vergessenen Kontinents?
Mediale Modernisierung des vergessenen Kontinents?Mediale Modernisierung des vergessenen Kontinents?
Mediale Modernisierung des vergessenen Kontinents?
 
Atlas Copco - Zentrale Energieoptimierungssysteme
Atlas Copco - Zentrale EnergieoptimierungssystemeAtlas Copco - Zentrale Energieoptimierungssysteme
Atlas Copco - Zentrale Energieoptimierungssysteme
 
Mgt tf lead-ziele-methoden_treichel
Mgt tf lead-ziele-methoden_treichelMgt tf lead-ziele-methoden_treichel
Mgt tf lead-ziele-methoden_treichel
 
VideoManager 5 von MovingIMAGE24
VideoManager 5 von MovingIMAGE24VideoManager 5 von MovingIMAGE24
VideoManager 5 von MovingIMAGE24
 
Super comm leadgenerierung
Super comm   leadgenerierungSuper comm   leadgenerierung
Super comm leadgenerierung
 
Was ist das netzwerk nordbayern?
Was ist das netzwerk nordbayern?Was ist das netzwerk nordbayern?
Was ist das netzwerk nordbayern?
 
Ts seminar arbeitsproduktivität zusammenfassung v1.1
Ts seminar arbeitsproduktivität zusammenfassung v1.1Ts seminar arbeitsproduktivität zusammenfassung v1.1
Ts seminar arbeitsproduktivität zusammenfassung v1.1
 
Karriere/Leadership: Dankbarkeit - die Autobahn ins Glück
Karriere/Leadership: Dankbarkeit - die Autobahn ins GlückKarriere/Leadership: Dankbarkeit - die Autobahn ins Glück
Karriere/Leadership: Dankbarkeit - die Autobahn ins Glück
 
Ausgewählte warengruppen im e commerce 2016
Ausgewählte warengruppen im e commerce 2016Ausgewählte warengruppen im e commerce 2016
Ausgewählte warengruppen im e commerce 2016
 
YouTube Webinar_29.10
YouTube Webinar_29.10YouTube Webinar_29.10
YouTube Webinar_29.10
 
Meine familie 7
Meine familie 7Meine familie 7
Meine familie 7
 
Empfindsame_Reise
Empfindsame_ReiseEmpfindsame_Reise
Empfindsame_Reise
 
Social Media Basics II
Social Media Basics IISocial Media Basics II
Social Media Basics II
 

Plus de F789GH

Apple's Communication: Antennagate & Batterygate
Apple's Communication: Antennagate & BatterygateApple's Communication: Antennagate & Batterygate
Apple's Communication: Antennagate & BatterygateF789GH
 
Discovering Data Science Design Patterns with Examples from R and Python Soft...
Discovering Data Science Design Patterns with Examples from R and Python Soft...Discovering Data Science Design Patterns with Examples from R and Python Soft...
Discovering Data Science Design Patterns with Examples from R and Python Soft...F789GH
 
Scrum for beginners
Scrum for beginnersScrum for beginners
Scrum for beginnersF789GH
 
Service Innovation - Increasing effectiveness for corporate clients at JOSEPHS
Service Innovation - Increasing effectiveness for corporate clients at JOSEPHSService Innovation - Increasing effectiveness for corporate clients at JOSEPHS
Service Innovation - Increasing effectiveness for corporate clients at JOSEPHSF789GH
 
Co-creating a Smart Home concept
Co-creating a Smart Home conceptCo-creating a Smart Home concept
Co-creating a Smart Home conceptF789GH
 
Customer Linguistic Profiling
Customer Linguistic ProfilingCustomer Linguistic Profiling
Customer Linguistic ProfilingF789GH
 
Smart Factory: ICT Requirements
Smart Factory: ICT RequirementsSmart Factory: ICT Requirements
Smart Factory: ICT RequirementsF789GH
 
Presentations on two case studies
Presentations on two case studiesPresentations on two case studies
Presentations on two case studiesF789GH
 
Datenanalyse mit R
Datenanalyse mit RDatenanalyse mit R
Datenanalyse mit RF789GH
 
Introduction to the Corporate Social Responsibility
Introduction to the Corporate Social ResponsibilityIntroduction to the Corporate Social Responsibility
Introduction to the Corporate Social ResponsibilityF789GH
 
Project Management with Microsoft SharePoint and VCSs (Git & SVN)
Project Management with Microsoft SharePoint and VCSs (Git & SVN)Project Management with Microsoft SharePoint and VCSs (Git & SVN)
Project Management with Microsoft SharePoint and VCSs (Git & SVN)F789GH
 
SkyBoard Inc.: Transition to SAP ERP
SkyBoard Inc.: Transition to SAP ERPSkyBoard Inc.: Transition to SAP ERP
SkyBoard Inc.: Transition to SAP ERPF789GH
 
Consuming information: The move from radio to internet
Consuming information: The move from radio to internetConsuming information: The move from radio to internet
Consuming information: The move from radio to internetF789GH
 
Domain name system security extension
Domain name system security extensionDomain name system security extension
Domain name system security extensionF789GH
 
Social CRM in the Banking Environment (in Germany and Swizerland)
Social CRM in the Banking Environment (in Germany and Swizerland)Social CRM in the Banking Environment (in Germany and Swizerland)
Social CRM in the Banking Environment (in Germany and Swizerland)F789GH
 
Data in the 21st century
Data in the 21st centuryData in the 21st century
Data in the 21st centuryF789GH
 
Kernmodelle
KernmodelleKernmodelle
KernmodelleF789GH
 
Moebel
MoebelMoebel
MoebelF789GH
 
Presentace woyzek
Presentace woyzekPresentace woyzek
Presentace woyzekF789GH
 
Warum kann man Pi nicht als einen Bruch aufschreiben ?
 Warum kann man Pi nicht als einen Bruch aufschreiben ? Warum kann man Pi nicht als einen Bruch aufschreiben ?
Warum kann man Pi nicht als einen Bruch aufschreiben ?F789GH
 

Plus de F789GH (20)

Apple's Communication: Antennagate & Batterygate
Apple's Communication: Antennagate & BatterygateApple's Communication: Antennagate & Batterygate
Apple's Communication: Antennagate & Batterygate
 
Discovering Data Science Design Patterns with Examples from R and Python Soft...
Discovering Data Science Design Patterns with Examples from R and Python Soft...Discovering Data Science Design Patterns with Examples from R and Python Soft...
Discovering Data Science Design Patterns with Examples from R and Python Soft...
 
Scrum for beginners
Scrum for beginnersScrum for beginners
Scrum for beginners
 
Service Innovation - Increasing effectiveness for corporate clients at JOSEPHS
Service Innovation - Increasing effectiveness for corporate clients at JOSEPHSService Innovation - Increasing effectiveness for corporate clients at JOSEPHS
Service Innovation - Increasing effectiveness for corporate clients at JOSEPHS
 
Co-creating a Smart Home concept
Co-creating a Smart Home conceptCo-creating a Smart Home concept
Co-creating a Smart Home concept
 
Customer Linguistic Profiling
Customer Linguistic ProfilingCustomer Linguistic Profiling
Customer Linguistic Profiling
 
Smart Factory: ICT Requirements
Smart Factory: ICT RequirementsSmart Factory: ICT Requirements
Smart Factory: ICT Requirements
 
Presentations on two case studies
Presentations on two case studiesPresentations on two case studies
Presentations on two case studies
 
Datenanalyse mit R
Datenanalyse mit RDatenanalyse mit R
Datenanalyse mit R
 
Introduction to the Corporate Social Responsibility
Introduction to the Corporate Social ResponsibilityIntroduction to the Corporate Social Responsibility
Introduction to the Corporate Social Responsibility
 
Project Management with Microsoft SharePoint and VCSs (Git & SVN)
Project Management with Microsoft SharePoint and VCSs (Git & SVN)Project Management with Microsoft SharePoint and VCSs (Git & SVN)
Project Management with Microsoft SharePoint and VCSs (Git & SVN)
 
SkyBoard Inc.: Transition to SAP ERP
SkyBoard Inc.: Transition to SAP ERPSkyBoard Inc.: Transition to SAP ERP
SkyBoard Inc.: Transition to SAP ERP
 
Consuming information: The move from radio to internet
Consuming information: The move from radio to internetConsuming information: The move from radio to internet
Consuming information: The move from radio to internet
 
Domain name system security extension
Domain name system security extensionDomain name system security extension
Domain name system security extension
 
Social CRM in the Banking Environment (in Germany and Swizerland)
Social CRM in the Banking Environment (in Germany and Swizerland)Social CRM in the Banking Environment (in Germany and Swizerland)
Social CRM in the Banking Environment (in Germany and Swizerland)
 
Data in the 21st century
Data in the 21st centuryData in the 21st century
Data in the 21st century
 
Kernmodelle
KernmodelleKernmodelle
Kernmodelle
 
Moebel
MoebelMoebel
Moebel
 
Presentace woyzek
Presentace woyzekPresentace woyzek
Presentace woyzek
 
Warum kann man Pi nicht als einen Bruch aufschreiben ?
 Warum kann man Pi nicht als einen Bruch aufschreiben ? Warum kann man Pi nicht als einen Bruch aufschreiben ?
Warum kann man Pi nicht als einen Bruch aufschreiben ?
 

Software engineering project Winter Semester 2013/14

  • 1. Dmitrij Petrov, Metin Gümüssu, Kushtrim Ramaj
  • 2. Git(Hub) & Einfaches Design Kurze Release-Zyklen & Test Phasen Offene & aufrichtige Kommunikation, Verantwortungsbewusst
  • 3. Anforderungen definieren Interpretation der User Stories Entwurf erstellen Design (Patterns, UI Kits, Layout) Graphics (Logo etc.) Wireframing / Sketches
  • 4. Einteilung der Arbeit Entscheidung über SW/HW Android 4.0+ Webseite [PHP & MySQL, HTML/CSS/JS (Bootstrap) ] GitHub ~ SmartGit (SC, Wiki), Eclipse, Skype, Sublime Editor
  • 5. Webseite 1.Einfaches Design (HTML) 2.Front-End Framework: Twitter‘s Bootstrap 3 3.Back-End: PHP & MySQL
  • 6. Android 1. Google Maps Android API v2 Key 2. JSONParser Klasse für die Verbindung mit der Webseite 3. Integration unserer App und der Augmented Reality App Integration + Testing
  • 8.  Story Cards erstellt im Sinne des festlegens genauer Anwendungsbereiche des Programms  Prioritätsfestlegung der Aufgaben und demnach arbeiten an bestimmten Programmteilen bevorzugt  Durch flexibles arbeiten mit Github und keiner genauen Zeiteinteilung keine festlegung des Fertigstellungstermins  Continuous Integration  Nötige Strukturveränderungen des Systems werden durchgeführt sobald erforderlich (Refactoring), z.B. bei nicht zusammen funktionieren von Webseite und Andoid App
  • 9.  Um einen größeren Kontrast im Logo zu schaffen haben wir uns dann für hellere Farben entschieden, Gelb, Blau & Weiß. Dies hat uns auch besser gefallen.  Dann haben wir den Ladebildschirm noch etwas angepasst (Photoshop) & fertig war das Logo.  Das Design der App haben wir schlicht & elegant gehalten, was uns ganz gut gefallen hat.
  • 10.  Zur Verwaltung unseres Projektes haben wir uns entschieden GitHub zu verwenden, einen webbasierten Hosting-Dienst für Software-Entwicklungsprojekte Das ermöglichte uns :  zentral auf die Projektdaten zu zugreifen  parallel zu programmieren  ein Wiki für die Dokumentation zu erstellen  die AndroidApp und die Webseite gleichzeitig zu verwalten  aufgrund der Möglichkeit des Zurücksetzens zu einem früheren Stadium, die Daten immer konsistent zu halten
  • 11.  Wir haben PHP 5.4 & MySQL 5.5 wegen der vielen Dokumentationen und Dmitrij Petrovs „shared hosting“ gewält. Ruby (on Rails) oder Python (Django) wären zwar möglich, aber mit mehr aufwand und der Voraussetzung von Virtual Private Server, was wir nicht hatten.  Einfaches Design mit Hilfe von Twitter Bootstrap 3 erstellt („mobile first front-end framework“). Nur Latitude und Longitude sind Pflichteingaben.  Am schwierigsten war die Generierung von JSON files zu schreiben – ein Weg wie Android App sich zu DB verbindet  https://github.com/johnmalc/androidApp  https://github.com/Johnmalc/AndroidApp/wiki/About-our-Project (abweicht)  http://getbootstrap.com/
  • 12.  API Key erstellen um die Google Map anzeigen zu können  Durch Dokumentationen und Workshops Kenntnisse erlangt  Google Play Library importiert, um Schnittstellen wie LocationListener zu implementieren  Layout erstellen in dem die Map später sichtbar sein soll  Durch die Google Map Klasse die Map erstellen  Buttons in die Topbar einfügen (für ansprechendes Design)  JSON Parser Klasse hinzugefügt für die Verbindung zwischen der App und dem Server
  • 13.  Open Source Augmented Reality Klassen für die Engine hinzugefügt  ReutlingenDataSource Klasse erstellt die die POIs mithilfe der JSON Parser Klasse in die Augmented Reality Sicht hinzugefügt  SplashScreen, GMapActivity und ARAcitivity in eine App zusammengefügt

Notes de l'éditeur

  1. Dmitrij - WebsiteMetin  - AndroidKushtrim - Photoshop & Graphics guy
  2. Thomas,
  3. kustrimWireframes focus on:The kinds of information displayedThe range of functions availableThe relative priorities of the information and functionsThe rules for displaying certain kinds of informationThe effect of different scenarios on the display[5]
  4. heiko
  5. Artur, am anfangnur html , keincss+bootstrapDannerst FW