Airlines
Overview
This sample app is a simple air trip management app. Developed with Apache Cordova and jQuery Mobile, this app lets you log into your account with a fictitious airline company, view your trips, check in for flights and change seat selection.
Supported mobile platforms: iOS, Android, Windows Phone
Developed with: Windows Phone SDK 8.1, Apache Cordova 4.0.0, jQuery Mobile 1.3.1
Important Directories and Files
scripts\airlinedata.js
: Contains the model implementation of the MVC.scripts\main.js
: Contains the controller implementation of the MVC.scripts\seatmapdrawing.js
: Contains the implementation of the SVG-based seat selector.
Screenshots
Platform | Login | User Home | Trips | Trip Details |
---|---|---|---|---|
All |
Platform | Seat Selector | Boarding Pass | ||
---|---|---|---|---|
All |
Test the Sample
Apart from exploring the sample code base in GitHub, you can also clone and run the sample in your preferred AppBuilder client.
In-Browser
With the AppBuilder in-browser client, you can develop hybrid and NativeScript cross-platform mobile apps from your browser. You can use the in-browser client at https://platform.telerik.com.
Clone the sample
- Click the button at the top of this document.
- Provide your login credentials, if prompted.
Run the sample
Windows
With the AppBuilder Windows client, you can develop hybrid and NativeScript cross-platform mobile apps from your Windows desktop. You can download and install the Windows client from http://www.telerik.com/appbuilder/windows-client.
Clone the sample
- Verify that the AppBuilder Windows client is running and you are logged in the Telerik Platform in the account in which you want to develop your application.
- In the dashboard, click Samples and select Hybrid.
- From the Workspace drop-down menu, select the workspace in which you want to develop your application.
- Select Demos.
- Select Airlines.
- (Optional) Rename the project.
- Click Clone.
Run the sample
With the AppBuilder Windows client, you can quickly test your apps on device, in the simulator or in the native emulators.
- Run in the device simulator.
- Run in the companion app.
- Run in the native emulators.
- Deploy on device via QR code.
- Deploy via cable connection.
Visual Studio
With the AppBuilder extension for Visual Studio, you can develop hybrid and NativeScript cross-platform mobile apps from Microsoft Visual Studio. You can download and install the extension from http://www.telerik.com/appbuilder/visual-studio-extension.
Clone the sample
- Verify that the AppBuilder extension for Visual Studio is running and you are logged in the Telerik Platform in the account in which you want to develop your application.
- Select AppBuilder → Get Sample.
- Select Hybrid.
- Select Demos.
- Select Airlines.
- (Optional) Rename the project.
- Click Get.
The extension for Visual Studio copies the sample files locally. The extension creates a new solution and project and loads them.
Run the sample
With the AppBuilder extension for Visual Studio, you can quickly test your apps on device, in the simulator or in the native emulators.
- Run in the device simulator.
- Run in the companion app.
- Run in the native emulators.
- Deploy on device via QR code.
- Deploy via cable connection.
CLI
With the AppBuilder command-line interface, you can develop hybrid and NativeScript cross-platform mobile apps from the command line. You can learn how to add the AppBuilder commands to your command line from http://www.telerik.com/appbuilder/command-line-interface.
Clone the sample
-
Verify that a command prompt is running and you are logged in the Telerik Platform in the account in which you want to develop your application.
-
To list the available samples, run the following command.
appbuilder sample
-
Run the clone command for the sample as listed by
appbuilder sample
.appbuilder sample clone airlines
The AppBuilder command-line interface shows the following message: Successfully initialized project in the folder!
Run the sample
With the AppBuilder command-line interface, you can quickly test your apps on device, in the simulator or in the native emulators.
- Run in the device simulator.
- Run in the companion app.
- Run in the native emulators.
- Deploy on device via QR code.
- Deploy via cable connection.
Limitations
- You cannot use the seat selector on devices running Android versions earlier than Honeycomb.
- jQuery Mobile 1.3.1 is a legacy release. Many APIs are now deprecated.
- The login is a dummy functionality. The login data is hardcoded and is never verified on login.
- Only the trip management functionality is implemented.