Mozilla Webmaker at #MakerpartySUB

311 views
228 views

Published on

Mozilla Webmaker at #MakerpartySUB, Surabaya, East Java, Indonesia

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
311
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mozilla Webmaker at #MakerpartySUB

  1. 1. Maker Party 2013 – Hive Surabaya #MakerPartySUB Agung Firdausi Ahsan (@AgungFirdausi)
  2. 2. #MakerPartySUB MakerPartySUB atau Pesta Kreatif 2013 merupakan bagian kegiatan dari Hive Indonesia (Hive Surabaya) Webmaker X-Ray Goggles Thimble Popcorn
  3. 3. WebMaker Webmaker adalah sebuah proyek dari Mozilla yang bertujuan membantu anda untuk membuat sesuatu yang luar biasa di web.
  4. 4. ToolWebMaker Di webmaker terdapat beberapa tool yang bisa membantu anda membuat suatu web yang luar biasa, diantaranya yaitu : - Thimble - Popcorn - X-Ray Goggles
  5. 5. BagaimanaMemulai? Untuk memulai membuat project di webmaker silahkan • Silahkan buka alamat web http://webmaker.org/ • Mulailah membuat project anda dengan menggunakan tool yang anda inginkan.
  6. 6. See how the web works
  7. 7. X-RayGoggles X-Ray Goggles adalah sebuah tool dari webmaker yang berfungsi untuk mengetahui bagaimana suatu web bekerja.
  8. 8. CaraKerja X-Ray Goggles digunakan untuk menginspeksi atau memeriksa setiap elemen dari sebuah web misal melalui kode HTML dan CSS
  9. 9. BagaimanaMenggunakan? Untuk menggunakan tool ini : • Silahkan buka http://goggles.webmake r.org/ • Setelah itu klik tombol kuning dengan label “Activated X-Ray Goggles” • Setelah diaktifkan silahkan arahkan ke laman web di browser Firefox anda.
  10. 10. Webmaking made easy
  11. 11. Thimble Thimble adalah sebuah tool di webmaker yang berfungsi untuk membuat dan membagikan halaman web anda secara mudah dan praktis. Thimble sangat cocok bagi pemula yang ingin belajar membuat web.
  12. 12. CaraKerjaThimble DenganThimble anda bisa mengedit HTML dan CSS di web anda kemudian anda bisa terbitkan dan bagikan web anda dengan 1 kali klik saja.
  13. 13. BagaimanaMenggunakan? Untuk memulai project menggunakanThimble : • Silahkan anda buka http://thimble.webma ker.org/ • Kemudian pilih New atauTemplate. • Setelah itu edit dan buat menurut kreasi anda sendiri.
  14. 14. Supercharge web video
  15. 15. Popcorn Popcorn adalah sebuah tool di Webmaker yang berfungsi untuk membuat dan mengedit web video dengan dukungan fitur audio dan gambar.
  16. 16. CaraKerjaPopcorn Setelah anda membuat project, anda bisa meng- embed atau menaruh video tersebut ke web anda. Dengan Popcorn anda bisa membuat dokumentasi pribadi anda ataupun mengedit video secara online.
  17. 17. BagaimanaMenggunakannya? Untuk memulai project menggunakan Popcorn : • Silahkan anda buka http://popcorn.webmake r.org/ • Kemudian pilih New atau RemixTemplate. • Setelah itu drag dan drop komentar dan link, text dan sebagainya di project video kamu setelah itu silahkan bagikan.
  18. 18. JELAJAHI + CIPTAKAN + BAGIKAN Agung Firdausi Ahsan (@AgungFirdausi)
  19. 19. JELAJAHI + CIPTAKAN + BAGIKAN Agung Firdausi Ahsan (@AgungFirdausi)

×