2014年5月18日 星期日

mozilla_part2 (140514)

講師  < EragonJ >

今天是接續上一次 mozilla 的話題,來介紹一些實做的教學

來囉~

Mozilla周四(2014/5/2)正式推出 Firefox OS Simulator 3.0,可以在Windows、OS X或Linux系統內的Firefox瀏覽器中執行,此版本支援繁體中文操作環境,主要更新 Firefox OS 的渲染引擎與使用者介面 Gaia。

其他新功能包含
    直接傳輸(Push to Device)
    畫面旋轉模擬
    基本定位API模擬
    修正安裝與更新程式的穩定性
    Manifest驗證功能等


那....首先我們先到這裡下載 Firefox OS simulator
https://addons.mozilla.org/zh-tw/firefox/addon/firefox-os-simulator/?src=search

按 "+新增至Firefox" 就行了

詳細資料可以參考這個網址 ^__^
http://www.ithome.com.tw/node/80124

FireFox 的三層結構:
Gaia : WebApp
Gecko : WebApi
Gonk : Linus


我們一般用來寫手機上的網頁,程式的語言有大概這三種
> HTML
> Java
> CSS


Firefox 的開發環境:
>FireFox OS Simulator
>FireFox OS Emulator
>FireFox OS Desktop Client
>FireFox Nightly with custom profile
>FireFox OS Devices


載~~~好了嗎??

好了之後要介紹下一個囉
登登!!-----> AppMaker
來打造你最喜歡的APP(就是你手機裡面的遊戲,應用程式等等那些東西啦

^皿^

網址在這:https://apps.webmaker.org/ 

按 "打造APP" ,就會看到這個頁面



左邊那一列是功能表,你可以玩玩看各種APP的功能,自己組合一下

像是...
我按下 "firework"

 


加上 "bottom"
視窗就會變成這樣



然後你接著按一下畫面中的 "click me" ,就會看到漂亮的煙火歐



解說一下,那條藍色的是線路
從右邊跑出去,左邊接回來

舉例來說,我多按幾個功能 "Counter" + "Header"



原本是這樣,三條線都是藍色的,所以當我按下 bottom 的時候
會放煙火,下面也會變成 "1 Sprocket "




然後我把左上角的線路改成別的顏色,像紅色
把游標放在藍色線上就會跑出這個視窗,選中間那個,按下紅色










接著我再按一次 bottom , 你會發現只是變成 2 Sprockets,沒有煙火了
因為它只會從藍色線路傳到藍色線路歐



來來來!!換你試試看囉


沒有留言:

張貼留言