Bagaimana cara menginstall Anhar?

1. Apa itu Anhar?

 

Anhar diambil dari bahasa 'Arab yang berarti sungai. Namun Anhar disini adalah sebuah framework untuk aplikasi-aplikasi yang berbasis HTML. Didukung dengan CSS (Cascade Style Sheet) untuk mempercantik tampilan dan Javascript (Scripting Language) untuk menunjang aplikasi-aplikasi dan framework itu sendiri, yang memungkinkan Anhar untuk dapat memuat beberapa aplikasi dalam satu file saja, dengan metode offline, dan dapat diakses kapan saja tanpa menggunakan data internet.

 

2. Tujuan

 

Tujuan utama pembuatan framework ini adalah untuk mempermudah umat Islam memami agama. Oleh karena itu, aplikasi pertama yang tertanam pada framework ini adalah Al Quran versi terjemah bahasa Indonesia. Selanjutnya akan dikembangkan beberapa aplikasi yang menunjang dalam mempelajari agama Al Haqq, Al Islam.

 

3. Download

 

Sebelum menginstal Anhar, akan dibutuhkan file untuk di-download. Karena framework ini gratis dan open-source, file dapat diunduh dan dilihat kodenya di GitHub: https://github.com/9r3i/anhar

Download from GitHubDownload from GitHub

 

Klik tombol "Download ZIP" untuk mengunduh file dalam bentuk ZIP.

 

4. Install

 

Untuk menginstalnya, unzip file zip yang telah diunduh tadi ke komputer, laptop atau hape android anda. Kemudian, klik file anhar.html atau buka dengan browser kesayangan anda, seperti: Firefox, Sapari, Opera, Chrome atau IE10+. Dan untuk android disarankan untuk menggunakan Firefox saja.

 

Setelah dibuka dengan browser, akan muncul tampilan seperti ini:

Tampilan untuk Firefox Android. Akan tampil sebuah aplikasi yang sudah tertanam secara default. Al Quran terjemah bahasa Indonesia.

 

PS: Hal yang cukup penting dalam aplikasi ini adalah Anhar selalu menggunakan Cookie untuk menyimpan pengaturan dan data sementara, oleh karena itu, sangat disarankan untuk mengaktifkan Cookie pada Browser yang dipakai untuk Anhar.

 

5. Pengaturan

 

Untuk masuk ke pengaturan, klik tombol menu berbentuk # (pagar) pada sisi kanan-atas layar, maka akan keluar menu seperti gambar ini:

Lalu klik "Pengaturan", dan masuk kepengaturan dengan tampilan seperti ini:

Untuk mengubah bahasa kedalam bahasa inggris, ubah dengan "en", seperti ini:

Untuk sementara ini bahasa hanya tersedia en (untuk English) dan id (untuk Indonesia).

 

6. Menambah Aplikasi

 

Kemudian untuk menambahkan Aplikasi, pastikan requirement-files dari aplikasi tambahan sudah terdapat pada direktori yang sama dengan anhar.html

Setelah itu masukan namespace aplikasi tersebut kedalam kolom aplikasi pada pengaturan, seperti ini:

PS: Setiap namespace aplikasi, wajib dipisah dengan koma tanpa spasi.

 

Lalu klik tombol "Simpan" untuk menyimpan pengaturan.

Dan aplikasi tambahan akan muncul pada halaman beranda seperti ini:

 

7. Mengubah Gambar Latar

 

Ini adalah tambahan untuk pengaturan -> masuk pengaturan -> lalu isi kolom Gambar Latar dengan nama file gambar yang anda inginkan, seperti contoh ini:

PS: Jangan lupa untuk memasukan file gambar tersebut kedalam direktori yang sama dengan file anhar.html

Klik tombol "Simpan".

Maka tampilan beranda akan berubah seperti ini:

 

8. Menggunakan Aplikasi

 

Tiba saatnya menggunakan aplikasi yang sudah tersedia. Aplikasi pertama adalah Al Quran ID, atau Al Quran dengan terjamah bahasa Indonesia.

Klik icon Quran ID kemudian Anhar akan memuat aplikasi tersebut dengan sendirinya. Seperti ini:

 

Ini adalah tampilan awal aplikasi Al Quran.

 

Klik salah satu suroh yang ingin ditampilkan, contoh suroh Al Fatihah:

 

Aplikasi ini juga memungkinkan anda untuk dapat mencari kata dalam bahasa Indonesia, anda hanya perlu mengklik # (pagar/menu);

Kemudian klik "Cari kata dalam Quran".

 

Ketik kata yang ingin dicari, contoh: "taubat"

 

Kemudian klik tombol cari atau Enter pada keyboard.

Dan hasil pencarian akan muncul dalam beberapa detik saja.

 

 

9. Requirement-file

 

Adalah file-file yang dibutuhkan atau wajib disertakan pada directori yang sama dengan anhar.html pada sebuah aplikasi

Biasanya file tersebut adalah:

1. *.json, adalah file untuk informasi tentang aplikasi tersebut, [namespace].json, contoh: quran3id.json

2. *.js, adalah file untuk memuat aplikasi tersebut berbentuk Javascript, [namespace].js, contoh: quran3id.js

3. dan *.png, adalah file icon yang ditampilkan di beranda Anhar, contoh: anhar-64.png

 

10. Penutup

 

Demikian yang bisa disampaikan, semoga ada manfaat, terutama untuk Islam karena itulah tujuannya.

 

Jangan lupa untuk lihat update-nya di GitHub: https://github.com/9r3i/anhar

 

 

 

--Abu Ayyub (Pengembang)