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 3.7.0, jQuery Mobile 1.3.1
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.
Platform | Login | User Home | Trips | Trip Details |
---|---|---|---|---|
All | ![]() |
![]() |
![]() |
![]() |
Platform | Seat Selector | Boarding Pass | ||
---|---|---|---|---|
All | ![]() |
![]() |
Apart from exploring the sample code base in GitHub, you can also clone and run the sample in your preferred AppBuilder client.
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.
- Click the button at the top of this document.
- Provide your login credentials, if prompted.
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.
- 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.
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.
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.
- 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.
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.
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.
-
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!
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.
- 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.