Part 1 An Ionic app using Ionic native (13 marks)

In this section, you will develop an app to use Cordova and Ionic native plugins which access some of your devices hardware sensors (1 mark for the correct use of Ionic native). It is unnecessary to test your app on a real device, but you should if you have one available. The app should be working correctly on an emulator (it will be tested).

You are requested to develop a multipage Ionic app. The pages required are:

1. A page to display the current charge level of your devices battery. Have your app also displays different messages when (2 marks):

   • the battery goes critical

   • the battery goes low status

   • the battery starts charging or stops charging You will need to add Battery Status Ionic native plugin to your app

2. A page to display (2 marks):

   • devices model

   • platform (devices operating system name)

   • name and version of the operating system

   • devices manufacturer To display the above information, you will need to add Device Ionic native plugin to your app

3. A page to display the device acceleration in X, Y and Z directions (2 marks). Activate the vibrator when the device is shaken (1 marks). You can either activate the vibrator for a fixed time or toggle it on/off by the shaking motion. Note that the vibrator may be difficult to emulate, so if you do not have a real device, display a message while the vibration is active and use very slow shakes, so you can alter the emulator to simulate shaking.

4. A page that has

   • a button that plays a sound when swiped and another sound when swiped again. You can

     have more than two sounds if you like (cycle through them with each swipe) (2 marks).

   • a button that toggles the flashlight on/off using the Flashlight plugin (1 mark).

5. Add a splash screen to your app. Any graphic will do. You will need to research the splash-screen plugin for this. You will not need to call show() or hide() as the default configuration will show the screen for three seconds when the app starts. You will, however, need to configure your splash screen by editing config.xml (2 marks). There are many useful instructions on the internet, so look further than the official documentation.