1. MozKampus UNAND
#MozKampusPdg

2. about:me

3. @loviniltra
PRIMA YOGI LOVINILTRA
loviniltra.com
Mozilla Representative
prima.yogi@loviniltra.com

4. Apa yang kalian pikirkan ; mozilla?

5. 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

6. Berapa orang pengguna aktif Firefox?

7. Firefox Live ; Red Panda

8. Apa saja project dari mozilla?

9. Persona
Firefox
MarketPlace
WebMaker
Firefox OS
Thunderbirds

10. Agenda
• Pengenalan tentang Komunitas Mozilla Indonesia
• Mozilla l10n Project in Minangkabau Language
• Mozilla Firefox OS Phone
• Mozilla Firefox Club/Firefox Student Ambassadors

11. KOMUNITAS MOZILLA

12. Apa itu Mozilla Reps/ReMo?

13. Mozilla Powered by Community

14. Mozilla Indonesia

15. Mozilla Malaysia

16. Mozilla Philippines

17. Mozilla Japan

18. Mozilla Taiwan

19. Mozilla Sumbar

20. MOZILLA EVENTS

21. MozKampus/MozCampus

22. MozSekolah

23. MozKopdar/MozCafe

24. MozCamp

25. MozSummit

26. FIREFOX MINANGKABAU

28. l10n Project
Firefox Localization

29. Firefox Bahasa Indonesia

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

31. Tujuan?
Melestarikan Bahasa Minangkabau
Mengenalkan kepada dunia.

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

33. Bergabunglah bersama kami!

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

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

36. Facebook Group
http://bit.ly/l10n-min

37. FIREFOX OS

38. Firefox OS Launch in Indonesia
#FirefoxOSAppsDay

39. Firefox OS
Buat yang belum tahu,
Firefox OS bukanlah Firefox browser...
tetapi adalah merek baru OS untuk platform mobile.

40. Interface

41. Bentuk Fisik

42. 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/

43. Component
User interface : HTML & CSS
Programming : Javascript

44. Philosophy
Jadi, pada dasarnya aplikasi Web Apps!
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.

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

46. Partner

47. Firefox OS Review

48. Membuat Simple Apps Firefox OS

49. Persiapan
Text Editor (Vim, Notepad, TextEdit, GEdit)
Firefox Versi Terbaru
Firefox OS Simulator (Add-On)

50. 1.
Develop Web App using
HTML5, CSS, & Javascript
2. Create an app manifest file
3. Run in Simulator
4. Push to Geeksphone
5. Publish to MarketPlace

51. 1.
Develop Web App using HTML5,
CSS & JavaScript

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

53. REUSE ANY EXISTING
WEBSITE/APPS
Requirements : index.html & manifest.webapp

54. My Blog > http://loviniltra.com

55. Index.html

56. DEVELOP FROM SCRATCH
Requirements : index.html, manifest.webapp, others like JS/
AJAX/CSS

57. Insert the JS in the Index.html

58. 2.
Create an app manifest file

59. manifest.webapp

60. 3.
Run in Firefox OS Simulator

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

62. Tools > Web Developer > Firefox OS Simulator > Add Directory

63. App Manager > Push ADB

64. Icon in Menu
About
Adzhan Time

65. 4.
Publish to Market Place

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

67. 5
Push to Geeksphone

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

69. Title Text
Push to Geekphone

70. Source

71. MDN, MarketPlace, Wiki, API

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

73. http://buildingfirefoxos.com/

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

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

76. https://build.phonegap.com/

77. http://appmaker.mozillalabs.com/

78. Ingin berkontribusi?

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

80. Mozilla Developer Network
https://developer.mozilla.org/

81. Firefox Student Ambassadors
Firefox Club

82. Firefox Student Ambassadors/FSA
https://wiki.mozilla.org/StudentAmbassadors/Join

83. UNP Firefox Club

84. AMIK BoekittinggiFirefox Club

85. UPI-YPTK Padang Firefox Club

87. terima kasih….

88. Question?
@loviniltra
loviniltra.com
prima.yogi@loviniltra.com