"hack an app: Mobile Learning – Learning Mobile" ti&m's young-coders learning program How to introduce teenagers to mobile programming, before they even start apprenticeships Presentation given by Roland Michelberger, Lead Software Engineer, and Matthias Buschor, Marketing, Ti&M. Mobile Monday Switzerland Event #41 on Mobile Learning, 1st June 2015, Lausanne.

1. Consulting. Design. Agile Projects. Products. Innovation Hosting.
©art@work/MartinGut-Handymädchensonnenbadend,2008
ti&m hack an app
Mobile Learning – Learning Mobile
Lausanne, 1. Juni 2015
Roland Michelberger, Lead Software Engineer
Matthias Buschor, Marketing

2. ti&m – Offering overview
1/14/2015 2
Individual full service for your digitalization strategy.
Competence
Center
Java
Mobile
Microsoft
SAP
Digital analytics
BPM
Integration
Agile
Projects
Products Innovation
Hosting
System
engineering
EAI / SOA
E- and M-
Commerce
ti&m channel
suite
The benchmark
for business-
digitalization.
ti&m security
suite
All-in-one
multi-channel
security for your
digitalized
business.
AM of mission
critical solutions
Cloud Service
Consulting &
Engineering
Software
as a Service
Consulting
Explorative
consulting
Business
transformation
Design
Experience design
Prototyping
Usability
Social business
IT
Requirements
engineering
Architecture
Reviews
Project
management
Implementation-
oriented,
independent and
innovative.
» Success through
innovation, agility and
technological
excellence.
Products, consulting
and customer
relations – digitalized
and secure.
The Swiss full service
center for your
projects for
innovations.
Innovations through
emotion, creativity
and simplicity.
» » » »
Business
ProcessesSolutions
Digitalization
Agile methods
Social content
management
ti&m scrum / RUP
Start-up
Enabling

3. 22.07.2015 3
To be or not to be digital – Innovation Mobiles Payment
Time-To-Market Customer Benefit Agile
4months
 Design, Frontend and backend
integration by ti&m.

4. 5months
 State of the Art Smartphone- &
tablet banking solution of BCV.
 Frontend & backendintegration
by ti&m.
To be or not to be digital – Innovation BCV Smartphone & Tabletbanking
22.07.2015 4
Time-To-Market Customer Benefit Agile

5. 22.07.2015 5
6months
 ti&m designed and
provided API and
smartphone solution to
enable Sanitas with new
digital business models.
To be or not to be digital – Innovation Smartphone
Time-To-Market Customer Benefit Agile

6. Consulting. Design. Agile Projects. Products. Innovation Hosting.
hack an app
Creative youth development

7. ti&m – hack an app
1/14/2015 7
Individual full service for your digitalization strategy.
• 20 Kids
• 10 Macbooks
• 1 Cours Instructor
• 1 Software Engineer
• 1 Designer
• 1 Mobile Developer
• 1 Marketing Expert

8. Welcome
Project presentation
Fundamentals of
programming
Presentation
techniques
History of IT
Roles in IT
Content on the web
(Blog / CMS)
Introduction of
HTML and CSS
Auto racing game in
JavaScript
Design
Colours and fonts
Introduction to
Xcode
Design in an app
Photography and
image processing
Introduction to
Xcode
Photos in an app
Programming in
Xcode
Native vs. hybrid
app
Programming in
HTML and CSS
Form teams
Prepare and
practice
presentations
Guest reception
Presentations in
teams
Conclusion
Midday
Day 1 Day 2 Day 3 Day 4
ti&m – hack an app schedule

9. ti&m – hack an app 2014
1/14/2015 9
Individual full service for your digitalization strategy.
• 11 Courses
• 216 Kids
• 7 Sponsors (UBS, Thurgauer Kantonalbank,
Hypothekarbank Lenzburg, SWL Engergie,
aso.)
• 57`024 hours of programming

10. ti&m – hack an app 2015
1/14/2015 10
Individual full service for your digitalization strategy.
• Aims:
• 20 Courses
• 400 Kids
• ..and public courses in Zurich, Berne
and in the swiss museum of
transportation in Lucerne

11. 22.07.2015 11
Hack an app 1.0 – school app
• First version – inspired by
Facebook
• Create posts, comments
• Too complex to develop the
whole app
• Code only one small part of it
• Kids can install the app via App
Store

12. 22.07.2015 12
Hack an app 1.0 – school app

13. 22.07.2015 13
Hack an app 1.1 – school app with new design

14. 22.07.2015 14
WordPress
• CMS with JSON API
• one WordPress instance per school

15. 22.07.2015 15
Game – Quiz app
• Car race game in JavaScript
• Kids have fun with programming and hacking a
game
• We wanted to do the same on mobile

16. 22.07.2015 16
Quiz app
• task: create a Quiz app
• Use the design know-how
• Create UI mock ups before programming
• Implement your design using the project template

17. 22.07.2015 17
Quiz app – creative solutions
• The kids have their own ideas, and their
own solutions
• Adaptive game flow
• Different type of quiz (questions,
pictures, online, multiplayer…)
• Business model: 3 free level, then IAP

18. 22.07.2015 18
Quiz app – creative solutions

19. 22.07.2015 19
Quiz app – creative solutions

20. 22.07.2015 20
Discussion – we are open for new ideas
• We are working on the hack an
app constantly
• Next release will have again some
more coding
• Swift + Playground
• http://www.crunchzilla.com/code-
monster

21. ti&m – Thank you for your attention
We digitalize your Company.
Consulting. Design. Agile Projects. Products. Innovation Hosting.
ti&m AG
Buckhauserstrasse 24
CH-8048 Zürich
Belpstrasse 39
CH-3007 Bern
Telefon +41 44 497 75 00
E-Mail info@ti8m.ch
Twitter @ti8m_ag
Facebook ti8m.ch/fb
www.ti8m.ch