Top Banner
MozKampus UNAND #MozKampusPdg
88

Moz kampuspdg, firefoxos, l10n, fsa

Oct 31, 2014

Download

Technology

 
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Moz kampuspdg, firefoxos, l10n, fsa

MozKampus UNAND#MozKampusPdg

Page 2: Moz kampuspdg, firefoxos, l10n, fsa

about:me

Page 3: Moz kampuspdg, firefoxos, l10n, fsa

PRIMA YOGI LOVINILTRA

@loviniltra

Mozilla Representative

[email protected]

loviniltra.com

Page 4: Moz kampuspdg, firefoxos, l10n, fsa

Apa yang kalian pikirkan ; mozilla?

Page 5: Moz kampuspdg, firefoxos, l10n, fsa

Mozilla Foundation adalah sebuah organisasi nirlaba yang dibentuk untuk mendukung dan memimpin proyek perangkat lunak open source Mozilla. Mozilla Foundation memiliki sebuah anak perusahaan profit, yaitu Mozilla Corporation yang mengatur pengembangan perangkat lunak Mozilla,. Mozilla Foundation didirikan oleh Mozilla Organization yang berafiliasi dengan Netscape dan secara resmi diluncurkan pada tanggal 15 Juli 2003. Saat ini, organisasi ini bermarkas di kota Silicon Valley, Mountain View, California, Amerika Serikat.

https://id.wikipedia.org/wiki/Mozilla_Foundation

Page 6: Moz kampuspdg, firefoxos, l10n, fsa

Berapa orang pengguna aktif Firefox?

Page 7: Moz kampuspdg, firefoxos, l10n, fsa

Firefox Live ; Red Panda

Page 8: Moz kampuspdg, firefoxos, l10n, fsa

Apa saja project dari mozilla?

Page 9: Moz kampuspdg, firefoxos, l10n, fsa

Persona Firefox Firefox OS

MarketPlace WebMaker Thunderbirds

Page 10: Moz kampuspdg, firefoxos, l10n, fsa

• Pengenalan tentang Komunitas Mozilla Indonesia

• Mozilla l10n Project in Minangkabau Language

• Mozilla Firefox OS Phone

• Mozilla Firefox Club/Firefox Student Ambassadors

Agenda

Page 11: Moz kampuspdg, firefoxos, l10n, fsa

KOMUNITAS MOZILLA

Page 12: Moz kampuspdg, firefoxos, l10n, fsa

Apa itu Mozilla Reps/ReMo?

Page 13: Moz kampuspdg, firefoxos, l10n, fsa

Mozilla Powered by Community

Page 14: Moz kampuspdg, firefoxos, l10n, fsa

Mozilla Indonesia

Page 15: Moz kampuspdg, firefoxos, l10n, fsa

Mozilla Malaysia

Page 16: Moz kampuspdg, firefoxos, l10n, fsa

Mozilla Philippines

Page 17: Moz kampuspdg, firefoxos, l10n, fsa

Mozilla Japan

Page 18: Moz kampuspdg, firefoxos, l10n, fsa

Mozilla Taiwan

Page 19: Moz kampuspdg, firefoxos, l10n, fsa

Mozilla Sumbar

Page 20: Moz kampuspdg, firefoxos, l10n, fsa

MOZILLA EVENTS

Page 21: Moz kampuspdg, firefoxos, l10n, fsa

MozKampus/MozCampus

Page 22: Moz kampuspdg, firefoxos, l10n, fsa

MozSekolah

Page 23: Moz kampuspdg, firefoxos, l10n, fsa

MozKopdar/MozCafe

Page 24: Moz kampuspdg, firefoxos, l10n, fsa

MozCamp

Page 25: Moz kampuspdg, firefoxos, l10n, fsa

MozSummit

Page 26: Moz kampuspdg, firefoxos, l10n, fsa

FIREFOX MINANGKABAU

Page 27: Moz kampuspdg, firefoxos, l10n, fsa
Page 28: Moz kampuspdg, firefoxos, l10n, fsa

l10n ProjectFirefox Localization

Page 29: Moz kampuspdg, firefoxos, l10n, fsa

Firefox Bahasa Indonesia

Page 30: Moz kampuspdg, firefoxos, l10n, fsa

Lokalisasi adalah proses untuk mengadaptasi perangkat lunak internasionalisasi wilayah tertentu atau bahasa dengan menambahkan komponen lokal spesifik dan menerjemahkan teks.

l10nlocalization/lokalisasi

Page 31: Moz kampuspdg, firefoxos, l10n, fsa

Tujuan?

Melestarikan Bahasa Minangkabau

Mengenalkan kepada dunia.

Page 32: Moz kampuspdg, firefoxos, l10n, fsa

https://wiki.mozilla.org/L10n:Teams:min

Page 33: Moz kampuspdg, firefoxos, l10n, fsa

Bergabunglah bersama kami!

Page 34: Moz kampuspdg, firefoxos, l10n, fsa

http://mozilla.locamotion.org/min/firefox/

Page 35: Moz kampuspdg, firefoxos, l10n, fsa

Kalau bukan kita, siapa lagi yang akan melestarikan budaya Minangkabau?

Page 36: Moz kampuspdg, firefoxos, l10n, fsa

Facebook Grouphttp://bit.ly/l10n-min

Page 37: Moz kampuspdg, firefoxos, l10n, fsa

FIREFOX OS

Page 38: Moz kampuspdg, firefoxos, l10n, fsa

Firefox OS Launch in Indonesia #FirefoxOSAppsDay

Page 39: Moz kampuspdg, firefoxos, l10n, fsa

Buat yang belum tahu,

Firefox OS

Firefox OS bukanlah Firefox browser...tetapi adalah merek baru OS untuk platform mobile.

Page 40: Moz kampuspdg, firefoxos, l10n, fsa

Interface

Page 41: Moz kampuspdg, firefoxos, l10n, fsa

Bentuk Fisik

Page 42: Moz kampuspdg, firefoxos, l10n, fsa

Geeksphone; Keon• CPU Qualcomm Snapdragon S1 7225AB 1Ghz. • UMTS 850/1900/2100 (3G HSPA).

GSM 850/900/1800/1900 (2G EDGE). • Screen 3.5" HVGA Multitouch. • Camera 3 MP. • 4 GB (ROM) and 512 MB (RAM). • MicroSD, Wifi N, Bluetooth 2.1 EDR, Radio FM, Light &

Prox. Sensor, G-Sensor, GPS, MicroUSB. • Battery 1580 mAh.

https://www.mozilla.org/en-US/firefox/os/

Page 43: Moz kampuspdg, firefoxos, l10n, fsa

User interface : HTML & CSS

Component

Programming : Javascript

Page 44: Moz kampuspdg, firefoxos, l10n, fsa

Jadi, pada dasarnya aplikasi Web Apps!

Philosophy

Dan karena HTML / CSS / javascripts adalah bahasa standar, aplikasi ini berjalan tidak hanya dalam FxOS phone, namun pada perangkat apapun yang memiliki browser!Jangan salah paham tentang aplikasi web - juga dapat run offline! * Beberapa API tidak bekerja di semua browser.

Page 45: Moz kampuspdg, firefoxos, l10n, fsa

Firefox OS is the only fully open mobile operating system based on web standards

Kenapa Firefox OS

Page 46: Moz kampuspdg, firefoxos, l10n, fsa

Partner

Page 47: Moz kampuspdg, firefoxos, l10n, fsa

Firefox OS Review

Page 48: Moz kampuspdg, firefoxos, l10n, fsa

Membuat Simple Apps Firefox OS

Page 49: Moz kampuspdg, firefoxos, l10n, fsa

Text Editor (Vim, Notepad, TextEdit, GEdit)

Persiapan

Firefox Versi Terbaru

Firefox OS Simulator (Add-On)

Page 50: Moz kampuspdg, firefoxos, l10n, fsa

Develop Web App using HTML5, CSS, & Javascript 1.

Create an app manifest file 2.

Run in Simulator 3.

Push to Geeksphone 4.

Publish to MarketPlace 5.

Page 51: Moz kampuspdg, firefoxos, l10n, fsa

1. Develop Web App using HTML5, CSS & JavaScript

Page 52: Moz kampuspdg, firefoxos, l10n, fsa

Reuse any existing web site/app or develop from scratch with open web standards

Page 53: Moz kampuspdg, firefoxos, l10n, fsa

REUSE ANY EXISTING WEBSITE/APPSRequirements : index.html & manifest.webapp

Page 54: Moz kampuspdg, firefoxos, l10n, fsa

My Blog > http://loviniltra.com

Page 55: Moz kampuspdg, firefoxos, l10n, fsa

Index.html

Page 56: Moz kampuspdg, firefoxos, l10n, fsa

DEVELOP FROM SCRATCHRequirements : index.html, manifest.webapp, others like JS/AJAX/CSS

Page 57: Moz kampuspdg, firefoxos, l10n, fsa

Insert the JS in the Index.html

Page 58: Moz kampuspdg, firefoxos, l10n, fsa

2. Create an app manifest file

Page 59: Moz kampuspdg, firefoxos, l10n, fsa

manifest.webapp

Page 60: Moz kampuspdg, firefoxos, l10n, fsa

3. Run in Firefox OS Simulator

Page 61: Moz kampuspdg, firefoxos, l10n, fsa

Put all file (index.html, manifest.webapp, CSS/JS) in one folder

Page 62: Moz kampuspdg, firefoxos, l10n, fsa

Tools > Web Developer > Firefox OS Simulator > Add Directory

Page 63: Moz kampuspdg, firefoxos, l10n, fsa

App Manager > Push ADB

Page 64: Moz kampuspdg, firefoxos, l10n, fsa

About Adzhan TimeIcon in Menu

Page 65: Moz kampuspdg, firefoxos, l10n, fsa

4. Publish to Market Place

Page 66: Moz kampuspdg, firefoxos, l10n, fsa

https://marketplace.firefox.com/developers/

Page 67: Moz kampuspdg, firefoxos, l10n, fsa

5Push to Geeksphone

Page 68: Moz kampuspdg, firefoxos, l10n, fsa

Settings > Device Information > More Information > Developer > Remote Debugging

Page 69: Moz kampuspdg, firefoxos, l10n, fsa

Title Text

Push to Geekphone

Page 70: Moz kampuspdg, firefoxos, l10n, fsa

Source

Page 71: Moz kampuspdg, firefoxos, l10n, fsa

MDN, MarketPlace, Wiki, API

Page 72: Moz kampuspdg, firefoxos, l10n, fsa

https://github.com/robnyman/Firefox-OS-Boilerplate-App

Page 73: Moz kampuspdg, firefoxos, l10n, fsa

http://buildingfirefoxos.com/

Page 74: Moz kampuspdg, firefoxos, l10n, fsa

http://buildingfirefoxos.com/building-blocks/edit-mode.html

Page 75: Moz kampuspdg, firefoxos, l10n, fsa

https://hacks.mozilla.org/2013/08/introducing-brick-minimal-markup-web-components-for-faster-app-development/

Page 76: Moz kampuspdg, firefoxos, l10n, fsa

https://build.phonegap.com/

Page 77: Moz kampuspdg, firefoxos, l10n, fsa

http://appmaker.mozillalabs.com/

Page 78: Moz kampuspdg, firefoxos, l10n, fsa

Ingin berkontribusi?

Page 79: Moz kampuspdg, firefoxos, l10n, fsa

http://mozillians.org/http://bit.ly/unand

Page 80: Moz kampuspdg, firefoxos, l10n, fsa

Mozilla Developer Networkhttps://developer.mozilla.org/

Page 81: Moz kampuspdg, firefoxos, l10n, fsa

Firefox Student Ambassadors

Firefox Club

Page 82: Moz kampuspdg, firefoxos, l10n, fsa

Firefox Student Ambassadors/FSAhttps://wiki.mozilla.org/StudentAmbassadors/Join

Page 83: Moz kampuspdg, firefoxos, l10n, fsa

UNP Firefox Club

Page 84: Moz kampuspdg, firefoxos, l10n, fsa

AMIK BoekittinggiFirefox Club

Page 85: Moz kampuspdg, firefoxos, l10n, fsa

UPI-YPTK Padang Firefox Club

Page 86: Moz kampuspdg, firefoxos, l10n, fsa
Page 87: Moz kampuspdg, firefoxos, l10n, fsa

terima kasih….

Page 88: Moz kampuspdg, firefoxos, l10n, fsa

Question? @loviniltra

[email protected]

loviniltra.com