Thursday, 4 July 2019

Creating a mobile app with APEX - Part 1: Introduction and design


Coming back from my 5 month sabbatical in South East Asia I am refreshed and ready to resume blogging ;-). 

The first task is have assigned to myself is to write a series of blogposts about mobile development with APEX 18.1 (and up). Since this version support for mobile applications is included in the Universal Theme which makes it even easier to develop small screen applications.

I have a number of personal productivity apps like registering expenses and keeping track of working hours. These apps are (of course) built using APEX and targeted for large screen/keyboard use. 

In a series of blogposts I will describe the process of building a client smartphone app for an existing time registration application. 

The report and data entry screen for the desktop app is shown below:







I want to have access this data also on my phone. I also want to enter a new activity or change existing activities.
The desktop pages are not suitable for use on a smartphone. They take up to much screen space or when zoomed the text is too small and the text boxes can not be handled. 

I want to have access this data also on my phone. I also want to enter a new activity or change existing activities.
The design of forms and especially reports needs to take into account the small size of the screen. I have the need to have an overview of activities and a form page to enter or edit an activity. 

Using the mockup tool Balsamiq the layout of the pages is created:


The Activities page will serve as the Home page. It shows a list of all the activities for one week. The activities are grouped by day, ordered by time. The days are ordered descending, meaning the most recent day is shown on top.  
The date picker at the top of the screen is default set to today. Another week can be accessed by changing the date by entering another date, using the date picker or the arrows to move to the previous or next week. 
Each activity is shown as a list item with project name and location as main text and time and description as details. 

The Activity page can be used to enter a new activity or update an existing one. 
The projects can be chosen from a list. 
The date can be entered using the date picker. 
The time fields can be entered using the format HH24:MI. 
The location will be implemented with Autocomplete functionality. 

29 comments:

Neha Uppal said...
This comment has been removed by the author.
wikisol said...
This comment has been removed by a blog administrator.
Unknown said...
This comment has been removed by a blog administrator.
Unknown said...
This comment has been removed by a blog administrator.
topxlisting said...
This comment has been removed by a blog administrator.
Mobile app Development said...
This comment has been removed by a blog administrator.
topxlisting said...
This comment has been removed by a blog administrator.
Shweta gaur makeup artist said...

Shweta gaur is one of the famous makeup artist in all over India. We are providing the best makeup artist courses and more other courses in over branches in Delhi.
Bridal Makeup

Anonymous said...

how to make it as android downloadable app from playstore?

Dick Dral said...

This post describes the creation of a web application that is available through the browser on you phone.
You can use Phonegap to create an app referring to this web application.

Anonymous said...


Very interesting and well detailed!

Can I still use Phonegap to publish in the store?

Dick Dral said...

Yes you can.

Anonymous said...


It is written in the Adobe community that it is no longer supported.
I tried to install it but it doesn't start from my pc window.

Maybe it really can't be used anymore?

Dick Dral said...

I cannot tell you, I did not look into that.

ARSR Technologies said...
This comment has been removed by the author.
Anonymous said...

asds

saaad said...

Thanks for sharing this amazing post. I am a Mobile App Developer at AnaxDesigns that is a mobile app development company in the USA which will make you innovative mobile applications and will provide you the best custom apps for business that can help you grow your business and get more traffic.

BrillMindz said...

Very nice info would love to read such kind of blogs was very helpful indeed
Mobile application development in India
Mobile application development in Dubai
Mobile application development in Bangalore



megan collins said...

That was an extremely interesting and knowledgeable blog consisting of very relevant and valid points. Here is a referred link same as yours   oracle apex training.  Thanks for sharing this with us as it was quite useful and informative.

Sonu Jain said...

Thanks for sharing this information.
GIEC Global is the best canada migration agent in Melbourne, Australia and education consultant in Melbourne, Sydney, Brisbane, Perth, Adelaide,Australia. If you want to migrate to Australia, or visit to Australia or work in Australia then GIEC Global is the right place for you to consult.

Anonymous said...

Really I enjoy your site with effective and useful information. It is included very nice post with a lot of our resources.thanks for share. i enjoy this post. "Web Hosting Pakistan"

mobileappdevelopment said...

I really appreciate your post & really it is excellent. Looking to read some more posts from your blog
Mobile App Development Company in India
Mobile App Development Company in bangalore
Mobile App Development Company in chennai
Mobile App Development Company in kolkata

anand said...

Hi, I Read your blog and I feel it is a very wonderful, informative blog .
There are a lot of good information on this blog, I'd like to Share and I think people will get a lot of support from this blog.
Thank you for sharing this informative blog, please keep up and share some unique posts with us in the future
Software testing company in USA
ARVR Development Company in USA
Technical Support Company in USA

Australian Swan said...


Thank you so much for giving these ideas.
Marketing Strategy Perth

Raju said...

Very interesting, good job and thanks for sharing such a good blog. your article is so convincing that I never stop myself to say something about it. You’re doing a great job. Keep it up virtual reality development services in India

EliteM said...

Thanks for sharing valuable information.
Elite Mantra
Desktop Application Development Company in Mumbai

Web Development Services said...

I really appreciate your content. This blog has really enhanced my interest in reading. I am going to bookmark your site and keep checking for new information. Best mobile app development services provider in USA

Appsinvo said...

Appsinvo is a Top Mobile App Development Company in India that delivers innovative solutions.
Top Mobile App Development Companies in france
Mobile App Development Company in Dubai

EliteM said...

Thanks for sharing valuable information.
Mobile App Development Company in Mumbai