Develop a Side Menu App using Intel XDK - Part 7

You have developed an APP such as the Side Menu App and now you want to see how it would look when you bring it up on a smart phone. It is true that this app is not complete, as yet. But it is always of interest to know how it would look on  a real phone, an Apple phone or some other phone.

The first thing for you to see is how it would look on the emulator. This post is to describe how it would look on an emulator.

Let us say, I have finished designing an app, herein Hodentek Books which appear as shown in DEVELOP | DESIGN .


Using the Emulator:

I am now in the DEVELOP


Now I change over to EMULATE tab as shown:


The DEVICES panel gets displayed and shows the emulator for the phone type, in this case Apple iPhone 6.


The app you designed now appear in the center of IDE as shown.


From the drop-down handle on DEVICES you can access many different emulators (Intel XDK Version 3240). In fact there are a few more if you scroll down:


As we saw earlier, the Apple iPhone 6 emulator showed you how the app would look. The app is functional as seen here for one of the clicked links in the app display earlier.


When in EMULATE tab if you change the device type in DEVICES, the program processes the change and you would see the start page on the new emulator. The next one shows the app when I changed the emulator from iPhone 6 to Nokia Lumia 920.


Getting it displayed is one thing and getting it displayed on a real device is quite another. Just because it worked on an emulator does not mean it would work the same way on a device. Also to be noted, that just because it did not work well (some functionality did not work) does not mean that it will work in the emulator. Most of the time it works but not always. You should test, test and test.

In the next post I will describe how you may display your app on smart phone such as iPhone 6 or any other which you have.

Review Previous posts here:

Part 1:Creating a Intel XDK project using a template; SideMenu project UI, SideMenu on iPhone6 emulator

Part 2: Review of Controls and Layout as well as working with Pages. Pages in a SideMenu

Part 3: Linking the pages and Navigation

Part 4: Adding the BACK button to return to the previous page.

Part 5: Adding pages and organizing controls  to the project

Post a Comment

Popular posts from this blog

Develop a Side Menu App using Intel XDK - Part 1

UWP: XAML's ListView Control and its SelectionChanged event - Part 1

Setting up Kid's Corner on Windows 10 Phone