• Editing CSS - Using the Element tab you can select an element in the browser, e.g a panel, right click on it and select inspect element. This gives you an option to edit the css on the far right.
• Testing performance - Using the Performance tab, in which you can see how long it takes to run any function of your application.
• Debugging JavaScript - Using the Sources tab you can debug JavaScript code. This is what we will talk about following.

To create your icon, this link provides you with an online tool to upload an image and then download a zip file with icons. Follow these steps:

• Open Launcher icon generator, upload an image and set your options.

• Download the zip file, upzip it, and copy/rename all png files into resources/android/icon/

• Run your app typing ionic cordova run android

In the same way, you can change your splash images in the resources/android/splash/*.

• /src/pages/about: about page. For example, edit about.html and change the title "About this app" for "Info about this app". Now, review your browser and check the change.

• /src/pages/home: main page 

• /src/pages/<template>: template pages

Day 3 Content of Workshop:

• vw: relative to 1% of the width of the viewport
• vh: relative to 1% of the height of the viewport
• vmin: relative to 1% of viewport's smaller dimension
• vmax: relative to 1% of viewport's larger dimension
• em: relative to the font-size of the element (2em means 2 times the size of the current font)
• rem: relative to font-size of the root element

3. Independent work and consultations on  simulation design and a final debug.APK to share with everyone.

Day 4 Content of Workshop:

Survey on Participants' needs

Why do you want to attend this series of workshop?

1. I want to learn how to create simulations that students can visualise<Boon Leong has one>. I'm teaching Further Math in JC, so I thought it will be useful to be able to create models using some scripting. 
2. Simulations of the motions of springs <Paco's example> / rope <Paco has one>.
3. Learn to construct Apps <Felix will cover this is Day2>
4. An app which can allow them verify the current and voltage of a d.c circuit <Seng Kwang's example>.
5. To learn how to create Apps that can help students better understand concepts at their finger tips.
6. To get ideas for student projects for physics.
7. To explore use of mobile apps/handphone to enhance teaching of physics.

1. To learn how to create relevant apps for Physics/Maths teaching. 
2. Maybe an app to teach centre of gravity<Lawrence's example> or electricity<Lawrence's examples>. 
3. I would like to learn how to create mobile app simulations that can aid the teaching and learning of physics 
4. An educational mobile app where students can simulate collisions of objects and analyse the object's forces and motion<Lawrence's example>, it would be a bonus if there could be a quiz/game <Tze Kwang's idea> element to the app.
5. Apps on characteristics of image formed by a converging lens <Lawrence's example>, D.C. Circuits Play, Fleming's Rule <Lawrence's example>.
6. Simulations involving multi-variables, possibly even recursive relations.
7. An apps to teach gravitation <Lawrence's example> or work, energy power<Lawrence's example> etc.

2. Reflecting/presenting teacher performance task sharing especially sharing the debug.APK.

• boolean isPresent(): whether the hardware includes an accelerometer
• void start(): turns the accelerometer on
• void stop(): turns the accelerometer off
• boolean isRunning(): whether reading accelerometer data has been started (using start())
• Object getDeviceData(): reads the raw data (in the device reference frame) of the acceleration measured (including gravity) and the rotation of the device. The object has x,y,z components for the acceleration, and alpha,beta,gamma for the rotation. The values are all zero if the accelerometer is not present or has not been started.
• Object getViewData(): returns a similar same object as getDeviceData(), but the acceleration is in the user's view reference frame (which has the X and Y axes horizontal and vertical on the screen and Z perpendicular to it). This function take scare of orientation changes of the screen and also differences among operating systems.

Example of use:

accelerometer.start(); // Starts the accelerometer 
var data = accelerometer.getDeviceData(); // Reads the current acceleration  
_println("The acceleration on the X axis is " + data.x); 
_println("The acceleration on the Y axis is " + data.y); 
_println("The acceleration on the Z axis is " + data.z); 
var viewData = accelerometer.getViewData(); // Reads the acceleration in the view reference system  
_println("The view acceleration on the X axis is " + viewData.x); 
_println("The view acceleration on the Y axis is " + viewData.y); 
_println("The view acceleration on the Z axis is " + viewData.z); 
accelerometer.stop(); // Stops the accelerometer