The webapp rather looks for simple, yes because we haven’t applied design to it yet (CSS3). Once the submit button is hit, the texts entered by the user will be shown on the screen as a pop-up message. No VMs to be maintained, and no software to be installed. Update the webapp installed in our Firefox OS 1.3 Simulator and we will have something like this: Made my photo as the icon for this sample webapp. Why use Firefox Simulator when you can test websites on latest Firefox browser versions using. Now, let’s enhance the HTML page with a web form: The resulting app is something like this (no design, no frills … just a plain webpage): The Firefox App Manager tool can be used to launch a Firefox OS Simulator 2.
Install the webapp that we had just made to the Firefox OS Simulator as a Packaged App: Using the Firefox Developer Edition, launch the WebIDE and fire up Firefox OS 1.3 simulator: I asked the students to create a Hello World HTML webpage and name it as “ index.html” (though it is NOT required to be called as index.html):Īfter that, I asked them to create a manifest file :
For me, the easiest way for students (or anyone who wants to know) to learn how to create a Firefox OS app is to create a working Hello World sample. Last Saturday’s Firefox OS Workshop at the Philippine Christian University was my debut in conducting a technical hands-on seminar, particularly in apps development for Mozilla’s mobile operating system. Most of the Firefox OS Workshops (and event he Firefox OS App Days Manila & Cebu) of the Mozilla Philippines Community were organized by me, but my role is more of in the background. I have a confession to make: I had been a Mozilla Rep since 2011 but never had I given (conducted) a Firefox OS Apps Development Workshop yet.