This presentation outlines how APPlause, an open source DSL for model-driven app development, works and how you can use it to create mobile apps in very little time.

1. Model Driven
App Development
@peterfriese | @itemismobile
http://peterfriese.de | http://mobile.itemis.de
for iPhone
and Android

2. AWESOME
OUR GOAL
BEING

4. Great, so...

5. How to be Awesome?

6. How to be Awesome?
Time
to
Market
Happy
Users
Precision.Great
Ideas

7. How to be Awesome?
Time
to
Market
Happy
Users
Precision.Great
Ideas
Great
Ideas

8. How to be Awesome?
Time
to
Market
Happy
Users
Great
Ideas
Precision.

9. How to be Awesome?
Happy
Users
Precision.Great
Ideas
Time
to
Market

10. How to be Awesome?
Time
to
Market
Precision.Great
Ideas
Happy
Users

11. There Are 4 Things That Keep
Us From Being Awesome
Accidental
Complexity
Wrong Level
of
Abstraction
Ugly
Design
Boring
Code

12. There Are 4 Things That Keep
Us From Being Awesome
Accidental
Complexity
Wrong Level
of
Abstraction
Ugly
Design
Boring
Code

13. There Are 4 Things That Keep
Us From Being Awesome
Wrong Level
of
Abstraction
Ugly
Design
Boring
Code
Accidental
Complexity

14. There Are 4 Things That Keep
Us From Being Awesome
Ugly
Design
Boring
Code
Accidental
Complexity
Wrong Level
of
Abstraction

15. There Are 4 Things That Keep
Us From Being Awesome
Boring
Code
Accidental
Complexity
Wrong Level
of
Abstraction
Ugly
Design

16. Oh, did I mention

17. Oh, did I mention
Bugs
Redundancy
Multi-
Platform

18. Challenges vs. Threats
Time
to
Market
Happy
Users
Precision.Great
Ideas
Accidental
Complexity
Wrong Level
of
Abstraction
Ugly
Design
Boring
Code

19. Challenges vs. Threats
Time
to
Market
Happy
Users
Precision.Great
Ideas
Accidental
Complexity
Wrong Level
of
Abstraction
Ugly
Design
Boring
Code
not in this talk
not in this talk

20. Accidental
Complexity
Wrong Level
of
Abstraction
Boring
Code
Time
to
Market
Happy
Users
Precision.
Bugs
Redundancy
Multi-
Platform

21. Accidental
Complexity
Wrong Level
of
Abstraction
Boring
Code
Time
to
Market
Happy
Users
Precision.
Bugs
Redundancy
Multi-
Platform
Is there anything we can
do about all this?

22. YES, there is.

23. Why?
... is code so boring (at times)?
... is there so much accidental complexity?
... is there so much redundancy?
... is our code so buggy?

24. Wrong Level of Abstraction!
... is code so boring (at times)?
... is there so much accidental complexity?
... is there so much redundancy?
... is our code so buggy?

25. Software artifact
Anatomy of Modern Software

26. Libraries
Frameworksmanually written code
Anatomy of Modern Software

27. schematic code (manually written)
Libraries
Frameworks
manually written
code
Anatomy of Modern Software

28. RESTRICTIONS
GAIN VELOCITY
THROUGH

30. Text

31. Lists Details Custom

32. DOMAIN
ANALYZING
THE
http://www.flickr.com/photos/jakematesdesign/4689135843/

33. Anatomy
of Data-Driven
Apps

34. Cells
View
Navigation

35. Cells
View
Navigation
Name
Image
Speaker
Title
Location
Session
Entity
Data Provider

36. LANGUAGE
DOMAIN
SPECIFIC
BUILDING A
http://en.wikipedia.org/wiki/File:Rosetta_Stone.JPG

37. tabbarApplication itemisApp {
button {
title= "Tuesday"
icon= "calendar.png"
view= SessionList( SessionsByDay("0") )
}
button {
title= "Wednesday"
icon= "calendar.png"
view= SessionList( SessionsByDay("1") )
}
button {
title= "Thursday"
icon= "calendar.png"
view= SessionList( SessionsByDay("2") )
}
button {
title= "Speakers"
icon= "person.png"
view= SpeakersList( AllSpeakers() )
}
}

38. tabbarApplication itemisApp {
button {
title= "Tuesday"
icon= "calendar.png"
view= SessionList( SessionsByDay("0") )
}
button {
title= "Wednesday"
icon= "calendar.png"
view= SessionList( SessionsByDay("1") )
}
button {
title= "Thursday"
icon= "calendar.png"
view= SessionList( SessionsByDay("2") )
}
button {
title= "Speakers"
icon= "person.png"
view= SpeakersList( AllSpeakers() )
}
}
-(UIViewController*)createController {
! itemisAppProviders *providers = [[[itemisAppProviders alloc] init] autorelease];
! UITabBarController *result = [[UITabBarController alloc] init];
! NSMutableArray *controllers = [NSMutableArray array];
!
! UIViewController<IPUIView> *controller;
! UINavigationController *navController;
! IPContentProvider *contentProvider;
! // controller for @"Tuesday"
! contentProvider = [providers providerForSessionsByDay: @"0"];
!
! controller = [[SessionListViewController alloc] init];
! [controller setContentProvider: contentProvider];
! controller.tabBarItem.title = @"Tuesday";
! controller.tabBarItem.image = [UIImage imageNamed:@"calendar.png"];
! navController = [[UINavigationController alloc] initWithRootViewController:controller];
! [controllers addObject: navController];
! [controller release];
! [navController release];
!
! // controller for @"Wednesday"
! contentProvider = [providers providerForSessionsByDay: @"1"];
!
! controller = [[SessionListViewController alloc] init];
! [controller setContentProvider: contentProvider];
! controller.tabBarItem.title = @"Wednesday";
! controller.tabBarItem.image = [UIImage imageNamed:@"calendar.png"];
! navController = [[UINavigationController alloc] initWithRootViewController:controller];
! [controllers addObject: navController];
! [controller release];
! [navController release];
!
! // controller for @"Thursday"
! contentProvider = [providers providerForSessionsByDay: @"2"];
!
! controller = [[SessionListViewController alloc] init];
! [controller setContentProvider: contentProvider];
! controller.tabBarItem.title = @"Thursday";
! controller.tabBarItem.image = [UIImage imageNamed:@"calendar.png"];
! navController = [[UINavigationController alloc] initWithRootViewController:controller];
! [controllers addObject: navController];
! [controller release];
! [navController release];
!
! // controller for @"Speakers"
! contentProvider = [providers providerForAllSpeakers];
!
! controller = [[SpeakersListViewController alloc] init];
! [controller setContentProvider: contentProvider];
! controller.tabBarItem.title = @"Speakers";
! controller.tabBarItem.image = [UIImage imageNamed:@"person.png"];
! navController = [[UINavigationController alloc] initWithRootViewController:controller];
! [controllers addObject: navController];
! [controller release];
! [navController release];
! result.viewControllers = controllers;
! return result;
}

39. tabbarApplication itemisApp {
button {
title= "Tuesday"
icon= "calendar.png"
view= SessionList( SessionsByDay("0") )
}
button {
title= "Wednesday"
icon= "calendar.png"
view= SessionList( SessionsByDay("1") )
}
button {
title= "Thursday"
icon= "calendar.png"
view= SessionList( SessionsByDay("2") )
}
button {
title= "Speakers"
icon= "person.png"
view= SpeakersList( AllSpeakers() )
}
}
-(UIViewController*)createController {
! itemisAppProviders *providers = [[[itemisAppProviders alloc] init] autorelease];
! UITabBarController *result = [[UITabBarController alloc] init];
! NSMutableArray *controllers = [NSMutableArray array];
!
! UIViewController<IPUIView> *controller;
! UINavigationController *navController;
! IPContentProvider *contentProvider;
! // controller for @"Tuesday"
! contentProvider = [providers providerForSessionsByDay: @"0"];
!
! controller = [[SessionListViewController alloc] init];
! [controller setContentProvider: contentProvider];
! controller.tabBarItem.title = @"Tuesday";
! controller.tabBarItem.image = [UIImage imageNamed:@"calendar.png"];
! navController = [[UINavigationController alloc] initWithRootViewController:controller];
! [controllers addObject: navController];
! [controller release];
! [navController release];
!
! // controller for @"Wednesday"
! contentProvider = [providers providerForSessionsByDay: @"1"];
!
! controller = [[SessionListViewController alloc] init];
! [controller setContentProvider: contentProvider];
! controller.tabBarItem.title = @"Wednesday";
! controller.tabBarItem.image = [UIImage imageNamed:@"calendar.png"];
! navController = [[UINavigationController alloc] initWithRootViewController:controller];
! [controllers addObject: navController];
! [controller release];
! [navController release];
!
! // controller for @"Thursday"
! contentProvider = [providers providerForSessionsByDay: @"2"];
!
! controller = [[SessionListViewController alloc] init];
! [controller setContentProvider: contentProvider];
! controller.tabBarItem.title = @"Thursday";
! controller.tabBarItem.image = [UIImage imageNamed:@"calendar.png"];
! navController = [[UINavigationController alloc] initWithRootViewController:controller];
! [controllers addObject: navController];
! [controller release];
! [navController release];
!
! // controller for @"Speakers"
! contentProvider = [providers providerForAllSpeakers];
!
! controller = [[SpeakersListViewController alloc] init];
! [controller setContentProvider: contentProvider];
! controller.tabBarItem.title = @"Speakers";
! controller.tabBarItem.image = [UIImage imageNamed:@"person.png"];
! navController = [[UINavigationController alloc] initWithRootViewController:controller];
! [controllers addObject: navController];
! [controller release];
! [navController release];
! result.viewControllers = controllers;
! return result;
}

40. tabbarApplication itemisApp {
button {
title= "Tuesday"
icon= "calendar.png"
view= SessionList( SessionsByDay("0") )
}
button {
title= "Wednesday"
icon= "calendar.png"
view= SessionList( SessionsByDay("1") )
}
button {
title= "Thursday"
icon= "calendar.png"
view= SessionList( SessionsByDay("2") )
}
button {
title= "Speakers"
icon= "person.png"
view= SpeakersList( AllSpeakers() )
}
}
-(UIViewController*)createController {
! itemisAppProviders *providers = [[[itemisAppProviders alloc] init] autorelease];
! UITabBarController *result = [[UITabBarController alloc] init];
! NSMutableArray *controllers = [NSMutableArray array];
!
! UIViewController<IPUIView> *controller;
! UINavigationController *navController;
! IPContentProvider *contentProvider;
! // controller for @"Tuesday"
! contentProvider = [providers providerForSessionsByDay: @"0"];
!
! controller = [[SessionListViewController alloc] init];
! [controller setContentProvider: contentProvider];
! controller.tabBarItem.title = @"Tuesday";
! controller.tabBarItem.image = [UIImage imageNamed:@"calendar.png"];
! navController = [[UINavigationController alloc] initWithRootViewController:controller];
! [controllers addObject: navController];
! [controller release];
! [navController release];
!
! // controller for @"Wednesday"
! contentProvider = [providers providerForSessionsByDay: @"1"];
!
! controller = [[SessionListViewController alloc] init];
! [controller setContentProvider: contentProvider];
! controller.tabBarItem.title = @"Wednesday";
! controller.tabBarItem.image = [UIImage imageNamed:@"calendar.png"];
! navController = [[UINavigationController alloc] initWithRootViewController:controller];
! [controllers addObject: navController];
! [controller release];
! [navController release];
!
! // controller for @"Thursday"
! contentProvider = [providers providerForSessionsByDay: @"2"];
!
! controller = [[SessionListViewController alloc] init];
! [controller setContentProvider: contentProvider];
! controller.tabBarItem.title = @"Thursday";
! controller.tabBarItem.image = [UIImage imageNamed:@"calendar.png"];
! navController = [[UINavigationController alloc] initWithRootViewController:controller];
! [controllers addObject: navController];
! [controller release];
! [navController release];
!
! // controller for @"Speakers"
! contentProvider = [providers providerForAllSpeakers];
!
! controller = [[SpeakersListViewController alloc] init];
! [controller setContentProvider: contentProvider];
! controller.tabBarItem.title = @"Speakers";
! controller.tabBarItem.image = [UIImage imageNamed:@"person.png"];
! navController = [[UINavigationController alloc] initWithRootViewController:controller];
! [controllers addObject: navController];
! [controller release];
! [navController release];
! result.viewControllers = controllers;
! return result;
}
135

41. http://www.xtext.org

42. ENGINE
TEMPLATE
GENERATE
CODE
WITH A

43. «DEFINE moduleFile FOR Application»
«FILE filenameApplicationDelegateModule()»
#import "«filenameApplicationDelegateHeader()»"
#import "IPUIView.h"
#import "«filenameCentralProvidersHeader()»"
«EXPAND importStatements-»
@implementation «applicationDelegateClassname()»
@synthesize window, rootController;
-(UIViewController*)createController {
«centralProvidersClassName()» *providers = [[[«centralProvidersClassName()» alloc] init] autorelease];
UITabBarController *result = [[UITabBarController alloc] init];
NSMutableArray *controllers = [NSMutableArray array];
UIViewController<IPUIView> *controller;
UINavigationController *navController;
IPContentProvider *contentProvider;
«EXPAND barControllerInstance FOREACH buttons»
result.viewControllers = controllers;
return result;
}
- (void)applicationDidFinishLaunching:(UIApplication *)application {
self.rootController = [self createController];
[window addSubview: [self.rootController view]];
[window makeKeyAndVisible];
}
- (void)dealloc {
self.rootController = nil;
[window release];
[super dealloc];
}
@end
«ENDFILE»
«ENDDEFINE»

44. «DEFINE moduleFile FOR Application»
«FILE filenameApplicationDelegateModule()»
#import "«filenameApplicationDelegateHeader()»"
#import "IPUIView.h"
#import "«filenameCentralProvidersHeader()»"
«EXPAND importStatements-»
@implementation «applicationDelegateClassname()»
@synthesize window, rootController;
-(UIViewController*)createController {
«centralProvidersClassName()» *providers = [[[«centralProvidersClassName()» alloc] init] autorelease];
UITabBarController *result = [[UITabBarController alloc] init];
NSMutableArray *controllers = [NSMutableArray array];
UIViewController<IPUIView> *controller;
UINavigationController *navController;
IPContentProvider *contentProvider;
«EXPAND barControllerInstance FOREACH buttons»
result.viewControllers = controllers;
return result;
}
- (void)applicationDidFinishLaunching:(UIApplication *)application {
self.rootController = [self createController];
[window addSubview: [self.rootController view]];
[window makeKeyAndVisible];
}
- (void)dealloc {
self.rootController = nil;
[window release];
[super dealloc];
}
@end
«ENDFILE»
«ENDDEFINE»
tabbarApplication itemisApp {
button {
title= "Tuesday"
icon= "calendar.png"
view= SessionList( SessionsByDay("0") )
}
button {
title= "Wednesday"
icon= "calendar.png"
view= SessionList( SessionsByDay("1") )
}
button {
title= "Thursday"
icon= "calendar.png"
view= SessionList( SessionsByDay("2") )
}
button {
title= "Speakers"
icon= "person.png"
view= SpeakersList( AllSpeakers() )
}
}

45. «DEFINE moduleFile FOR Application»
«FILE filenameApplicationDelegateModule()»
#import "«filenameApplicationDelegateHeader()»"
#import "IPUIView.h"
#import "«filenameCentralProvidersHeader()»"
«EXPAND importStatements-»
@implementation «applicationDelegateClassname()»
@synthesize window, rootController;
-(UIViewController*)createController {
«centralProvidersClassName()» *providers = [[[«centralProvidersClassName()» alloc] init] autorelease];
UITabBarController *result = [[UITabBarController alloc] init];
NSMutableArray *controllers = [NSMutableArray array];
UIViewController<IPUIView> *controller;
UINavigationController *navController;
IPContentProvider *contentProvider;
«EXPAND barControllerInstance FOREACH buttons»
result.viewControllers = controllers;
return result;
}
- (void)applicationDidFinishLaunching:(UIApplication *)application {
self.rootController = [self createController];
[window addSubview: [self.rootController view]];
[window makeKeyAndVisible];
}
- (void)dealloc {
self.rootController = nil;
[window release];
[super dealloc];
}
@end
«ENDFILE»
«ENDDEFINE»
tabbarApplication itemisApp {
button {
title= "Tuesday"
icon= "calendar.png"
view= SessionList( SessionsByDay("0") )
}
button {
title= "Wednesday"
icon= "calendar.png"
view= SessionList( SessionsByDay("1") )
}
button {
title= "Thursday"
icon= "calendar.png"
view= SessionList( SessionsByDay("2") )
}
button {
title= "Speakers"
icon= "person.png"
view= SpeakersList( AllSpeakers() )
}
}

46. «DEFINE barControllerInstance FOR TabbarButton»
«IF view.provider != null»
// controller for «this.title.expression('', '')»
contentProvider = «view.provider.contentProvider('providers', '', '')»;
«ENDIF»
controller = [[«view.view.className()» alloc] init];
[controller setContentProvider: contentProvider];
controller.tabBarItem.title = «title.expression('', '')»;
controller.tabBarItem.image =
[UIImage imageNamed:«this.icon.expression('','')»];
navController =
[[UINavigationController alloc]
initWithRootViewController:controller];
[controllers addObject: navController];
[controller release];
[navController release];
«ENDDEFINE»
tabbarApplication itemisApp {
button {
title= "Tuesday"
icon= "calendar.png"
view= SessionList( SessionsByDay("0") )
}
button {
title= "Wednesday"
icon= "calendar.png"
view= SessionList( SessionsByDay("1") )
}
button {
title= "Thursday"
icon= "calendar.png"
view= SessionList( SessionsByDay("2") )
}
button {
title= "Speakers"
icon= "person.png"
view= SpeakersList( AllSpeakers() )
}
}

47. INTEGRATION
TOOL

48. BUILDER
PROJECT

49. XCODE
INVOKE

50. DEMO

51. FUTURE
THE

52. SourceUI (Apple TV)
iPhone App
iPad App
Apple TV App
UI (iPad)
UI (iPhone)
@mschluepmann:

53. iPhone App
iPad App
TV App
@APPlauseDSL:
APPlause
DSL Program
APPlause
DSL

54. DEMO

55. code
Open source - EPL 1.0
code.google.com/p/applause/

56. ‣ Showcase about conferences
‣ Tighter integration with Xcode
‣ Improved Android Generator
‣ Support for BlackBerry
‣ Support for Windows Phone 7
‣ Support for TV sets?
APPlause - Roadmap

58. @peterfriese | http://peterfriese.de
http://mobile.itemis.de