PENGEMBANGAN SYIAR DAN DAKWAH BERQURBAN
BERBASIS WEB MENGGUNAKAN
CMS (CONTEN MANAGEMENT SYSTEM) WORDPRESS
DI PUSAT PENGADAAN HEWAN QURBAN
ANGKATAN MUDA MUHAMMADIYAH KOTAGEDE
Skripsi
untuk memenuhi sebagian persyaratan
mencapai derajat Sarjana S-1
Diajukan oleh : Ahmad Yusroni Nugraha
20120140008
PROGRAM STUDI TEKNOLOGI INFORMASI
FAKULTAS TEKNIK
i
PERNYATAAN
Saya menyatakan bahwa skripsi tidak mengandung karya yang pernah diajukan untuk memperoleh gelar kesarjanaan di suatu Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak mengandung karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara tertulis diacu dalam naskah dan disebutkan dalam daftar pustaka.
Yogyakarta, 16 November 2016
PRAKATA
Puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan barokahnya sehingga penulis dapat menyelesaikan skripsi dengan judul “Pengembangan Syiar Dan Dakwah Berqurban Berbasis Web Menggunakan CMS (Conten Management System) Wordpress Di Pusat Pengadaan Hewan Qurban Angkatan Muda Muhammadiyah Kotagede”.
Laporan skripsi disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Sarjana Teknik (S.T) pada Program Studi S1 Teknologi Informasi Universitas Muhammadiyah Yogyakarta.
Dalam melakukan penelitian dan penyusunan laporan skripsi penulis telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak. Penulis mengucapkan terima kasih kepada:
1. Bapak Haris Setyawan, S.T., M.Eng. selaku pembimbing utama yang telah membimbing penulis dengan kesabaran dan ketulusan dalam penulisan skripsi.
2. Bapak Asroni, S.T., M.Eng., selaku pembimbing pendamping yang telah meluangkan waktu dan sangat sabar membimbing penulis dalam pengembangan sistem.
3. Ibu Aprilia Kurnianti, S.T., M.Eng., selaku dosen penguji yang mau meluangkan waktu untuk memberikan kritik dan saran kepada penulis dalam pembuatan skripsi.
4. Bapak Muhammad Helmi Zain Nuri, S.T., M.T selaku Ketua Program Studi S1 Teknologi Informasi yang memberikan izin kepada penulis untuk belajar.
5. Para dosen Jurusan Teknologi Informasi Universitas Muhammadiyah Yogyakarta, Bapak Giga, Bapak Slamet, Bapak Eko, Bapak Joko, dan Mas Okto yang telah memberikan tambahan pengetahuan dan mengajarkan ilmunya kepada penulis selama perkuliahan. 6. Para Staff Jurusan Teknologi Informasi UMY, Mas Reza, Mas Ronald, Mbak Lilis, Mbak
Novi, Mas Andi, dan Mas Haris yang senantiasa membantu penulis dalam urusan administrasi.
7. Miss Inggar yang telah membantu dalam penulisan dan membimbing penulis saat perkuliahan.
8. Teman-teman kelas A TI angkatan 2012, wildan, bima, hadi, habibi, putri, hida, lusi, a’la, wisnu, wiwit, leo, oka dan angkatan 2012 lainnya yang tidak bisa penulis cantumkan satu persatu, terimkasih kepada kalian semua yang telah membantu selama 4 tahun dibangku perkuliahan ini.
i
10. Mas anjar sebagai kakak dan ma’ruf sebagai adik, yang selalu memberikan saya pelajaran berharga dalam kerukunan bersaudara, sehingga ilmu yang didapat penulis menjadi bermanfaat untuk keluarga, masyarakat dan bangsa.
11. Mas adin, riyan dan rifka yang selalu memberi semangat, nasihat dan membantu penulis dalam mengembangkan website ini, terimakasih atas bantuan kalian sehingga penulis dapat menyelesaikan website ini.
i DAFTAR ISI
HALAMAN PENGESAHAN I ... ii
HALAMAN PENGESAHAN II ... iii
PERNYATAAN ... iv
PRAKATA ... v
INTISARI ... vii
ABSTRACT ... viii
DAFTAR ISI ... ix
DAFTAR GAMBAR ... xii
DAFTAR TABEL ... xiv
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Perumusan Masalah ... 2
1.3 Tujuan Penelitian ... 2
1.4 Manfaat Penelitian ... 3
1.5 Sistematika Penulisan ... 3
BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI ... 4
2.1 Tinjauan Pustaka ... 4
2.2 Landasan Teori... 5
2.2.1 Syiar dan Dakwah ... 5
2.2.2 Webiste atau Situs... 6
2.2.3 Content Management System (CMS) Open Source Wordpress ... 9
BAB III METODE PENELITIAN ... 13
3.1 Alat ... 13
3.2 Tempat dan Waktu Penelitian ... 13
3.3 Model Pengembangan ... 13
3.4 Prosedur Pengembangan ... 14
3.4.1 Perencanaan ... 14
3.4.2 Desain ... 16
3.4.3 Pengembangan ... 30
3.5 Perancangan Sistem ... 31
3.5.2 Activity Diagram ... 33
3.6 Perancangan Basis Data ... 34
3.6.1 Entity Relationship Diagram ... 34
3.6.2 Kamus Data ... 34
3.6.3 Class Diagram ... 38
BAB IV HASIL DAN PEMBAHASAN ... 41
4.1 Pengembangan Sistem ... 41
4.2 Pembuatan Database ... 41
4.2.1.2 Halaman Dashboard Admin ... 47
4.2.1.3 Menu Post ... 48
4.2.1.13 Menu Testimoni ... 58
4.2.1.14 Menu Paket ... 59
4.2.2 Halaman Pelanggan/Sohibul ... 60
4.2.2.1 Halaman Home ... 60
4.2.2.2 Halaman Paket ... 61
4.2.2.3 Halaman Tipe Hewan Qurban ... 61
4.2.2.4 Form Order atau Form Pemesanan ... 62
4.2.2.5 Halaman Cara Order ... 63
4.2.2.6 Halaman Fasilitas dan Layanan ... 64
i
4.2.2.8 Halaman Tuntunan Qurban ... 66
4.2.2.9 Halaman Tentang Kami ... 67
4.2.2.10 Halaman Galeri ... 68
4.2.2.11 Halaman Hubungi Kami ... 68
4.2.2.12 Halaman Testimoni... 69
4.2.2.13 Halaman Kirim Testimoni ... 70
4.3 Pengujian Sistem ... 70
BAB V KESIMPULAN DAN SARAN ... 75
5.1 Kesimpulan ... 75
5.2 Saran ... 75
DAFTAR PUSTAKA ... 76
ii
DAFTAR GAMBAR
iii
i
DAFTAR TABEL
ii INTISARI
PPHQ AMM (Pusat Pengadaan Hewan Qurban Angkatan Muda Muhammadiyah) Kotagede merupakan tempat penjualan hewan qurban dan media syiar dakwah berqurban untuk masyarakat umum. PPHQ AMM Kotagede belum menggunakan media promosi online apapun melalui intermet, sehingga banyak yang belum mengetahui layanan apa saja yang diberikan perusahaan. Media promosi atau pemasaran yang disebarkan hanya dari mitra atau rekan kerja, sehingga tidak meluasnya pengetahuan tentang berqurban ke masyarakat. Tidak tersedianya media pemasaran untuk pembelian online. Masalah tersebut dapat diatasi dengan pengembangan wesbiste PPHQ AMM Kotagede, sehingga mampu memasarkan melalui online
dan memberikan informasi tentang berqurban. Penelitian ini merupakan penelitian pengembangan (Research and Development) dengan metode Allesi & Trollip. Langkah dalam penelitian ini adalah tahap perencanaan, tahap desain dan tahap pengembangan. Syiar dan dakwah berbasis web menggunakan CMS (Content Management System) Wordpress dan database
MySQL. Berdasarkan hasil pengujian dapat disimpulkan bahwa website dapat membantu penjualan melalui online dan memberikan informasi kepada masyarakat tentang hukum dan tuntunan berqurban.
Kata kunci : Syiar Dakwah, Hewan Qurban, Content Management System, Metode Alessi & Trollip,
iii
ABSTRACT
PPHQ AMM Kotagede is a place selling sacrificial animals and symbols of propaganda berqurban media to the general public. PPHQ AMM Kotagede not use any online promotional media through intermet, so many who do not know what services the company provides. Media promotion or marketing that is spread only from partners or colleagues, so it does not spread knowledge about berqurban to society. The unavailability of media marketing for online purchases. The problem can be overcome by the development wesbiste PPHQ AMM Koagede, so it is able to market through online and provide information about berqurban. This research is a development (Research and Development) method Allesi & Trollip. Step in this research is the planning phase, the design phase and the development phase. Syiar and propaganda-based web using a CMS (Content Management System) Wordpress and MySQL database. Based on the test results can be concluded that the website can help sales through online and provide information to the public about the law and guidance.
BAB I PENDAHULUAN
1.1 Latar Belakang
Setiap tanggal 10 Dzul Hijjah, semua umat Islam yang tidak melaksanakan haji merayakan hari raya Idul Adha. Pada hari itu, umat Islam sangat disunnahkan untuk berqurban dimana mereka menyembelih hewan qurban untuk kemudian dibagi-bagikan kepada seluruh umat Islam di suatu daerah.
Sesuai dengan Al Qur'an Surat Al Kautsar: 1-2
“Sesungguhnya kami telah memberikan kepadamu nikmat yang banyak. Maka dirikanlah sholat karena Tuhanmu dan berqurbanlah.”
Kegiatan Pusat Pengadaan Hewan Qurban Angkatan Muda Muhammadiyah (PPHQ AMM) Kotagede, dibawah Angkatan Muda Muhammadiyah (AMM) Kotagede, yang bertujuan untuk melayani shohibul qurban dalam mendapatkan kambing dan lembu yang layak, sesuai dengan tuntunan syari'at Islam. Di samping itu, untuk keperluan syiar dan kemaslahatan umat. Tahun 1978 dikarenakan kekurangan dana untuk suatu kegiatan, ortom-ortom AMM Kotagede (Pemuda Muhammadiyah, Nasyi'atul 'Aisyiyah, Ikatan Pelajar Muhammadiyah dan Hizbul Wathan) mempunyai ide untuk menyediakan hewan qurban bagi masyarakat Kotagede dan sekitarnya. Usaha tersebut berhasil dan mendapatkan tanggapan positif dari masyarakat. Selama tahun 1983 sampai dengan 1987, mengadakan kerjasama pengadaan hewan qurban dengan ranting-ranting muhammadiyah kotagede. Pada tahun 1988 PPHQ AMM mulai mandiri dan menjadi profesional yang didukung oleh sumberdaya manusia berasal dari ortom AMM Kotagede. Usaha ini terus berkembang pesat sampai dengan saat ini.
Sistem pemasaran dan penjualan hewan qurban di PPHQ AMM Kotagede masih dengan cara konvensional, seperti pemasaran masih menggunakan pamflet atau banner yang ditempel di jalan. Cara itu dirasa kurang menarik perhatian pelanggan hanya bisa dibaca di titik tertentu yang ditempeli dengan pamflet atau banner. Sistem penjualanpun masih menggunakan cara konvensional, sohibul atau pelanggan harus datang di PPHQ AMM Kotagede untuk melihat hewan qurban. Belum adanya sistem secara online dirasa mempengaruhi dalam pemasaran dan penjualan menjadi kurang maksimal.
hukum berqurban dan cara pelayanan dan penjualam melalui online belum berjalan efektif karena masih meggunakan cara manual.
Dengan adanya uraian tersebut maka dapat digunakanlah salah satu strategi pemasaran yang sedang berkembang saat ini yaitu media internet, khususnya website. Website yang mana telah diketahui masyarakat umum adalah media penyebar informasi yang cepat, luas dan mudah diakses dengan biaya yang cukup terjangkau. Hampir seluruh perusahaan kecil, menengah, maupun besar telah memanfaatkan penggunaan website untuk melakukan pemasaran dengan istilah yang telah diketahui e-marketing atau internet marketing. Sangat penting tentunya bagi PPHQ AMM Kotagde untuk memperkenalkan dan memasarkan produk nya secara online.
Website yang akan dibuat untuk PPHQ AMM Kotagede diharapkan dapat membantu
mengatasi masalah pemasaran yang ada pada PPHQ AMM Kotagede. Website akan dibangun menggunakan WordPress.
1.2 Perumusan Masalah
Berdasarkan latar belakang masalah yang sudah dijelaskan, maka dapat diidentifikasi permasalahan yang ada, yaitu :
a. PPHQ AMM Kotagede belum menggunakan media promosi online apapun melalui internet, sehingga banyak yang belum mengetahui layanan apa saja yang diberikan. b. Media promosi atau pemasaran yang disebarkan hanya dari mitra atau rekan kerja,
sehingga tidak meluasnya pengetahuan tentang berqurban ke masyarakat c. Tidak tersedianya media pemasaran untuk pembelian online
1.3 Tujuan Penelitian
Berikut adalah tujuan yang hendak dicapai dengan adanya penelitian ini adalah: a. Membuat sebuah Website untuk mempromosikan dan memperkenalkan PPHQ
AMM Kotagede ke public atau masyarakat luas, agar public lebih mudah mendapatkan informasi yang sesuai tentang PPHQ AMM Kotagede.
1.4 Manfaat Penelitian
Manfaat yang didapatkan dari penelitian adalah sebagai berikut:
1. Membantu AMM kotagede dalam syiar dan dakwah berbasis webiste, sehingga dapat mencakup masyarakat luas.
2. Masyarakat dapat mengetahui informasi tentang pengetahuan berqurban, tata cara dan hukum berqurban.
3. Melayani shohibul qurban dalam mendapatkan kambing dan lembu yang layak, syar’i dan sehat.
4. Penjualan hewan qurban secara online.
1.5 Sistematika Penulisan
Sistematika penulisan tugas akhir secara garis besar diuraikan sebagai berikut: BAB I PENDAHULUAN
Bab I menjelaskan mengenai latar belakang pemilihan tema, perumusan masalah, identifikasi masalah, batasan masalah, tujuan dan manfaat serta sistematika penulisan. BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI
Bab II menjelaskan teori-teori yang menjadi acuan dalam penulis, yaitu mulai dari penjelasan tentang teknologi, penjelasan tentang teori yang digunakan dalam membangun sistem informasi webiste yang digunakan.
BAB III METODE PENELITIAN
Bab III berisi analisis kebutuhan dalam membangun aplikasi, analisis sistem yang sedang berjalan pada webiste, apakah sesuai dengan metode pembangunan perangkat lunak yang digunakan. Selain itu terdapat juga rancangan antarmuka untuk webiste. BAB IV HASIL DAN PEMBAHASAN
Bab IV menjelaskan mengenai implementasi sistem dan hasil pengujian sistem yang telah dibuat.
BAB V KESIMPULAN DAN SARAN
Bab V menjelaskan mengenai kesimpulan dan saran yang dibutuhkan dari hasil penelitian yang telah dibuat.
BAB II
TINJAUAN PUSTAKA DAN LANDASAN TEORI
2.1 Tinjauan Pustaka
PPHQ AMM (Pusat Pengadaan Hewaan Qurban Angkatan Muda Muhammadiyah) Kotagede bukan hanya sebagai tempat penjualan hewan qurban namun juga media syiar dan dakwah berqurban untuk masyarakat umum. Perkembangan media penjualan, syiar dan dakwah PPHQ AMM Kotagede sudah menggunakan memanfaatkan media online seperti
website. Sebagai suatu perbandingan dan sumber refrensi dalam pengembangan website
diperlukan suatu acuan terhadap penelitian-penelitian terdahulu dan kajian terhadap penelitian yang dilakukan saat ini, dengan adanya penelitian terdahulu didapatlah perbandingan-perbandingan yang sesuai dari topik penelitian yaitu mengenai website tentang hewan qurban.
Astuti, D. (2012) melakukan penelitian yang berjudul “Manajemen Penyediaan Ternak Sapi sebagai Hewan Qurban di Perusahaan Mitra Tani Farm” penelitian ini berguna untuk mempelajari karakteristik fisik, pengadaan bakalan, pemasaran dan hubungan daerah asal konsumen dengan karakteristik sapi qurban di Mitra Tani Farm. Selain itu, untuk mengevaluasi manajemen produksi berdasarkan good farming practices.
a. Persamaan penelitian yang sekarang dan yang terdahulu adalah sama sama memberikan informasi tentang hewan qurban.
b. Perbedaan dari penelitian yang sekarang dan yang terdahulu adalah penelitian yang terdahulu hanya untuk mempelajari karakteristik fisik, pengadaan bakalan, pemasaran dan hubungan daerah asal konsumen dengan karakteristik sapi qurban di Mitra Tani Farm. Selain itu, untuk mengevaluasi manajemen produksi berdasarkan good farming
practices. Sedangkan penelitian yang sekarang memberikan informasi syiar dakwah
berqurban berbasis website.
Maryanto, D. (2014) juga melakukan penelitian yang berjudul “Sistem Pakar Kelayakan Hewan Qurban Secara Syariah Dan Kesehatan Berbasis Web” mengenai sistem yang diharapkan dapat mengganti seorang pakar atau petugas untuk mengidenfikasi kelayakan hewan qurban secara syariah dan kersehatan.
b. Perbedaan dari penelitian yang sekarang dan yang terdahulu adalah penelitian yang dulu mengenai sistem informasi yang hanya sebagai pengganti seorang pakar atau petugas untuk mengidenfikasi kelayakan hewan qurban secara syariah dan kersehatan berbasis PHP , sedangkan penelitian yang sekarang menganai sistem informasi syiar dan dakwah berqurban menggunakan wordpress.
Sedangkan pada penelitian Miftahuddin, M. (2015) dengan judul “Aplikasi Pemilihan Hewan Qurban Dengan Metode Forward Chaining Berbasis Web” mengenai aplikasi untuk melihat kondisi fisik hewan qurban.
a. Persamaan penelitian yang terdahulu dan sekarang adalah sama sama tentang informasi tentang hewan qurban berbasis website.
b. Perbedaan dari penelitian yang sekarang dan yang terdahulu adalah menggunakan metode Forward Chaining dan hanya untuk melihat kondisi fisik hewan qurban, sedangkan penelitian yang sekarang tentang sistem informasi syiar, dakwah dan penjualan berqurban menggunakan wordpress.
Setelah membandingkan penelitian-penelitian terdahulu dapat disimpulkan bahwa persamaanya adalah membuat sistem informasi untuk mempermudah umat islam mencapai kesempurnaan dalam beribadah qurban secara syariah berbasis website. Sedangkan perbedaanya adalah sistem informasi ini menggunakan CSM (Conten Management System)
wordpress dan database menggunakan MySQL.
2.2 Landasan Teori 2.2.1 Syiar dan Dakwah
Syi’ar yang berasal dari kata syu’ur yang bermakna rasa masuk dalam banyak jenis ibadah dalam pemahaman Islam. Umpamanya syi’ar haji mulai terdapat pada manasik, pada lambang keagungan Masjidil Haram, Masjid Nabawi, Bukit Shafa dan Marwa (QS. Al-Baqarah: 158). Syi’ar bagi ibadah shalat mulai kita rasakan sejak dikumandangkan azan, mengambil wudhuk, beramai-ramai menuju ke masjid dan sebagainya. Setiap langkah seseorang muslim menuju pelaksanaan ibadah yang diwajibkan Allah sudah ada nilai syi’arnya.
Tarawih di bulan Ramadhan dan melaksanakan shalat Idul Fithri dan Idul Adha setiap tahunnya. Syi’ar-syi’ar semacam itulah yang selalu menggairahkan umat Islam untuk semakin yakin dan sungguh-sungguh melaksanakan berbagai ibadah yang diperintahkan Allah dan bertambah ketakwaannya sebagaimana firmanNya: “Dan barangsiapa yang menggunakan syi’ar-syi’ar Allah, maka sesungguhnya itu timbul dari ketakwaan.” (QS. Al-Hajj: 32).
Sementara dakwah berasal dari kata da’a, yad’u, da’watan. Kata dakwah itu sebagai ism masdar dari kata da’a yang dalam Ensiklopedia Islam dan beberapa kamus diartikan sebagai ajakan, seruan, dan ajakan kepada Islam. Kata da’a dalam Alquran, terdapat 5 kali, sedangkan kata yad’u ada 8 kali dan kata dakwah terulang sampai 4 kali. Makna etimologis kata dakwah tertera dalam Alquran memiliki banyak arti, antara lain: yang bermakna menyampaikan dan menjelaskan (QS. Yusuf: 108), yang bermakna berdo’a dan berharap (QS. Al-A’raf: 55), dan yang mengandung arti mengajak dan mengundang (QS. Yusuf: 33).
Dengan demikian, antara syi’ar dan dakwah itu selalu berhubung kait baik dari sisi makna maupun sisi amalan ibadah oleh seseorang muslim. Syiar dan dakwah ini juga bisa dilakukan saat Idul Adha atau akan berqurban. Dengan berkembangnya teknologi, syiar dan dakwah sudah masuk dalam dunia internet. Dakwah melalui jaringan internet dinilai sangat efektif dan potensial dengan beberapa alasan,diantaranya mampu menembus batas ruang dan waktu dalam sekejap dengan enerji yang relatif terjangkau. Pengguna jasa internet setiap tahunya meningkat drastis,ini berarti berpengaruh pula pada jumlah penyerap misi dakwah.
2.2.2 Webiste atau Situs
Website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan
untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).
Sebuah situs web adalah sebutan bagi sekelompok halaman web (page), yang umumnya merupakan bagian dari suatu nama domain (domain name) atau subdomain di World Wide
Dalam konsep kerjannnya, USER/pengguna yang akan mengakses suatu website berupa URL melalui BROWSER (yaitu media untuk menuju URL yang diakses), kemudian
BROWSER tersebut mengirimkan permintaan/request berupa HTTP REQUEST kepada
SERVER melalui layer-layer TCP/IP, kemudian SERVER memberikan FILES yang
di-request jika ada.
FILES yang telah diberikan tadi tidak langsung ditampilkan/di-display begitu saja,
namun SERVER memberikan respon kembali ke BROWSER melalui HTTP RESPONSE
yang juga melalui layer-layer TCP/IP, yang kemudian baru di terima oleh BROWSER, dan kemudian dikirimkan kepada USER berupa DISPLAY.
Gambar 2.1Ilustrasi konsep kerja website
Adapun unsur-unsur yang terdapat terdapat dalam sebuah sistem website adalah sebagai berikut :
a. Nama Domain (Domain Name/URL – Uniform Resource Locator)
Pengertian nama domain atau biasa disebut dengan Domain Name atau URL adalah alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website, atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan sebuah website pada dunia internet. Contohnya adalah http://www.egladiol.com, atau http://www.umy.ac.id. Nama domain diperjualbelikan secara bebas di internet dengan status sewa tahunan. Nama domain sendiri mempunyai identifikasi ekstensi/akhiran sesuai dengan kepentingan dan lokasi keberadaan website tersebut. Contoh nama domain ber-ekstensi internasional adalah com, net, org, info, biz, name, ws. Contoh nama domain ber-ekstensi lokasi Negara Indonesia adalah co.id (untuk nama domain website perusahaan), ac.id (nama domain website pendidikan), go.id (nama domain website instansi pemerintah), or.id (nama domain website organisasi).
internet. Website merupakan sebuah komponen yang terdiri dari teks, gambar, suara animasi sehingga menjadi media informasi yang menarik untuk dikunjungi oleh orang lain.
b. Rumah Tempat Website( Hosting)
Pengertian Web Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk
tempat menyimpan berbagai data, file-file, gambar dan lain sebagainya yang akan ditampilkan
di website. Besarnya data yang bisa dimasukkan tergantung dari besarnya web hosting yang
disewa/dipunyai, semakin besar web hosting semakin besar pula data yang dapat dimasukkan dan ditampilkan dalam website. Web Hosting juga diperoleh dengan menyewa. Besarnya hosting ditentukan ruangan harddisk dengan ukuran MB (Mega Byte) atau GB (Giga Byte).
Lama penyewaan web hosting rata-rata dihitung per-tahun. Penyewaan hosting dilakukan dari perusahaan-perusahaan penyewa web hosting yang banyak dijumpai baik di Indonesia maupun luar negeri.
c. Bahasa Program (Script Program)
Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam website
yang pada saat diakses. Jenis bahasa program sangat menentukan statis, dinamis atau interaktifnya sebuah website. Semakin banyak ragam bahasa program yang digunakan maka akan terlihat website semakin dinamis, dan interaktif serta terlihat bagus. Beragam bahasa program saat ini telah hadir untuk mendukung kualitas website. Jenis jenis bahasa program yang banyak dipakai para desainer website antara lain HTML, ASP, PHP, JSP, Java Scripts, Java applets dsb. Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan PHP, ASP, JSP dan lainnya merupakan bahasa pendukung yang bertindak sebagai pengatur dinamis, dan interaktifnya situs. Bahasa program ASP, PHP, JSP atau lainnya bisa dibuat sendiri. Bahasa program ini biasanya digunakan untuk membangun portal berita, artikel, forum diskusi, buku tamu, anggota organisasi, email, mailing list dan lain sebagainya yang memerlukan update
setiap saat.
d. Design Website
Setelah melakukan penyewaan domain name dan web hosting serta penguasaan bahasa program (scripts program), unsur website yang penting dan utama adalah desain.Desain
penilaian pengunjung akan bagus tidaknya sebuah website. Untuk membuat website biasanya dapat dilakukan sendiri atau menyewa jasa website designer. Saat ini sangat banyak jasa web
designer, terutama di kota-kota besar. Perlu diketahui bahwa kualitas situs sangat ditentukan
oleh kualitas designer. Semakin banyak penguasaan web designer tentang beragam
program/software pendukung pembuatan situs maka akan dihasilkan situs yang semakin
berkualitas, demikian pula sebaliknya. Jasa web designer ini yang umumnya memerlukan biaya yang tertinggi dari seluruh biaya pembangunan situs dan semuanya itu tergantung kualitas
designer.
2.2.3 Content Management System (CMS) Open Source Wordpress
1. Pengertian CMS
Content Management System (CMS) adalah suatu sistem yang digunakan untuk
mengelola dan memfasilitasi proses pembuatan, pembaharuan, dan publikasi konten secara bersama (collaborative content management). konten mengacu pada informasi dalam bentuk teks, grafik, gambar maupun dalam format-format lain yang perlu dikelola dengan tujuan memudahkan proses pembuatan, pembaharuan, distribusi, pencarian, analisis, dan meningkatkan fleksibilitas untuk ditransformasikan ke dalam bentuk lain. Terminologi CMS sendiri cukup luas, di antaranya mencakup software aplikasi, database, arsip, workflow, dan alat bantu lainnya yang dapat dikelola sebagai bagian dari mekanisme jaringan informasi suatu perusahaan maupun global.
Kegunaan CMS adalah untuk mempermudah user membangun sebuah situs website
dan juga memudahkan dalam mengedit konten ataupun template tanpa harus mempelajari begitu dalam beberapa bahasa pemograman website yang membutuhkan waktu yang sangat lama, seperti HTML, PHP, MySQL dan lain-lain.
2. Pengertian CMS WordPress
WordPress adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer
3. Sejarah CMS WordPress
Sejarah WordPress dimulai saat Matt Mullenweg yang merupakan pengguna aktif dari b2 mengetahui bahwa proses pengembangan b2 dihentikan oleh pemrogramnya (programmer)
yang bernama Michel Valdrighi, Matt Mullenweg merasa sayang dan mulai melanjutkan pengembangan b2. WordPress muncul pertama kali di tahun 2003 hasil kerja keras Matt Mullenweg dengan Mike Little. Yang membuat WordPress makin terkenal, selain karena banyaknya fitur dan tampilan yang menarik, adalah juga karena dukungan komunitas terhadap perangkat lunak sumber terbuka untuk blog.
WordPress menyediakan dua alamat yang berbeda, yaitu WordPress.com dan
WordPress.org. WordPress.com merupakan situs layanan blog yang menggunakan mesin
WordPress, didirikan oleh perusahaan Automattic. Dengan mendaftar pada situs
WordPress.com, pengguna tidak perlu melakukan instalasi atau konfigurasi yang cukup sulit.
Sayangnya, pengguna WordPress.com tidak dapat mengubah template standar yang sudah disediakan. Artinya, pengguna tidak dapat menambahkan asesori apa pun selain yang sudah disediakan. Meski demikian, fitur yang disediakan oleh WordPress.com sudah cukup bagus.
WordPress.org merupakan wilayah pengembang (developer). Di alamat ini, seseorang
dapat mengunduh (download) aplikasi beserta seluruh berkas CMS WordPress. Selanjutnya, CMS ini dapat diubah ulang selama seseorang menguasai PHP, CSS dan skrip lain yang menyertainya. WordPress dengan Bahasa Indonesia ada berkat kerja para kontributor di Indonesia yang dipimpin oleh Huda Toriq, seorang Mahasiswa Kedokteran dari Universitas Diponegoro (UNDIP) Semarang.
4. Keuntungan dan Kekurangan CMS WordPress
CMS WordPress memiliki banyak keunggulan dan fitur untuk dunia blog, antara lain:
1) Untuk mendapatkan perangkat lunak WordPress hanya perlu mengunduh dari situsnya tanpa dipungut biaya, bahkan untuk blog komersial sekalipun.Memudahkan dan
menghemat waktu dalam membuat dan mengedit isi situs, cocok dengan frase yang terkenal di kalangan pengguna WordPress.
2) Instalasi Berbasis kode sumber terbuka (open source). Pengguna dapat melihat dan memperoleh barisan kode-kode penyusun perangkat lunak WordPress tersebut secara bebas, sehingga pengguna tingkat lanjut yang memiliki kemampuan pemrograman dapat bebas melakukan modifikasi, bahkan dapat mengembangkan sendiri program
WordPress tersebut lebih lanjut sesuai keinginan.Tersedianya berbagai macam
template dan plugins gratis yang dapat digunakan untuk mempercantik tampilan situs.
3) Template atau design tampilannya mudah dimodifikasi sesuai keinginan pengguna.
Sehingga apabila pengguna memiliki pengetahuan HTML yang memadai, maka pengguna tersebut dapat berkreasi membuat template sendiri. Pengguna yang tidak mengerti HTML, tentu saja masih dapat memilih ribuan template yang tersedia di internet secara bebas, yang tentu saja gratis.
4) Satu blog WordPress, dapat digunakan untuk banyak pengguna (multi user). Sehingga
WordPress juga sering digunakan untuk blog komunitas. Anggota komunitas tersebut
dapat berperan sebagai kontributor.
5) Jika pengguna sebelumnya telah mempunyai blog tidak berbayar, misalnya di alamat
Blogger, LiveJournal, atau TypePad, pengguna dapat mengimpor isi blog-blog tersebut
ke alamat hosting blog pribadi yang menggunakan perangkat lunak WordPress. Dengan demikian pengguna tidak perlu khawatir isi blog yang lama akan menjadi sia-sia setelah menggunakan perangkat lunak WordPress.
6) Tersedia banyak plugin yang selalu berkembang. Plugin WordPress sendiri yaitu sebuah program tambahan yang bisa diintegrasikan dengan WordPress untuk memberikan fungsi-fungsi lain yang belum tersedia pada instalasi standar. Misalnya
plugin anti-spam, plugin web counter, album foto.
7) Kemampuan untuk dapat memunculkan XML, XHTML, dan CSS standar.
8) Tersedianya struktur permalink yang memungkinkan mesin pencari mengenali struktur blog dengan baik.
9) Mampu mendukung banyak kategori untuk satu artikel. Satu artikel dalam WordPress
dapat dikatogorisasikan ke dalam beberapa kategori. Dengan multikategori, pencarian dan pengaksesan informasi menjadi lebih mudah.
10) Fasilitas Trackback dan Pingback. Juga memiliki kemampuan untuk melakukan otomatis Ping (RPC Ping) ke berbagai search engine dan web directory, sehingga
11) Fasilitas format teks dan gaya teks. WordPress menyediakan fitur pengelolaan teks yang cukup lengkap. Fitur – fitur format dan gaya teks pada kebanyakan perangkat lunak pengolah kata seperti cetak tebal, cetak miring, rata kanan, rata kiri, tautan tersedia di WordPress.
12) Mempunyai kemampuan optimalisasi yang baik pada Mesin Pencari (Search Engine Optimizer).
Adapun kekurangan dari CMS Wordpress sebagai berikut : 1) Banyak serangan spammer dibagian komentar .
2) Meskipun instalasi sendiri, Membutuhkan keahlian dasar tentang webhosting, HTML, PHP, dan javascript. Ketidak-hati-hatian dalam mengelolanya akan berakibat rusaknya blog atau web yang sedang dibuat.
3) Fitur manajemennya sedikit sehingga sebagian orang menganggap terlalu sederhana.
BAB III
METODE PENELITIAN
3.1 Alat
Perangkat keras atau hardware dan perangkat lunak atau software yang digunakan sebagai berikut :
1) Laptop dengan spesifikasi RAM 4GB , Hardisk 750MB, Processor Intel® Core™ i5-3210M CPU @ 2.50GHz 2.49 GHz , Windows 8 Pro dan mouse
2) Kuncihost.com merupakan penyedia hosting dan domain.
3) Browser adalah program yang digunakan untuk menampilakan halaman web. Browser
berkomunikasi dengan dengan server melalui protokol HTTP yang dapat membaca dan menterjemahkan bahasa HTML dan data-data gambar untuk ditampilkan secara visual. Sehingga informasi yang ada dapat ditampilkan dan dibaca. Contoh : Mozilla Firefox, Google Chrome, Opera dan Internet Explorer.
4) Notepad adalah program yang digunakan untuk membuat atau menyunting script PHP
dan HTML.
5) CorelDRAW X7 digunakan untuk menyunting atau mengedit gambar dengan ekstensi
file .jpg, jpeg .png, .gif dan lain sebagainya sesuai dengan kebutuhan.
6) Wordpress.com digunakan untuk mengedit dan mengatur website, seperti mengatur
tema, desain dan coding.
7) Balsamiq Mockups digunakan untuk membuat prototype website.
3.2 Tempat dan Waktu Penelitian
Penelitian ini mengambil tempat di Pusat Pengadaan Hewan Qurban Angkatan Muda Muhammadiyah (PPHQ AMM) Kotagede yang berlokasi di Kotagede. Adapun penelitian ini akan dilaksanakan mulai tanggal 20 Agustus sampai dengan tanggal 15 September 2016.
3.3 Model Pengembangan
Penelitian ini termasuk dalam jenis penelitian dan pengembangan Research And
Development yaitu penelitian yang digunakan untuk menghasilkan produk tertentu, dan
dikembangkan oleh Alessi dan Trollip ( 2001:409). Tahapan‐tahapan yang dilakukan dalam penelitian ini meliputi tahap perencanaan, tahap desain dan tahap pengembangan.
3.4 Prosedur Pengembangan
Secara keseluruhan proses pengembangan media yang diadopsi dari Alessi & Trollip
seperti gambar 3 :
3.4.1 Perencanaan
a. Analisis kebutuhan
Pengembangan website PPHQ AMM Kotagede ini diawali dengan analisis kebutuhan
untuk menentukan materi media yang tepat pada PPHQ AMM Koatgede dalam melakukan
promosi penjualan dan syiar dakwah berqurban. Analisis kebutuhan didapat dari studi
literature dan diskusi bersama panitia PPHQ AMM Kotagede. Berikut ini merupakan analisis
kebutuhan :
1) Halaman home untuk tampilan awala saat website terbuka
2) Halaman paket menampilkan daftar paket harga kambing, sapi dan 1/7 sapi
3) Halaman cara order untuk menerangkan cara pesan hewan qurban
4) Halaman fasilitas dan layanan, menampilkan fasilitas dan layanan yang
diberikan PPHQ AMM Kotagede kepada sohibul qurban.
5) Halaman artikel, menampilkan berbagai artikel tentang PPHQ AMM Kotagede
6) Halaman tuntunan qurban, yang berisi tentang cara berqurban dan hukum
qurban
7) Halaman tentang kami untuk menampilkan informasi tentang profil PPHQ
AMM Kotagede
9) Halaman testimoni menampilkan form yang berisi testimoni untuk pelanggan
terhadap PPHQ AMM Kotagede
b. Medefinisikan ruang lingkup
Menentukan tujuan yaitu menghasilkan website PPHQ AMM Kotagede yang akan dicapai sebagai berikut :
Membantu panitia PPHQ AMM Kotagede dalam penjualan hewan qurban Memudahkan dalam memasarkan hewan qurban
Membantu panitia dan masyarakat umum dalam pemahaman tentang berqurban c. Medefinisikan PPHQ AMM Kotagede
PPHQ AMM Kotagede sebagai penyedia hewan qurban terbesar yang selalu menjadi tujuan masyarakat dalam mencari hewan qurban karena sudah mendapat kepercayaan, akan tetapi masih ada kekurangan dalam hal pemasaran online, kurangnya mengenalkan kepada masyarakat tentang PPHQ AMM Kotagede dan mayarakat belum sepenuhnya mengerti tentang berqurban. Hal ini disebabkan media online belum maksimal dalam memberikan informasi tentang berqurban.
d. Membuat dokumen perencanaan
- Menyiapkan materi tentang PPHQ AMM Kotagede
- Menyiapkan data dan sumber tentang harga hewan qurban, hukum atau tuntunan berqurban
e. Menentukan dan mengumpulkan sumber data
Pada tahap ini terlebih dahulu dikumpulkan beberapa bahan yang dapat disajikan sebagai landasan awal untuk melengkapi pendifinisian permasalahan diantaranya:
a. Riset lapangan
Metode pengumpulan data dengan cara mengamati objek secara langsung di lapangan terhadap objek yang menjadi permasalahan serta rutinitas yang ada di lapangan dan penulis berusaha mempelajari sistem yang digunakan disana.
b. Wawancara
Wawancara ini dapat mengungkap informasi yang tidak diperoleh dari riset lapangan. Kisi-kisi wawancara sebagi berikut :
- Tanggapan tentang website
- Kesulitan yang dihadapi dalam penggunaan website yang dikembangkan
- Tanggapan tentang sajian materi yang diberikan
3.4.2 Desain
a. Mengembangkan ide dan pokok materi
memilih dan menyeleksi materi yang digunakan, menentukan strategi dan desain pemasaran , menetukan kebutuhan panitia dan pelanggan PPHQ AMM Kotagede.
b. Analisis materi dan konsep
Dilakukan untuk membuat materi yang akan dimasukkan pada website agar lebih terstruktur. Tahap ini peneliti merinci materi umum ke dalam komponen materi yang lebih spesifik dan mengurutkan materi website yang dibutuhkan.
c. Membuat prototype
Membuat prototype sangat penting dalam suatu aplikasi karena merupakan bagian dari perangkat lunak yang menjadi sarana komunikasi antar user dengan sistem, serta dapat membantu user dalam melakukan aktivitasnya.
1) Halaman Login
Halaman login digunakan oleh admin untuk dapat masuk ke halaman website.
Berikut ini adalah gambaran halaman login.
2) Halaman Home
Berikut adalah halaman home yang merupakan tampilan utama dari website
dan muncul saat pertama kali website terbuka
3) Halaman Paket
Berikut ini adalah halaman paket yang menampilkan paket harga hewan qurban (kambing, sapi dan 1/7)
.
4) Halaman Tipe Hewan Qurban
Halaman ini menampilkan tipe hewan qurban dan harga yang sudah dipilih oleh pelanggan.
5) Form Order atau Form Pemesanan
Form pemesanan muncul saat pelanggan menekan tombol order sekarang saat dihalaman tipe hewan qurban. Form ini menampilkan data untuk diisi seperti nama, email, nomor telepon, alamat dan info tambahan.
6) Halaman Cara Order
Halaman ini menampilkan cara order atau cara pesan hewan qurban, ada penjelasan cara order dan konfirmasi pembayaran
7) Halaman Fasilitas & Layanan
Halaman ini menampilakan berbagai fasilitas & pelayanan PPHQ AMM Kotagede yang diberikan kepada pelanggan.
8) Halaman Artikel
Halaman ini menampilkan berbagai artikel yang ditulis oleh admin, yang berisi tentang informasi seputar kegiatan PPHQ AMM Kotagede.
9) Halaman Tuntunan Qurban
Halaman ini berisi tentang informasi tuntunan qurban, tatacara berqurban dan hukum berqurban
10)Halaman Tentang Kami
Halaman ini berisi tentang informasi profil PPHQ AMM Kotagede.
11)Halaman Galeri
Halaman ini berisi dokumentasi foto kegiatan PPHQ AMM Kotagede.
12)Halaman Hubungi Kami
Halaman ini berisi kontak, alamat PPHQ AMM Kotagede.
.
13)Halaman Testimoni
Halaman ini menampilkan kiriman testimoni PPHQ AMM Kotagede dari pelanggan.
14)Halaman Kirim Testimoni
Dihalaman ini pelanggan dapat mengirimkan testimoni kepada PPHQ AMM Kotagede.
3.4.3 Pengembangan a. Menyiapkan teks
Tahap pertama yang dilakukan peneliti pada pengembangan adalah mempersiapkan teks. Persiapan teks yang dimaksud adalah mempersiapkan semua materi dan data yang akan di masukkan ke dalam website. Data berupa materi, judul, menu, dan semua yang mendukung teks dalam pembuatan website.
b. Menggabungkan bagian-bagian
Komponen yang sudah dikumpulkan sebelumnya, disusun dan digabungkan agar
website lebih sistematis.
c. Membuat program
Tahap ini peneliti menginstalasi CMS Wordpress pada hosting server. Semua komponen yang telah disiapkan akan dipindahkan ke dalam instalasi agar website dapat bekerja sesuai dengan yang diharapkan.
d. Uji coba alpha
Uji alpha adalah tes utama yang dilakukan oleh tim desain dan pengembang yang terdiri dari staf produksi, desainer pembelajaran, ahli materi, dan orang-orang yang berkompeten. Uji alpha terdiri dari ahli materi dan ahli media yang masing berjumlah 1 orang. Peneliti menerangkan jalan kerja website ke pada panitia PPHQ AMM Kotagede.
e. Revisi
Setelah melakukan uji coba alpha, proses selanjutnya merevisi setelah dilakukan uji coba alpha.
f. Uji coba beta
Uji beta adalah tes produk akhir. Uji beta merupakan proses formal dengan prosedur yang jelas, tentang apa yang harus dilakukan dan apa yang harus diobservasi. Langkah-langkah uji beta sebagai berikut :
1) Select the leaners, pada langkah ini peneliti memilih user yang akan dijadikan
responden.
2) Explain the procedures, peneliti menjelaskan prosedur dan tujuan melakukan
tes ini kepada panitia.
3) Determine prior knowledge, peneliti harus mengetahui sejauh mana
4) Observe the going through the program, sepanjang proses uji coba peneliti harus memperhatikan dan melihat reaksi user memperhatikan bahasa tubuhnya dan menjelaskan juga jika user/panitia menemui kesulitan-kesulitan.
5) Interview (content, operation, enjoyble, interesting, useful, boring) setelah user
selesai memperhatikan website maka peneliti harus mewawancarai mengenai tentang website.
6) Asses their learning, penelitian terhadap pemahaman, bisa berupa wawancara.
7) Final revisions, setelah memperoleh data dari user kemudian memutuskan
apakah program memerlukan revisi lebih lanjut atau tidak.
3.5 Perancangan Sistem
Dalam pembuatan website dilakukan perancangan database menggunakan bantuan
Diagram ER. Metode perangan lain yang digunakan dalam aplikasi adalah United Markup
Language (UML) yang dipakai dalam pengembangan aplikasi yaitu model Use Case Diagram,
3.5.1 Use Case Diagram
Use Case Diagram mendeskripsikan sebuah interaksi antara satu atau lebih actor
dengan sistem yang dibuat. Dapat dikatakan Use Case digunakan untuk mengetahui fungsi yang ada di dalam sistem dan siapa saja yang berhak menggunakan fungsi-fungsi yang dibutuhkan. Simbol-simbol yang digunakan dalam use case diagram dapat dilihat pada gambar dibawah ini
Gambar 3.16 Use Case Diagram
Berikut ini penjelasan tentang Gambar 3.16 Use Case Diagram :
1. Terdapat 2 aktor pada use case diagram yaitu admin dan pelanggan.
2. Admin dapat melakukan update data dan dapat melakukan pengelolaan semua data. 3. Setelah melakukan manipulasi data kemudian melakukan pengecekan konfirmasi
3.5.2 Activity Diagram
Activity Diagram PPHQ AMM Kotagede
ADMIN PELANGGAN/SOHIBUL
Gambar 3.17 Activity Diagram
3.6 Perancangan Basis Data 3.6.1 Entity Relationship Diagram
Paket hewan
Gambar 3.18 Entity Relationship Diagram
Berikut penjelasan tentang gambar 3.18:
1. Terdapat 3 entitas yang masing-masing memiliki atribut dan relasi.
2. Entitas data Pelanggan memiliki relasi many-to-many ke entitas Paket Hewan Qurban, artinya banyak pelanggan bisa memilih banyak paket.
3. Entitas users tidak memiliki relasi ke entitas lainnya.
3.6.2 Kamus Data
Berikut ini merupakan kamus data dalam basis data yang diperlukan dalam perancangan sistem:
1. Tabel Users
Tabel users terbentuk dari entitas users pada ER Diagram. Tabel users mempunyai beberapa kolom. Masing – masing kolom mempunyai fungsi yang akan dijelaskan pada tabel di bawah ini.
Tabel 3.1 Kamus data tabel users
No. Nama Tipe Data Panjang Keterangan users saat admin login.
3. users_pass Varchar 20 Kolom yang
menunjukkan password saat admin login
2. Tabel Data Pelanggan
Tabel Data Pelanggan terbentuk dari entitas Data Pelanggan pada ER
Diagram. Tabel Data Pelanggan/Sohibul mempunyai beberapa kolom. Masing
– masing kolom mempunyai fungsi yang akan dijelaskan pada tabel di bawah
ini.
Tabel 3.2 Kamus Data Tabel Data Pelanggan No. Nama Tipe Data Panjang Keterangan
1. id_order Int - Kolom yang berfungsi sebagai primary key
2. namaProduk Varchar 20 Kolom yang
3. Tabel Paket Hewan Qurban
Tabel Paket Hewan Qurban terbentuk dari entitas Data Pelanggan/Sohibul pada ER Diagram. Tabel Paket Hewan Qurban mempunyai beberapa kolom. Masing – masing kolom mempunyai fungsi yang akan dijelaskan pada tabel di bawah ini.
Tabel 3.3 Tabel Paket Hewan Qurban No. Nama Tipe Data Panjang Keterangan
pada tabel paket hewan
4. Tabel Data Konfirmasi
Tabel Data Konfirmasi terbentuk dari hasil relasi many-to-many antara
entitas Data Pelanggan/Sohibul dengan entitas Paket Hewan Qurban pada ER
Diagram. Tabel Nilai mempunyai beberapa kolom. Masing – masing kolom
mempunyai fungsi yang akan dijelaskan pada tabel di bawah ini.
6. nomerTelpon Varchar 20 Kolom yang - Nama Produk : varchar - Harga Produk : varchar +getid_order()
Data Pela gga /Sohi ul - id_order : int
Berikut fungsi dari masing-masing class :
1. Class users
Class users berfungsi untuk memasukkan dan menampilkan data
admin.
2. Class Paket Hewan Qurban
Class Paket Hewan Qurban berfungsi untuk memasukkan dan
menampilkan data paket hewan qurban. Class paket hewan qurban juga memiliki fungsi penghubung class lain yang akan menampilkan data paket hewan qurban.
3. Class Data Pelanggan
Class Data Pelanggan berfungsi untuk memasukkan dan menampilkan
data pelanggan. Class data pelanggan juga memiliki fungsi sebagai
penghubung class lain yang akan menampilkan data pelanggan.
4. Class Data Konfirmasi
Class data konfirmasi berfungsi untuk memasukkan data konfirmasi.
Pada class data konfirmasi dapat menampilkan nama produk, harga produk,
nama, email, nomor telepon, alamat dan info tambahan.
Berikut merupakan penjelasan relasi antar kelas pada Class Diagram yang
digambarkan gambar 3.19:
1. Pada class users memiliki association dengan class paket hewan qurban,
artinya admin berhak menambah, mengurangi maupun merubah data di dalam
class paket hewan qurban melalui method getid.
2. Pada class users memiliki association dengan class data pelanggan, artinya
admin berhak menambah, mengurangi maupun merubah data di dalam class
data pelanggan. Users mengambil data dari database melalui method
3. Pada class users memiliki association dengan class data konfirmasi, artinya
admin berhak menambah, mengurangi maupun merubah data di dalam class
data konfirmasi. Users mengambil data dari database melalui method
getnama_produk()
4. Pada class data pelanggan/sohibul mempunyai composition dengan class
paket hewan qurban, artinya class data pelanggan tidak dapat terbentuk apabila
tidak ada aktivitas dari class users dengan class paket hewan qurban.
Pelanggan mengambil data dari database melalui method getnama_produk()
5. Pada class data pelanggan/sohibul mempunyai composition dengan class data
konfirmasi, artinya class data konfirmasi tidak dapat berdiri sendiri apabila
class data pelanggan tidak ada. Pelanggan/sohibul mengambil data dari
BAB IV
HASIL DAN PEMBAHASAN
4.1 Pengembangan Sistem
Langkah pertama dalam mengembangkan sistem dari sebuah aplikasi adalah dimulai dari mengumpulkan data sesuai kebutuhan yaitu data admin, pelanggan/sohibul, paket hewan qurban dan data konfirmasi yang dibuat ke dalam bentuk basis data. Basis data berfungsi sebagai acuan data dalam menjalankan aplikasi, sehingga aplikasi dapat dioperasikan apabila sumber data tersedia dalam bentuk basis data. Setelah basis data sudah dibuat, maka langkah selanjutnya adalah mengimplementasikan sistem aplikasi dengan basis data dan desain User
Interface aplikasi yang telah dibuat sebelumnya agar aplikasi dapat digunakan oleh pengguna
sesuai kebutuhan.
4.2 Pembuatan Database
4.2.1 Web Hosting & Nama Domain
Langkah pertama pada instalasi website adalah membuat akun pada web hosting dan nama domain. Untuk website ini peneliti menggunakan situs kuncihost.com untuk membuat
web hosting dan nama domain. Untuk website PPHQ AMM Kotagede memilih domain .com
dan hosting server singapore. Saat pemilihan hosting dan domain juga terdapat memori
database yang akan digunakan, untuk website ini memilih memori 500Mb. Berikut tampilan
home kuncihost.com
Setelah pembelian atau membuat akun web hosting dan nama domain, maka database MySQL akan terinstal otomatis dan dapat digunakan. Berikut tampilan database
Gambar 4.3 Tabel data users
4.3 Instalasi Wordpress Pada cPanel
Setelah memiliki domain dan hosting server, kemudia instalasi wordpress menggunkan
CPANEL, dengan link pphqamm.com/cpanel . kemudian masukkan username dan password
yang telah diberikan oleh penyedia hosting. Informasi tentang username dan password untuk masuk ke cPanel sudah terdapat pada ‘email informasi aktivitas akun hosting’ yang akan dikirimkan setelah hosting diaktifkan. berikut tampilan cPanel
Setelah masuk ke dalam cPanel, kemudian memilih wordpress yang terdapat pada bagian
softaculous apps installer di home cPanel atau saat pertama masuk. Berikut logo wordpress
yang akan dipilih
Gambar 4.5 Login cPanel
Kemudian akan muncul tampilan wordpress untuk penginstalan wordpress, sebelum instalasi
wordpress, sebaiknya mengisi data data pada form penginstalan wordpress, antara lain :
Choose protocol, pilih salah satu http:// atau http://www, dan apabila domain
mendukung SSL, bisagunakan yang HTTPS. Namun jika belum paham maksud dari penggunaan protokol ini, lebih baik untuk awal-awal pilih yang HTTP biasa saja.
Choose domain, pilih domain yang akan diinstal WordPress
Site name, isi dengan nama atau judul situs
Site description, berisi tagline atau penjelasan singkat akan situs
Username, nama pengguna yang akan digunakan saat login ke halaman dashboard
admin wordpress
Password, kata sandi untuk login
Email, gunakan alamat email yang masih aktif, karena nantinya segala notifikasi
default yang berasal dari situs, akan dikirimkan ke alamat email ini
4.2 Antarmuka
Untuk mengimplementasikan aplikasi, rancangan desain user interface harus diubah ke dalam Bahasa pemrograman yaitu menggunakan Bahasa pemrograman PHP.
4.2.1 Halaman Admin
4.2.1.1 Halaman Login Admin
Halaman login digunakan oleh admin untuk dapat masuk ke halaman website, dengan memasukkan username atau email dan password yang telah dibuat saat pembelian hosting dan
domain Berikut ini adalah halaman login dengan link pphqamm.com/wp-admin
4.2.1.2 Halaman Dashboard Admin
Menu ini adalah tampilan pertama setelah berhasil login. Halaman ini biasanya berisi shortcut dimana dapat melihat versi wordpress, theme yang digunakan, jumlah postingan, dan lain-lain (info umum penggunaan CMS). Berikut tampilan dashboard untuk admin.
4.2.1.3 Menu Post
Menu post adalah menu yang berfungsi sebagai membuat dan merubah artikel postingan. Menu post pada dashboard terbagi menjadi beberapa sub menu yang penggunaannya berbeda yaitu sebagai berikut
1 All Post: berfungsi sebagai tempat daftar dan jumlah postingan
2 Add New: berfungsi untuk menambah post baru.
3 Categorie: berfungsi untuk petunjuk kategori tulisan pada blog.
4 Tags: Berbeda dengan kategori tags berfungsi sebagai penandaan yang hampir sama dengan kategori.
4.2.1.4 Menu Media
Menu media adalah menu yang berfungsi sebagai penyimpan file foto, musik, video,
dan dokumen lainnya yang berekstensikan pdf, docx, xlsx dan lainnya. Menu media pada
dashboard terbagi menjadi beberapa sub menu yang masing-masing sub menu mempunyai
fungsi sebagai berikut:
Library: berfungsi untuk mengetahui semua jumlah file yang di upload pada website yang
dikelola.
Add New: Berfungsi untuk tempat admin dapat menambahkan file, video, gambar, dll.
4.2.1.5 Menu Pages
Menu page berfungsi untuk membuat halaman yang sifatnya permanen. Me u i i
e u gki ka u tuk e uat ha a satu hala a posti ga . Pages tidak bisa dibagi per
category atau tags seperti menu Posts. Pages merupakan tampilan satu halaman, dan biasanya
dijadikan menu-menu di tampilan frontend (halaman depan) website. Menu pages pada
dashboard terbagi menjadi beberapa sub menu yang mempunyai fungsi sebagai berikut :
All Pages: Berfungsi untuk melihat semua jumlah halaman
Add New: Berfungsi untuk membuat Halaman baru.
4.2.1.6 Menu Comments
Menu ini berfungsi untuk melihat semua komentar yang masuk ke wordpress. Seperti diketahui, wordpress telah dilengkapi dengan sistem komentar sehingga memudahkan pengguna untuk saling berinteraksi dengan pengunjung website. Di menu ini dapat memfilterisasi, delete, menyatakan komentar sebagai spam, dan approve komentar yang terpending.
4.2.1.7 Menu Appearance
Menu ini mengatur semua tampilan halaman depan website. Bisa bergan tema, memasang header, logo, membuat susunan menu-menu website, mengatur background
website, dan bahkan mengubah struktur coding themes yang sedang digunakan tanpa melalui
cPanel hosting. WordPress memiliki fasilitas editor themes. Melalui menu ini juga dapat diatur
widget/ sidebar website.
4.2.1.8 Menu Plugins
Menu ini berfungsi untuk menambahkan plugins atau script pendukung kemampuan
WordPress. WordPress sangat fleksibel sebagai CMS opensource. WordPress didukung
developer yang sangat banyak untuk membantu mengembangkan website. Plugins punya
fungsi yang beragam, dan biasanya hal-hal yang dilakukan plugins tidak bisa dilakukan oleh
packaging CMS WordPress yang ada. Plugins juga bisa berarti ‘penambahan’.
4.2.1.9 Menu Users
Menu ini tempat mengatur siapa saja yang menjadi admin website dan dapat juga menambah serta menghapus admin website. Pada menu ini dapat mengatur daya akses pengguna CMS. Menu users memungkinkan CMS wordpress bisa berlaku sebagai website
forum atau portal berita atau situs e-commerce yang kompleks dengan sistem registrasi, user, dan hak akses.Berikut penjelasan sub menu yang ada di menu users:
All Users: Untuk melihat semua pengguna yang memeberikan kontribusi terhadap
website.
Add New: Menambahkan pengguna baru pada website.
Your Profile: Melihat profil sendiri.
4.2.1.10 Menu Tools
Menu ini memungkinkan mengeksport semua data website dalam bentuk XML dan sebaliknya juga bisa mengimport data. Hal ini sangat membantu jika ingin pindah hosting atau ingin membackup data website.
4.2.1.11 Menu Settings
Menu ini berfungsi mengatur semua data CMS wordpress yang telah terinstall ini. Baik itu mengatur tampilan frontend, bahkan fungsi backend. Biasanya plugin yang terinstall dan tambah ke wordpress, akan mempunyai menu pengaturan tersendiri. Menu pengaturan ini biasanya akan disisipkan developer ke Menu Settings di dashboard. Berikut fungsi sub menu
yang ada di menu settings:
General: pengaturan umum pada website seperti kata-kata, header website, gambar
product, dll.
Writting: pangaturan menulis yaitu pengaturan yang digunakan sebagai pengaturan
media postingan seperti menu font, dll.
Reading: pengaturan untuk para pembaca ketika membuka homepage website.
Discussion: Untuk mengatur diskusi di website seperti comment pada postingan.
Media: Pengaturan penyimpanan file yang di upload pada website.
Permalinks: Pengaturan custom URL website.
4.2.1.12 Menu Contacs
Menu contacs adalah menu tambahan yang digunakan untuk pengguna saat mengirimkan kritik dan saran kepada admin PPHQ AMM Kotagede, yang bertujuan untuk mengetahui kritik dan saran pelanggan terhadap perkembangan website PPHQ AMM Kotagede. Di menu contacs ini admin dapat menambah, menghapus dan merubah data yang ada
4.2.1.13 Menu Testimoni
Menu ini menampilkan testimoni pelanggan yang telah mengirimkan testimoni di halaman testimoni. Menu ini hampir sama dengan menu contacs, hanya perbadaanya kalau menu testimoni dihubungkan dengan http://docs.google.com/ . Di menu testimoni ini admin dapat menambah, menghapus dan merubah testimoni yang ada
4.2.1.14 Menu Paket
Di menu paket ini admin dapat menambah, merubah dan menghapus data paket hewan qurban yang tersedia. Menu ini menampilkan paket hewan qurban dengan berbagai tipe, bobot dan harga yang berbeda-beda.
4.2.2 Halaman Pelanggan/Sohibul 4.2.2.1 Halaman Home
Berikut adalah halaman home yang merupakan tampilan utama dari website dan muncul saat pertama kali website terbuka. Terdapat banyak fitur seperrti search, social media dan fitur berlanggan.
4.2.2.2 Halaman Paket
Halaman paket menampilkan berbagai paket harga hewan quraban seperti kambing, sapi dan 1/7 sapi. Halaman ini terdapat tombol order untuk memudahkan pelanggan saat ingin membeli hewan qurban.
Gambar 4.23 Halaman paket 4.2.2.3 Halaman Tipe Hewan Qurban
Halaman ini menampilkan tipe hewan qurban yang telah dipilih oleh pelanggan.
4.2.2.4 Form Order atau Form Pemesanan
Form pemesanan muncul saat pelanggan menekan tombol order sekarang saat dihalaman tipe hewan qurban. Form ini menampilkan data untuk diisi seperti nama, email, nomor telepon, alamat dan info tambahan.
4.2.2.5 Halaman Cara Order
Halaman ini menampilkan cara order atau cara pesan hewan qurban, serta ada penjelasan cara order dan konfirmasi pembayaran, untuk memudahkan pelanggan saat memesan hewan qurban. Terdapat tampilan logo instagram untuk melihat instagram PPHQ AMM Kotagede dan logo bank yang artinya pelanggan dapat menstransfer ke bank tersebut.
4.2.2.6 Halaman Fasilitas dan Layanan
Halaman ini menampilakan berbagai fasilitas & pelayanan PPHQ AMM Kotagede yang diberikan kepada pelanggan. Supaya pelanggan semakin percaya dengan PPHQ AMM Kotagede
4.2.2.7 Halaman Artikel
Halaman ini menampilkan berbagai artikel yang ditulis oleh admin, yang berisi tentang informasi seputar kegiatan PPHQ AMM Kotagede, dan pelanggan dapat berlangganan artikel dengan mendaftar dihalaman home
4.2.2.8 Halaman Tuntunan Qurban
Seperti tujuan awal pembuatan website ini adalah syiar dan dakwah berqurban, maka dari itu ada halaman tuntunn qurban untuk menginformasikan kepada publik tentang tuntunan berqurban yang benar dan dihalaman ini terdapat sejarah qurban serta hukum berqurban.
4.2.2.9 Halaman Tentang Kami
Dihalaman ini terdapat informasi tentang sejarah dan profil PPHQ AMM Kotagede, supaya pelanggan mengerti tentang sejarah dan tujuan didirikan PPHQ AMM Kotagede
4.2.2.10 Halaman Galeri
Dihalaman ini berisi dokumentasi foto kegiatan PPHQ AMM Kotagede dari tahun ke tahun, dengan tujuan agar pelanggan mengetahui aktivitas PPHQ AMM Kotagede
Gambar 4.31 Halaman galeri 4.2.2.11 Halaman Hubungi Kami
Halaman hubungi kami terdapat alamat dan kontak PPHQ AMM Kotagede.
4.2.2.12 Halaman Testimoni
Halaman menampilkan testimoni pelanggan yang telah mengirimkan ke PPHQ AMM Kotagede, dengan harapan panitia PPHQ AMM Kotagede mendapat masukan, kritik saran, kesan dan pesan dari pelanggan.
4.2.2.13 Halaman Kirim Testimoni
Halaman ini dibuat untuk pelanggan yang ingin menyampaikan pesan dan kesan kepada PPHQ AMM Kotagede, form testimoni ini menggunakan docs.google.com
Gambar 4.34 Halaman kirim testimoni
4.3 Pengujian Sistem
Pengujian dilakukan bertujuan untuk melihat hasil eksekusi dan fungsionalitas berdasarkan analisis kebutuhan. Hasil pengujian sistem dapat dilihat pada tabel berikut
Tabel 4.1 Tabel hasil pengujian No Kasus Uji Hasil yang
No Kasus Uji Hasil yang
Diharapkan Hasil yang Didapat Status 3. Tombol
halaman home Pengguna dapat masuk ke twitter
PPHQ AMM
halaman home Pengguna dapat masuk ke halaman
feed PPHQ AMM
No Kasus Uji Hasil yang
Diharapkan Hasil yang Didapat Status 10. Menu artikel pada
halaman home Pengguna dapat masuk ke halaman artikel
halaman home Pengguna dapat masuk ke halaman galeri
No Kasus Uji Hasil yang
Diharapkan Hasil yang Didapat Status 19. Tombol lihat
21. Tombol testimoni
pad halaman home Pengguna dapat masuk ke halaman testimoni diklik, dapat masuk ke halaman paket
No Kasus Uji Hasil yang
Diharapkan Hasil yang Didapat Status 27. Login admin
28. Validasi kolom kosong pada form
29. Validasi kolom kosong pada form
30. Validasi kolom kosong pada form
Website syiar dan dakwah ini dikembangkan dengan tujuanuntuk mempromosikan dan
BAB V
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Dari hasil pengujian dan pembahasan yang telah dilakukan dalam pengembangan syiar dan dakwah berqurban berbasisi web menggunakan CMS (Conten Management System)
wordpress, maka diperoleh kesimpulan sebagai berikut:
1. Web syiar dan dakwah berqurban yang dapat digunakan oleh administrator untuk mengolah data, baik data hewan qurban, pemesanan dan data pelanggan.
2. Sistem dapat mencatat data pelanggan setiap pemesanan
3. Sistem dapat menampilkan informasi tentang berqurban yang mana masyarakat umum dapat mengetahui tentang tuntunann berqurban
4. Sistem sudah sesuai dengan kebutuhan PPHQ AMM Kotagede dalam memasarkan hewan qurban melalui media online
5.2 Saran
DAFTAR PUSTAKA
Adan Hasanuddin Yusuf. (2013). Syiar dan Dakwah / /aceh.tribunnews.com/2013/07/19/syiar-dan-dakwah. (19 Juli 2013).
Alessi & Trollip (2004). Multimedia for Learning : Methods and Development (3th ed.). Massachusetts : Ally & Bacon A Pearson Education Company
Astuti, D. (2012). Manajemen Penyediaan Ternak Sapi sebagai Hewan Qurban di Perusahaan Mitra Tani Farm.
Batara, R. (2014) Pengembangan E-Learning Berbasis Web Menggunakan CMS (Content
Management System) Wordpress Di Sma Negeri 1 Kota Magelang. Skripsi.UNY.
Faroqi, A., & Ismail, N. (2015). PORTAL MUI ONLINE: OPTIMALISASI DAKWAH ISLAM
MELALUI INTERNET (Studi Kasus MUI Kecamatan Ujungberung). JURNAL ISTEK,
7(1).
Maryanto, D. (2014). Sistem Pakar Kelayakan Hewan Qurban Secara Syariah Dan Kesehatan
Berbasis Web (Doctoral dissertation, Universitas Muhammadiyah Surakarta).
Miftahuddin, M. (2015). aplikasi pemilihan hewan qurban dengan metode forward chaining
berbasis web (Doctoral dissertation, Universitas Muria Kudus).
Shulha, Amalia (2014) Dakwah melalui Internet (analisis terhadap materi dakwah tentang syariah pada kolom Mozaik Fiqih situs www.pesantrenvirtual.com). Undergraduate (S1) thesis, UIN Walisongo.
LAMPIRAN
1. Source Code Form Order
<di lass="fo _o e la " id="fo -o de ">
<fo a tio ="<?php the_pe ali k ; ?>" id=" o ta tFo " ethod="post"> <di lass="fo -o de ">
<h >Fo Pe esa a </h > <h >Detail P oduk</h >
<li><la el>Na a P oduk </la el><i put t pe="te t" a e=" a aP oduk" id=" a aP oduk" eado l ="t ue" alue="<?php the_title ; ?>" size=" " lass=" e ui edField"/></li>
<li><la el fo ="ha gaP oduk">Ha ga P oduk </la el>
<i put t pe="te t" a e="ha gaP oduk" id="ha gaP oduk" eado l ="t ue" alue="Rp <?php if get_post_ eta $post->ID, "ha ga_disko ", $si gle = t ue != "" { ?><?php $ha gadisko = get_post_ eta $post->ID, "ha ga_disko ", $si gle = t ue ; e ho $ha gadisko ; ?> <?php } else { ?><?php $ha ga = get_post_ eta $post->ID, "ha ga", $si gle = t ue ; e ho $ha ga; ?> <?php } ?>"
lass=" e ui edField" /></li> <h >Data a da</h >
<li><la el fo =" o ta tNa e">Na a</la el>
<i put t pe="te t" a e=" o ta tNa e" id=" o ta tNa e" alue="" lass=" e ui edField" /></li>
<li><la el fo ="e ail">E ail</la el><i put t pe="te t" a e="e ail" id="e ail" lass=" e ui edField e ail" /></li>
<li><la el fo =" o o Telpo ">No o Telpo </la el><i put t pe="te t" a e=" o o Telpo " id=" o o Telpo " alue="" lass=" e ui edField" /></li>
<li><la el fo ="ala atPe gi i a ">Ala at ki i </la el><i put t pe="te t"
a e="ala atPe gi i a " id="ala atPe gi i a " alue="" lass=" e ui edField" /></li> <li lass="te ta ea"><la el fo =" o e tsTe t">I fo Ta aha </la el>
<te ta ea a e=" o e ts" id=" o e tsTe t" o s=" " ols=" " lass=" e ui edField"></te ta ea></li>
<di st le=" lea : oth"></di >
<li lass="s ee Reade "><la el fo =" he ki g" lass="s ee Reade ">If ou a t to su it this fo , do ot e te a thi g i this field</la el><i put t pe="te t" a e=" he ki g"
id=" he ki g" lass="s ee Reade " alue="<?php if isset $_POST[' he ki g'] e ho $_POST[' he ki g'];?>" /></li>
<li lass=" utto s"><i put t pe="hidde " a e="su itted" id="su itted" alue="t ue" />< utto t pe="su it">Ki i Fo Pe esa a </ utto ></li></di >
</fo > </di >
2. Source Code Konfirmasi Email
<?php
//If the form is submitted
if(isset($_POST['submitted'])) {
//Check to see if the honeypot captcha field was filled in if(trim($_POST['checking']) !== '') {
$captchaError = true; } else {
//Check to make sure that the name field is not empty if(trim($_POST['contactName']) === '') {
$nameError = 'You forgot to enter your name.'; $hasError = true;
} else {
$name = trim($_POST['contactName']); }
if(trim($_POST['email']) === '') {
$emailError = 'You forgot to enter your email address.'; $hasError = true;
} else if (!eregi("^[A-Z0-9._%-]+@[A-Z0-9._%-]+\.[A-Z]{2,4}$", trim($_POST['email']))) {
$emailError = 'You entered an invalid email address.'; $hasError = true;
} else {
$email = trim($_POST['email']); }
//Check to make sure comments were entered if(trim($_POST['comments']) === '') {
$commentError = 'You forgot to enter your comments.'; $hasError = true;
//If there is no error, send the email if(!isset($hasError)) {
$subject = 'Pesanan dari : '.$name;
$body = "Terima kasih saudara/i $contactName berikut ini detail pesanan anda :
Produk : $namaProduk
Info Tambahan : $comments
