Question
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
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.
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started