• Like
Mozilla Addons Development Talk Its 20090424 Rodin
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Mozilla Addons Development Talk Its 20090424 Rodin

  • 4,579 views
Published

 

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
4,579
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
20
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

















Transcript

  • 1. Add-ons Mozilla: Resep Masakan Romi Hardiyanto Indonesian Mozilla Localization Coordinator http://mozilla.web.id http://ewesewes.web.id
  • 2. Apa sih Add-ons? • Mozilla Add-ons memperkaya perangkat lunak perangkat lunak berbasis Mozilla: Firefox, Thunderbird, Sunbird, Songbird, Flock, dll • Add-ons = Pengaya
  • 3. Bahan-Bahan • XML: eXtensible Markup Language • CSS: Cascading Style Sheet • JavaScript: JavaScript 1.7 atau 1.8 • DOM Document Object Model • XUL http://developer.mozilla.org/XUL • Sebuah Ide (dan Niat, dan Waktu, dan Komputer, dkk)
  • 4. Apaan sih XUL? • dibaca: zul • kependekan dari XML User interface Language • window, button, menu, popup, textbox, radio, dll
  • 5. Overview XUL <?xml version=quot;1.0quot; encoding=quot;UTF‐8quot;?> <?xml‐stylesheet href=quot;chrome://global/skin/quot;?> <window xmlns=quot;http://www.mozilla.org/keymaster/ gatekeeper/there.is.only.xulquot;> <!‐‐ Contents go here. ‐‐> </window>
  • 6. Perangkat Meramu XUL • XULExplorer • Komodo Edit • Teks Editor/XML Editor: Notepad, gedit, kate, Notepad++, EditPlus, dkk
  • 7. Contoh
  • 8. JavaScript function alert(str) { window.alert(str); }
  • 9. DOM • Document Object Model • Merupakan cara mengakses “isi” XUL/ HTML dari program • Document adalah sekumpulan node (parent-child), getAttribute, setAttribute
  • 10. Contoh var labeltextlink = document.getElementById('results-link'); while (labeltextlink.firstChild) { labeltextlink.removeChild(labeltextlink.firstChild); } var textEl = document.createElement('label'); labeltextlink.appendChild(textEl); textEl.setAttribute('value',text);
  • 11. Meramu: Memaketkan Extension • File pendukung: • chrome.manifest daftar isi sebuah extension • install.rdf “petunjuk penginstalan” untuk program
  • 12. Layout Direktori Extension • chrome.manifest • install.rdf • chrome/ • content/ XUL dan JavaScript file • locale/ Berkas DTD untuk dukungan multibahasa (opsional) • skin/ File CSS (opsional)
  • 13. Testing, Testing, Testing • Buat file teks berisi: Path lengkap ke direktori extension • Letakkan pada %DirektoriProfilFirefox%/extension contoh: C:Document and SettingsUSERApplication DataMozilla FirefoxProfiles xxxxxxxxxx.defaultextensions • Namai file dengan nama id extension, contoh: myextension@mydomain.web.id • Restart Firefox • Pastikan extension pada daftar Add-ons
  • 14. Tolong! Stuck nih! • http://developer.mozilla.org • irc://irc.mozilla.org/#developer • Milis: groups.google.com/groups/id-moz
  • 15. Sudah Jadi? Mari Berbagi! • addons.mozilla.org (buat akun jika belum punya) • submit → sandbox → review → public • kabar-kabari teman: blog, milis, sms
  • 16. Beberapa Ide • Notifikasi Penggunaan Speedy • Firefox Warnet Customization Kit
  • 17. Suwun Rek! Wis Teko! • romihardiyanto at gmail dot com • romihardiyanto at yahoo dot com • YM!:romihardiyanto • Jabber: romihardiyanto@gmail.com