Hello, dear friend, you can consult us at any time if you have any questions, add WeChat: THEend8_
Assignment
You should submit your source code as a ZIP
archive for all parts of the assignment to the assignment 2 submission link on the unit website. If the file size is
too large to upload via the submission link, please submit only the SRC folder of the Ionic projects as a ZIP file,
then send the entire project folders via a method specified by your tutor. Note that marks will be deducted for
poorly structured or uncommented code. All submitted source code files must include title comments that at least
identify the author and the assignment part. The separate parts of the assignment are to be submitted in separate
subdirectories (e.g. Part1, Part2 etc.).
Please note that this assignment will be due after the weekly sessions have covered the last of the required
materials, and covers several laboratory sessions and topics. Do not leave this assignment to the last minute –
complete the relevant parts of the assignment while concepts are fresh in your mind. If you require an extension,
you must apply to your tutor before the due date to be considered. Unless an extension is approved, there is a
penalty (see Unit Information Guide). This assignment requires you to develop two applications to demonstrate
your knowledge of Cordova and Ionic framework. It will start with a Cordova application in part 1, and you will
implement a multipage application using the Ionic framework in part 2. You must use only the TabsIonic template
for your apps for Part 1 and Part 2.
To ensure every aspect of the implemented apps work properly, test your apps on a real device or in an emulator
before the submission. The browser platforms do not support some of the plugins and hardware sensors, so the
applications may not be tested thoroughly in a browser window.
Part 1 – Ionic app using Ionic Native APIs (13 marks)
In this section, you will develop an app to use Cordova and Ionic Native plugins which access some of your
device’s 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 implement Text-To-Speech service. Add (3 marks)
? an input field to enter a string
? a range control to select the speed rate of the speech (0 ~ 1)
? a button to call and execute the speak function
? a button to stop the playback
Users will need to enter a text. When the speech button is tapped, the app starts generating the
synthesized audio output of the input text. You can also add a list for locale (a string like ‘enUS’,
‘zh-CN’, etc.) if you wish, but this is optional. You will need to research the ‘text to
speech’ plugin for this.
2. A page to display the following device information (2 marks):
? Cordova version running on the device
? device’s model
? device’s operating system name and version
? device’s hardware serial number
To display the above information, you will need to add ‘Device’ Ionic native plugin to your
application.
3. A page to display the current magnetic compass heading in degrees (2 marks). This uses the ‘Device
Orientation’ plugin. For full marks, have the page show the heading in symbols N, NW, SE,
SSE, etc. (to three levels) (2 marks). For instance, SSE means South-South-East, which is south of
South-East. If you want to impress (no extra marks), display a compass and needle pointing to the
correct points of the compass.