PERANCANGAN DAN IMPLEMENTASI APLIKASI BERBASIS WEB “BERBAGI LEWAT AWAN” UNTUK KOMUNITAS MAJELIS SYUKUR QOLBU (MSQ)
NASKAH PUBLIKASI
disusun oleh
Muhammad Nur Sahid 10.11.3582
kepada JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2014
ii
DESIGN AND IMPLEMENTATION OF WEB-BASED APPLICATIONS “SHARING THROUGH THE CLOUD” FOR MAJELIS SYUKUR QOLBU COMMUNITY (MSQ) PERANCANGAN DAN IMPLEMENTASI APLIKASI BERBASIS WEB BERBAGI LEWAT AWAN UNTUK KOMUNITAS MAJELIS SYUKUR QOLBU (MSQ) Muhammad Nur Sahid Bambang Sudaryatno Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA
ABSTRACT
This community was built from the group Blackberry Messenger (BBM) with members currently about 50 people, and they are grouped in a separate condition for a maximum quota of members in the group is 30 people, while the year-end targets are 300 people registered as members. Web-based application "Sharing Through the Clouds" was made exclusively for Majelis Syukur Qolbu (MSQ) community as a problemsolving of members quantity, enriches pampering services for members, as well as a community promotional tool programs and bussiness owned by members online.Created with programming languages HTML, CSS, PHP and a MySQL database using Adobe Dreamweaver CS5 tools. Relationship and sharing media facilities for the members was made as one of the network expansion MSQ community. This application is superior in terms of capacity without quota limits for storing data members, a simple elegant look and ease of navigation for members who still lay in accessing the site.This application has five main features include member profile pages, private consultation, discussion forums, trading forums, and documentation of community activities MSQ. Web-based application "Sharing Through the Clouds" offers a variety of conveniences and features that attract so expect the members feel comfortable accessing these applications. Keywords: web application, community, MSQ, Sharing Through the Clouds.
iii
1. Pendahuluan Teknologi informasi saat ini merupakan unsur yang mendasar dan seakan tidak dapat dipisahkan dari kegiatan berorganisasi. Hal ini dapat dilihat dari penggunaan situs web pada hampir setiap organisasi. Mereka memakai situs web untuk memasang iklan usaha, profil organisasi, diskusi forum, dan lain-lain. Karena dampak positif dari situs web tersebut maka organisasi-organisasi besar atau berkembang akan memanfaatkan situs web sebagai solusi cerdas untuk mengekspansi organisasi mereka. Majelis Syukur Qolbu (MSQ) merupakan organisasi berkembang yang memiliki visi ibadah dan muamalah. Sampai saat ini MSQ beranggotakan sekitar 50 orang dengan target tahun ini ada 300 orang terdaftar sebagai anggota.MSQ terdiri dari sebagian besar pengusaha muslim di Yogyakarta dan sekitarnya. MSQ memiliki manajemen yang bagus untuk setiap kegiatan didalamnya. Sebagai media berinteraksi dan keperluan koordinasi, MSQ menggunakan Blackberry Messenger (BBM) yang menjadi aplikasi sosial paten di smartphone Blackberry. Adapun kekurangan yang ada didalam BBM, aplikasi tersebut memberi batas maksimal untuk anggota dalam satu grup adalah 30 PIN. PIN berfungsi seperti nomor operator GSM atau CDMA pada telepon genggam, hanya saja PIN berupa kombinasi angka dan huruf khusus untuk aplikasi BBM. Itu berarti jika dalam satu grup ada 30 PIN yang terdaftar, sedangkan ada lima pengurus inti pada MSQ yang harus dikenal oleh setiap anggota, maka akan sangat tidak efektif jika lima pengurus inti tersebut masuk di setiap grup yang menampung anggota baru seperti yang diberlakukan saat ini. Berangkat dari masalah tersebut, kami menawarkan solusi berupa situs web bertema “Berbagi Lewat Awan” yang dirancang khusus untuk komunitas MSQ sebagai penampung data anggota yang lebih memadai serta ditambah dengan berbagai fasilitas seperti iklan usaha, profil organisasi, diskusi forum, dan lain-lain. Yang semuanya akan terintegrasi dalam sebuah website komersial dan menjadi salah satu bagian dari jaringan terbesar di jagad raya yang biasa kita sebut dengan internet. Dengan dirancangnya aplikasi berbasis web “Berbagi Lewat Awan” ini kami berharap komunitas MSQ dapat memaksimalkan potensi para anggotanya serta
bermanfaat bagi kemaslahan umat
dalam hal pemberdayaan sumber daya manusia.
2. Landasan Teori 2.1. Konsep Dasar Sistem Informasi Informasi dapat diperolah dari suatu sistem Informasi (Information System).
1
2
2.1.1.
Pengertian Sistem Informasi Informasi dapat diperoleh dari sistem informasi (Information System) atau disebut
juga dengan Processing Systems atau Information Generating Systems. Menurut Robert A. Leitch dan K. Roscoe Davis Sistem Informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang di perlukan. Menurut Gordon B Davis, sistem informasi adalah suatu sistem yang menghubungkan pengguna (individu dan organisasi) dengan komputer yang dirancang secara integrasi guna menyediakan informasi yang mendukung fungsi operasional, manajemen, analisis serta 2.4. Definisi Aplikasi Berbasis Web “Berbagi Lewat Awan” Aplikasi web adalah jenis aplikasi yang diakses melalui browser, misal Internet Explorer dan Mozilla Firefox. Web server adalah server yang melayani permintaan aplikasi web. Aplikasi web yang paling dasar ditulis dengan menggunakan HTML. Sebagaimana diketahui, HTML (Hypertext Markup Language) adalah bahasa standar untuk membuat halaman-halaman web.
1
Aplikasi Berbasis Web “Berbagi Lewat Awan” adalah aplikasi yang dapat diakses melalui browser dan dikhususkan untuk komunitas Majelis Syukur Qolbu sebagai sarana berbagi sesama anggota maupun masyarakat awam. Selain sebagai sarana berbagi, Aplikasi ini juga memungkinkan para anggota untuk mengiklankan usaha mereka pada tiap halaman dan berkontribusi di forum jual beli. 3. Analisis dan Perancangan Sistem 3.1. Analisis SWOT 3.1.1. Kekuatan (Strengths) Kekuatan merupakan sumber daya atau kapabilitas yang dikendalikan oleh atau tersedia bagi perusahaan yang membuat perusahaan relatif lebih unggul dibandingkan pesaingnya dalam memenuhi kebutuhan pelanggan yang dilayaninya.
1
Abdur Kadir.2009.From Zero To A Pro : Membuat Aplikasi Web dengan PHP dan database MySQL.Hal 2
3
Kekuatan / kelebihan sistem yang ada dan berlaku di MSQ saat ini adalah jaringan sosial offline yang bagus. Manajemen kepengurusan organisasi yang terintegritas dengan baik. Serta dibina langsung oleh wakil ketua DPR RI Drs. Priyo Budi Santoso. 3.1.1.2. Kelemahan (Weaknesses) Kelemahan merupakan keterbatasan atau kekurangan dalam satu atau lebih sumber daya atau kapabilitas suatu perusahaan relatif terhadap pesaingnya yang menjadi hambatan dalam memenuhi kebutuhan pelanggan secara efektif. Kelemahan / kekurangan sistem yang ada dan berlaku di MSQ saat ini adalah aktivitas pencatatan data-data keanggotaan masih menggunakan sistem konvensional yaitu ditulis tangan. Aktivitas sharing masih terbatas pada grup di Blackberry Messenger (BBM) dengan batas maksimal 30 akun terdaftar pada tiap grup. 3.1.1.3. Peluang (Opportunities) Peluang merupakan situasi utama yang menguntungkan dalam lingkungan suatu perusahaan. Trend utama merupakan salah satu sumber peluang. Trend yang muncul di Indonesia adalah akses internet yang semakin murah dan tersedia merata di seluruh Indonesia. Hal ini akan menguntungkan komunitas MSQ dalam membuat jaringan yang lebih besar dengan jangkauan di seluruh Indonesia. 3.1.1.4. Ancaman (Threats) Ancaman merupakan situasi utama yang tidak menguntungkan dalam suatu perusahaan. Ancaman merupakan penghalang utama bagi perusahaan dalam mencapai posisi saat ini atau yang diinginkan. Ancaman yang mungkin ada adalah pembajakan. Hal ini mungkin terjadi karena sistem berbasis web ini merupakan media digital berbasis online sehingga memudahkan untuk dibajak oleh hacker maupun cracker. 3.2. Kebutuhan Fungsional Menurut Hanif Al Fatta (2007:63), Kebutuhan fungsional adalah jenis kebutuhan yang berisi proses-proses apa saja yang nantinya dilakukan oleh system. Kebutuhan juga berisi informasi-informasi apa saja yang harus ada dan dihasilkan oleh system. Berikut ini adalah kebutuhan fungsional dari aplikasi yang akan dibuat:
4
1. Administrator sistem membuat, menghapus dan mengubah data pokok sistem seperti tampilan serta proses-proses yang ada pada event, dokumentasi, forum, iklan, member, dan operator. 2. Operator sistem dapat mengelola data event, dokumentasi, forum, iklan, dan member. 3. Member sistem dapat mengelola data forum dan profil anggota 4. Visitor sistem dapat mengakses data event, dokumentasi, dan forum. 3.3. Perancangan Sistem 3.3.1. Flowchart Sistem Flowchat adalah penggambaran secara grafik dari langkah-langkah dan urutan-urutan prosedur dari suatu program. Berikut adalah flowchart yang terdapat dalam program.
5
Gambar 3.1. Flowchat Sistem “Berbagi Lewat Awan” 3.3.2. Data Flow Diagram (DFD) 3.3.2.1. Diagram Konteks
6
Gambar 3.2. Diagram Konteks
3.3.2.2. DFD
Gambar 3.3. DFD
7
4. Implementasi dan Pembahasan 4.1. Implementasi Basis Data Basis data dibuat menggunakan PhpMyAdmin. Berikut merupakan implentasi basis data yang didasari pada perancangan struktur basis data. 4.1.1. Pembuatan Tabel Tabel pada database berfungsi sebagai kluster data sehingga data lebih mudah diakses dan dikategorikan. Langkah-langkah dalam membuat tabel adalah sebagai berikut. 1. Aktifkan database yang telah dibuat. 2. Pada kolom sebelah kanan terdapat tab “Create new table on database”, pada isian “Name”, isikan nama tabel dan pada kolom isian “”Field” isikan jumlah kolom pada tabel yang akan dibuat. Kemudian klik tombol “Go”.
Gambar 4.1. phpMyadmin Buat Tabel 3.
Isi semua data yang dibutuhkan dalam membuat tabel sesuai dengan rancangan tabel yang telah dibuat. Klik “Save”
4. Tabel telah berhasil dibuat.
8
Gambar 4.2. phpMyadmin Tabel Final Tabel-tabel yang akan dibuat adalah sebagai berikut: 1. Tabel Users (users) Tabel ini digunakan untuk menyimpan data administrator atau operator sistem yang akan mengakses halaman admin.
Gambar 4.3. phpMyadmin Tabel User 2. Tabel User Group (user_group) Tabel ini digunakan untuk mengelompokkan pengguna website, member atau operator sistem.
Gambar 4.4. phpMyadmin Tabel User Group
9
3. Tabel Event (event) Tabel ini digunakan untuk menyimpan data event komunitas yang selanjutnya akan ditampilkan pada aplikasi web.
Gambar 4.5. phpMyadmin Tabel Event 4. Tabel Dokumentasi (dokumentasi) Tabel ini digunakan untuk menyimpan data berupa foto dokumentasi komunitas dan ditampilkan pada aplikasi web.
Gambar 4.6. phpMyadmin Tabel Dokumentasi 5. Tabel Forum Kategori (forum_kategori) Tabel ini digunakan untuk menyimpan data kategori dari forum.
10
Gambar 4.7. phpMyadmin Tabel Forum Kategori 6. Tabel Forum Topik (forum_topik) Tabel ini digunakan untuk menyimpan data topik dalam forum.
Gambar 4.8. phpMyadmin Tabel Forum Topik 7. Tabel Forum Tanggapan (forum_tanggapan) Tabel ini digunakan untuk menyimpan data tanggapan dari topik yang ada didalam forum.
11
Gambar 4.9. phpMyadmin Tabel Forum Tanggapan 8. Tabel Username (username) Tabel ini digunakan untuk menyimpan data member sistem.
Gambar 4.10. phpMyadmin Tabel Username
4.2. Implementasi Antarmuka Pengguna Antarmuka pengguna yang ditampilkan pada web merupakan hak administrator sepenuhnya sehingga setiap tampilan yang ditampilkan pada web tidak dapat dirubah oleh visitor, member, maupun operator. Adapun beberapa tampilan yang apa pada sistem ini adalah sebagai berikut.
12
Antarmuka pengguna yang ditampilkan pada web merupakan hak administrator sepenuhnya sehingga setiap tampilan yang ditampilkan pada web tidak dapat dirubah oleh visitor, member, maupun operator. Adapun beberapa tampilan yang apa pada sistem ini adalah sebagai berikut. 1. Tampilan Antarmuka Register Member
Gambar 4.11. Tampilan Antarmuka Register Member 2. Tampilan Antarmuka Login Member
13
Gambar 4.12. Tampilan Antarmuka Login Member 3. Tampilan Antarmuka Event
Gambar 4.13. Tampilan Antarmuka Event
14
4. Tampilan Antarmuka Profil Anggota
Gambar 4.14. Tampilan Antarmuka Dokumentasi 5. Tampilan Antarmuka Forum Kategori
15
Gambar 4.15. Tampilan Antarmuka Forum Kategori
5. Kesimpulan 5.1. Kesimpulan Berdasarkan pada pembahasan yang telah dijabarkan pada bab-bab sebelumnya dan dengan didukung penelitian yang dilakukan pada komunitas Majelis Syukur Qolbu serta pembuatan laporan skripsi dengan judul “Perancangan dan Implementasi Aplikasi Berbasis Web „Berbagi Lewat Awan‟ untuk Komunitas Majelis Syukur Qolbu (MSQ)” maka dapat disimpulkan,
16
1. Pembuatan aplikasi web yang bisa menampung anggota tanpa batas dimulai dengan penelitian dan spesifikasi masalah menggunakan teknik observasi dan wawancara. Dilanjutkan dengan menganalisis kelemahan dalam sistem saat ini menggunakan metode SWOT yang hasilnya sistem yang ada dan berlaku di MSQ saat ini adalah aktivitas pencatatan data-data keanggotaan yang masih menggunakan sistem konvensional yaitu ditulis tangan. Aktivitas sharing masih terbatas pada grup di Blackberry Messenger (BBM) dengan batas maksimal 30 akun terdaftar pada tiap grup. Kemudian dilakukan analisis kebutuhan fungsional dan dilanjutkan dengan perancangan sistem menggunakan diagram konteks, diagram alir data (DAD), serta normalisasi yang menghasilkan beberapa tabel. Rancangan sistem yang baru ini diakhiri dengan rancangan antarmuka pengguna. Dilanjutkan dengan pembuatan aplikasi web yang saat ini bisa digunakan untuk menampung banyaknya anggota Majelis Syukur Qolbu (MSQ). 2. Aplikasi ini memiliki kemudahan dalam hal pengaksesan bagi anggota yang masih awam. Template yang penulis buat menyesuaikan format web-web terkenal yang sudah sering dipakai oleh pengguna internet pada umumnya. Sehingga anggota bisa dengan mudah mengakses tiap halaman serta bisa ikut berpartisipasi aktif didalam kegiatan sharing yang ada di aplikasi web “Berbagi Lewat Awan”. 5.2. Saran Tentu saja akan banyak ditemukan kekurangan dalam penulisan laporan skripsi ini, maka dari itu kritik dan saran yang dapat membangun dan memperbaiki aplikasi web yang penulis rancang ini akan sangat penulis tunggu. Semoga skripsi ini dengan segala kelebihan serta kekurangannya dapat diterima serta memberi manfaat bagi masyarakat luas. Adapun saran bagi pengembang aplikasi selanjutnya: 1. Aplikasi web ini masih sangat sederhana dalam hal pengamanan data, untuk itu pengembang selanjutnya bisa lebih memperhatikan dalam hal pengamanan sistem ini. 2. Aplikasi web ini belum memiliki fitur pencarian sehingga untuk kedepannya bisa ditambahkan fitur tersebut. 3. Aplikasi web ini bisa dibuatkan versi untuk mobile gadget sehingga lebih memudahkan dan memberi kenyamanan bagi pengunjung maupun anggota komunitas.
DAFTAR PUSTAKA
Jogiyanto, HM, 1995. Analisa dan Disain Sistem Informasi. Pendekatan Terstruktur, Teori dan Aplikasi Bisnis. Yogyakarta: Andi Offset. Jogiyanto, HM.1999. Analisa dan Disain Sistem Informasi. Pendekatan Terstruktur, Teori dan Aplikasi Bisnis.Darin E. Hartley.2001. Selling e-Learning, American Society for Training and Development. Yogyakarta: Andi Offset. Abdur Kadir.2009.From Zero To A Pro : Membuat Aplikasi Web dengan PHP dan database MySQL. Yogyakarta: Andi Publisher. Freddy Rangkuti.2006. ANALISIS SWOT: Teknik Membedah Kasus Bisnis. (Skripsi). Jakarta: PT.Gramedia Pustaka Utama Kasiman Peranginangin.2006. Aplikasi WEB dengan PHP dan MySQL. Yogyakarta: Andi Publisher. Rowland Jonathan e.f.2006.Perancangan Sistem Penjualan Berbasis Web Pada PT.Restu Mahkota Karya (Skripsi). Yuhefizar, S.Kom, M.Kom.2013. Cara Mudah dan Murah membangun dan mengelola Website. Yogyakarta: Graha Ilmu. Agha A. Natasyah dan SmitDev Community.2010.Membuat Sendiri Aplikasi Facebook dengan PHP. Jakarta: Elex Media Computindo. Hans S. Limantara.2009. Jelajah Dunia Maya dengan Cepat dan Mudah (Mengenal Lebih Dekat SAFARI 4 – Browser Kaya Fitur). Jakarta: Elex Media Computindo. Putri Wahyuni dan SmitDev Community.2008. Belajar Sendiri Mendesain dengan CorelDraw X4. Jakarta: Elex Media Computindo. Dedik Kurniawan.2010.145 Freeware Pilihan untuk Berbagai Kebutuhan. Jakarta: Elex Media Computindo.
17