5. dkd Internet Service GmbH
owner-managed full-service internet agency
Frankfurt Germany
development, communication & design
specialized in TYPO3
Ruby on Rails
Sencha Touch / ExtJS
42 employees
+ 350 projects
7. VGF – everyone’s along for the ride
Frankfurt’s
transport company
city traf c service provider
more than 320 rail vehicles and 180 buses
keep's 673,000 inhabitants
on the move every day
19. Architecture systems
Malfunction Tool
Ruby on Rails
HTML / JSON JSON
VGF Website VGF SmartApp
CMS TYPO3 Sencha Touch
PHP JS
20. Architecture Sencha Touch App
based on Sencha Touch version 0.98 -> 1.0.1a
MVC pattern
one class / component per le
concatenation and mini cation of JS
for production system by Ruby on Rails
SASS Theming
31. maps
show station marker to the lists
bound to list stores
problem
breaking changes in google
maps API
solution
bind to google maps version
<script
type="text/javascript"
src="http://maps.google.com/maps/api/
js?v=3.2&sensor=true"
/>
46. files
concatenate 36 JS les automatically to one le
on production stage
generate one CSS le using SASS and compass
base 64 images
minify JS and CSS le
47. cache manifest
created vgf.manifest le
phantomjs confess.js http://vgf-mobile.dev
<html manifest="vgf.manifest">
AddType text/cache-manifest .manifest
.htaccess with expire con guration vgf.manifest
ExpiresActive On
ExpiresDefault "access"
49. Conclusion
use the MVC pattern
keep your DOM clean
manage DOM size in views
destroy unused views
optimize your app
use JS concatenation / mini cation
use cache manifest
use SASS and compass for theming
50. dkd
development
kommunikation
design
thank you.