SlideShare a Scribd company logo
Web to App:作業系統革命
Firefox OS
Veck Hsiao @ CCU
2014/12/13
Who am I
Postgraduate Student @ NCCU CS
Who am I
Postgraduate Student @ NCCU CS
Firefox OS Contributor
Who am I
Postgraduate Student @ NCCU CS
Firefox OS Contributor
Major: System Program, Programming
Language
Who am I
Postgraduate Student @ NCCU CS
Firefox OS Contributor
Major: System Program, Programming
Language
Latest Work: SoC, Open Source, Digital Art
Topic
Web Operating System
Topic
Web Operating System
Web Technology
Topic
Web Operating System
Web Technology
Firefox OS
Web Operating System
Operating System?
Web Operating System
Operating System?YES
Web Operating System
Operating System?YES
+
Web?
Web Operating System
Operating System?YES
+
Web?YES
Web Operating System
OS is Browser
Web Operating System
Application is Web Page
Web Operating System
Google - Chrome OS
Web Operating System
Mozilla - Firefox OS (B2G)
Web Technology
HTML
Web Technology
HTML
CSS
Web Technology
HTML
CSS
JavaScript
Web Technology
HTML
CSS
JavaScript
C/C++
Firefox OS
Browser to OS
Firefox OS
Browser to OS
Browser is Interpreter
Firefox OS
Browser to OS
Browser is Interpreter
Webpage is Application
Firefox OS
•A. K. A. : Boot to Gecko (short, B2G)
Firefox OS
•A. K. A. : Boot to Gecko (short, B2G)
 Gaia – UI & Application Layer
 HTML
 CSS
 JavaScript
Firefox OS
•A. K. A. : Boot to Gecko (short, B2G)
 Gaia – UI & Application Layer
 Gocko – Kernel of Firefox Browser
 C/C++、Python、Ruby
Firefox OS
•A. K. A. : Boot to Gecko (short, B2G)
 Gaia – UI & Application Layer
 Gocko – Kernel of Firefox Browser
 Gonk – Operating System Kernel
Firefox OS
•A. K. A. : Boot to Gecko (short, B2G)
•Available : https://github.com/mozilla-
b2g/B2G
•Official Website:
http://mozilla.com.tw/firefox/os/
Why Firefox OS
• Mobility is the future
Why Firefox OS
• Mobility is the future
• Cross platform: Write one, use every where
Why Firefox OS
• Mobility is the future
• Cross platform: Write one, use every where
• Open Source
Why Firefox OS
• Mobility is the future
• Cross platform: Write one, use every where
• Open Source
• Standard HTML, CSS, JavaScript
Why Firefox OS
• Mobility is the future
• Cross platform: Write one, use every where
• Open Source
• Standard HTML, CSS, JavaScript
• Low-cost device
User Interface
User Interface
Device
How To Contribute
•Prerequisition – OS platform
 Linux is the best
 Mac is fine
 Windows .... hmmmm
How To Contribute
•Prerequisition – Version Control Software
 Git
 GitHub account
How To Contribute
•Prerequisition – Contributor Hub
 Bugzilla – https://bugzil.la
How To Contribute
How To Contribute
•Prerequisition – other tools
 automake
 node.js
 npm
python
How To Contribute
• Contribution choice:
 Gaia HTML、CSS、JavaScript、Web
Design
 Gecko C/C++, Python, System Program
Knowledge
 Gonk C/C++、Operating System,
Computer Architecture
How To Contribute
1. Choose a bug on Bugzilla
2. Get Source code from GitHub
3. Developing and discuss with developer on
Bugzilla
4. Commit your final development and wait
for code review and merge
How To Test
• Use emulator with browser: Firefox Nightly
• Use real device: phone or tablet (better
choice)
TCP
• Firefox OS Tablet Contribution Program
• https://wiki.mozilla.org/FirefoxOS/TCP
• You’ll receive a totally free tablet(made by
foxconn) if your request is permitted.
Useful Guide
• Introduction:
http://mozilla.com.tw/firefox/os/
• Developer MDN: https://developer.mozilla.org/en-
US/Firefox_OS
• Firefox OS Book: http://firefoxosbooks.org/
Contact Info
• Email: fbukevin@gmail.com
• GitHub: https://github.com/fbukevin
• Blog: http://veck.logdown.com/

More Related Content

What's hot

Сергей Батищев: 2D игры на HTML5: мифы и реальность разработки
Сергей Батищев: 2D игры на HTML5: мифы и реальность разработкиСергей Батищев: 2D игры на HTML5: мифы и реальность разработки
Сергей Батищев: 2D игры на HTML5: мифы и реальность разработки
DevGAMM Conference
 
How to create/improve OSS products and its community
How to create/improve OSS products and its communityHow to create/improve OSS products and its community
How to create/improve OSS products and its community
SATOSHI TAGOMORI
 
Functional webapplicaations using fsharp and suave
Functional webapplicaations using fsharp and suaveFunctional webapplicaations using fsharp and suave
Functional webapplicaations using fsharp and suave
Tomas Jansson
 
Let's create a multilingual site in WordPress
Let's create a multilingual site in WordPressLet's create a multilingual site in WordPress
Let's create a multilingual site in WordPress
Marko Heijnen
 
Using Telegram to interact with an LED Matrix
Using Telegram to interact with an LED MatrixUsing Telegram to interact with an LED Matrix
Using Telegram to interact with an LED Matrix
xorduna
 
Phing
PhingPhing
Building Big on the Web
Building Big on the WebBuilding Big on the Web
Building Big on the Web
Cal Henderson
 
PHP Files: An Introduction
PHP Files: An IntroductionPHP Files: An Introduction
PHP Files: An Introduction
Jacques Woodcock
 
Selenoid i Allure - jak używać tych narzędzi razem
Selenoid i Allure - jak używać tych narzędzi razemSelenoid i Allure - jak używać tych narzędzi razem
Selenoid i Allure - jak używać tych narzędzi razem
Michał Ślęzak
 
Trying Out Tomorrow’s WordPress Today
Trying Out Tomorrow’s WordPress TodayTrying Out Tomorrow’s WordPress Today
Trying Out Tomorrow’s WordPress Today
DrewAPicture
 
Xamarin - Victim of Phonegap’s horrible reputation
Xamarin - Victim of Phonegap’s horrible reputationXamarin - Victim of Phonegap’s horrible reputation
Xamarin - Victim of Phonegap’s horrible reputation
Gabor Wnuk
 
Fabien Potencier "Symfony 4 in action"
Fabien Potencier "Symfony 4 in action"Fabien Potencier "Symfony 4 in action"
Fabien Potencier "Symfony 4 in action"
Fwdays
 
Dev days 1 Introduction to Xamarin Taswar Bhatti
Dev days 1 Introduction to Xamarin Taswar BhattiDev days 1 Introduction to Xamarin Taswar Bhatti
Dev days 1 Introduction to Xamarin Taswar Bhatti
Taswar Bhatti
 
Enterprise PHP
Enterprise PHPEnterprise PHP
Enterprise PHP
Mohammad Emran Hasan
 
Developing better PHP projects
Developing better PHP projectsDeveloping better PHP projects
Developing better PHP projects
Mohammad Emran Hasan
 
eMusic: WordPress in the Enterprise
eMusic: WordPress in the EnterpriseeMusic: WordPress in the Enterprise
eMusic: WordPress in the Enterprise
Scott Taylor
 
2015 WordCamp Maine Keynote
2015 WordCamp Maine Keynote2015 WordCamp Maine Keynote
2015 WordCamp Maine Keynote
Scott Taylor
 
Modern Web 2016: Using Golang to build a smart IM Bot
Modern Web 2016: Using Golang to build a smart IM Bot Modern Web 2016: Using Golang to build a smart IM Bot
Modern Web 2016: Using Golang to build a smart IM Bot
Evan Lin
 
Andrii Yatsenko "Make the most of Twig"
Andrii Yatsenko "Make the most of Twig"Andrii Yatsenko "Make the most of Twig"
Andrii Yatsenko "Make the most of Twig"
Fwdays
 
Create Your Own Chatbot with Hubot and CoffeeScript
Create Your Own Chatbot with Hubot and CoffeeScriptCreate Your Own Chatbot with Hubot and CoffeeScript
Create Your Own Chatbot with Hubot and CoffeeScript
Rob Scaduto
 

What's hot (20)

Сергей Батищев: 2D игры на HTML5: мифы и реальность разработки
Сергей Батищев: 2D игры на HTML5: мифы и реальность разработкиСергей Батищев: 2D игры на HTML5: мифы и реальность разработки
Сергей Батищев: 2D игры на HTML5: мифы и реальность разработки
 
How to create/improve OSS products and its community
How to create/improve OSS products and its communityHow to create/improve OSS products and its community
How to create/improve OSS products and its community
 
Functional webapplicaations using fsharp and suave
Functional webapplicaations using fsharp and suaveFunctional webapplicaations using fsharp and suave
Functional webapplicaations using fsharp and suave
 
Let's create a multilingual site in WordPress
Let's create a multilingual site in WordPressLet's create a multilingual site in WordPress
Let's create a multilingual site in WordPress
 
Using Telegram to interact with an LED Matrix
Using Telegram to interact with an LED MatrixUsing Telegram to interact with an LED Matrix
Using Telegram to interact with an LED Matrix
 
Phing
PhingPhing
Phing
 
Building Big on the Web
Building Big on the WebBuilding Big on the Web
Building Big on the Web
 
PHP Files: An Introduction
PHP Files: An IntroductionPHP Files: An Introduction
PHP Files: An Introduction
 
Selenoid i Allure - jak używać tych narzędzi razem
Selenoid i Allure - jak używać tych narzędzi razemSelenoid i Allure - jak używać tych narzędzi razem
Selenoid i Allure - jak używać tych narzędzi razem
 
Trying Out Tomorrow’s WordPress Today
Trying Out Tomorrow’s WordPress TodayTrying Out Tomorrow’s WordPress Today
Trying Out Tomorrow’s WordPress Today
 
Xamarin - Victim of Phonegap’s horrible reputation
Xamarin - Victim of Phonegap’s horrible reputationXamarin - Victim of Phonegap’s horrible reputation
Xamarin - Victim of Phonegap’s horrible reputation
 
Fabien Potencier "Symfony 4 in action"
Fabien Potencier "Symfony 4 in action"Fabien Potencier "Symfony 4 in action"
Fabien Potencier "Symfony 4 in action"
 
Dev days 1 Introduction to Xamarin Taswar Bhatti
Dev days 1 Introduction to Xamarin Taswar BhattiDev days 1 Introduction to Xamarin Taswar Bhatti
Dev days 1 Introduction to Xamarin Taswar Bhatti
 
Enterprise PHP
Enterprise PHPEnterprise PHP
Enterprise PHP
 
Developing better PHP projects
Developing better PHP projectsDeveloping better PHP projects
Developing better PHP projects
 
eMusic: WordPress in the Enterprise
eMusic: WordPress in the EnterpriseeMusic: WordPress in the Enterprise
eMusic: WordPress in the Enterprise
 
2015 WordCamp Maine Keynote
2015 WordCamp Maine Keynote2015 WordCamp Maine Keynote
2015 WordCamp Maine Keynote
 
Modern Web 2016: Using Golang to build a smart IM Bot
Modern Web 2016: Using Golang to build a smart IM Bot Modern Web 2016: Using Golang to build a smart IM Bot
Modern Web 2016: Using Golang to build a smart IM Bot
 
Andrii Yatsenko "Make the most of Twig"
Andrii Yatsenko "Make the most of Twig"Andrii Yatsenko "Make the most of Twig"
Andrii Yatsenko "Make the most of Twig"
 
Create Your Own Chatbot with Hubot and CoffeeScript
Create Your Own Chatbot with Hubot and CoffeeScriptCreate Your Own Chatbot with Hubot and CoffeeScript
Create Your Own Chatbot with Hubot and CoffeeScript
 

Viewers also liked

Povod.tut.by презентация
Povod.tut.by презентацияPovod.tut.by презентация
Povod.tut.by презентацияZere Svetlana
 
Differential pressure control australia case study
Differential pressure control australia  case studyDifferential pressure control australia  case study
Differential pressure control australia case study
Osama Bekhit
 
تحديات المستقبل
تحديات المستقبلتحديات المستقبل
تحديات المستقبل
Osama Bekhit
 
Tweeql
TweeqlTweeql
Tweeql
Veck Hsiao
 
Twitter bootstrap
Twitter bootstrapTwitter bootstrap
Twitter bootstrap
Veck Hsiao
 
Web to App:作業系統革命 Firefox OS
Web to App:作業系統革命  Firefox OSWeb to App:作業系統革命  Firefox OS
Web to App:作業系統革命 Firefox OS
Veck Hsiao
 
презентация Povod tut by
презентация Povod tut byпрезентация Povod tut by
презентация Povod tut byZere Svetlana
 
Povod.tut.by презентация
Povod.tut.by презентацияPovod.tut.by презентация
Povod.tut.by презентацияZere Svetlana
 
Greening cooling tower
Greening cooling towerGreening cooling tower
Greening cooling tower
Osama Bekhit
 
2011中正資管學術部講座 Java-Object
2011中正資管學術部講座 Java-Object2011中正資管學術部講座 Java-Object
2011中正資管學術部講座 Java-Object
Veck Hsiao
 
Sas ibac presentation
Sas  ibac presentationSas  ibac presentation
Sas ibac presentation
Osama Bekhit
 
Ventilation guidelines for minnesota commercial kitchens
Ventilation guidelines for minnesota commercial kitchensVentilation guidelines for minnesota commercial kitchens
Ventilation guidelines for minnesota commercial kitchens
Osama Bekhit
 
Speaking Activity
Speaking ActivitySpeaking Activity
Speaking Activity
doaamofty
 

Viewers also liked (14)

Love
LoveLove
Love
 
Povod.tut.by презентация
Povod.tut.by презентацияPovod.tut.by презентация
Povod.tut.by презентация
 
Differential pressure control australia case study
Differential pressure control australia  case studyDifferential pressure control australia  case study
Differential pressure control australia case study
 
تحديات المستقبل
تحديات المستقبلتحديات المستقبل
تحديات المستقبل
 
Tweeql
TweeqlTweeql
Tweeql
 
Twitter bootstrap
Twitter bootstrapTwitter bootstrap
Twitter bootstrap
 
Web to App:作業系統革命 Firefox OS
Web to App:作業系統革命  Firefox OSWeb to App:作業系統革命  Firefox OS
Web to App:作業系統革命 Firefox OS
 
презентация Povod tut by
презентация Povod tut byпрезентация Povod tut by
презентация Povod tut by
 
Povod.tut.by презентация
Povod.tut.by презентацияPovod.tut.by презентация
Povod.tut.by презентация
 
Greening cooling tower
Greening cooling towerGreening cooling tower
Greening cooling tower
 
2011中正資管學術部講座 Java-Object
2011中正資管學術部講座 Java-Object2011中正資管學術部講座 Java-Object
2011中正資管學術部講座 Java-Object
 
Sas ibac presentation
Sas  ibac presentationSas  ibac presentation
Sas ibac presentation
 
Ventilation guidelines for minnesota commercial kitchens
Ventilation guidelines for minnesota commercial kitchensVentilation guidelines for minnesota commercial kitchens
Ventilation guidelines for minnesota commercial kitchens
 
Speaking Activity
Speaking ActivitySpeaking Activity
Speaking Activity
 

Similar to CCU_Speech

The state of packaged web apps
The state of packaged web appsThe state of packaged web apps
The state of packaged web apps
Cristiano Betta
 
The Future of Cross-Platform is Native
The Future of Cross-Platform is NativeThe Future of Cross-Platform is Native
The Future of Cross-Platform is Native
Justin Mancinelli
 
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There TodayHTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
davyjones
 
AMIMOTO WordPress + Amazon Web Services for ALL Tech Levels
AMIMOTO WordPress + Amazon Web Services for ALL Tech Levels AMIMOTO WordPress + Amazon Web Services for ALL Tech Levels
AMIMOTO WordPress + Amazon Web Services for ALL Tech Levels
Kel
 
Native App + Wep App = ? (Hybrid Applications)
Native App + Wep App = ? (Hybrid Applications)Native App + Wep App = ? (Hybrid Applications)
Native App + Wep App = ? (Hybrid Applications)
GameWisp
 
Real World SharePoint Framework and Azure Services
Real World SharePoint Framework and Azure ServicesReal World SharePoint Framework and Azure Services
Real World SharePoint Framework and Azure Services
Brian Culver
 
Frontend development of the (current) future
Frontend development of the (current) futureFrontend development of the (current) future
Frontend development of the (current) future
Filip Bruun Bech-Larsen
 
Firefox OS - Hive Pilani 2015
Firefox OS - Hive Pilani 2015Firefox OS - Hive Pilani 2015
Firefox OS - Hive Pilani 2015
Nilay Binjola
 
Evolution of Applications & Web
Evolution of Applications & WebEvolution of Applications & Web
Evolution of Applications & Web
Himanshu Jindal
 
Monkey space 2013
Monkey space 2013Monkey space 2013
Monkey space 2013
Miguel de Icaza
 
Unleash your Symfony projects with eZ Platform
Unleash your Symfony projects with eZ PlatformUnleash your Symfony projects with eZ Platform
Unleash your Symfony projects with eZ Platform
Sébastien Morel
 
Cross platform web app development
Cross platform web app developmentCross platform web app development
Cross platform web app development
tomasperezv
 
Cape Cod Web Technology Meetup - 3
Cape Cod Web Technology Meetup - 3Cape Cod Web Technology Meetup - 3
Cape Cod Web Technology Meetup - 3
Asher Martin
 
A New Approach Towards Web-based IDEs
A New Approach Towards Web-based IDEsA New Approach Towards Web-based IDEs
A New Approach Towards Web-based IDEs
Dr. Jan Köhnlein
 
Open Source in the Enterprise
Open Source in the EnterpriseOpen Source in the Enterprise
Open Source in the Enterprise
Social Media Performance Group
 
Titanium Desktop Intro
Titanium Desktop IntroTitanium Desktop Intro
Titanium Desktop Intro
Marshall Culpepper
 
Introduction to PHP - SDPHP
Introduction to PHP - SDPHPIntroduction to PHP - SDPHP
Introduction to PHP - SDPHP
Eric Johnson
 
Evolution of deploy.sh
Evolution of deploy.shEvolution of deploy.sh
Evolution of deploy.sh
Leonid Mamchenkov
 
Firefox OS
Firefox OSFirefox OS
Firefox OS
Robert 'Bob' Reyes
 
PhoneGap at Facebook Mobile Hack
PhoneGap at Facebook Mobile HackPhoneGap at Facebook Mobile Hack
PhoneGap at Facebook Mobile Hack
PhoneGap
 

Similar to CCU_Speech (20)

The state of packaged web apps
The state of packaged web appsThe state of packaged web apps
The state of packaged web apps
 
The Future of Cross-Platform is Native
The Future of Cross-Platform is NativeThe Future of Cross-Platform is Native
The Future of Cross-Platform is Native
 
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There TodayHTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
 
AMIMOTO WordPress + Amazon Web Services for ALL Tech Levels
AMIMOTO WordPress + Amazon Web Services for ALL Tech Levels AMIMOTO WordPress + Amazon Web Services for ALL Tech Levels
AMIMOTO WordPress + Amazon Web Services for ALL Tech Levels
 
Native App + Wep App = ? (Hybrid Applications)
Native App + Wep App = ? (Hybrid Applications)Native App + Wep App = ? (Hybrid Applications)
Native App + Wep App = ? (Hybrid Applications)
 
Real World SharePoint Framework and Azure Services
Real World SharePoint Framework and Azure ServicesReal World SharePoint Framework and Azure Services
Real World SharePoint Framework and Azure Services
 
Frontend development of the (current) future
Frontend development of the (current) futureFrontend development of the (current) future
Frontend development of the (current) future
 
Firefox OS - Hive Pilani 2015
Firefox OS - Hive Pilani 2015Firefox OS - Hive Pilani 2015
Firefox OS - Hive Pilani 2015
 
Evolution of Applications & Web
Evolution of Applications & WebEvolution of Applications & Web
Evolution of Applications & Web
 
Monkey space 2013
Monkey space 2013Monkey space 2013
Monkey space 2013
 
Unleash your Symfony projects with eZ Platform
Unleash your Symfony projects with eZ PlatformUnleash your Symfony projects with eZ Platform
Unleash your Symfony projects with eZ Platform
 
Cross platform web app development
Cross platform web app developmentCross platform web app development
Cross platform web app development
 
Cape Cod Web Technology Meetup - 3
Cape Cod Web Technology Meetup - 3Cape Cod Web Technology Meetup - 3
Cape Cod Web Technology Meetup - 3
 
A New Approach Towards Web-based IDEs
A New Approach Towards Web-based IDEsA New Approach Towards Web-based IDEs
A New Approach Towards Web-based IDEs
 
Open Source in the Enterprise
Open Source in the EnterpriseOpen Source in the Enterprise
Open Source in the Enterprise
 
Titanium Desktop Intro
Titanium Desktop IntroTitanium Desktop Intro
Titanium Desktop Intro
 
Introduction to PHP - SDPHP
Introduction to PHP - SDPHPIntroduction to PHP - SDPHP
Introduction to PHP - SDPHP
 
Evolution of deploy.sh
Evolution of deploy.shEvolution of deploy.sh
Evolution of deploy.sh
 
Firefox OS
Firefox OSFirefox OS
Firefox OS
 
PhoneGap at Facebook Mobile Hack
PhoneGap at Facebook Mobile HackPhoneGap at Facebook Mobile Hack
PhoneGap at Facebook Mobile Hack
 

CCU_Speech

Editor's Notes

  1. chromecast
  2. 構成網頁的基本元素
  3. 美化、修飾畫面
  4. 想要有一些互動,尤其是在 Web 2.0 的時代,動態網頁是主流,現在都要 3.0 了,當然什麼都要給他能夠動一下才酷炫 還可以搭配 CSS 做出動畫效果
  5. 關 C/C++ 什麼事呢?因為作業系統會需要用到 C/C++ 所撰寫的系統程式,例如編譯器、直譯器,瀏覽器就是用 C++ 撰寫的直譯器軟體
  6. Gecko 是 Firefox 瀏覽器的核心引擎
  7. Gecko 是 Firefox 瀏覽器的核心引擎
  8. Gecko 是 Firefox 瀏覽器的核心引擎,主要用 C/C++ 編寫 Python 和 Ruby 主要是用來做測試、建置和一些相關工作的腳本
  9. Gecko 是 Firefox 瀏覽器的核心引擎,主要用 C/C++ 編寫 Python 和 Ruby 主要是用來做測試、建置和一些相關工作的腳本
  10. Gecko 是 Firefox 瀏覽器的核心引擎
  11. 說這麼多,畫面長什麼樣子呢? 我用 Firefox OS Emulator (Installed in add-on form in Firefox browser)
  12. Windows 的話,建立你搞個 linux 環境吧!不然就自己 Google 一下開發方法囉~
  13. 基本上模擬器可以跑,裝置就可以 但是模擬器跑的比較慢,有些功能也無法測試