Models To Go: How We Built a DSL for Mobile Apps With Tools From the Eclipse Modeling Project

Models To Go Peter Friese, itemis Heiko Behrens, itemis @peterfriese | @HBehrens @itemismobile http://mobile.itemis.de (c) 2010 Heiko Behrens & Peter FrieseMore info: http://www.heikobehrens.net / http://www.peterfriese.de / http://mobile.itemis.com

mobile is sexy

mobile is challenging

diversity of platforms

94 App Stores

two categories

countless devices

How can we address this diversity?

You can write amazing web appsthat look exactly and behaveexactly like apps on the iPhone Steve Jobs, WWDC 2007

MOBILE WEB

server-side web client-side web Web Browser Web Server executes application logic JavaScript executes application logicWeb Browser Files Database Files Database Device Backend Device Backend

hybrid appNative App Interpreter Request Interceptor JavaScript Bridge Browser executes JavaScript Device Backend

interpreted appNative App interpreter Database Application Script Files Device Backend

generated app Generator Generator Input Native App Logic Logic Modeldescribes logic and Database Database complete system Files FilesFiles Database Device Backend

gain speed through restrictions

Lists Details Custom

analyzing the problemhttp://www.ﬂickr.com/photos/miniﬁg/3174009125/

Anatomyof these apps

View Speaker Name Image Session Title Location CellsEntity Navigation Data Provider

getting real

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;}

«Xpand»

«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»

«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»

tool integration

demo 2

developer’s point of view Simulator Objective-C Device DSLdescribes application Simulator Java Device

toolsmith’s point of view «Xpand» Parser Templates Templates iPhone Android Grammar Editor describes DSL EMF MM

APPlause applause Simulator «Xpand» Objective-C Device Parser Templates Templates iPhone Android Grammar Editor DSLdescribes DSL describes application EMF MM Simulator Java Device http://code.google.com/p/applause/

http://mobile.itemis.de@peterfriese | http://peterfriese.de@hbehrens |!http://heikobehrens.net

Models To Go: How We Built a DSL for Mobile Apps With Tools From the Eclipse Modeling Project

by Peter Friese

Accessibility

Categories

Upload Details

Usage Rights

2 Embeds 41

Statistics

Models To Go: How We Built a DSL for Mobile Apps With Tools From the Eclipse Modeling Project Presentation Transcript

http://lanyrd.com	40
http://coderwall.com	1