Membuat Web Apps Sederhana untuk Google Chrome

Bagi pengguna google chrome tentu sudah tidak asing lagi dengan yang namanya web apps. Web apps adalah sebuah aplikasi yang berjalan didalam browser dan memiliki user interface yang interaktif, misalnya games, photo editor, pemutar video, dan lainnya. Selain apps ada juga yang namanya extension (atau pada Firefox dikenal dengan Add-Ons). (Web) apps berbeda dengan extension, extension mirip dengan apps tapi tidak memiliki user interface dan lebih fokus ke fiturnya.

Web Apps Google Chrome


Pada kesempatan kali ini saya akan sharing tentang cara mudah membuat Web Apps untuk Google Chrome. Yang anda butuhkan adalah:
1. Browser Google Chrome (Wajib).
2. Text Editor seperti notepad, notepad++ dan lainnya. Disini saya menggunakan notepad++, text editor ini nantinya akan kita gunakan untuk menulis kode program json.
3. Sebuah icon berukuran 128 x 128 pixel, icon ini nantinya akan dijadikan ikon web apps kita.

Membuat Manifest

Sebelumnya buatlah sebuah folder kosong, letakkan di mana saja dan berinama WebApps. Kemudian buka text editor, dan buat atau kopi paste kode dibawah ini:

{

"name": "Idi Suwardi",

"description": "Learning and Sharing Center - Official Blog Of Idi Suwardi",

"version": "1.0",

"icons": {

"128": "128.png"

},

"app": {

"urls": [

"http://thinkgoodone.blogspot.com/"

],

"launch": {

"web_url": "http://thinkgoodone.blogspot.com/"

}

},

"permissions": [

"unlimitedStorage"

]

}

Ubah name, description, urls, dan web_url sesuai dengan kebutuhan. Simpan kode manifest diatas dengan nama manifest.json kedalam folder WebApps yang telah kita buat sebelumnya.

Nah, langkah selanjutnya adalah meletakkan icon yang telah kita buat sebelummnya ke dalam folder WebApps. Ingat ukuran ikon harus 128 x 128 pixel dan diberinama 128.png (sesuai dengan yang tertulis dalam manifest.json).



Setelah itu, lakukan packing untuk Web Apps yang telah kita buat dengan cara jalankan Google Chrome, buka Options dan masuk ke menu Extensions. Beri centang pada Developer mode dan klik tombol Load unpacked extension�, lalu telusuri dan pilih folder WebApps sebagai root directory dari apps Anda. Kalau berhasil, maka ikon apps akan langsung muncul pada daftar extensions seperti ini:


Oiy, Web apps yang kita buat itu belum terinstall ke browser, karena hanya di load dari folder WebApps tadi. Kalau Anda menghapus folder WebApps maka apps yang ada di browser juga akan menghilang. Untuk menginstalnya lansung Anda bisa mengklik tombol Pack extension� lalu pada bagian root directory klik tombol browse dan pilih lagi folder WebApps. Kalau berhasil, akan terbentuk sebuah file .crx. Drag file .crx ini ke Google Chrome atau Chromium untuk menginstalnya.

Bagi anda yang ingin mencoba web apps buatan saya, bisa download disini.
Oke, sekian dulu cara membuat Web Apps Sederhana untuk Google Chrome...Selamat Mencoba.

Webmatrix, Apakah itu?

Anda suka ngeblog?, hari ini saya akan sharing tool gratis buatan microsoft. Tool gratis ini menjadi andalan saya untuk mendevelop website, apa nama tool gratis tersebut?... Webmatrix, itulah namanya. WebMatrix adalah web development tool gratis buatan microsoft. Webmatrix menyatukan server, database, dan programming frameworks menjadi satu. WebMatrix memungkinkan Anda untuk coding html, php, asp, javascript dll dan melakukan uji terhadap aplikasi yang dibuat.

 Dengan WebMatrik membuat website lebih mudah karena didalamnya sudah terintegrasi dengan lightweight development tool, IIS Developer Express, SQL Server Compact, dan ASP.Net extensions.



Dengan Webmatrix anda tidak perlu lagi menginstall server, karena webmatrix sudah menyediakannya. Tidak hanya itu, jika anda suka mendevelop blog dengan cms seperti wordpress, drupal dan jombla, semuanya ada di galeri webmatrix. Apa kelebihan lainnya?, silahkan download dan coba sendiri webmatrix. Download webmatrix disini.

Membaca Email Mugi.or.id di Micosoft Outlook 2010

Setelah beberapa waktu lalu membuat email gratis @mugi.or.id, saya ingin membaca email mugi.or.id tersebut di microsoft outlook 2010 namun tidak bisa. Berkat bantuan Bang Li yang merupakan Ketua Mugi Medan barulah saya bisa membaca email mugi.or.id tersebut di microsoft outlook 2010.
Berikut cara yang saya lakukan untuk membaca email mugi.or.id di microsoft outlook 2010, cara ini berlaku juga di microsoft outlook 2007. Saya asumsikan anda sudah mempunyai email @mugi.or.id, jika belum punya silahkan buat di sini : http://mugi.or.id.

1. Download dan Install OutlookConnector. OutlookConnector adalah konektornya email hotmail agar bisa dibaca di microsoft outlook.
2. Masuk ke Microsoft Outlook 2010, klik Menu File > Info, pilih Add Account.


3. Kemudian Pilih Manual Configure Server Setting.....



4. Pilih Other > Microsoft Outlook Hotmail Connector


5. Selanjutnya masukkan Nama, Email, dan Password email Mugi.Or.Id anda. Klik OK untuk melanjutkan, Biarkan sampai proses konfigurasi selesai. Setelah itu anda dapat membaca email mugi.or.id di microsoft outlook 2010.





6. Selesai

Bagi anda yang belum tahu, sekilas tentang apa itu MUGI. MUGI (Microsoft User Group Indonesia) adalah komunitas nirlaba, bersifat mandiri, mengutamakan azas kekeluargaan, dan persaudaraan yang saling menolong. Seperti layaknya sebuah organisasi, MUGI pun mempunyai visi dan misi. Visi MUGI adalah "Mencerdaskan masyarakat Indonesia yang madani melalui pengenalan dan penerapan teknologi informasi". Sedangkan Misi "Berbagi pengalaman dan pengetahuan tentang penggunaan teknologi informasi khusus produk Microsoft di Indonesia". Mugi dapat anda kunjungi di http://mugi.or.id.

5 Menit Membuat Kuis atau Soal Ujian Dengan Google Docs

Kali ini saya akan sharing cara membuat kuis atau soal ujian dengan Form di google docs. Pembuatan kuis ini sangat mudah, anda tidak perlu mengerti tentang bahasa pemrograman. Yang anda lakukan hanyalah input soal-soal yang sebelumnya sudah anda persiapkan.

Tanpa basa basi, mari langsung praktek saja.

Pertama, buka https://docs.google.com. Sign in (masuk) dengan google account anda. Jika anda belum memiliki akun di google silahkan daftar dulu.

Setelah terbuka, akan tampil halaman depan google docs, kemudian klik tombol Create>Form. Lihat tampilan dibawah ini:


Selanjutnya, akan keluar halaman Form untuk pembuatan kuis atau soal ujian seperti gambar dibawah ini:

Keterangan:
Untitled form = Isikan dengan Judul Soal, misalkan Kuis Bahasa Indonesia.
Question Title = Pertanyaan atau soal ujian yang mau dibuat.
Question Type = Jenis Soal ujian (Pilihan ganda atau esai). Pilih Multiple Choice untuk soal pilihan, dan Paragraph Text untuk soal esai.
Click to add option = Letakkan pilihan jawaban disini.
Jika sudah selesai, klik Done. Untuk membuat pertanyaan selanjutnya, dapat anda lakukan dengan klik Add Item>Multiple Choice atau lihat gambar dibawah ini:

Selesai, oiya jangan lupa untuk menyimpan ya. Tombol simpan (save) ada di pojok kanan atas. Setelah disimpan, untuk melihat hasilnya klik link dibawah, atau lihat gambar dibawah ini:


Berikut ini hasil Kuis atau Soal Ujian yang saya buat dalam 5 menit.

Selamat Datang di Blog Idi Suwardi

Selamat datang di blog saya, terimakasih telah berkunjung di blog ini.....blog sederhana ini nanti akan menjadi tempat berbagi informasi dan belajar untuk saya. Oke cukup sampai disini dulu, karena saya masih pemula :^_^:, masih banyak yang harus saya pelajari. Sampai jumpa.

Salam sukses,
Idi Suwardi