Top 10 Tips For Building Better Cellular Apps

I lately wrote and published a guide on cross-platform mobile growth referred to as “Build Native Cross-Platform Apps with Appcelerator: A Newbie's Guide for Internet Builders.” The put up that follows is an excerpt from that e book, with modifications for readability and size. It is composed of a list of a very powerful factors I make in the e book -- a cheat sheet, if you want.

Whereas these tips heart on the Appcelerator Platform, all the ideas apply for any developer writing apps for multiple mobile working system. If you keep these tips helpful, they’ll make it easier to keep targeted on building best-in-class, cross-platform native apps. Nonetheless, as you possibly can see, the person interface is completely totally different throughout the platforms. They are every lovely and effectively designed, however the idea of a “beautiful Android app” may be very different from that of a “beautiful iOS app.” That’s as a result of magnificence is relative to the platform.

Before you design your apps, take a step again, find out how your target platforms work, and implement your branding around their specific parameters. And remember that even in case your app renders in another way throughout platforms, with Appcelerator, you’ll nonetheless be in a position to make use of a single code base and have a very high share of code reusability.

• 
  
• Using QuickInstall, you gave the Username, but the Password was generated for you
  
• Company homeowners and advertising and marketing directors
  
• ) “Mobile app engagement” campaigns can be utilized to
  
• You need to ensure that individuals can simply share your content material and hyperlink to your webpage
  

There are numerous misconceptions about code reuse with Appcelerator or any cross-platform device, for that matter. Expecting one hundred p.c code reuse isn’t cheap as a result of it not solely means you’d have little or no management over your app’s UI/UX, but additionally your app would look the identical across all goal platforms. After all, some people suppose this is the last word aim of a cross-platform software, but that’s misguided.

That’s the aim of an internet browser. High reusability, nonetheless, is desirable with your app’s logic (which I explain in more element in Chapter 7 of the e book if you’re fascinated). Because we’re developing cross-platform apps, I like to recommend you construct your code to be fully abstracted, as if it was an online service (a neighborhood Net service, if you want). Make all of your programming logic fully independent from the screens or even the platform wherein it will run, so all your programming modules are platform-agnostic and, most necessary, reusable throughout platforms.

Then construct the native user interfaces, which can eat these “local Web providers.” Utilizing this structure, you may be sure all the user interface code is totally decoupled from the logic, and both can stream independently. What’s extra, with this strategy it doesn't make any distinction if you’re using a TabbedBar on iOS or a ViewPager on Android.

In spite of everything, the user interface code is simply a client of your app logic. That can assist you on this journey, I created an app template you should utilize each time you create a new app (see below). This template is written using Alloy, Appcelerator’s MVC framework. The template supplies the MVC architecture wanted to take care of platform-specific person interfaces, with content and logic reusability. You'll be able to obtain the app template from GitHub. OS tabs have a built-in NavigationController, which permits a number of ranges of navigation inside each tab.

Android tabs, nonetheless, are shallow and may don't have any in-tab navigation. As an instance this, I’ll present you ways the Facebook app for Android had approached this incorrectly (it has since been mounted). The image below exhibits the former Notifications tab of the Fb app for Android. Per Android design tips, tapping on the Again button in the main display with tabs should kill the app.