Pembuatan Aplikasi Website Pernikahan dengan
Menggunakan Teknologi
Cloud Computing
dan
Framework
CodeIgniter
Abidatul Izzah, S.Si., M.Kom.
Politeknik Kediri Jl. Mayor Bismo No. 27 Kediri Email : [email protected]
Abstrak— Pernikahan adalah sebuah upacara penyampaian ikatan janji antara dua orang berbeda gender, yakni pria dan wanita. Umumnya pernikahan identik dengan pesta dan mengumpulkan banyak orang untuk diundang. Untuk mengundang orang lain memerlukan undangan yang isi dari undangan tersebut adalah informasi pernikahan. Untuk mendukung kegiatan tersebut perlu media atau sarana untuk menyampaikannya agar lebih mudah dan lebih murah daripada menyampaikan langsung yaitu dengan menggunakan website pernikahan. Dalam pembuatan website pernikahan ini menggunakan teknologi cloud computing yaitu member yang mendaftar dapat menyimpan informasi pernikahannya pada penyimpanan cloud di internet. Selain itu website pernikahan ini menggunakan framework CodeIgniter. Website pernikahan ini memuat informasi meliputi informasi pengantin pria, informasi pengantin wanita, informasi tentang akad nikah dan informasi tentang reespsi pernikahan. Dalam website pernikahan tersebut dapat dikirimkan kepada orang yang akan diundang dalam acara pernikahan melalui media sosial yaitu Facebook.
Kata Kunci— Website Pernikahan, Cloud Computing,
CodeIgniter.
I. PENDAHULUAN
Pernikahan adalah sebuah upacara penyampaian ikatan janji antara dua orang berbeda gender, yakni pria dan wanita. Pernikahan identik dengan pesta dan mengumpulkan banyak orang. Selama ini untuk informasi pernikahan orang lain hanya menggunakan undangan pernikahan. Undangan pernikahan berbentuk kertas yang ditunjukkan kepada orang yang diundang. Dalam undangan tersebut terdapat nama mempelai laki-laki dan nama mempelai perempuan. Selain itu juga terdapat waktu acara pernikahan dan tempat acara pernikahan.
Selama ini dalam menggunakan undangan pernikahan sebagai informasi pernikahan seseorang terdapat beberapa kendala yaitu penyampaian kepada yang diundang harus bertemu langsung atau ke tempat tujuan tersebut. Sedangkan orang yang diundang belum tentu tahu alamatnya selain itu juga jaraknya yang mungkin ada yang jauh sehingga memerlukan biaya tambahan untuk mengantar infromasi pernikahan kepada orang lain. Selain itu juga terdapat kendala lain yaitu biaya cetak yang semakin mahal karena harus mencetak undangan sesuai jumlah yang diundang yang umumnya tidak sedikit.
Maka dari itu dibutuhkan sistem yang dapat menginformasikan pernikahan seseorang tersebut. Salah satunya adalah dengan menggunakan halaman website
nama kedua mempelai, tempat acara pernikahan, waktu pernikahan dan foto pra-pernikahan. Tujuan dari website pernikahan tersebut adalah untuk mempermudah penyebaran informasi tentang pernikahan yang dapat dibagikan melalui media sosial contohnya Facebook dengan cara yaitu membagi link website pernikahan tersebut kepada siapa saja yang akan dituju. Sehingga orang lain yang sudah dikirimi link tersebut akan tahu tentang informasi pernikahan orang yang akan menikah. Dengan metode seperti itu maka akan jauh lebih praktis dan lebih mudah daripada harus menyebar langsung informasi pernikahan orang yang akan menikah.
Tujuan penelitian adalah Membuat aplikasi website pernikahan sehingga pengantin dapat menginformasikan pernikahannya adalah dengan menggunakan website pernikahan. Dalam website pernikahan ini terdapat terdapat informasi pernikahan meliputi nama kedua mempelai, nama keluarga, tempat pernikahan dan waktu pernikahan.
Dengan adanya aplikasi pembuat website Pernikahan ini diharapkan dapat menampilkan informasi tentang pernikahan seseorang. Selain itu informasi tersebut dapat diakses dan diketahui oleh orang lain.
II. LANDASAN TEORI
A. Framework CodeIgniter
CodeIgniter adalah sebuah web application framework yang bersifat open source digunakan untuk membangun aplikasi PHP dinam4]. Tujuan utama pengembangan CodeIgniter adalah untuk membantu developer untuk mengerjakan aplikasi lebih cepat daripada menulis semua code dari awal. CodeIgniter menyediakan berbagai macam library yang dapat mempermudah dalam pengembangan. CodeIgniter diperkenalkan kepada publik pada tanggal 28 februari 2006. CodeIgniter sendiri dibangun menggunakan konsep Model-View-Controller (MVC) development pattern.
Model View Controller merupakan suatu konsep yang cukup popular dalam pembangunan aplikasi web, berawal pada bahasa pemrograman Small Talk, MVC memisahkan pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah aplikasi seperti manipulasi data, user interface, dan bagian yang menjadi control aplikasi [4]. Terdapat 3 jenis komponen yang membangun suatu MVC pattern dalam suatu aplikasi yaitu view, model, dan controller.
B. CSS Twitter Bootstrap
antarmuka dasar pada web yang telah dirancang sedemikian rupa untuk digunakan bersama – sama [3].
Selain komponen antarmuka, Bootstrap juga menyediakan sarana untuk membangun layout halaman dengan mudah dan rapi, serta modifikasi pada tampilan dasar HTML untuk membuat seluruh halaman web yang dikembangkan.
C. Cloud Computing
Secara umum, definisi cloud computing (komputasi awan) merupakan gabungan pemanfaatan teknologi komputer (komputasi) dalam suatu jaringan dengan pengembangan berbasis internet (awan) yang mempunyai fungsi untuk menjalankan program atau aplikasi melalui komputer – komputer yang terkoneksi pada waktu yang sama, tetapi tak semua yang terkonekasi melalui internet menggunakan cloud computing [1][2].
Teknologi komputer berbasis sistem Cloud ini merupakan sebuah teknologi yang menjadikan internet sebagai pusat server untuk mengelola data dan juga aplikasi pengguna. Teknologi ini mengizinkan para pengguna untuk menjalankan program tanpa instalasi dan mengizinkan pengguna untuk mengakses data pribadi mereka melalui komputer dengan akses internet.
D. Entity Relationship Diagram
Dalam rekayasa perangkat lunak, sebuah Entity-Relationship Model (ERM) merupakan abstrak dan konseptual representasi data [5]. Entity-Relationship adalah salah satu metode pemodelan basisdata yang digunakan untuk menghasilkan skema konseptual untuk jenis/model data semantik sistem. Dimana sistem seringkali memiliki basis data relasional, dan ketentuannya bersifat top-down. Diagram untuk menggambarkan model Entitiy-Relationship ini disebut Entitiy-Relationship diagram, ER diagram, atau ERD.
Gambar 1. Contoh ERD
1) Entitas dan Atribut: segala sesuatu yang dapat di gambarkan oleh data. Entitas juga dapat diartikan sebagai individu yang mewakili sesuatu yang nyata (eksistensinya) dan dapat dibedakan dari sesuatu yang lain (Fathansyah, 1999). Ada dua macam entitas yaitu entitas kuat dan entitas lemah. Entitas kuat merupakan entitas yang tidak memiliki ketergantungan dengan entitas lainnya. Contohnya entitas anggota. Sedangkan entitas lemah merupakan entitas yang kemunculannya tergantung pada keberadaaan entitas lain dalam suatu relasi. Atribut merupakan pendeskripsian karakteristik dari entitas. Atribut di gambarkan dalam bentuk lingkaran atau elips. Atribut yang menjadi kunci entitas atau key diberi garis
bawah merupakan entitas yang kemunculannya tergantung pada keberadaaan entitas lain dalam suatu relasi.
2) Relasi: penghubung antara satu entitas (master file) dengan entitas lain di dalam sebuah sistem komputer. Pada akhirnya, relasi akan menjadi file transaksi (transaction file ) di komputer.
E. Diagram Data Flow
Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, tersruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan DFD ini sering disebut juga dengan nama Bubble chart, Bubble diagram, model proses, diagram alur kerja, atau model fungsi.
Gambar 2. Simbol DFD
III. ANALISIS SISTEM
A. Proses Bisnis
Proses bisnis diperlukan untuk mengutahui bagaimana aplikasi ini berjalan [6]. Pada penelitian ini terdapat masing-masing user. Berikut proses bisnis untuk admin, member dan pengunjung.
1) Proses Bisnis Admin: Admin dapat mengakses Aplikasi Website pernikahan dengan memasukkan username dan password. Setelah masuk pada sistem, admin dapat mengedit tampilan halaman Aplikasi Website pernikahan selain itu juga dapat melihat data member yang telah mendaftar. Admin juga dapat mengelola input pada member yang telah terdaftar.
waktu pernikahan, data tempat pernikahan dan foto pra nikah. lalu member akan mendapatkan link website pernikahan yang telah dibuat sesuai dengan semua data yang telah member inputkan dan sesuai template yang dipilih. Selain itu member dapat mengelola website Pernikahan yang telah terbuat dan member dapat mengirim website Pernikahan tersebut kepada orang lain memalui media sosial seperti Facebook dan e-mail. 3) Proses Bisnis Pengunjung: Proses bisnis bagi pengunjung
adalah pengunjung dapat melihat aplikasi website Pernikahan lalu melihat demo dan testimoni yang sudah ada. Jika pengunjung ingin menjadi member dapat melakukan daftar member pada menu daftar member setelah itu mengisi form pendaftaran member. Setelah itu melakukan pendaftaran member baru akan dikirimi username dan password ke pada email yang telah diinputkan kedalam form pendaftaran tersebut. Setelah mendapatkan username dan Password maka member baru dapat masuk kedalam Aplikasi Website pernikahan dan dapat melakukan seperti pada proses Bisnis Member. B. Arsitektur
Tujuan dari perancangan arsitektur sistem untuk memberikan gambaran secara umum tentang sistem Aplikasi Website Pernikahan yang akan dibangun.
Gambar 3. Arsitektur Sistem
Gambar 3 menjelaskan bahwa penggunaan aplikasi membutuhkan jaringan internet untuk mengakses halaman baik untuk user, member dan pengunjung. Pada aplikasi website pernikahan ini pengunjung jika ingin menjadi member harus mendaftar terlebih dahulu, yang nantinya member akan dapat login dan membuat website pernikahan.
C. Diagram DFD
1) DFD level 0: Pejelasan dari Gambar 4 adalah gambaran sistematis alur sistem aplikasi website Pernikahan dimana mempunyai 3 user yang memiliki fitur layanan berbeda di setiap usernya. User pertama pengunjung yang mempunyai fitur melihat data fitur-fitur aplikasi, data galeri tentang weding pages yang sudah ada dan melihat cara membuat website Pernikahan. User ke dua adalah member yang mempunyai fitur memilih template yang sudah diinputkan admin, memasukan data pengantin,
upload foto pengantin dan input tempat pernikahan. User ke tiga adalah admin yang mempunyai fitur mengatur data fitu, melihat data member, upload template dan mengolah data cara membuat website pernikahan.
Gambar 4. DFD Level 0
2) DFD level 1: Gambar 5 dijelaskan bahwa terdapat 6 proses penting dalam aplikasi website pernikahan. 6 proses tersebut adalah mengelola member, mengelola fitur, mengelola galeri, mengelola cara membuat website pernikahan, mengelola template dan mengelola data pengantin. Terdapat juga 3 user yaitu admin, pengunjung dan member. Pada user admin dapat mengelola member, melihat fitur dan mengelola cara pembuatan. Pada user member dapat melakukan mengelola komentar, mengelola data pengantin dan mengelola galeri foto pernikahan. Dan pada user pengunjung dapat melihat fitur, melihat tata cara membuat dan dapat mendaftar untuk menjadi member.
Gambar 6. DFD Level 1
tamu pada website pernikahan. Data dalam ucapan tersebut adalam nama pengirim, e-mail dan isi ucapan. Setelah data ucapan terisi oleh pengunjung maka akan ditampilkan pada halaman member. User member dapat mengirim balasan ucapan tersebut yang balasan tersebut akan ditampilan pada halaman buku tamu website pernikahan.
Gambar 7. DFD Level 2
4) DFD level 2 data pengantin: Pada Gambar 8 dijelaskan bahwa user member dapat melakukan input data mempelai, input tempat resepsi dan input foto. Semua yang diinputkan oleh member disimpan dalam tabel data mempelai dan akan ditampilan dalam website pernikahan.
Gambar 8. DFD Level 2 Data Pengantin
5) DFD level 2 data galeri: Pada Gambar 9 dijelaskan bahwa user member dapat melakukan input, edit dan delete pada data galeri.Selain itu member dapat membuat album foto yang terdapat pada halaman galeri. Data-data yang diinputkan dala form galeri adalah foto dan nama foto. Data tersebut akan disimpan dalam tabel galeri dan akan ditampilkan dalam website pernikahan yang telah dibuat.
Gambar 9. DFD Level 2 Data Galeri
D. Diagram ERD
Pada gambar 10 menggambarkan bahwa Tabel member mempunyai atribut yaitu id_member,nama,email, data penganti pria, data pengantin wanita, data alamat akad nikah, data alamat resepsi nikah, data kordinat lokasi resepsi, nomor HP dan edit halaman. Selain memiliki Entitas yaitu Tabel Galeri, Tabel Slide foto dan Tabel Ucapan. Di dalam Tabel galeri terdapat juga Entitas kategori Galeri.
IV.IMPLEMENTASI DAN PEMBAHASAN A. Implementasi
1) Implmentasi Aplikasi pada Admin: Tampilan utama
Dalam perancangan database ini merupakan proses yang penting untuk menentukan isi dan pengaturan data yang dibutuhkan untuk mendukung berbagai rancangan website pernikahan.
Gambar 11. Tampilan Utama
Proses tambah masa aktif
Halaman admin ini menampilkan data member yang sudah terdaftar dalam aplikasi selain itu admin juga dapat menambah masa aktif member. Seperti yang ditunjukan pada Gambar 12.
Gambar 12. Tampilan Admin
Gambar 10. Diagram ERD
Halaman pendaftaran member
Halaman pendaftaran member berguna untuk pengunjung yang akan mendaftar menjadi member. Cara ubtuk menjadi member yaitu mengisi form pendaftaran yang berisi Nama, Email, Password dan Nomor HP. Seperti pada Gambar 13. Data yang diinputkan adalah data nama, email, password dan nomor HP dengan tabel data member menggunakan teknologi cloud computing.
Gambar 13. Halaman Pendaftaran Member
Halaman data slide foto
Pada halaman slide foto ini member dapat memasukan foto pra wedding dari kedua mempelai untuk dapat ditampilkan dalam halaman home pada website pernikahan. Seperti yang ditunjukan pada Gambar 14 member akan menginputkan foto yang akan ditampilkan dalam website pernikahan. Data yang diinputkan akan disimpan dalam database dengan tabel slide foto menggunakan teknologi cloud computing.
Gambar 14. Halaman Data Slide Foto
Halaman form data pengantin
Pada halaman form data pengantin ini adalah agar member dapat menginputkan data dari kedua mempelai yaitu data nama kedua mempelai, data keluarga kedua mempelai, data alamat resepsi, data alamat akad nikah dan data waktu acara resepsi pernikahan. Seperti pada Gambar 15. halaman input data pengantin adalah untuk menginputkan semua data tentang kedua mempelai pada form data pengantin. Selanjutnya data tersebut akan disimpan datam database dengan tabel data pengantin menggunakan teknologi cloud computing.
Halaman data lokasi
Pada halaman lokasi ini member dapat menentukan dimana lokasi acara resepsi pernikahan berlangsung pada peta Google maps. Seperti pada Gambar 16. halaman lokasi resepsi adalah mengambil data peta yaitu latitude dan longitude yang nantinya data tersebut akan disimpan dalam database dengan tebel data pengatin menggunakan teknologi cloud computing untuk ditampilkan dalam website pernikahan.
Gambar 16. Halaman Data Lokasi
Halaman data ucapan
Pada halaman data ucapan ini akan menampilkan ucapan yang sudah dikirim melalui menu buku tamu. Di halaman data ucapan ini member dapat menampilkan data ucapan tersebut atau tidak menampilkan data ucapan pada halaman website pernikahan. Seperti pada Gambar 17. halaman ucapan adalah menampilkan ucapan yang sudah dkirim oleh pengunjung website pernikahan. Data ucapan tersebut disimpan pada database dengan tabel ucapan menggunakan teknologi cloud computing.
Gambar 17. Haalaman Data Ucapan
3) Implementasi Aplikasi pada Pengunjung: Pada halaman website pernikahan ini adalah untuk menampilkan semua tentang informasi pernikahan yang sebelumnya telah diinputkan melalui halaman member.
Halaman home
Pada halaman home website pernikahan akan menampilkan slide show yang sudah di inputkan oleh member. Seperti pada Gambar 18. pada halaman home website pernikahan ini adalah menampilkan data nama panggilan kedua mempelai salain itu juga menampilkan slide foto yang sudah diinputkan dari halaman member. Data yang ditampilkan disimpan dalam database dengan tebel data pengantin menggunakan teknologi cloud computing.
Gambar 18. Tampilan Home
Halaman keluarga
Pada Halaman Keluarga website pernikahan ini akan menampilkan data keluarga kedua mempelai. Seperti pada Gambar 19. pada halaman keluarga pengantin ini adalah menampilkan data kelaurga kedua mempelai yang di ambil dari database tabel data member menggunakan teknologi cloud computing. Data tersebut meliputi data nama ayah pengantin pria, nama ibu pengantin wanita, ayah pengantin wanita dan ibu pengantin wanita.
Gambar 19. Halaman Keluarga
Halaman resepsi
Gambar 20. Halaan Resepsi
Halaman galeri
Pada halaman galeri website pernikahan ini ditampilkan foto galeri yang sudah dimasukan member pada halaman galeri member. Seperti pada Gambar 21. pada halaman galeri adalah menampilkan data galeri yang sudah diinputkan ke dalam database. Data-data yang ditampilkan tersebut adalah data Gambar, data album dan data nama Gambar. Tabel yang digunakan dalam halaman galeri ini adalah Tabel galeri menggunakan teknologi cloud computing.
Gambar 21. Halaman Galeri
Halaman lokasi
Pada halaman Lokasi ini akan menampilkan peta lokasi acara resepsi pernikahan yang akan berlangsung . penampilan dari lokasi resepsi pernikahan berbentuk peta yang diambil dari google maps. Seperti pada Gambar 22, halaman lokasi pernikahan adalah untuk menampilkan data tempat lokasi pernikahan yang telah tersimpan dalam database dengan tabel lokasi menggunakan teknologi cloud computing. Data yang diperlukan adalah data longitude, data latitude serta keterangan pada peta.
Gambar 22. Halaman Lokasi
B. Pembahasan
Tujuan dari pengujian ini adalah untuk menjamin bahwa perangkat lunak yang dibangun memiliki kualitas yang handal, mampu mempresentasikan kajian pokok dari spesifikasi, analisis dan perancangan dari perangkat lunak itu sendiri. Pengujian ini untuk memastikan agar progam dapat berjalan seperti yang diharapkan.
1) Pembahasan pada Admin: Admin dapat melihat member yang mendaftar pada website pernikahan. Pada halaman ini menampilkan data nama member, tanggal member dan masa aktif. Admin dapat menghapus data member yang mendaftar pada website pernikahan. Pada halaman ini admin dapat menghapus member yang sudah tidak aktif. Proses menambah masa aktif ini adalah dilakukan oleh admin. Dalam proses ini admin dapat menambahkan masa aktif yaitu 1 sampai 5 bulan.
Gambar 23. Tampilan Data Member
Gambar 24. Tampilan Data Pengantin
Pada proses input Musik Background bertujuan untuk memasukan lagu untuk dijadikan musik Background pada website pernikahan.input lokasi resepsi ini member menginputkan lokasi resepsi pernikahan dalam bentuk peta. Data lokasi resepsi pernikahan akan muncul dalam website pernikahan. Proses ucapan ini untuk member melihat siapa saja yang mengucapkan ucapan selamat. Serta member dapat menampilkan dalam website pernikahan atau tidak.Proses input galeri ini untuk member dapaat memasukan foto-foto tentang pernikahan. Foto-foto tersebut akanditampilkan dalam halaman galeri di website pernikahan. Proses edit halaman keluarga ini adalah untuk memasukan kata-kata mutiara atau ayat-ayat tentang pernikahan. Data tersebut akan ditampilkan dalam website pernikahan pada halaman keluarga. Proses edit halaman resepsi ini bertujuan untuk mengedit kata-kata yang akan dimunculkan dalam website pernikahan pada halaman resepsi. Selain itu juga member dapat mengatur background halaman resepsi yang diinginkan dan juga mengatur jenis font.
3) Pembahasan pada Pengunjung: Pengunjung dapat melihat halaman home pada website pernikahan. Padahalaman home ini menampilkan nama kedua mempelai, slide foto pernikahan dan waktu resepsi. Pengunjung dapat melihat halaman resepsi pada website pernikahan. Pada halaman resepsi ini menampilkan nama kedua mempelai dan waktu resepsi.Pengunjung dapat melihat halaman galeri pada website pernikahan. Pada halaman galeri ini menampilkan foto-foto yang sudah dimasukan di halaman. Pengunjung dapat melihat halaman lokasi pada website pernikahan. Pada halaman lokasi ini menampilkan dimana tempat resepsi pernikahan.
Gambar 25. Tampilan Halaman Utama
V. PENUTUP
A. Kesimpuan
Berdasarkan hasil pembuatan aplikasi website pernikahan, maka dapat disimpulkan aplikasi ini dapat menampilkan informasi pernikahan seseorang dalam media website. Infromasi pernikahan tersebut adalah nama kedua mempelai, nama keluarga kedua mempelai, informasi akad nikah, informasi resepsi pernikahan, alamat resepsi pernikahan dalam bentuk peta dan foto pernikahan. Selain itu website pernikahan juga dapat mengirimkan ucapan pernikahan kepada kedua mempelai.
B. Saran
Aplikasi website pernikahan ini dapat dikembangkan lagi dengan menambahkan fitur. Fitur tersebut adalah
Pengunjung dapat mengirimkan ucapan berbentuk video. Sistem pembayaran member
Member dapat memilih tema yang di inginkan. Member mendapatkan url sendiri
Lebih banyak media sosial yang dapat menjadi sarana kirim website pernikahan.
Desain tampilan website lebih menyerupai undangan.
REFERENSI
[1] Anas, 2014. Pengertian, Manfaat, Cara Kerja dan Contoh Cloud Computing. http://pusatteknologi.com/pengertian-manfaat-cara-kerja-dan-contoh-cloud-computing.html . Terakhir diakses tanggal 11 Februari 2015 pukul 11.46 WIB
[2] Alex, 2012. Apa Itu Cloud Computing ?.
http://www.cloudindonesia.or.id/apa-itu-cloud-computing.html.Terakhir diakses tanggal 11 Februari 2015 pukul 11.46 WIB
[3] Bertzzie. 2014. Bootstrap Sebuah Framework CSS Dari Twitter, http://bertzzie.com/post/31/bootstrap-sebuah-framework-css-dari-twitter, diakses pada 11 februari 2015 pukul 11:12 WIB
[4] Sidik Betha, 2004. Framework CodeIgniter, Penerbit Teknik Informatika Offset : Bandung.
[5] Wibowo,Teguh,2014.Pengertian dan teori ERD (Entitiy Relationship diagram)). http://www.bukucatatan.web.id/2013/11/pengertian-erd.html. Terakhir diakses tanggal 17 Oktober 2014 pukul 12.43 WIB [6] widya. 2014. Landasan teori Definisi E-commerce,
