1. Software Engineering for Business Information Systems (sebis) Department of Informatics Technische Universität München, Germany wwwmatthes.in.tum.de Master Lab Course Web Applications 2015/2016 Introduction and Project Proposals 15.10.2015 M. Zec,T. Reschenhofer, B. Waltl, K. Shumaiev, M. Bhat, F. Michel, A Hernandez-Mendez

2. HiWi/Guided Research/Thesis If you are interested in working and/or conducting research at our chair, check our website for open positions and research opportunities. 151015 Matthes Slides sebis 2015

3. 1.Organization 2.Evaluation of the project 3.Project Proposals 4.Next steps Overview 151015 Matthes Slides sebis 2015

4. Staff 151015 Matthes Slides sebis 2015 Prof. Dr. Florian Matthes Software Engineering for Business Information Systems Adrian Hdez-Mendez Organizer Advisor Felix Michel Advisor Thomas Reschenhofer Advisor Klym Shumaiev Advisor Manoj Mahabaleshwar Advisor Bernhard Waltl Advisor Marin Zec Advisor

5. Organization and Timeline 151015 Matthes Slides sebis 2015 Kickoff + Project Assignment Team building and project assignment 15.10.2015 – 22.10.2015 Everyone Project work You work on your project and meet your advisor Weekly Team and advisor Intermediate Presentation You present your intermediate results to the rest of the course and staff. Competition 17.12.2015 Everyone + Prof. Matthes Project work You work on your project and meet your advisor Weekly Team and advisor Final Presentation You present your final results to the rest of the course and staff 11.02.2016 Everyone + Prof. Matthes What?When?Who? Attendance is mandatory for every student.

6. Project Management 151015 Matthes Slides sebis 2015 We plan, communicate and manage the project with agile tools

7. Each week, we „sprint“ to the next 1.Weekly meeting (approx. 30 – 60 minutes) 2.(Weekly) Scrum Meeting Discuss current state for 15 minutes. Everyone talks for 2-4 minutes about his achievements and challenges 3.Sprint Review + Retrospective Reflecting upon the progress and effort estimates 4.Sprint Planning We discuss and define the work items for the next sprint (e.g. planning poker) Agile Project Management 151015 Matthes Slides sebis 2015 Product Backlog Sprint Backlog Sprint Review Scrum-Master Product Owner Scrum-Team

8. Visit the course web page regularly 151015 Matthes Slides sebis 2015 https://wwwmatthes.in.tum.de/pages/18witnulbiwl6/Master-Lab-Course-Web-Applications

9. In case you encounter a technical or personal issue: 1.Try to solve the issue within your team 2.If the issues persists, talk to your advisor 3.If the issue persists, talk to the course organizer: Adrian, adrian.hernandez@tum.de adrian.hernandez@tum.de Do not contact Prof. Matthes. We will get him in the loop if necessary. How to deal with issues? 151015 Matthes Slides sebis 2015

10. 1.Organization 2.Evaluation of the project 3.Project Proposals 4.Next steps Overview 151015 Matthes Slides sebis 2015

11. Evaluation and Grading 151015 Matthes Slides sebis 2015 Performance will be assessed on group AND individual level Demostration Video Icons made by www.flaticon.com. Creative Commons BY 3.0 Presentations Individual Contributions www Web Application  Attendance  Proactive engagement and participation  Performance  Design  Architecture  Adequacy  Polishedness  Efficacy  Rationale  Comprehensibility  Adherence to schedule  Rationale  Feedback response

12. 1.Organization 2.Evaluation of the project 3.Project Proposals 4.Next steps Overview 151015 Matthes Slides sebis 2015

13. SocialSCADA (Adrian Hernandez-Mendez) Project proposals 151015 Matthes Slides sebis 2015

14. Project profile © sebis 151015 Matthes Slides sebis 2015 14 Expected prior knowledge  Basic knowledge of the version control system git.  Java and Eclipse IDE  Advanced skills in javascript web development and client- side web frameworks (CSS, AngularJS, Material Design) Project name: SocialSCADA Pitch: The goal of the project is the design and implementation of a web-based urgent request system that enables user to respond to the alarms in the SCADA System. Basic functional requirements:  CRUD operation on the SCADA Systems. Contact: adrian.hernandez@tum.de Project sponsor:

15. TanGIS (Andreas Tielitz) Project proposals 151015 Matthes Slides sebis 2015

16. Project profile © sebis 151015 Matthes Slides sebis 2015 16 Expected prior knowledge  Basic knowledge of different mobile operating systems  Knowledge of graph theory  Advanced skills in java-based web development and client- side web frameworks Basic non-functional requirements:  Separation of frontend from RESTful Webservice backend  GIS editor must be easy enough for muggles to use Project name: TanGIS Pitch: The goal of the project is to provide users with information based on their location, retrieved and managed on a centralized web application. Basic functional requirements:  Facility GIS editor  Indoor context-aware information  Indoor routing Contact: adrian.hernandez@tum.de tielitz@in.tum.de

17. TanGIS © sebis 151015 Matthes Slides sebis 2015 17 Outcome: Environment providing: Optimized facility usage Indoor context-aware information Technologies:

18. JSON Forms Editor (Dr. Jonas Helming) Project proposals 151015 Matthes Slides sebis 2015

19. JSON Forms Editor © sebis 151015 Matthes Slides sebis 2015 19 Outcome: Form-BasedEditor that supports: Modifying UI Schema Modifying Data Schema Previewing the results Technologies: Outcome: Form-Based Editor that supports: Modifying UI Schema Modifying Data Schema Previewing the results {json}

20. JSON Forms Editor © sebis 151015 Matthes Slides sebis 2015 20 Expected prior knowledge  Basic knowledge of the version control system git  Advanced in client-side web frameworks (JavaScript, AngularJS, CSS)  Understand “Bootstrapping” Basic non-functional requirements:  Fully Open-Source  Usable and stable solution to be used by >100 developers Project name: JSON Forms Editor Pitch: The goal of the project is the design and implementation of a web-based editor to create and modify UI Schemata and Data Schemata for JSON Forms. JSON Forms can create fully functional form-based Uis out of that. Basic functional requirements:  Editor to modify JSON Forms UI Schemata  Editor to modify JSON Data Schemata  Preview for rendered Forms Contact: adrian.hernandez@tum.de jhelming@eclipsesource.com Project sponsor:

21. Collaborative Argumentation (Marin Zec) Project proposals 151015 Matthes Slides sebis 2015

22. Collaborative Argumentation (as a Service) © sebis 151015 Matthes Slides sebis 2015 22 Key Idea Create a collaborative argumentation service where users can collaboratively provide and organize arguments around issues. Users provide single arguments instead of monolithic, intermingled blocks of opinions. Each argument can be flagged with attributes (e.g. irrelevant, rational, normative, …). Arguments can be voted for. The set of arguments should be presented in a way that allows to quickly get an overview of the most important arguments. Gamification elements should be included to icentivize desired behaviour and engagement. Expected prior knowledge JavaScript, Node.js/WebRTC are a plus Supervisor Marin Zec, marin.zec@tum.de Should we do X? Pro 1 Pro 2 Pro 3 Con 1 Con 2 Con 3

23. TrainIT (Marin Zec) Project proposals 151015 Matthes Slides sebis 2015

24. TrainIT © sebis 151015 Matthes Slides sebis 2015 24 Key Idea Create a browser-based app that visualizes the current position of the train using GPS data provided by the train and map data (e.g. OpenStreetMap). Generate and implement ideas for added services based on this data. Expected prior knowledge JavaScript, Node.js/WebRTC are a plus Supervisors Marin Zec, marin.zec@tum.de Mehrnoush Rahmani (Siemens Mobility) You will have to travel to Erlangen to Siemens two or three times Würzburg asdasda sdasdas dadasds ad

25. Business Model Coach (Marin Zec) Project proposals 151015 Matthes Slides sebis 2015

26. Business Model Coach © sebis 151015 Matthes Slides sebis 2015 26 Key Idea Create a web-based recommendation engine for business model pivoting. Based on empirical data on business models, your task is to create a recommendation engine for entrepreneurs who try to pivot their business model. The application should support different types of conceptual frameworks (e.g. Business Model Canvas, Lean Canvas, etc.) Expected prior knowledge JavaScript, Node.js/WebRTC are a plus Supervisor Marin Zec, marin.zec@tum.de Peterri Leppänen InCoBate Partner: TUM Entrepreneurship Research Institute

27. Visual Query Editor (Thomas Reschenhofer) Project proposals 151015 Matthes Slides sebis 2015

28. Project profile Project name: Visual Query Editor Basic requirements: Alternative view to the MxL code editor (End- user view Expert view) Selection of a data source (e.g., all instances of a certain type) Application of filters, projections, groupings, aggregations, etc. Advanced support through incorporating type checking information (e.g., the sum-operation can only be applied to a collection of numbers and returns a single number) Contact: thomas.reschenhofer@tum.de Expected prior knowledge Advanced skills in client-side web technologies and frameworks (CSS, JavaScript, AngularJS, Bootstrap, etc.) Basic knowledge in information systems and/or data bases Basic knowledge of functional programming languages and compilers Associated research projects: Spreadsheet 2.0Spreadsheet 2.0 & SocioCortex Pitch: The goal of the project is the design and implementation of a web-based and user- friendly wizard for defining MxL (Model-based expression language) expressions. MxL is a domain-specific language which was developed at the sebis chair and is used to define queries, rules, and other expressions based on a predefined data model.

29. Social and artifact based feed (Felix Michel) Project proposals 151015 Matthes Slides sebis 2015

30. Project profile © sebis 151015 Matthes Slides sebis 2015 30 Expected prior knowledge  Basic knowledge of the version control system git  Advanced skills in java-based web development and client- side web frameworks (CSS, AngularJS, Material Design) Basic non-functional requirements:  Usage of existing technologies (Material Design, CSS, AngularJS, SocioCortex)  Design of modular components Project name: Social and artifact based feed Pitch: The goal of the project is the design and implementation of a web-based feed component that enables user to follow the ongoing activities of the SocioCortex web platform. Basic functional requirements:  Role bases access control  Artifact based filters  Priority based ranking Contact: felix.michel@tum.de

31. Social and artifact based feed © sebis 151015 Matthes Slides sebis 2015 31 Outcome: Feed that supports: artifact based filters role based access priority based ranking Technologies: EXAMPLE

32. ArchiQ (Klym Shumaiev) Project proposals 151015 Matthes Slides sebis 2015

33. ArchiQ © sebis 151015 Matthes Slides sebis 2015 33 Design and implement web-based game for software architect to manage a software development process in large enterprise scale software engineering project Phase A Phase B Phase C Phase D End of the project Scores leader board Initial state of the project Number of team members and their expertize Time Budget

34. ArchiQ © sebis 151015 Matthes Slides sebis 2015 34 Basic requirements: Identification of configuration options Configurable initial state of the project Configurable interrelations between project activities Game story implementation Implementation of MVP Two show cases Expected prior knowledge Advanced skills in client-side web technologies and frameworks (CSS, JavaScript, AngularJS, etc.) Good knowledge of SE methods and approaches Starting point: Existing prototype of the game on Android Project sponsor: JS framework and DB of your choice Contact manoj.mahabaleshwar@tum.de klym.shumaiev@tum.de

35. Dashboard4SAM (Manoj Mahabaleshwar) Project proposals 151015 Matthes Slides sebis 2015

36. Dashboard4SAM © sebis 151015 Matthes Slides sebis 2015 36 Design and implement a web-based dashboard for software architecture management to support the daily work of a lead software architect in a software engineering project Basic requirements: Customizable according to the role in a team, phase of the project, methodology, etc. Navigate through data of large software engineering projects Search through different types of files and data structures Visualization of different SE metrics and relation between different SA artefacts Expected prior knowledge Advanced skills in client-side web technologies and frameworks (CSS, JavaScript, AngularJS, etc.) General understanding of SE methods and approaches Project sponsor: Initial prototype: Data storage: Contact manoj.mahabaleshwar@tum.de klym.shumaiev@tum.de

37. Text Mining in Collaborative Web Environments (Bernhard Waltl) Project proposals 151015 Matthes Slides sebis 2015

38. Project Profile © sebis 151015 Matthes Slides sebis 2015 38 Project: Text Mining in Collaborative Web Environments Ideal for students with knowledge in Natural Language Processing POS Tagging NER Regular Expressions Ontologies Strong plus Apache UIMA and Apache Ruta Computational Linguistics Pitch: The goal of the project is the usage of advanced text mining algorithms to explore, analyze and structured textual information. Based on an existing web environment functionality should be provided, that support the automated creation and analysis of texts. Contact: b.waltl@tum.de

39. Project Profile © sebis 151015 Matthes Slides sebis 2015 39 Project: Text Mining in Collaborative Web Environments Quantification Annotation Selection Annotated Text Content Annotation List

40. Overview 151015 Matthes Slides sebis 2015 Nr.Project NameContactParticipants 1SocialSCADAadrian.hernandez@tum.de4 2TanGISadrian.hernandez@tum.de4 3JSONforms Editoradrian.hernandez@tum.de4 4Business Model Recommendermarin.zec@tum.de4 5Train ITmarin.zec@tum.de4 6Collaborative Argumentationmarin.zec@tum.de4 7Visual Query/ Data-flow Editor thomas.reschenhofer@tum.de3 8Mobile game for Strategic Architecture Managementklym.shumaiev@tum.de4 9Web-based Dashboard for Software Architecture Managementmanoj.mahabaleshwar@tum.de3 10Constrained Text / Contract Draftingb.waltl@tum.de3 11Social and artifact based feedfelix.michel@tum.de3

41. 1.Organization 2.Evaluation of the project 3.Project Proposals 4.Next steps Overview 151015 Matthes Slides sebis 2015

42. 1.If you have any questions about a particular project, get in touch with the according advisor 2.Submit your preferences via e-mail to adrian.hernadez@tum.de until 21.10.2015adrian.hernadez@tum.de  Subject: „Web App Praktikum – Preferences - #Your Last Name#, #Your First Name#“  Body:  Prio 1: #Project Name#  Prio 2: #Project Name#  Prio 3: #Project Name#  Prio 4: #Project Name#  Prio 5: #Project Name#  Preferences for fellow team members (max. 4)  #Last Name#, #First Name# 3.You will receive your final team and project information via e-mail until 23.10.2015 4.If you are a Games Engineering student: 1.Write an additional email to Marin Zec (marin.zec@tum.de) so that you will be assigned to the respective modulemarin.zec@tum.de 2.You can only apply for the projects „Business Model Recommender“, „Collaborative Argumentation“, and „Mobile game for Strategic Architecture Management “ Next steps 151015 Matthes Slides sebis 2015

43. Technische Universität München Department of Informatics Chair of Software Engineering for Business Information Systems Boltzmannstraße 3 85748 Garching bei München Tel+49.89.289. Fax+49.89.289.17136 wwwmatthes.in.tum.de Marin Zec M.Sc. 17126 marin.zec@tum.de Thank you for your attention!