Desain Interface Aplikasi Yasiin dan Tahlil Versi 1.0 - LiaEnisRatna/Yasiin-dan-Tahlil GitHub Wiki

Desain Interface Aplikasi Yasiin dan Tahlil Versi 1.0

Aplikasi Yasiin dan Tahlil Versi 1.0 merupakan media alternative dalam penyelenggaraan acara tahlil dan memberikan kemudahan untuk membaca surat Yasiin. Aplikasi Yasin adalah perangkat lunak yang didesain untuk memudahkan umat Islam untuk membaca Surat Yasin dan Tahliil dengan menggunakan suatu media yang mudah digunakan. Doa lainnya yang dicantumkan seperti Shalawat Nariyah, Do’a Ziarah Kubur, Do’a Nishfu Sya’ban, Doa Hari Asyura, Do’a untuk mayyit, Do’a Mohon Selamat, Do’a Awal Tahun, Do’a Akhir Tahun, Praktik Sholat Jenazah, serta Praktik Sholat Ghaib. Aplikasi ini dibangun dengan menggunakan HTML5 dan JavaScript untuk platform berbasis Dekstop, Website, Mobile dan Tablet. Terdapat beberapa halaman, diantaranya adalah sebagai berikut:

  1. Halaman Home Dalam Aplikasi Yasiin dan Tahlil Versi 1.0 terdapat halaman utama atau yang disebut “Home” dimana terdapat beberapa content yang ditunjukkan pada gambar berikut:

Gambar 1. Halaman utama atau home Dalam halaman utama terdapat beberapa sub menu, diantaranya adalah menu utama, media islam rujukan, tentang, facebook, dan twitter. Setelah user membuka aplikasi Yasiin dan Tahliil akan ditampilkan menu home dari aplikasi. Home tersebut penjelasannya adalah sebagai berikut : a. Menu utama pada aplikasi adalah content yang terdiri dari beberapa doa b. Menu media islam rujukan merupakan suatu menu yang dilinkkan pada halaman website islam c. Menu tentang, berisi mengenai tentang pembuat aplikasi d. Facebook merupakan link yang menuju ke halaman facebook dari aplikasi e. Twitter merupakan link yang menuju ke halaman twitter dari aplikasi

  1. Menu Utama Menu utama merupakan suatu menu inti dari aplikasi, pada halaman ini user dihadapkan dengan beberapa pilihan do’a. dimana user dapat memilih pilihan dari do’a yang disediakan. Di dalamnya terdapat Surat Yasiin dan Tahlill, serta beberapa doa lainnya. Doa lainnya yang dicantumkan seperti Shalawat Nariyah, Do’a Ziarah Kubur, Do’a Nishfu Sya’ban, Doa Hari Asyura, Do’a untuk mayyit, Do’a Mohon Selamat, Do’a Awal Tahun, Do’a Akhir Tahun, Praktik Sholat Jenazah, serta Praktik Sholat Ghaib. Pada setiap doa yang ditampilkan di dalamnya terdapat audio pembacaan serta terjemahannya. Misalnya adalah pada Surat Yasiin di bawah ini:

Gambar 2. Surat Yasiin

Gambar 3. Terjemahan dari Surat Yasiin 3. Media Islam Rujukan Merupakan suatu halaman dari media Islam yang dirujuk oleh pengembang yang masih terdapat kaitannya dari menu utama, menu ini merupakan menu tambahan. Apabila menu ini dipilih maka akan terdapat beberapa berita mengenai Islam. Media rujukan yang dicantumkan adalah Berita Islam, Nahdlatul Ulama’, Muhammadiyah. Tampilan dari menu media rujukan adalah sebagai berikut :

Gambar 4. Media Rujukan Berita Islam

Gambar 5. Media Rujukan Nahdlatul Ulama’

Gambar 6. Media Rujukan Nahdlatul Muhammadiyah

  1. Tentang Pada halaman ini berisi mengenai pengertian singkat dari Aplikasi Yasiin dan Tahlil, serta daftar nama yang diddedikasikan oleh para pengembangnya, serta daftar nama dari pengembang itu sendiri. Tampilan dari tentang adalah sebagai berikut:

Gambar 7. Tentang Aplikasi

  1. Facebook Pada menu ini terdapat menu Facebook yang langsung menuju halaman Facebook dari Aplikasi Yasiin dan Tahliil. Jejaring sosial Facebook merupakan suatu jejaring sosial yang banyak digunakan oleh berbagai kalangan, sehingga dengan adanya aplikasi di Facebook ini dapat memanfaatkan Facebook sebaik mungkin.

Gambar 8. Aplikasi Yasiin dan Tahlil pada Facebook 6. Twitter Pada menu ini terdapat menu Twitter yang langsung terhubung pada halaman Twitter dari Aplikasi Yasiin dan Tahliil. Jejaring sosial Twitter merupakan suatu jejaring sosial yang banyak digunakan oleh berbagai kalangan, sehingga dengan adanya aplikasi di Facebook ini dapat memanfaatkan Twitter sebaik mungkin.

Gambar 9. Aplikasi Yasiin dan Tahlil pada Twitter

Untuk keterangan Gambar yang lebig jelasnya terdapat pada blog :http://aplikasiyasiin.blogspot.com/