LAPORAN PEMBUATAN APLIKASI ANDROID

“MUSLIM PAL”
Diajukan untuk memenuhi tugas Ujian Akhir Semester mata kuliah Digitalisasi
Alquran

Dosen Pengampu :
Dr. Izzah Faizah Rusydaty K, M.Ag
Maulana Hasanudin, M.Kom

Oleh :
Asya. Dwina Luthfia (1181030029)
Kelompok 5

ILMU ALQURAN DAN TAFSIR

FAKULTAS USHULUDDIN
UNIVERSITAS ISLAM NEGERI SUNAN GUNUNG DJATI BANDUNG
2021
 BAB I

PENDAHULUAN

Dengan kemajuan teknologi yang semakin pesat saat ini berpengaruh pada perkembangan
perangkat mobile berbasis android. Kebutuhan akan informasi dan akses digital yang cepat dan
mudah saat ini membuat beberapa pengembang perangkat lunak beralih ke pengembangan
perangkat lunak yang berbasis android. Pengguna perangkat saat ini sudah lebih dimudahkan
untuk mencari informasi yang diinginkan melalui aplikasi-aplikasi yang dikembangkan oleh para
pengembang perangkat lunak.

Perkembangan aplikasi mutakhir di era teknologi digital dalam kehidupan beragama khususnya
Islam pun tak kalah pesatnya. Berbagai aplikasi yang berisi konten Islami sangat populer di
playstore maupun ios. Salah satu yang paling sering dicari adalah Alquran digital dengan fitur-
fitur tambahan lainnya, seperti dzikir, jadwal sholat, dan lain-lain.

Aplikasi-aplikasi ini menginspirasi kami untuk membuat sebuah aplikasi serupa yang diharapkan
dapat membantu pengguna muslim dalam beribadah sehari-harinya. Kami berfokus pada konten
ibadah sehari-hari yang umumnya dilaksanakan umat Muslim. Karena seringkali umat Muslim
pada umumnya membutuhkan panduan beribadah sehari-hari dan biasanya disatukan dalam
sebuah buku. Kami ingin membuat aplikasi dengan konsep kepustakaan ibadah sehari-hari ini
dalam bentuk digital yakni sebuah aplikasi, agar para pengguna mudah membawanya kemana-
mana dan dapat diakses kapan saja, serta tidak perlu repot harus browsing satu-persatu rangkaian
ibadah, tata cara atau doa-doa dalam beribadah, oleh karena itu kami berinovasi dengan
mencakupnya dalam satu aplikasi.

Nama aplikasi yang kami pilih "Muslim Pal". Nama ini kami pilih dengan mempertimbangkan
frequently searching user di playstore or appstore dalam pencarian aplikasi-aplikasi ibadah
sejenis. Muslim disini jelas bahwa aplikasi ini ditujukan untuk umat Muslim yang mencari
aplikasi-aplikasi dengan konten Islami yang membantu ibadah sehari-harinya. Pal berasal dari
bahasa Inggris yang berarti sahabat. Diharapkan aplikasi ini bisa menjadi "sahabat" Muslim yang
membutuhkan aplikasi ini untuk menunjang ibadah hariannya.
 BAB II

LAPORAN PERANCANGAN PEMBUATAN APLIKASI ANDROID “MUSLIM PAL”

A. TAHAP PERSIAPAN
1) Penentuan Tema

Dengan kemajuan teknologi yang semakin pesat saat ini serta kebutuhan akan informasi dan
akses digital yang cepat dan mudah ini, dalam rangka untuk menambahkan kecintaan kita
terhadap Al-Quran. Disini kami selaku bagian dari orang-orang yang termasuk dalam bidang Al-
Quran ingin ikut serta dalam hal menanamkan kecintaan kami terhadap Al-Quran serta isi
konteks dan kandungan yang terdapat didalam Al-Quran. Melalui aplikasi yang kami buat ini
kami berharap dapat memperkenalkan serta memberi pengajaran kepada siapa saja yang
membacanya. Karena aplikasi ini kami buat dengan tema “Ibadah Harian” dimana aplikasi ini
memuat isi-isi tentang ibadah harian yang sering kita lakukan. Materi-materi yang disampaikan
berupa teks dan gambar-gambar sebagai pengantar maupun penjelas dari sisi keilmuannya.

2) Distribusi Penugasan

Dalam proses pembuatan aplikasi android ini, diawali dengan pengonsepan yang benar-benar
matang oleh Siti Nurkholisoh, setelah pengonsepan tersebut para anggota semuanya menyetujui
konsepan itu dan langsung ke tahap proses pembuatan coding awal pada Android Studio oleh Siti
Nurkholisoh juga, sambil menunggu proses pembuatan codingan tersebut, kami mencari konten
yang diperlukan dalam mengisi aplikasi tersebut dan yang mencarinya adalah Syfa Fauzia
Mustofa, Asya Dwina Luthfia, Syahmina Kamilah binti Daud, dan Agus Alwiansyah. Setelah
konten yang dicari sudah selesai dikumpul dan dimasukkan ke dalam aplikasi dan juga codingan
awal juga sudah selesai dibuat. Kemudian Siti Nurkholisoh memberikan perencanaan mengenai
pengembangan aplikasi android ini. Dan setelah proses sudah selesai semua maka seluruh data di
rekap oleh Syfa Fauzia Mustofa untuk dijadikan dokumen dan laporan.

3) Desain Perancangan Tema dan Aplikasi yang Digunakan

Perancangan yang kami buat ini mengambil tema yang simple dimana kami memilih gambar
masjid dan buku dibawahnya sebagai logo aplikasi Muslim Pal. Kami memilih Masjid, karena
Masjid identik dengan Islam yaitu rumah ibadah umat Muslim, juga isi konten kami yang
memang berisi tuntunan ibadah seahri-hari. Dan kami memilih buku sebagai logo, karena
seringkali umat Muslim pada umumnya membutuhkan panduan beribadah sehari-hari dan
biasanya disatukan dalam sebuah buku. Kami ingin membuat aplikasi dengan konsep
kepustakaan seperti sebuah buku yang berisi tuntunan ibadah sehari-hari ini dalam bentuk
digital, dengan harapan dapat membantu pengguna Muslim dalam beribadah sehari-harinya. Dan
Backgroundnya eraser kemudian di edit dengan menggunakan Canva, Pinterest, Freepik.

4) Kemampuan Menggali dan Mengembangkan Ide

Para pengguna perangkat saat ini sudah lebih dimudahkan untuk mencari informasi-informasi
yang diinginkan melalui aplikasi-aplikasi yang dikembangkan oleh para pengembang perangkat
lunak. Perkembangan aplikasi mutakhir di era teknologi digital dalam kehidupan beragama
khususnya Islam pun tidak kalah pesatnya. Berbagai aplikasi yang berisi konten Islami sangat
populer di Playstore maupun Ios. Salah satu yang paling sering dicari adalah Alquran digital
dengan fitur-fitur tambahan lainnya, seperti dzikir, jadwal shalat, dan lain-lain.

Nama aplikasi yang kami pilih “Muslim Pal”. Nama ini kami pilih dengan mempertimbangkan
frequently searching user di Playstore or appstore dalam pencarian aplikasi-aplikasi ibadah
sejenis. Muslim disini jelas bahwa aplikasi ini ditujukan untuk umat Muslim yang mencari
aplikasi-aplikasi dengan konten Islami yang membantu ibadah sehari-harinya. Pal disini berasal
dari bahasa Inggris yang berarti sahabat, dan diharapkan aplikasi ini bisa menjadi “Sahabat”
Muslim yang membutuhkan aplikasi ini untuk menunjang ibadah hariannya.

B. TAHAP PRODUKSI
1) Kemampuan Memilih dan Menggunakan Aplikasi yang Digunakan

• Pinterest

Pinterest merupakan jejaring sosial yang menawarkan konsep unik dan berbeda dari layanan
serupa lainnya. Di Pinterest pengguna dapat mengoleksi dan berbagi foto secara leluasa, tanpa
dihantui oleh berbagai limit yang mengekang. Foto-foto yang dibagikan tidak terbatas pada foto
yang Anda unggah, melainkan mencakup foto dari pengguna lain dan situs-situs tertentu.
Aplikasi ini sangat membantu kami untuk menemukan gambar yang diinginkan dengan kualitas
yang bagus dan gambar terkihat jelas.
• Freepik

Freepik ini adalah mesin pencari terkemuka bagi desain vektor gratis dan komunitas desainer
grafis terbesar di dunia. Pengunjung akan mendapatkan akses ke desain grafis berkualitas tinggi,
ilustrasi eksklusif, dan banyak hal yang tidak bisa dilewatkan. Maka dari itu, selain kami mencari
gambar di aplikasi pinterest, kami pun mencari gambar di freepik, caranya yaitu dengan masuk
ke google terlebih dahulu kemudian tulis di kolom search “freepik” dan akan muncul di bagian
atas.

• Canva

Canva adalah sebuah tools untuk desain grafis yang menjembatani penggunanya agar dapat
dengan mudah merancang berbagai jenis desain kreatif secara online. Mulai dari mendesain
kartu ucapan, poster, brosur, infografik, hingga presentasi. Canva tersedia dalam beberapa versi
yaitu web, iPhone, dan Android. Kami menggunakan aplikasi canva ini karena saya paham
dengan fitur-fitur yang terdapat di aplikasi canva ini, kami gunakan untuk mengedit gambar
dengan warna background sesuai pilihan yang akan digunakan di tema tampilan.

• Background eraser

Background Eraser adalah aplikasi penghapus latar belakang pada foto yang sangat mudah
digunakan dimanapun dan kapanpun, kami bisa menghapus background secara otomatis ataupun
manual. Kami menggunakan aplikasi background eraser ini karena sangat mudah untuk
menghapus background pada gambar bawaan, yang selanjutnya gambar yang sudah di hapus
backgroundnya akan di masukkan ke background yang sesuai rencana.

• Android Studio

Android Studio ini adalah lingkungan pengembangan baru dan terintegrasi penuh, yang baru saja
dirilis oleh Google untuk sistem operasi Android. Android Studio dirancang untuk menjadi
peralatan baru dalam pengembangan aplikasi dan juga memberi alternatif lain selain Eclipse
yang saat ini menjadi ide yang paling banyak dipakai. Sebuah fitur yang mengijinkan Anda
untuk mengirim data dari server ke perangkat Android Anda melalui cloud, cara terbaik untuk
mengirim Pengingat pada apps anda. Program ini juga membantu Anda untuk melokalisasi
aplikasi anda, memberi anda gambaran visual untuk tetap memprogram sambil mengontrol alur
dari aplikasi. Selain itu yang diberikan oleh Android Studio adalah:

- Lingkungan pengembangan yang mantap dan bersifat langsung.

- Cara termudah untuk menguji performa pada perangkat dengan tipe lain.

- Wizard dan template berisi elemen-elemen umum yang ada di semua pemrograman Android.

- Editor dengan fitur lengkap dengan banyak peralatan ekstra untuk mempercepat pengembangan
aplikasi Anda.

Sehingga kami menggunakan aplikasi ini karena ini sangat membantu kami untuk membuat
sebuah aplikasi.

2) Menjelaskan Teknik Perancangan Desain Aplikasi

Pada awalnya kami akan membuat isi konten aplikasi mengenai beberapa materi diantaranya tata
cara mandi wajib, tata cara wudhu, shalawat, bacaan shalat dan artinya, shalawat sunnah sehari-
hari, dzikir pagi, dzikir petang, penjelasan shadaqoh dalam Alquran dan ayat-ayat pilihan. Akan
tetapi, ada masukkan dari dosen pengampu yaitu bu izzah, menyarankan materi nya menjadi 4
bagian, yaitu mengenai thaharah, shalat, dzikir dan fadhail amal. Dengan tujuan agar terlihat
lebih rapi, tersusun dan jelas.

Dan di tiap-tiap judul memiliki poin-poin, diantaranya mengenai thaharah ada tentang wudhu
dan mandi wajib, mengenai shalat ada tentang shalat fardhu dan shalat sunnah, mengenai dzikir
kami ambil referensi dari Al-Ma’tsurat dan mengenai fadhail amal ada tentang shalawat dan
sedekah. Maka dari itu aplikasi yang kami buat ini dinamakan “Muslim Pal” artinya sahabat
muslim.

Pandangan kami mengenai materi yang telah di sebutkan diatas, itu sangatlah penting bagi setiap
muslim untuk mengetahui ibadah harian dan juga bagi yang ingin membaca dzikir Al-Ma’tsurat
menjadi lebih mudah dan praktis karena dzikir tersebut sudah ada di aplikasi handphone kita
yang bisa di bawa kemana-mana.

Kemudian kami tambahkan icon-icon yang berbentuk animasi agar aplikasi terlihat lebih bagus
dan menarik. Kami mencari gambar animasi yang diperlukan yang sesuai dengan pembahasan
yang kami bahas dari aplikasi pinterest dan juga google “freepik”, kemudian menghapus
background bawaan pada gambar menggunakan background eraser dan kami menyesuaikan
background sesuai keinginan kita menggunakan aplikasi canva.

Setelah selesai mengedit gambar icon, selanjutnya dalam pembuatan aplikasi ini kami
menggunakan Aplikasi Android Studio, dimana aplikasi ini sarankan oleh dosen pengampu yaitu
bapak Maul. Menggunakan aplikasi ini mudah karena sudah ada langkah-langkah nya sehingga
kami hanya mengikuti langkah-langkah yang ada. Adapun bila kami kebingungan dalam
menggunakan aplikasi ini ataupun ada beberapa kendala kami meminta bantuan dan arahan
kepada dosen mata kuliah Digitalisasi Alquran dan teman-teman satu jurusan, sehingga sedikit
banyaknya membantu kendala atau kebingungan kami. Pada akhirnya kami tahu bagaimana
aplikasi android studio ini beroperasi, apa saja fungsi dari fitur-fitur yang ada sehingga selesailah
sudah kami bisa membuat dan menghasilkan suatu aplikasi di handphone kami.

Berikut rancangan dan conding aplikasi “Muslim Pal” kami. Sehingga dapat berjalan dengan
lancar saat diakses:
1. Tampilan Icon dan Nama Aplikasi
Gambar 1 logo aplikasi dan nama aplikasi
Conding (Android Manifest)
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.digitalisasial_qurandantafsir">

<application
android:allowBackup="true"
android:icon="@mipmap/logo"
android:label="@string/app_name"
android:roundIcon="@mipmap/logo"
android:supportsRtl="true"
android:theme="@style/Theme.DigitalisasiAlQuranDanTafsir">
<activity
android:name=".Splash_Screen"
android:label="@string/app_name"
android:theme="@style/Theme.DigitalisasiAlQuranDanTafsir.NoActionBar">
<intent-filter>
<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />

</intent-filter>
</activity>
<activity
 android:name=".MainActivity"
android:label="@string/app_name"
android:theme="@style/Theme.DigitalisasiAlQuranDanTafsir.NoActionBar" />
<activity android:name=".Shalawat"/>
<activity android:name=".Sedekah" />
<activity android:name=".MandiWajib" />
<activity android:name=".Wudhu" />
<activity android:name=".ShalatSunnahRawatib" />
<activity android:name=".ShalatIstikharah" />
<activity android:name=".ShalatTahajud" />
<activity android:name=".ShalatWitir" />
<activity android:name=".ShalatDhuha" />
<activity android:name=".Zikir" />
<activity android:name=".Salam" />
<activity android:name=".DudukTasyahudAkhir" />
<activity android:name=".DudukTasyahudAwal" />
<activity android:name=".DudukAntaraDuaSujud" />
<activity android:name=".Sujud" />
<activity android:name=".Itidal" />
<activity android:name=".Rukuk" />
<activity android:name=".Intiqal" />
<activity android:name=".MembacaAyatAlQuran" />
<activity android:name=".MembacaAlfatihah" />
<activity android:name=".MembacaBasmalah" />
<activity android:name=".DoaIstiftah" />
<activity android:name=".TataCaraBersidakep" />
<activity android:name=".TataCaraTakbirotulIhram" />
<activity android:name=".BerdiriDalamShalat" />
<activity android:name=".ShalatSunnah" />
<activity android:name=".ShalatFardhu" />
<activity android:name=".FadhailAmal" />
<activity android:name=".Dzikir" />
<activity android:name=".Shalat" />
<activity android:name=".Thaharah" />
</application>

</manifest>
2. Tampilan pembukaan awal aplikasi

Gambar 2 tampilan awal

Fungsi splashscreen: Sebagai perantara awal masuk aplikasi sekaligus menampilkan logo dan
copyright.
Codingan (Content Splash Screen)
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context=".Splash_Screen"
tools:showIn="@layout/activity_splash__screen">

<FrameLayout
android:id="@+id/framelayout1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true">

<ImageView
android:layout_width="match_parent"
android:layout_height="700dp"
android:layout_gravity="center"
android:layout_marginLeft="0dp"
android:layout_marginRight="0dp"
 android:src="@drawable/depan"
/>
<ProgressBar
android:id="@+id/progresbar1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="60dp"
android:layout_gravity="center"
/>

</FrameLayout>
</RelativeLayout>

3. Tampilan Menu Utama

Gambar 3 menu utama aplikasi

Menu utama aplikasi Muslim Pal memiliki 4 fitur pilihan, yaitu :

a. Thaharah
b. Shalat
c. Dzikir
d. Fadhail amal
Codingan (Content Main)
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context=".MainActivity"
android:orientation="vertical"
tools:showIn="@layout/app_bar_main">

<!--Tempat Image Slide-->

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="220dp"
android:layout_margin="7dp">

<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="4dp"
android:background="#bababe"/>

<ViewFlipper
android:id="@+id/v_Flipper"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="3dp"
android:layout_marginBottom="7dp"
android:layout_marginLeft="3dp"
android:layout_marginRight="3dp">

<ImageView
android:layout_width="match_parent"
android:layout_height="220dp"
android:contentDescription="TODO"
android:scaleType="fitXY"
android:src="@drawable/masjid1" />
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:contentDescription="TODO"
android:scaleType="fitXY"
android:src="@drawable/masjid2"/>
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:contentDescription="TODO"
android:scaleType="fitXY"
android:src="@drawable/masjid3"/>
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:contentDescription="TODO"
android:scaleType="fitXY"
android:src="@drawable/masjid4"/>

</ViewFlipper>
</RelativeLayout>

<!--Tempat Menu Botton-->

<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:orientation="vertical"
android:weightSum="2">

<!--Tempat Button Atas-->

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="1dp"
android:layout_weight="1"
android:orientation="horizontal"
android:weightSum="2">

<RelativeLayout
android:id="@+id/thaharah"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1">

<ImageView
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_margin="20dp"
android:src="@drawable/thaharah1" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="1dp"
android:text="THAHARAH"
android:textStyle="bold" />

</RelativeLayout>

<RelativeLayout
android:id="@+id/shalat"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1">

<ImageView
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_margin="20dp"
android:src="@drawable/shalat1" />
 <TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="1dp"
android:text="SHALAT"
android:textStyle="bold" />
</RelativeLayout>
</LinearLayout>

<!--Tempat Button Tengah-->

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="1dp"
android:layout_weight="1"
android:orientation="horizontal"
android:weightSum="2">
<RelativeLayout
android:id="@+id/dzikir"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1">

<ImageView
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_margin="20dp"
android:src="@drawable/dzikir1" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="1dp"
android:text="DZIKIR"
android:textStyle="bold"/>

</RelativeLayout>
<RelativeLayout
android:id="@+id/fadhailamal"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1">
<ImageView
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_margin="20dp"
android:src="@drawable/fadhailamal1"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="1dp"
android:text="FADHAIL AMAL"
android:textStyle="bold"/>
 </RelativeLayout>

</LinearLayout>

</LinearLayout>
<fragment
android:id="@+id/nav_host_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginTop="8dp"
app:defaultNavHost="true"
app:layout_constraintHorizontal_bias="1.0"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:navGraph="@navigation/mobile_navigation" />

</LinearLayout>

4. Tampilan Menu Pilihan

Gambar 4 menu tambahan

Codingan (Nav Header Main)
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="@dimen/nav_header_height"
android:background="@drawable/slide"
android:gravity="bottom"
android:orientation="vertical"
 android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
android:theme="@style/ThemeOverlay.AppCompat.Dark">

<ImageView
android:id="@+id/imageView"
android:layout_width="77dp"
android:layout_height="73dp"
android:contentDescription="@string/nav_header_desc"
android:paddingTop="@dimen/nav_header_vertical_spacing"
app:srcCompat="@mipmap/logo" />

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingTop="@dimen/nav_header_vertical_spacing"
android:text="Muslim Pal"
android:textAppearance="@style/TextAppearance.AppCompat.Body1" />

<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="muslimpal@android.com" />
</LinearLayout>

Codingan (Activity Main)

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:openDrawer="start">

<include
layout="@layout/app_bar_main"
android:layout_width="match_parent"
android:layout_height="match_parent" />

<com.google.android.material.navigation.NavigationView
android:id="@+id/nav_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
android:fitsSystemWindows="true"
app:headerLayout="@layout/nav_header_main"
 app:menu="@menu/activity_main_drawer" />
</androidx.drawerlayout.widget.DrawerLayout>

5. Tampilan Menu Fitur Materi

Gambar 5 pilihan pada fitur thaharah Gambar 6 pilihan pada fitur shalat Gambar 7 pilihan pada fitur
fadhail amal

Pada gambar 5 pilihan fitur thaharah ada 2 yaitu wudhu dan mandi wajib.

Pada gambar 6 pilihan fitur shalat ada 2 yaitu shalat fardhu dan shalat sunnah.

Pada gambar 7 pilihan fitur fadhail amal ada 2 yaitu shalawat dan sedekah.

Codingan (Activity Thaharah)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".Thaharah"
android:background="@drawable/background3"
android:orientation="vertical">

<Button
android:id="@+id/wudhu"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:layout_marginStart="6dp"
android:layout_marginTop="25dp"
android:layout_marginLeft="30dp"
android:layout_marginRight="30dp"
android:layout_gravity="center"
android:layout_marginBottom="205dp"
 android:text=" WUDHU "
android:textColor="#ffff"
android:textSize="20dp" />
<Button
android:id="@+id/mandiwajib"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:layout_marginLeft="30dp"
android:layout_marginRight="30dp"
android:layout_gravity="center"
android:layout_marginStart="6dp"
android:text="MANDI WAJIB"
android:textColor="#ffff"
android:textSize="20dp" />

</LinearLayout>

Codingan (Activity Shalat)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".Shalat"
android:background="@drawable/background4"
android:orientation="vertical">

<Button
android:id="@+id/shalatfardhu"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:layout_marginStart="6dp"
android:layout_marginTop="25dp"
android:layout_marginLeft="30dp"
android:layout_marginRight="30dp"
android:layout_gravity="center"
android:layout_marginBottom="205dp"
android:text="SHALAT FARDHU"
android:textColor="#ffff"
android:textSize="20dp" />
<Button
android:id="@+id/shalatsunnah"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:layout_marginLeft="30dp"
android:layout_marginRight="30dp"
android:layout_gravity="center"
android:layout_marginStart="6dp"
android:text="SHALAT SUNNAH"
android:textColor="#ffff"
android:textSize="20dp" />
</LinearLayout>

Codingan (Activity Fadhail Amal)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="wrap_content"
android:layout_height="match_parent"
tools:context=".FadhailAmal"
android:background="@drawable/background2"
android:orientation="vertical">

<Button
android:id="@+id/shalawat"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:layout_marginStart="6dp"
android:layout_marginTop="25dp"
android:layout_marginLeft="30dp"
android:layout_marginRight="30dp"
android:layout_gravity="center"
android:layout_marginBottom="205dp"
android:text="SHALAWAT"
android:textColor="#ffff"
android:textSize="20dp" />
<Button
android:id="@+id/sedekah"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:layout_marginLeft="30dp"
android:layout_marginRight="30dp"
android:layout_gravity="center"
android:layout_marginStart="6dp"
android:text=" SEDEKAH "
android:textColor="#ffff"
android:textSize="20dp" />

</LinearLayout>

6. Tampilan Fitur Shalat Fardhu dan Shalat Sunnah

Gambar 8 isi konten fitur “shalat” yaitu shalat fardhu Gambar 9 isi konten fitur “shalat” yaitu shalat sunnah

Pada gambar 8 isi konten shalat fardhu ada 16 pembahasan yaitu berdiri dalam shalat, tata cara
takbirotul ihram, tata cara bersedekap, doa istiftah, membaca basmalah, membaca Al-Fatihah,
membaca ayat Alquran, intiqal, rukuk, i’tidal, sujud, duduk antara dua sujud, duduk tasyahud
awal, duduk tasyahud akhir, salam dan zikir.
Pada gambar 9 isi konten shalat sunnah ada 5 pembahasan yaitu shalat dhuha, shalat witir, shalat
tahajud, shalat istikharah dan shalat sunnah rawatib.
Codingan (Activity Shalat Fardhu)
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".ShalatFardhu"
android:orientation="vertical">

<ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<Button
android:id="@+id/berdiridalamshalat"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginStart="6dp"
android:layout_marginTop="15dp"
android:layout_marginBottom="0dp"
android:text="BERDIRI DALAM SHALAT"
android:textColor="#ffff"
android:textSize="15sp" />
<Button
android:id="@+id/tatacaratakbiratulihram"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginStart="6dp"
android:text="TATA CARA TAKBIROTUL IHRAM"
android:textColor="#ffff"
 android:textSize="15sp" />
<Button
android:id="@+id/tatacarabersidakep"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginStart="6dp"
android:text="TATA CARA BERSEDEKAP"
android:textColor="#ffff"
android:textSize="15sp" />
<Button
android:id="@+id/doaistiftah"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginStart="6dp"
android:text="DOA ISTIFTAH"
android:textColor="#ffff"
android:textSize="15sp" />
<Button
android:id="@+id/membacabasmalah"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginStart="6dp"
android:text="MEMBACA BASMALAH"
android:textColor="#ffff"
android:textSize="15sp" />
<Button
android:id="@+id/membacaalfatihah"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginStart="6dp"
android:text="MEMBACA ALFATIHAH"
android:textColor="#ffff"
android:textSize="15sp" />
<Button
android:id="@+id/membacaayatalquran"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginStart="6dp"
android:text="MEMBACA AYAT AL QURAN"
android:textColor="#ffff"
android:textSize="15sp" />
<Button
android:id="@+id/intiqal"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginStart="6dp"
android:text="INTIQAL"
android:textColor="#ffff"
android:textSize="15sp" />
<Button
android:id="@+id/rukuk"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginStart="6dp"
android:text="RUKUK"
 android:textColor="#ffff"
android:textSize="15sp" />
<Button
android:id="@+id/itidal"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginStart="6dp"
android:text="I'TIDAL"
android:textColor="#ffff"
android:textSize="15sp" />
<Button
android:id="@+id/sujud"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginStart="6dp"
android:text="SUJUD"
android:textColor="#ffff"
android:textSize="15sp" />
<Button
android:id="@+id/dudukantaraduasujud"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginStart="6dp"
android:text="DUDUK ANTARA DUA SUJUD"
android:textColor="#ffff"
android:textSize="15sp" />
<Button
android:id="@+id/duduktasyahudawal"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginStart="6dp"
android:text="DUDUK TASYAHUD AWAL"
android:textColor="#ffff"
android:textSize="15sp" />
<Button
android:id="@+id/duduktasyahudakhir"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginStart="6dp"
android:text="DUDUK TASYAHUD AKHIR"
android:textColor="#ffff"
android:textSize="15sp" />
<Button
android:id="@+id/salam"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginStart="6dp"
android:text="SALAM"
android:textColor="#ffff"
android:textSize="15sp" />
<Button
android:id="@+id/zikir"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginStart="6dp"
 android:text="ZIKIR"
android:textColor="#ffff"
android:textSize="15sp" />

</LinearLayout>
</ScrollView>

</LinearLayout>

Codingan (Activity Shalat Sunnah)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".ShalatSunnah"
android:orientation="vertical">

<Button
android:id="@+id/shalatdhuha"
android:layout_width="350dp"
android:layout_height="70dp"
android:layout_marginStart="6dp"
android:layout_marginTop="100dp"
android:layout_marginBottom="0dp"
android:text="SHALAT DHUHA"
android:textColor="#ffff"
android:textSize="20sp" />
<Button
android:id="@+id/shalatwitir"
android:layout_width="350dp"
android:layout_height="70dp"
android:layout_marginStart="6dp"
android:text="SHALAT WITIR"
android:textColor="#ffff"
android:textSize="20sp" />
<Button
android:id="@+id/shalattahajud"
android:layout_width="350dp"
android:layout_height="70dp"
android:layout_marginStart="6dp"
android:text="SHALAT TAHAJUD"
android:textColor="#ffff"
android:textSize="20sp" />
<Button
android:id="@+id/shalatistikharah"
android:layout_width="350dp"
android:layout_height="70dp"
 android:layout_marginStart="6dp"
android:text="SHALAT ISTIKHARAH"
android:textColor="#ffff"
android:textSize="20sp" />
<Button
android:id="@+id/shalatsunnahrawatib"
android:layout_width="350dp"
android:layout_height="70dp"
android:layout_marginStart="6dp"
android:text="SHALAT SUNNAH RAWATIB"
android:textColor="#ffff"
android:textSize="20sp" />

</LinearLayout>

7. Tampilan Salah Satu tombol materi

Berikut salah satu materi dari tombol berdiri dalam shalat:
 Gambar 10 isi konten shalat fardhu yaitu berdiri dalam shalat
Codingan (Konten Shalat Fardhu)
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".BerdiriDalamShalat"
android:orientation="vertical">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:background="#0281D2">
<!--warna background cari di google warna xml-->

<TextView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:textColor="#FFFAF0"
android:text="Berdiri dalam Shalat"
android:textStyle="bold"
android:textSize="20dp"/>

</LinearLayout>
<ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="vertical"
android:layout_margin="6dp">

<Button
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:text="Berdiri dalam Shalat"
android:layout_marginBottom="5dp"/>
<ImageView
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_margin="20dp"
android:src="@drawable/berdiri" />

<me.biubiubiu.justifytext.library.JustifyTextView
android:layout_width="345dp"
 android:layout_height="match_parent"
android:layout_marginLeft="15dp"
android:layout_marginRight="1dp"
android:layout_gravity="fill_vertical"
android:text="Berdiri ketika shalat wajib, termasuk rukun shalat.
Shalat menjadi tidak sah jika ditinggalkan.\n"
android:textStyle="bold"
android:textSize="15dp"
android:justificationMode="inter_word"
android:layout_marginBottom="5dp"/>

<me.biubiubiu.justifytext.library.JustifyTextView
android:layout_width="345dp"
android:layout_height="match_parent"
android:layout_marginLeft="15dp"
android:layout_marginRight="1dp"
android:layout_gravity="fill_vertical"
android:text="Dalil bahwa berdiri adalah rukun shalat adalah
hadits yang dikenal sebagai hadits al musi’ shalatuhu, yaitu tentang seorang shahabat
yang belum paham cara shalat, hingga setelah ia shalat Nabi bersabda kepadanya:\n"
android:textStyle="bold"
android:textSize="15dp"
android:justificationMode="inter_word"
android:layout_marginBottom="5dp"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="center"
android:text="ِّ
‫تصل‬ُ ‫ِّ فإنك لم‬
‫َل‬ ‫َص‬
‫ْ ف‬
‫"ارجِع‬
android:textStyle="bold"
android:textSize="19dp"
android:justificationMode="inter_word"
android:layout_marginBottom="5dp"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_marginLeft="15dp"
android:layout_marginRight="1dp"
android:layout_gravity="center"
android:text="“Ulangi lagi, karena engkau belum shalat”\n"
android:textStyle="bold"
android:textSize="15dp"
android:justificationMode="inter_word"
android:layout_marginBottom="5dp"/>

<me.biubiubiu.justifytext.library.JustifyTextView
android:layout_width="345dp"
android:layout_height="match_parent"
android:layout_marginLeft="15dp"
android:layout_marginRight="1dp"
android:layout_gravity="center"
android:text="Menunjukkan shalat yang ia lakukan tidak sah
sehingga tidak teranggap sudah menunaikan shalat. Kemudian Nabi Shallallahu’alaihi
Wasallam mengajarkan shalat yang benar kepadanya dengan bersabda:\n"
android:textStyle="bold"
android:textSize="15dp"
android:justificationMode="inter_word"
android:layout_marginBottom="5dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_marginRight="1dp"
android:layout_gravity="center"
android:text=" ‫ ثم اسْتقبل‬،‫ء‬
َ‫ُو‬
‫ُض‬ ‫ِ فأسْب‬
‫ِغ الو‬ ‫َّالة‬
‫َ إلى الص‬
‫ُمت‬
‫إذا ق‬
‫ِّر‬
‫ة فكب‬َ‫ْل‬
‫ِب‬‫"…الق‬
android:textStyle="bold"
android:textSize="19dp"
android:justificationMode="inter_word"
android:layout_marginBottom="5dp"/>
<me.biubiubiu.justifytext.library.JustifyTextView
android:layout_width="345dp"
android:layout_height="match_parent"
android:layout_marginLeft="15dp"
android:layout_marginRight="1dp"
android:layout_gravity="center"
android:text="“Jika engkau berdiri untuk shalat, ambilah wudhu
lalu menghadap kiblat dan bertakbirlah…” (HR. Bukhari 757, Muslim 397)\n"
android:textStyle="bold"
android:textSize="15dp"
android:justificationMode="inter_word"
android:layout_marginBottom="5dp"/>
<me.biubiubiu.justifytext.library.JustifyTextView
android:layout_width="345dp"
android:layout_height="match_parent"
android:layout_marginLeft="15dp"
android:layout_marginRight="1dp"
android:layout_gravity="center"
android:text="Menunjukkan tata cara yang disebutkan Nabi tersebut
adalah hal-hal yang membuat shalat menjadi sah, diantaranya berdiri. Maka tidak sah
shalat seseorang yang tidak dilakukan dengan berdiri padahal ia mampu untuk berdiri.\
n"
android:textStyle="bold"
android:textSize="15dp"
android:justificationMode="inter_word"
android:layout_marginBottom="5dp"/>
<me.biubiubiu.justifytext.library.JustifyTextView
android:layout_width="345dp"
android:layout_height="match_parent"
android:layout_marginLeft="15dp"
android:layout_marginRight="1dp"
android:layout_gravity="center"
android:text="Namun jika seseorang tidak mampu shalat dengan
berdiri, boleh shalat sambil duduk. Jika tidak mampu duduk, boleh sambil berbaring.\
n"
android:textStyle="bold"
android:textSize="15dp"
android:justificationMode="inter_word"
android:layout_marginBottom="5dp"/>
 <me.biubiubiu.justifytext.library.JustifyTextView
android:layout_width="345dp"
android:layout_height="match_parent"
android:layout_marginLeft="15dp"
android:layout_marginRight="1dp"
android:layout_gravity="center"
android:text="Nabi Shallallahu’alaihi Wasallam bersabda:\n"
android:textStyle="bold"
android:textSize="15dp"
android:justificationMode="inter_word"
android:layout_marginBottom="5dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_marginRight="1dp"
android:layout_gravity="center"
android:text="‫ْ فعلى‬‫ِع‬
‫دا فإن لم تستط‬ًِ
‫ِع فقاع‬
‫ًا فإن لم تستط‬ ‫ِّ قائم‬
‫صل‬
ٍ‫َنب‬
‫" ج‬
android:textStyle="bold"
android:textSize="19dp"
android:justificationMode="inter_word"
android:layout_marginBottom="5dp"/>
<me.biubiubiu.justifytext.library.JustifyTextView
android:layout_width="345dp"
android:layout_height="match_parent"
android:layout_marginLeft="15dp"
android:layout_marginRight="1dp"
android:layout_gravity="center"
android:text="“Shalatlah dengan berdiri, jika tidak mampu maka
duduk, jika tidak mampu maka sambil berbaring” (HR. Bukhari 1117)\n"
android:textStyle="bold"
android:textSize="15dp"
android:justificationMode="inter_word"
android:layout_marginBottom="5dp"/>
<me.biubiubiu.justifytext.library.JustifyTextView
android:layout_width="345dp"
android:layout_height="match_parent"
android:layout_marginLeft="15dp"
android:layout_marginRight="1dp"
android:layout_gravity="center"
android:text="ِ
Jika seseorang masih mampu berdiri namun mudah
lelah atau kepayahan, dibolehkan juga baginya untuk menggunakan tongkat atau berdiri
sambil bersandar.\n"
android:textStyle="bold"
android:textSize="15dp"
android:justificationMode="inter_word"
android:layout_marginBottom="5dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_marginRight="1dp"
android:layout_gravity="center"
android:text="‫ِصلى هللا عليه وسلم لما أسن وحمل اللحم‬
‫ل الله‬َ‫أن رسو‬
َّ
‫"ِ اتخذ عمودا في مصاله يعتمد عليه‬
android:textStyle="bold"
 android:textSize="19dp"
android:justificationMode="inter_word"
android:layout_marginBottom="5dp"/>
<me.biubiubiu.justifytext.library.JustifyTextView
android:layout_width="345dp"
android:layout_height="match_parent"
android:layout_marginLeft="15dp"
android:layout_marginRight="1dp"
android:layout_gravity="center"
android:text="ِ
“Sesungguhnya Rasulullah shallallahu ‘alaihi wa
sallam ketika sudah berusia lanjut dan lemah beliau memasang tiang di tempat
shalatnya untuk menjadi sandaran” (HR. Abu Daud 948, dishahihkan Al Albani dalam
Shahih Abi Daud)\n"
android:textStyle="bold"
android:textSize="15dp"
android:justificationMode="inter_word"
android:layout_marginBottom="5dp"/>
<me.biubiubiu.justifytext.library.JustifyTextView
android:layout_width="345dp"
android:layout_height="match_parent"
android:layout_marginLeft="15dp"
android:layout_marginRight="1dp"
android:layout_gravity="center"
android:text="ِ
Dalam keadaan-keadaan demikian, pahala yang
didapatkan tetap sempurna sebagaimana pahala shalat sambil berdiri, karena Nabi
Shallallahu’alaihi Wasallam bersabda:\n"
android:textStyle="bold"
android:textSize="15dp"
android:justificationMode="inter_word"
android:layout_marginBottom="5dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_marginRight="1dp"
android:layout_gravity="center"
android:text=" ‫إذا مرض العبد أو سافر كتب له مثل ما كان يعمل‬
‫ً صحيحا‬‫"مقيما‬
android:textStyle="bold"
android:textSize="19dp"
android:justificationMode="inter_word"
android:layout_marginBottom="5dp"/>
<me.biubiubiu.justifytext.library.JustifyTextView
android:layout_width="345dp"
android:layout_height="match_parent"
android:layout_marginLeft="15dp"
android:layout_marginRight="1dp"
android:layout_gravity="center"
android:text="“Jika seorang hamba jatuh sakit atau safar, ia
tetap diberi pahala ibadah sebagaimana ketika ia sehat atau sebagaimana ketika ia
tidak dalam safar” (HR. Al Bukhari 2996).\n"
android:textStyle="bold"
android:textSize="15dp"
android:justificationMode="inter_word"
android:layout_marginBottom="5dp"/>
 </LinearLayout>

</LinearLayout>
</ScrollView>

</LinearLayout>

C. HASIL
1) Hasil Perancangan

Gambar 1 Logo Aplikasi Syahdu

1. Nama Aplikasi : Muslim Pal
2. Software pendukung: : Android Studio
3. Ukuran : 8,825 MB
4. Tentang Aplikasi Ini : Layanan ibadah sehari-hari
2) Aspek Penilaian

(1) Nilai Fungsional

Aplikasi Muslim Pal berjalan alias berfungsi sebagaimana yang direncanakan. Aplikasi ini
menampilkan data ensiklopedi ibadah harian sesuai dengan yang diharapkan. Fungsinya sebagai
aplikasi penyedia data tuntunan ibadah sehari-hari yang mudah dan lengkap, serta dapat diakses
dimana saja secara offline, berhasil diwujudkan.

(2) Nilai ketuntasan

Seluruh tampilan menu utama aplikasi serta konten di dalamnya direncanakan dan diwujudkan
berdasar fungsi yang diinginkan dapat dituntaskan dengan baik. Namun, menu pilihan yang
terdapat di slide atau button samping kiri menu utama atau homepage, yang terdiri dari home,
gallery, dan setting, tidak dapat kami tuntaskan pada waktu yang telah ditetapkan. Hal ini terjadi
karena kelompok kami sebelumnya tidak mengetahui pun merencanakan konten apa yang akan
dimasukkan ke dalam tiga button tersebut. Terlebih lagi setelah kami pelajari dengan waktu yang
singkat kami belum dapat menemukan bagaimana caranya mengisi menu-menu tersebut dengan
konten. Mungkin itu ketuntasan yang dapat kami jelaskan.

(3) Nilai Estetika

Menurut kami, aplikasi ini belum baik dalam hal estetika. Kelompok kami belum bisa membuat
aplikasi ini terlihat indah sekaligus nyaman bagi pengguna. Sejauh ini kami hanya membuat
aplikasi yang simple dan dapat berfungsi dengan baik. Ini salah satu kekurangan kelompok kami.

(4) Evaluasi Diri

a. Evaluasi Perencanaan

 Tema yang kami pilih sudah cukup bagus dan dapat menyelesaikan masalah sehari-hari
pengguna mengenai ensiklopedi peribadatan sehari-hari yang lengkap, mudah, dapat diakses
offline dimana pun dan kapanpun. Hanya saja kekurangan kami, mungkin aplikasi serupa
banyak ditemukan di playstore atau ios, dan perlu alasan lebih jauh untuk pengguna memilih,
memutuskannya mendownload, dan menggunakan aplikasi ini.
 Dalam distribusi penugasan, menurut saya sangat timpang, karena secara keseluruhan,
dengan kelompok yang beranggotakan lima orang dan penugasan secara umum hanya dua
poin utama, yakni coding dan konten, sudah jelas bahwa ada satu member kelompok yang
diberatkan dengan tugas pengodingan aplikasi. Hal ini yang ditetapkan dosen kami, yaitu
membagi mahasiswa di kelas kami yang memiliki laptop memadai ke dalam kelompok-
kelompok untuk mengerjakan tugas ini. Hal ini suatu keniscayaan karena alasan di atas,
bahwa pasti ada ketimpangan coding satu orang, konten 4 orang. Namun untungnya
kelompok kami diisi dengan member yang bertanggung jawab dan mudah bekerjasama, kami
member yang membuat konten ikut andil membantu pengkodingan melalui aplikasi notepad
dalam memasukkan konten-konten kami, untuk membantu member utama yang membuat
coding, meskipun tidak banyak.
 Perancangan tema tampilan, menurut kami sudah berjalan baik, karena tersampaikan dan
sesuai tujuan dan tema yang kami punya. Namun, memang estetika tidak kami perhatikan
dengan baik, seperti yang telah dijelaskan pada nilai estetika. Aplikasi yang kami pilih
merupakan keputusan yang memuaskan dimana aplikasi yang kami gunakan mudah
digunakan dengan fitur yang memang kita butuhkan tersedia dengan baik.
 Dalam menggali dan mengembangkan ide menurut kami sudah cukup baik, namun belum
bisa dikatakan baik. Karena kami yang masih sangat awam dengan pembuatan sebuah
aplikasi secara keseluruhan dan dengan waktu yang relatif singkat kami cenderung hanya
mengikuti arahan dosen kami. Kami baik dalam mengembangkan ide konten, namun tidak
didukung dengan keotentikan konten dan tampilan aplikasi.

b. Evaluasi Pelaksanaan
Pelaksanaan pembuatan aplikasi ini sudah cukup baik. Semua member mengerjakan tugas
dengan baik. Mungkin kendala eksternal seperti laptop yang lemot, aplikasi yang tidak berjalan
baik, akses internet yang sering terganggu, dan komunikasi yang terkadang tidak berjalan dengan
baik. Namun, semuanya dapat kami atasi dengan baik, hingga akhir.

c. Kelebihan Kekurangan Produk

 Kelebihan
1. Tema konten relatable
2. Konten lengkap dan mudah dipahami
3. Mudah diakses kapan saja dan dimana saja
4. Aplikasi ringan dan tidak memakan banyak baterai
5. Tampilan simple.
 Kekurangan
1. Tidak ada pemutaran video , sehingga orang yang kurang dalam minat baca tidak akan
menggunakan aplikasi ini
2. Tidak memiliki metode Voice Note untuk mengetahui penjelasan yang lebih jelas
3. Menggunakan template bawaan aplikasi yang diberikan, sehingga kemungkinan sama dengan
yang lain tinggi.
4. Tampilan dan gambar belum cukup baik untuk membuat pengguna betah menggunakan
aplikasi ini.
5. Konten dapat didapatkan di internet, belum bisa meyakinkan calon pengguna untuk memiliki
aplikasi ini.

d. Rencana Pengembangan

Untuk saat ini kelompok kami belum memiliki rencana lebih lanjut mengenai pengembangan
aplikasi ini. Kami perlu belajar lagi agar dapat mengembangkan aplikasi ini ke level yang jauh
lebih baik.
 BAB III

PENUTUP

A. SIMPULAN

Aplikasi muslim pal adalah aplikasi yang di buat oleh mahasiswa UIN Sunan Sunung Djati
Bandung jurusan Ilmu Alquran dan Tafsir semester 5 oleh kelompok 5 mata kuliah Digitalisasi
Alquran. Kami berharap aplikasi ini dapat membantu dan memudahkan setiap orang atau para
pengguna dalam mengakses panduan ibadah sehari-hari yang berisi ensiklopedia tata cara, doa,
dalil dari 4 menu yang tersedia yaitu thaharah, shalat fardhu dan sunnah, dzikir pagi dan petang,
serta fadhail amal yang terdiri dari shalawat dan sedekah. Aplikasi ini memiliki kelebihan dan
tentunya banyak kekurangan, ditambah berbagai kendala yang ada karena ini pertama kalinya
kami membuat aplikasi, namun kami harap laporan ini dapat membantu pembaca mengetahui
secara umum bagaimana aplikasi ini bekerja serta bagaimana tampilan dan kontennya.

B. REKOMENDASI

Seharusnya dalam suatu kelompok, terlebih lagi mereka yang tergabung dalam pembuatan suatu
projek, dalam kasus ini pembuatan aplikasi, kerjasama dan komunikasi antar sesama anggotanya
merupakan hal utama, karena setiap anggota memiliki posisi dan beban tugas masing-masing, hal
ini dibutuhkan agar harmoni dan keberlangsungan proses pembuatan projek berjalan dengan
baik. Untuk mahasiswa jurusan IAT yang lain kami berharap digitalisasi Alquran menjadi bekal
kemajuan teknologi Alquran kedepannya. Semoga aplikasi sejenis Muslim Pal dapat
direalisasikan menjadi lebih modern dan profesional dalam fitur dan tampilan, serta konten yang
otentik.