Understanding WordPress for Android – Part 2: How the app works

This post is Part 2 in a series of posts in trying to understand the source code of WordPress for Android. You can find the previous post here: Understanding WordPress for Android – Part 1

How the app works:

First, we need to get a high-level overview of how the app works. (Note that the screenshots were taken on a 10-inch tablet and have been scaled to a smaller size. The experience on a phone may differ slightly.)

As soon as you launch the app, you are presented with a login screen, asking for your username and password. You also have the option to create an account and add a self-hosted WordPress site.

Login Page

Once you login, you will notice a side pane with different items in a list. This is very similar to the side pane you see when you view your WordPress Dashboard in a desktop browser.

Dashboard pane

Clicking on an item in the list opens its corresponding view in the main pane on the right and the side pane disappears when in portrait mode. For example, when we click Stats in the side pane, this is how it appears:

Stats section

The app also is responsive to the orientation of the device. For example, when I hold the tablet in Landscape mode, this is how the Stats section appears.

Stats in Landscape

You can also find an Action Bar at the top with different buttons, which are context-sensitive to the item chosen in the side pane.

ActionBar

That brings us to the end of the high level overview. We will discuss how each component works, in detail, in upcoming blog posts.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s