Build native cross-platform apps using APPlause, a DSL for mobile developement.

1. Cross-Platform Mobile Development
with Eclipse
@peterfriese / @itemismobile

3. countless devices

5. diversity of platforms

6. Java
public class SpeakersList extends GenericListActivity<Speaker> {
List<Speaker> speakers;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setTitle("Speakers");
speakers = getItemsFromProvider();
ArrayList<AbstractRowAdapter> rowAdapters = new ArrayList<AbstractRowAdapter>();
Iterable<Speaker> items1 = speakers;
for (Speaker i : items1)
rowAdapters.add(new Cell1(i));
setListAdapter(new GenericItemAdapter(this, rowAdapters));
finishCreation();
}

7. C#
public partial class SpeakerDetailsDetailsView : PhoneApplicationPage
{
public SpeakerDetailsDetailsView()
{
InitializeComponent();
}
protected override void OnNavigatedTo(NavigationEventArgs e)
{
string selectedIndex = "";
if (NavigationContext.QueryString.TryGetValue("itemByIndex", out selectedIndex))
{
int index = int.Parse(selectedIndex);
DataContext = App.RootViewModelProvider.BlogpostsModelProvider().BlogItems[index];
}
}
}

8. Objective-C
@implementation SpeakersListViewController
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
if(section == 0) {
return [[[contentProvider valueForKeyPath:@"content"] asArray] count];
} else
return 0;
}
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
id item = [self.items objectAtIndex: indexPath.row];
IPContentProvider *provider = [(itemisAppProviders*)contentProvider.providers
providerForSpeakerByName: [item valueForKeyPath:@"name"]];
SpeakerDetailsViewController *controller = [[SpeakerDetailsViewController alloc] init];
controller.contentProvider = provider;
[self.navigationController pushViewController: controller animated: TRUE];
[controller release];
}

9. HTML
{% extends "generated/application.html" %}
{% block title%}Speakers{% endblock %}
{% block content_class %}table list{% endblock %}
{% block content %}
<ul>
{% for s in data|to_list %}
<li>
{% url views.SpeakerDetailsBySpeakerByName s.name|urlencode as url %}
<a href="{{ url }}">
<div class="cell_text">{{s.name|safe}}</div>
</a>
</li>
{% endfor %}
</ul>
{% endblock %}

10. App Anatomy 101

11. Views

12. Views Cells

13. Views Cells Navigation

14. Views Cells Navigation

15. Views
Cells
Navigation

16. Entities
Views
Session
Cells title
room
Navigation

17. Views
Session
Cells title
room
Navigation
Entities

18. Views
Session
Cells title
room
Navigation
Entities

19. Views
Session
Cells title
room
Navigation
Entities ContentProviders

20. Views
Session
Cells title
room
Navigation
Entities ContentProviders

21. Views
Session
Cells title
room
Navigation
Entities
ContentProviders

22. Demo :)

24. @hbehrens and @peterfriese working with @itemismobile