Mobile Design Patterns

by Andrea Maioli on 07/06/2017

In recent months I’ve had the pleasure of helping create a number of mobile apps using Instant Developer Cloud. It has been an intense and satisfying period, and one of the best gifts was being able to understand how to improve the documentation system for the platform.

In fact, when people begin working with Instant Developer Cloud they immediately ask, “Where is the documentation? What can I look at to learn how to use it?”

There are already a number of options available:

  1. The introductory tutorials based on chatbots: these are helpful for understanding the fundamental concepts for the IDE and the framework.
  2. A few complete example applications that show functioning apps.
  3. Online documentation of the libraries with examples of code so you can learn detailed information about the various methods available.

What else do we need? What I’ve seen is that the complete example applications are too complicated to be analyzed quickly and adapted to one’s personal needs. That’s why I decided to create a new series of example projects that contain the most common design patterns.

We made the first one in June to show the basic structures of the user interface for responsive mobile apps. Starting today, you can open the mobile-design-patterns project that contains the most common cases in very simple form.

What will you find there? Here are a few examples:

  1. The basic elements of a page.
  2. Navigating among pages including sending bidirectional parameters.
  3. How to create pages based on tabs.
  4. A model of a responsive grid.
  5. Lots of different list types.
  6. The most common widgets and popups.

Scattered here and there in the code you can also find examples of using REST Web APIs, how to read a file from disk, how to download resources from the internet, and more.

To use a pattern, just open the example project, select the view that interests you, open it in HTML view with F4, and then copy the code to your project using the same procedure. If you’d rather see the application working directly in the browser, just click here.

I’d like to hear what you think of this kind of documentation. And if you like it, I have in mind five or six other groups of design patterns to publish over the next few weeks.

Let us know!

Leave a Comment

Previous post:

Next post: