To keep things simple and straightforward, we’ll use the default styles of each environment. Our application has two screens: a main screen where the tips are calculated, and a settings screen that enables the user to set a tip percentage. Appcelerator Titanium uses native controls, so it looks the same as the native iOS and Android applications. The screenshots above show the application running as native iOS, PhoneGap and native Android applications. Because this is a simple example, it uses the standard UI controls of each platform: The purpose of this series is not to convert you to a particular technology, but rather to provide some insight into how applications are created with these various tools, highlighting some of the common terms and concepts in each environment.įasTip is a simple application to calculate tips. I’ve built the same simple application with each technology to demonstrate the basic concepts of development and the differences between the platforms and development tools. In this first article in the series, we’ll start with some background and then dig into iOS. Hopefully, armed with this knowledge, you will be in a better position to choose the right development tools for your mobile application’s needs.