11/29 自由軟體課程心得分享+AppMaker實作+成果展示

今天請到的講師也是Mozilla的人員，不過是屬於工程師，同時也是我們的學長(成大資工)，EJ

他今天要介紹的是Firefox OS

上周的文章有提到，Firefox OS是應用在平板電腦或手機上的作業系統，提到有關此作業系統的架構，因為屬於較技術層面，所以只略為介紹；此外還有讓大家製作簡易的APP軟體，並在Firefox上使用Firefox OS Simulator附加元件，在電腦上模擬Firefox OS並執行APP；最後，EJ以學長的身分跟我們分享他的經驗，從進入成大資工到進入公司工作，最後進入Firefox；三堂課主要以上述課程為主，以下逐一介紹


首先是關於Firefox OS，上次已經試用過Firefox OS系統的手機 ，而今天主要就內部的構造、開發做詳細的介紹；Firefox OS開發的三個主要軟體層主要是：Gonk、Gecko、Gaia
從最底層往上分別是:

Gaia
Gecko
Gonk


Gonk是屬於較為底層的部分，主要負責的是Linux核心和硬體抽象層，Linux核心的意思也就是說此作業系統也是以Linux為架構的一種作業系統，等於是將Linux架構應用在攜帶裝置(手機、平板)上

Gecko是屬於執行環境的部分，應用程式如何在此作業系統上執行都是由這一層規範的，另外，Gecko使用HTML、CSS、JavaScript技術來實作這一層的架構，以上這些技術都使得在Firefox OS在應用上大都基於網路（以上這三個都為應用在網路上的技術)

Gaia是屬於使用者介面的部分，在螢幕上看到的圖形內容都屬於Gaia所規範、實作的，Gaia也完全使用HTML、CSS、JavaScript技術來實作


此網站為Firefox OS的官網

http://mozilla.com.tw/firefox/os/

此作業系統的優點就是，基於網路使用的架構下所量身訂做的作業系統，在使用Web上與一般作業系統比較會有不一樣的感受

爾後我們要實作的APP就利用可以在支援Web的裝置上執行的APP的特性，利用Firefox OS Simulator模擬Firefox OS，並且在上面執行APP程式


接下來就為大家展示一下AppMaker的實作

首先進入這個網站

http://appmaker.mozillalabs.com/ 

點選"Build App"

進去會看到這個製作畫面

左邊為拖拉區，可以拖拉一些功能、按鈕應用在APP上
中間為展示區，使用的功能、按鈕會顯示在手機範圍內的畫面上

首先做個簡易的煙火

完成之後點選右上角的Publish

APP被publish到上面的網站，點選進入該網站

APP就可以在該網站上使用囉~~

之後教大家怎麼在Firefox OS Simulator上使用該APP

首先先將Firefox瀏覽器升級到最新版本：25.0.1

之後在附加元件搜尋Firefox OS Simulator

下載這個並安裝：Firefox OS Simulator 4.0

按左邊Simulato，將它調為Running，然後會跳出一個小視窗，為模擬器

點選很像地球形狀的東西(就是瀏覽器應用程式啦)

進入後將剛剛APP被publish到的網站，將網址複製下來並貼上，然後進入該網站

再點選Install App

此APP就成功安裝到此模擬器上囉

找尋此APP的蹤影、並執行 

箭頭所指就是我剛剛安裝的APP

成功在上面執行我剛製作的APP啦！

製作一個APP就是如此簡單，是不是迫不及待動手了呢？趕快去製作屬於自己的APP吧！

最後，在此展示我在課堂上製作的APP

也是一個煙火發射程式
按鈕有Start、stop、Reset
下面還有一個計數器、碼表、輸入數值

點選Start便會發射煙火，持續點選就會一直發射煙火，下面的碼表也會開始計時，此外，只要點選一次Start就會記數一次

點選stop會使下面碼表不再計時，並使煙火、計數器停止

點選Reset則會將計數器清為0、也會使下面的碼表歸零

而下面的輸入數值，則是可以隨意輸入一整數，煙火會以該整數數量的方式發射相對應的煙火數目

以上就是我這個APP的功能，雖然基本上來說沒有什麼特殊功用，但畢竟是自己做出來的第一個APP，也頗有成就感

在此附上此APP網站，供大家在網頁上使用

http://well-off-scent-195.appalot.me/install.html 

所以第二部分的實作與成果展示就到這邊告一段落了

接下來就是我認為這三堂課中最有收穫的一堂課－學長的經驗分享

學長也是成大資工系畢業的，但他大一時讀的是成大航太系，在清楚自己的志向後，大二便轉到成大資工

在成大資工所學習到的，除了課堂上教授的之外，學長自己也在自己感興趣的領域上精進自己－網頁語言

那時候的他甚至找三五好友一同開發project，利用瑣碎的時間架設網站，其中「食我部落」便是學長所架設的網站

這些都是他在大學時的成就，大學畢業後也無繼續考研究所，知道自己想做什麼後，便開始找尋工作，起初是在一個小型公司當工程師，而後因為自己不喜歡這個環境而離開

學長始終在往自己想要的道路邁去，且也從不懷疑自己

直到現在，進入了Mozilla，雖然剛進時間不久，但Mozilla絕對是學長能發揮特長的地方，也能將自己的所學展現給全世界的人知道，當然，這也是學長所要的

上述的經驗分享，帶給我很多衝擊，因為我本身是轉學生，到了大二才正式接觸資工類的科目(雖然大一就寫過一些些程式)，大一的歲月大都埋首於書堆中，但我清楚自己的志向，從小便對電腦有著莫大的興趣，但剛進入大二讀書時，總覺得自己很迷惘，也不能找些自己感興趣的事情做，總是只想把系上的課業顧好；但我知道，課外的知識吸收也是很重要的，這讓我想到某位講師也曾經說過：大學四年不一定要汲汲於學校課業，找些自己感興趣的事，提升自己的額外能力可能遠比顧好追求學校成績好

現在學期已經過了一半，仍始終埋首於系上課程的書堆中，因為仍在適應的關係，所以還沒有做額外的事，甚至是進行額外的計畫，因為感到懼怕與不安，所以遲遲不敢進行、也不敢嘗試

不過透過該課程，聽聽學長的意見、分享，能激發對自己的了解，知道自己想要的是什麼，也能汲取他們的經驗，使得向著目標前進時，能更毫不猶豫且不迷惘

其中，投入社群是很好的方法，有許多前輩能詢問、給予意見

當然，最重要的，就是不要害怕，雖然自身的能力並不是很好，但沒嘗試過又怎麼知道呢？就算能力不好，也能在過程中不斷學習，我想這就是目前我想克服的地方

期許自己在接下來的三年，能在自己的大學生活，留下一些的痕跡，並為這個社會甚至是自己的青春，做點貢獻。