The document describes creating a mobile application using XPages to view movies and actors from an existing Notes database. It involves modeling the mobile page flow with main and detail pages, creating the pages using Mobile Page controls, and adding views and panels to display the movie and actor data. Tapping a movie in the list transitions to a new page displaying that movie's actors, fetched via lookups to the underlying Notes documents.

1. XPages Mobile Development Lab Lance Spellman | President, WorkFlow Studios

2. Agenda Review existing Notes application

3. Think about mobile requirement

4. Model page flow of mobile app

5. Create mobile Xpage

6. Create page fragments that mobile app will transition between View

7. Document

8. Linked Doc

9. Existing Notes Application Movie database

10. Contains 3 types of documents/forms Movies

11. Actors

12. A join table for actors in movies Contains 3 views Movie list

13. Actor list

14. Actors, categorized by the movies they appear in

15. Movie Form

16. Actor Form

17. Movie-Actor Form This form has 2 fields actor_id

18. movie_id Every time an actor appears in a movie, a record is created with this form that has the movie_id the actor appeared in, as well as the actor_id

19. Movies By Title View Aliased as byTitle

20. Alpha listing of movie titles

21. Actors by Last Name View First column has Last Name, sorted alpha

22. Second column has First Name, sorted alpha

23. Movie Actors View For every movie, list actors appearing in it

24. Categorized view on the movie's id

25. Actor id's appear in 2 nd column

26. Mobile Requirement Build an application that lists movies in alpha order

27. Allow selection of movie

28. For selected movie, show actors that appear in that movie

29. Model the Mobile Page Flow The mobile application's main page is going to be called “m”

30. Initial content for that page should be a view listing the movies Implemented as an mPage control named “home” Clicking a movie link should transition to a new page fragment Also implemented as an mPage control named “movie” On “movie” page, a view for the actors that appear in the movie will be listed A categorized view showing single category results

31. Looks up user information from the actor_id provided

32. Enable the Extension Library Open Application Properties

33. On Advanced tab, checkmark the Extension Library

34. Use oneuiv2 Theme Go to the XPages tab

35. Type “oneuiv2” into the Application Theme field

36. Create New XPage Name the page “m”

37. Go to source tab

38. Add Mobile App Control Go to Controls