A joint presentation from @eMich and I for the Appsmarathon mobile app event. It covers the ideas behind the design and functionalities of the realtime webapp we developed for the STIB-MIVB (Brussels Transportation Authority).

1. What’s
Red,
Blue
&
Awesome?
STIB
Mobile
Webapp
Michaël
Uy@ersprot
-­‐
Greg
Hoin

2. WHAT’S
BLUE, RED
& AWESOME?
Hint: (NOT the old smurf!)

3. A short time ago, in a city
not far away...
STIB for Android
Introduced in Feb. 2010
Almost 3000 users
Monthly average use:
46.000 views

4. A short time ago, in a city
not far away...
STIB for Android
Introduced in Feb. 2010
Almost 3000 users
Monthly average use:
46.000 views
WHAT’S NEXT?

5. iPhone?

6. Mobile Webapp.

7. BUZZWORD BINGO!
✓ Mobile-specific ✓ Realtime
content
✓ Geolocation
✓ HTML5 ✓ Cross-platform
✓ CSS3 ✓ Local Storage
✓ Responsive & Caching
design

8. WHAT IT DOES
✓ Nearby Stops ✓ Maps
✓ Realtime ✓ Google Transit
Schedules
✓ Browse every line
✓ Timetables and every stop
Lean, Mean & Focused.

9. PICK A LINE...

10. PICK A DIRECTION...

11. PICK A STOP...

12. GET YOUR INFO.
Get realtime
information about:
• Wait times
• Other lines
• Timetables

13. GEOLOCATION
HTML5
Geolocation on
supported
browsers
Gives you all
nearby stops and
waiting times in
“one tap”.

14. GEOLOCATION
HTML5
Geolocation on
supported
browsers
Gives you all
nearby stops and
waiting times in
“one tap”.

15. THERE’S MORE
• Google Maps
• Google Transit
• Realtime Traffic
Information
...

16. FUTURE EVOLUTION
• AJAX
• Support for “lighter” devices.
• Optimization
• ... Secret Features.

17. QUESTIONS?
http://emich.be http://gregone.com
@emich @gregone

18. TRY IT NOW.
http://m.stib.be