APLIKASI BUKUTAMU PADA SITUS WEB RUMAH MAKAN NUSAINDAH MENGGUNAKAN FRAMEWORK CODEIGNITOR DAN MYSQL

APLIKASI BUKUTAMU PADA SITUS WEB RUMAH MAKAN NUSAINDAH MENGGUNAKAN FRAMEWORK CODEIGNITOR DAN MYSQL

Sukriyadi 41508010115

PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2014

http://digilib.mercubuana.ac.id/

APLIKASI BUKUTAMU PADA SITUS WEB RUMAH MAKAN NUSAINDAH MENGGUNAKAN FRAMEWORK CODEIGNITOR DAN MYSQL

Laporan Tugas Akhir

Diajukan Untuk Melengkapi Persyaratan Menyelesaikan Gelar Sarjana Komputer

Disusun oleh:

Sukriyadi 41508010115

PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2014







KATA PENGANTAR

Puji syukur Penulis panjatkan ke hadirat Allah SWT yang telah melimpahkan rahmat dan karuniaNya, sehingga penulis dapat menyelesaikan laporan tugas akhir yang merupakan salah satu persyaratan untuk menyelesaikan program studi strata satu (S1) pada Jurusan Teknik Informatika Universitas Mercu Buana Jakarta. Penulis menyadari bahwa laporan tugas akhir ini masih jauh dari sempurna. Karena itu, kritik dan saran akan senantiasa penulis terima dengan senang hati. Dengan segala keterbatasan dan kekurangan, penulis menyadari bahwa laporan tugas akhir ini tak akan terwujud tanpa bantuan, bimbingan dan dorongan dari pihak lain. Untuk itu, dengan segala kerendahan hati, penulis menyampaikan ucapan terima kasih kepada: 1. Bapak Anis Cherid, S.E, M.T.I, selaku pembimbing tugas akhir pada jurusan Teknik Informatika Universitas Mercu Buana, yang dengan sabarnya memberikan bimbingan hingga laporan ini terwujud, 2. Bapak Sabar Rudiarto, S.Kom, M.Kom selaku Kepala Program Studi pada Jurusan Teknik Informatika universitas Mercu Buana. 3. Ibu Umniy Salamah, S.T, MMSI selaku Koordinator Tugas Akhir pada Jurusan Teknik Informatika Universitas Mercu Buana 4. Ayah dan Ibuku tercinta, serta adik-adikku yang selalu mendoakan agar aku cepat lulus kuliah. 5. Semua pihak yang telah banyak membantu dalam penyelesaian tugas akhir ini.

Penulis



APLIKASI BUKU TAMU PADA SITUS WEB RUMAH MAKAN NUSAINDAH MENGGUNAKAN FRAMEWORK CODEIGNITER DAN MYSQL Sukriyadi, Anis cherid, S.E.,MTI PROGRAM STUDI TEKNIK INFORMATIKA, FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA

E-mail: [email protected],[email protected]

Abstract -- Guest book application for a website is made so visitors of the website can write comments that can be read by the owner of the website or various people that visits the website. However, most guest book applications do not provide the feature to upload photos and the feature to easily check if there are pending unvalidated comments. In this research, the author develops a guest book application that has these two additional feature. The application was developed using the PHP programming language, CodeIgniter framework and MySQL database. Base on the testing process, the guest book application has run well. Keywords : Application Guest Book, CodeIgniter, MySQL Abstrak -- Aplikasi buku tamu yang dibuat untuk sebuah situs web berjuan agar pengunjung situs web dapat menulis pesan dan kesan yang dapat dibaca baik oleh pemilik situs web maupun oleh khalayak luas. Namun kebanyakan aplikasi buku tamu tidak menyediakan fasilitas untuk melakukan upload foto serta tidak menyediakan fasilitas untuk memeriksa jika ada komentar yang belum divalidasi dengan mudah. Dalam tugas akhir ini penulis mengembangkan aplikasi buku tamu yang memiliki kedua fasilitas tambahan tersebut. Aplikasi tersebut dikembangkan menggunakan bahasa pemrograman PHP, framework CodeIgniter dan database MySQL. Bedasarkan pengujian aplikasi buku tamu telah diuji dengan baik. Kata Kunci : Aplikasi Buku Tamu, CodeIgniter, MySQL

1. PENDAHULUAN 1.1 Latar Belakang Situs web adalah layanan Internet yang sangat populer saat ini. Banyak informasi dan berita yang bisa kita dapatkan dengan adanya Internet secara

cepat dan mudah. Selain itu situs web juga bisa digunakan untuk membangun sebuah relasi bisnis dan mempromosikan usaha yang kita jalani. Rumah Makan Nusa Indah adalah sebuah rumah makan yang memiliki cita rasa masakan atau makanan khas padang(minang). Rumah makan Nusa Indah ini berdiri pada 10 Januari 1995, Rumah Makan Nusa Indah ini berdiri karena adanya peluang dan minat yang cukup tinggi dari konsumen. Namun untuk meningkatkan kedekatan terhadap konsumen, di butuhkan sebuah aplikasi buku tamu yang berbasis website. Pada umumnya aplikasi buku tamu yang sudah ada diwebsite lain tidak menyediakan fasilitas untuk melakukan upload foto serta tidak menyediakan fasilitas untuk memeriksa jika ada komentar yang belum divalidasi. Untuk memenuhi kebutuhan akan aplikasi online, pada skripsi ini penulis akan membuat ”Aplikasi Bukutamu pada Situs Web Rumah Makan Nusa Indah menggunakan Framework CodeIgniter dan MySQL” dimana aplikasi ini dapat menyimpan komentar atau testimonial dari penggunjung. Aplikasi ini diharapkan dapat membantu pemilik situs website yang membutuhkan sebuah aplikasi buku tamu. 1.2 Perumusan Masalah Mengacu pada latar belakang yang telah diuraikan di atas, maka perumusan masalah dalam penelitian ini antara lain: 1. Bagaimana membangun suatu aplikasi buku tamu untuk situs web dengan framework codeigniter? 2. Bagaimana menyimpan komentar, gambar dan menampilkan kembali dalam situs web? 1.3 Tujuan Pembahasan Tujuan dari pembuatan aplikasi buku ini adalah sebagai berikut: 1. Membuat aplikasi buku tamu dengan menggunakan framework codeigniter 1.4 Batasan Masalah


maupun dinamis. Bersifat statis apabila isi informasi situs web tatap, jarang berubah dan isi informasinya searah hanya dari pemilik situs web. Sedangkan bersifat dinamis apabila isi informasi dari situs web selalu berubah-ubah dan isi informasinya bersifat interaktif dua arah berasal dari pemilik serta pengguna situs web.

Dalam membuat laporan ini, penulis akan membatasi laporan yang akan diteliti, antara lain: 1. Aplikasi ini adalah aplikasi buku tamu untuk situs web. 2. Aplikasi ini dapat menampilkan komentar pengunjung dengan cara diinput oleh pengunjung dan dikonfirmasi oleh admin untuk ditampilkan. 2. LANDASAN TEORI

2.2Framework Framework secara sederhana dapat diartikan kumpulan dari fungsi-fungsi/prosedur-prosedur dan class-class untuk tujuan tertentu yang sudah siap digunakan sehingga bisa lebih mempermudah dan mempercepat pekerjaan seorang programer, tanpa harus membuat fungsi atau class dari awal.[3] Alasan menggunakan Framework: 1. Mempercepat dan mempermudah pembangunan sebuah aplikasi web. 2. Relatif memudahkan dalam proses maintenance karena sudah ada pola tertentu dalam sebuah framework (dengan syarat programmer mengikuti pola standar yang ada). 3. Umumnya framework menyediakan fasilitasfasilitas yang umum dipakai sehingga kita tidak perlu membangun dari awal (misalnya validasi, ORM, pagination, multiple database, scaffolding, pengaturan session, error handling, dll. 4. Lebih bebas dalam pengembangan jika dibandingkan CMS.

2.1 Situs Web Penemu situs web adalah Sir Timothy John Tim Berners-Lee, sedangkan situs web yang tersambung dengan jaringan pertama kali muncul pada tahun 1991. Maksud dari Tim ketika merancang situs web pertama kali adalah untuk meudahkan tukar menukar dan memperbaharui informasi pada sesama peneliti di tempat ia bekerja. Pada tanggal 30 April 1993, CERN (tempat dimana Tim bekerja) mengumumkan bahwa WWW dapat digunakan secara gratis oleh publik [2]. Situs web atau sering disingkat dengan istilah situs adalah sejumlah halaman web yang memiliki topik saling terkait, terkadang disertai pula dengan berkas-berkas gambar, vidio atau jenis-jenis berkas lainnya. Situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses melalui jaringan seperti internet, ataupun jaringan wilayah lokal (LAN) melalui alamat internet yang dikenal sebagai URL [2] Gabungan atas semua situs yang dapat diakses publik di internet disebut sebagai Waring Wera Wanua atau lebih dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs internet umumnya dapat diakses publik secara bebas, pada prakteknya tidak semua situs memberikan kebebasan bagi publik untuk mengaksesnya, beberapa situs web mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan meminta pembayaran untuk dapat menjadi anggota. Sebuah halaman web merupakan berkas yang ditulis sebagai berkas teks biasa (plaint text) yang diatur dan dikombinasikan sedemikian rupa dengan instruksi-instruksi berbasis HTML (hypertext markup language) atau XHTML (extensible hypertext markup language), kadang-kadang pula disisipi dengan sekelumit bahasa skrip seperti PHP (hypertext preprocessor). Berkas tersebut kemudian diterjemahkan oleh peramban web dan ditampilkan seperti layaknya sebuah halaman pada monitor komputer. Situs web juga dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, gambar diam atau bergerak, animasi, suara, video atau gabungan dari semuanya baik bersifat statis 1. View, merupakan bagian yang menangani presentation logic. Pada suatu aplikasi web bagian ini biasanya berupa file template HTML, yang diatur oleh controller. View berfungsi untuk menerima dan merepresentasikan data kepada user. Bagian ini tidak memiliki akses langsung terhadap bagian model.

2.3CodeIgniter CodeIgniter adalah aplikasi open source yang berupa framework dengan model MVC (Model, View, Controller) untuk membangun website dinamis dengan menggunakan PHP. CodeIgniter memudahkan developer untuk membuat aplikasi web dengan cepat dan mudah dibandingkan dengan membuatnya dari awal. CodeIgniter dirilis pertama kali pada 28 Februari 2006. Versi stabil terakhir adalah versi 2.1.3 [3] 2.4Design Patern: MVC (Model, View, Controller) Model View Controller merupakan suatu konsep yang cukup populer dalam pembangunan aplikasi web, berawal pada bahasa pemrograman yang membangun sebuah aplikasi seperti manipulasi data, user interface, dan bagian yang menjadi kontrol aplikasi. Terdapat 3 jenis komponen yang membangun suatu MVC pattern dalam suatu aplikasi yaitu : Small Talk, MVC memisahkan pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah 2. Model, biasanya berhubungan langsung dengan database untuk memanipulasi data (insert, update, delete, search), menangani validasi dari bagiancontroller, namun tidak dapat berhubungan langsung dengan bagian view. 3. Controller, merupakan bagian yang mengatur hubungan antara bagian model dan bagian view,

2 http://digilib.mercubuana.ac.id/

controller berfungsi untuk menerima request dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi. Dengan menggunakan prinsip MVC suatu aplikasi dapat dikembangkan sesuai dengan kemampuan developernya, yaitu programmer yang menangani bagian model dan controller, sedangkan designer yang menangani bagian view, sehingga penggunaan arsitektur MVC dapat meningkatkan maintanability dan organisasi kode. Walaupun demikian dibutuhkan komunikasi yang baik antara programmer dan designer dalam menangani variabelvariabel yang akan ditampilkan. Ada beberapa kelebihan CodeIgniter (CI) dibandingkan dengan Framework PHP lain; 1. Performa sangat cepat : salah satu alasan tidak menggunakan framework adalah karena eksekusinya yang lebih lambat daripada PHP from the scracth, tapi Codeigniter sangat cepat bahkan mungkin bisa dibilang codeigniter merupakan framework yang paling cepat dibanding framework yang lain. 2. Konfigurasi yang sangat minim (nearly zeroconfiguration) : tentu saja untuk menyesuaikan dengan database dan keleluasaan routing tetap diizinkan melakukan konfigurasi dengan mengubah beberapa file konfigurasi seperti database.php atau autoload.php, namun untuk menggunakan codeigniter dengan setting standard, anda hanya perlu mengubah sedikit saja file pada folder config. 3. Banyak komunitas: dengan banyaknya komunitas CI ini, memudahkan kita untuk berinteraksi dengan yang lain, baik itu bertanya atau teknologi terbaru. 4. Dokumentasi yang sangat lengkap : Setiap paket instalasi codeigniter sudah disertai user guide yang sangat bagus dan lengkap untuk dijadikan permulaan, bahasanya pun mudah dipahami. 2.5 MySQL MySQL adalah salah satu basis data server yang sangat terkenal. MySQL merupakan satu perangkat lunak sistem manajemen basis data atau sering disebut RDBMS (Relational Database Management System). Berbeda dengan basis data konvensional seperti .dat, .dbf, .mdb, MySQL mempunyai kelebihan yaitu bersifat multithread dan multi-user serta mendukung sistem jaringan. (A.M Hirin dan Virgi). Beberapa keunggulan MySQL: 1. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris dan masih banyak lagi. 2. MySQL memiliki beberapa lapisan keamanan seperti level subnetmask, nama host dan izin akan user dengan sistem perizinan yang mendetail serta santi terenkripsi.

3. Dapat melakukan koneksi dengan klien menggunakan protokol TCP/IP, Unix soket (UNIX) atau Named Pipes (NT). 4. Memiliki ragam tipe data yang sangat kaya, seperti signed / unsigned, integer, fload, double, char, text, date dan lain-lain. 5. MySQL memiliki antar muka (Interface) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface). 6. Dapat digunakan oleh beberapa pengguna dalam waktu bersamaan tanpa mengalami masalah atau konflik 2.6 Rekayasa Perangkat Lunak Rekayasa perangkat lunak (RPL) adalah disiplin ilmu yang mencakup segala hal yang berhubungan dengan proses pengembangan perangkat lunak sejak dari tahap perancangan hingga tahapan implementasi sehingga siklus hidup perangkat lunak dapat berlangsung secara efisien dan terukur.[4] Rekayasa perangkat lunak (software engineering) merupakan pembangunan dengan menggunakan prinsip atau konsep rekayasa dengan tujuan menghasilkan perangkat lunak yang bernilai ekonomi yang dipercaya dan bekerja secara efesien menggunakan mesin.[5] Rekayasa perangkat lunak adalah disiplin ilmu yang membahas semua aspek produksi perangkat lunak, mulai dari tahap awal spesifikasi sistem sampai pemeliharaan sistem setelah digunakan. Ada 2 istilah kunci yang terdapat di dalam pembahasan rekayasa perangkat lunak, yaitu : 1. Disiplin rekayasa/perekayasa membuat suatu alat bekerja. Menerapkan teori, metode, dan alat bantu yang sesuai, selain itu mereka menggunakannya dengan selektif dan selalu mencoba mencari solusi terhadap permasalahan. 2. Semua aspek produksi perangkat lunak/rekayasa perangkat lunak tidak hanya berhubungan dengan proses teknis dari pengembangan perangkat lunak tetapi juga dengan kegiatan seperti Manajemen proyek perangkat lunak dan pengembangan alat bantu, metode, dan teori untuk mendukung produksi perangkat lunak. Secara umum, rekayasa perangkat lunak memakai pendekatan sistematis dan terorganisasi terhadap pekerjaan mereka karena cara ini seringkali paling efektif untuk menghasilkan perangkat lunak berkualitas tinggi. Namun demikian, rekayasa ini sebenarnya mencakup masalah pemilihan metode yang paling sesuai untuk satu set keadaan dan pendekatan yang lebih kreatif, informal terhadap pengembangan yang mungkin efektif pada beberapa keadaan. 2.6.1 Proses Rekayasa Perangkat Lunak Rosa dan Shalahuddin(2011), menyatakan bahwaproses perangkat lunak adalah sekumpulan aktivitas maupun metode yang digunakan


pengembang perangkat lunak dalam melakukan penyelesaian perangkat lunak. Secara umum proses perangkat lunak terdiri dari: 1. Pengumpulan spesifikasi (specification) 2. Pengembangan (development) 3. Validasi (validation) 4. Evolusi (evolution) 2.6.2 Metodologi Rekayasa Perangkat Lunak Pada prinsipnya rekayasa perangkat lunak menekankan pada tahapan pengembangan suatu perangkat lunak yaitu: perencanaan, analisis, desain, implementasi, pengetesan dan perawatan. Pada tahap yang lebih besar rekayasa perangkat lunak mengacu pada manajemenp perangkat lunak dengan tetap memperhatikan tahapan-tahapan pengembangan sebelumnya. 2.6.2.1 Sekuensial Linier Sekuensial linier untuk rekayasa perangkat lunak sering disebut juga dengan siklus kehidupan klasik atau model air terjun. Model ini adalah model yang muncul pertama kali sekitar tahun 1970 sehingga sering di anggap kuno. Sekuensial linier mengusulkan sebuah pendekatan kepada perkembangan perangkat lunak yang sistematik dan sekuensial yang mulai pada tingkat dan kemajuan sistem pada seluruh analisis, desain, kode, pengujian dan pemeliharaan [6]. Secara umum tahapan pada sekuensial linier dapat dilihat pada Gambar 1:

Gambar 1Model Sekuensial Linier Gambar di atas merupakan tahapan umum dari proses sekuensial linier. Akan tetapi Roger S. Pressman memecah model ini menjadi 6 tahapan. Berikut adalah penjelasan dari tahapan-tahapan yang dilakukan dalam model ini menurut Pressman: 1. Rekayasa dan pemodelan sistem. Rekayasa dan pemodelan sistem menyangkut pengumpulan kebutuhan pada tingkat sistem dengan sejumlah kecil analisis serta desain tingkat puncak. Dimulai dengan membangun syarat dari semua elemen sistem dan mengalokasikan beberapa subset dari kebutuhan perangkat lunak tersebut. Hasilnya berupa spesifikasi sistem. 2. Analisis kebutuhan perangkat lunak. Tahap ini merupakan proses pengumpulan kebutuhan diintensifkan dan difokuskan, khususnya pada perangkat lunak. Untuk memahami sifat program yang dibagun,

perekayasa perangkat lunak (analisis) harus memahami domain informasi, tingkah laku, unjuk kerja, dan antarmuka (interface) yang diperlukan. Hasilnya berupa spesifikasi kebutuhan perangkat lunak. 3. Desain. Proses ini merupakan proses multi langkah yang berfokus pada empat atribut sebuah program yang berbeda, struktur data, arsitektur perangkat lunak, representasi antarmuka dan detail. Proses desain menterjemahkan syarat dan kebutuhan yang dihasilkan dari tahap analisis dan ditransformasikan ke dalam bentuk arsitektur perangkat lunak yang memiliki karakteristik mudah dimengerti dan tidak sulit untuk diterapkan. 4. Generasi kode. Desain harus diterjemahkan ke dalam baris-baris kode program yang dapat dimengerti oleh komputer agar bisa dibaca. Jika desain dilakukan dengan cara lengkap, pembuatan kode dapat diselesaikan secara mekanis. 5. Pengujian. Setelah kode selesai dibuat, maka pengujian program dimulai. Proses pengujian berfokus pada logika internal perangkat lunak, memastikan bahwa semua pernyataan sudah diuji, dan pada eksternal fungsional yaitu mengarahkan pengujian untuk menemukan kesalahan-kesalahan dan memastikan bahwa input yang dibatasi akan memberikan hasil aktual yang sesuai dengan hasil yang dibutuhkan. 6. Pemeliharaan. Dalam operasional sehari-hari, suatu perangkat lunak mungkin saja mengalami kesalahan atau kegagalan dalam menjalankan fungsi-fungsinya atu pemilik bisa saja meminta peningkatan kemampuan perangkat lunak pada pengembangannya. Dengan demikian, kedua faktor ini menyebabkan perlunya perangkat lunak dipelihara dari waktu ke waktu. Biasanya ini merupakan tahapan yang panjang dari perangkat lunak. 2.7 Pemodelan Sistem Pembuatan satu sistem yang baik haris diperlukan suatu metode atau perangkat pemodelan sistem. Perangkat pemodelan berfungsi sebagai media yang memberikan penjelasan tentang sebuah sistem yang dibuat. Perangkat pemodelan dapat berupa diagram ataupun gambar. Ada tiga alasan melakukan pemodelan sistem menurut Husni Iskandar Pohan: 1. Mendiskusikan perubahan dan koreksi terhadap kebutuhan pemakai dengan resiko dan biaya minimal. 2. Dapat memfokuskan perhatian pada hal-hal penting dalam sistem tanpa mesti terlibat jauh.


3.

Menguji pengertian penganalisis sistem terhadap kebutuhan pemakai dan membantu pendesain sistem dan pemprogram membangun sistem. Pemodelan sistem dapat dipresentasikan dengan berbagai cara antara lain, diagram konteks (data flow diagram context level), diagram alir (flowchart), dan banyak model lainnya.

2.7.1 Diagram Konteks (data flow diagram context level) Data flow diagram (DFD) context level atau diagram konteks adalah sebuah diagram sederhana yang mengambarkan hubungan dengan entitas luar, masukan dan keluaran dari sistem. Diagram konteks direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem. Diagram konteks mempunyai karakteristik penting dari sebuah sistem, yaitu: 1. Data masuk yaitu data yang diterima sistem dari lingkungan dan harus diproses dengan cara tertentu. 2. Data keluar yaitu data yang dihasilkan sistem dan diberikan ke pihak luar. 3. Penyimpanan data yang digunakan secara bersama-sama antara sistem dan terminator. 4. Batasan antara sistem dan lingkungan. 2.7.2 Diagram Alir (Flowchart) Flowchart atau diagram alir merupakan metode untuk menggambarkan tahap-tahap pemecahan masalah dengan merepresentasikan simbol-simbol tertentu yang mudah dimengerti, mudah digunakan dan standar. Tujuan utama dari diagram alir adalah untuk menggambarkan suatu tahapan penyeselsaian masalah secara sederhana, teruarai, rapi dan jelas dengan menggunakan simbol-simbol standar.[1] Diagram alir program merupakan diagram alir yang menggambarkan urutan logika dari suatu prosedur pemecahan masalah. Simbol-simbol standar yang digunakan pada diagram alir sistem ditunjukkan dalam Gambar 2:

Gambar 2 Simbol-simbol Diagram Alir Program. Pada penggambaran diagram alir program, ada dua jenis metode, yaitu conceptualflowchart dandetail flowchart. Conceptual flowchart menggambarkan tentang alur dari suatu pemecahan masalah secara global saja. Sedangkan detail flowchart menggambarkan alur pemecahan masalah secara rinci. 3. ANALISIS DAN PERANCANGAN SISTEM 3.1 Analisis Sistem Dalam membuat suatu aplikasi pada komputer perlu adanya sebuah analisis sistem. Analisis sistem sangat di perlukan untuk menentukan dan menemukan serta mengevaluasi permasalahan – permasalahan yang dihadapi. Tahapan analisis merupakan tahapan paling awal dilakukan dan paling penting dalam pembuatan sebuah aplikasi, karena kesalahan pada tahap ini akan mengakibatkan kesalahan yang sangat besar pada tahap selanjutnya atau tahap pengkodean. Oleh karena itu diperlukan suatu metode yang dapat digunakan sebagai pemodelan dalam pembuatan sebuah sistem. Aplikasi buku tamu ini merupakan sebuah aplikasi berbasis website yang hanya mempunyai fungsi untuk menampilkan komentar dari pengunjung pada suatu situs website. Buku tamu juga dapat digunakan sebagai acuan banyaknya pengunjung yang bersedia memberikan masukan atau testimonial pada situs website tersebut. Berdasarkan permasalah di atas, perlu adanya sebuah aplikasi yang memberikan kemudahan kepada pemilik situs website dalam pencatatan komentar atau testimonial dari pengunjung website. Aplikasi ini dibuat dengan menggunakan Framework Codeigniter. Di dalam situs web Blogger, sudah tersedia aplikasi buku tamu yang dapat digunakan untuk menyimpan


komentar dari pengunjung. Berikut keunggulan buku tamu dari Blogger : 1. Sudah termasuk dalam template di Blogger. 2. Dapat menyimpan komentar dari pengunjung ke dalam database Ada juga kekurangan dari Blogger antara lain: 1. Tidak bisa upload gambar atau foto langsung dari pengunjung 2. Tidak adanya notofikasi total komentar yang belum di konfirmasi Pada aplikasi ini diperlukan sebuah masukkan berupa email, nama, komentar dan upload foto yang berada dalam situs website buku tamu. Proses yang dilakukan setelah pengunjung memasukkan komentar adalah program akan menyimpan email, nama, komentar dan foto yang diupload setelah melakukan klik pada tombol “Post Comment”. Kemudian Admin akan menentukan komentar mana yang layak untuk ditampilkan atau justeru harus dihapus Aplikasi buku tamu ini mempunyai keluaran berupa tampilan komentar pada situs website. 3.2 Perancangan Dibagian ini akan dijelaskan tentang perancangan pada situs web buku tamu yang menggunakan Framework Codeigniter serta menggunakan CSS baik dari font, warna serta ukuran yang akan ditampilkan dalam situs website buku tamu. Dalam perancangan ini juga meliputi tiga diagram, yaitu; 1. Data flow diagram yang terdiri dari; a. Diagram konteks b. Diagram alir data bertingkat 2. Entity relsionship diagram 3. Flowchart 3.2.1Diagram Konteks Diagram konteks merupakan diagram yang menggambarkan masukan yang diterima oleh suatu sistem dan keluaran yang dihasilkan oleh sistem tersebut. Diagram konteks merupakan proses perjalanan data dari suatu atau beberapa sumber untuk mencapai tujuan tertentu, yang pada proses perjalanan data tersebut hanya terdapat satu proses saja yang digambarkan dalam bentuk umum.

tidak. Serta sistem akan menampilkan komentar yang telah disetujui oleh admin untuk di tampilkan. 3.2.2 Diagram Alir DataBertingkat Diagram alir data bertingkat atau data flow diagram biasa digunakan untuk menggambarkan sistem sebagai jaringan dari proses-proses secara fungsional yang dihubungkan dengan yang lainnya oleh aliran data. Pada Gambar 2 menggambarkan bahwa pada saat pengunjung mengisi data diri dan komentar lalu menekan tombol post comment, sistem akan menyimpannya pada tabel komentar dan foto akan disimpan dalam direktori sistem. Pada proses login admin, admin mengisi nama serta password. Pada halaman admin, admin dapat melihat tabel user berserta komentar. Admin juga dapat melakukan validasi komentar dari tabel komentar yang nantinya ditampilkan di halaman buku tamu. Pada tahap selanjutnya sistem akanmenampilkan data yang ada pada tabel komentar.

Gambar 4 Model Diagram Alir Data Bertingkat 3.2.3Entity Relation Diagram Diagram hubungan entitas atau entity relation diagram (ERD) merupakan model data berupa notasi grafis dalam pemodelan data konseptual yang menggambarkan hubungan antara penyimpan. Dengan ERD ini kita dapat menguji model dengan mengabaikan proses yang harus dilakukan. Diagram hubungan entitas dapat membantu dalam menjawab persoalan tentang data diperlukan dan bagaimana data tersebut saling berhubungan.

Gambar 3 Model Diagram Konteks Pada diagram konteks diatas menjelaskan bahwa terdapat masukan ke sistem dari pengunjung. Dimana data dari pengunjung berupa nama, email, komentar dan foto yang di upload dan akan di simpan di sistem. Sedangkan admin akan melihat data yang sudah di input dari pengunjung dan akan mengembalikan ke sistem data komentar mana yang ditampilkan dan


Gambar 5Entitas Relation Diagram 3.2.4Diagram alir(flowchat) Berikut gambar diagram alir dimana langkahlangkah awal dari pengunjung mengisi nama, email, komentar dan foto untuk di upload ke dalam sistem. Setelah mengklik tombol Post Comment, maka data akan di simpan ke dalam database. Admin berfungsi untuk mengatur komentar yang akan ditampilkan atau di hilangkan. Jika admin menyetujui untuk di tampilkan maka sistem akan mengupdate database sehingga dapat ditampilkan pada halaman depan. Berikut skema diagara alir pada Gambar 6

Pada proses ini, admin login terlebih dahulu untuk melihat data komentar dari pengunjung yang telah di simpan dalam database. Disini admin dapat memilih komentar mala yang di tampilkan, hilangkan atau di hapus. Ketika admin menklik salah satu button maka sistem akan mengupdate database. 4.1.2 Implementasi Basis Data Basis data pada aplikasi server ini mempunyai 2 tabel, yaitu table upload dan table user. berikut merupakan lampiran SQL (Structured Query Language) dari basis data program ini.

a. Potongan Sql Tabel upload CREATE TABLE IF NOT EXISTS ùpload` ( ìd` int(11) NOT NULL, `title` varchar(100) NOT NULL, `file` varchar(100) NOT NULL, `width` int(11) NOT NULL, `height` int(11) NOT NULL, `type` varchar(100) NOT NULL, `size` int(11) NOT NULL, `date` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP, èmail` varchar(255) NOT NULL, `nama` varchar(255) NOT NULL, `komentar` text NOT NULL, `tampil` int(2) NOT NULL DEFAULT '0' ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=0 ;

Gambar 6 Pemodelan Diagram Alir 4. IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Implementasi di bagi 3 (tiga) bagian, yaitu implementasi program, basis data dan antar muka. 4.1.1 Implementasi Program Aplikasi buku tamu ini berbasis website dengan menggunakan Framework Codeigniter yang berbasis PHP serta menggunakan basis data MySQL yang di akses melalui localhost Pada bab ini, penulis membahas tentang beberapa proses utama yang ada di sistem yang menjadi titik berat penulisan tugas akhir ini, yaitu : 1. Proses penyimpanan komentar pengguna 2. Proses pengupdatean data admin

b. Potongan Sql Tabel User CREATE TABLE IF NOT EXISTS ùser` ( ìd` int(11) NOT NULL, ùname` varchar(255) NOT NULL, `pass` varchar(255) NOT NULL ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ; 4.1.3 Implementasi Antar Muka Antar muka merupakan gambaran tamplian sebuah situs web menampilkan hasil kode yang telah dibuat. Berikut merupakan gambaran aplikasi bukutamu antara lain:

4.1.1.1 Proses penyimpanan komentar Program ini berjalan ketika penggunjung setelah pengunjung selesai mengisi inputan di halaman buku tamu dan memencet tombol Post Comment dan sistem akan memasukkan data yang telah di input ke dalam database. 4.1.1.2 Proses pengupdatean data admin

Gambar 7 Tampilan Antar Muka Halaman Home


3. 4. 5.

6. Gambar 8 Tampilan Antar Muka Buku Tamu

7.

Gambar 9Tampilan Antar Muka Halaman Login Admin

Gambar 10Tampilan Antar Muka Halaman Login Admin

4.2 Pengujian Fungsionalitas Aplikasi Pengujian akan dilakukan dengan menggunakan metodek kotak hitam (blackbox) untuk lebih memfokuskan pada keperluan fungsional dari aplikasi. Dengan metode ini, maka validitas fungsi akan diuji, apakah menghasilkan keluaran yang sesuai dengan yang diharapkan atau tidak. 4.2.1 Analisis Hasil Pengujian Setelah melakukan pengujian dan menjalankan program aplikasi, maka dari hasil tersebut dapat dianalisa sebagai berikut : 1. Proses penampilan halaman home berjalan dengan baik sehingga user dapat melihat halaman awal dengan mempunyai gambar berjalan dan text animasi yang ditampilkan oleh sistem. 2. Proses penampilan halaman buku tamu berjalan dengan baik sehingga user dapat mengisi buku tamu dengan memasukkan almat email, nama

user, komentar, upload foto diri ke dalam kolom yang telah disediakan oleh sistem. Fungsi menyimpan data pengguna dari halaman buku tamu berjalan dengan semestinya. Fungsi pengupdatean data admin pada halaman admin berjalan dengan semestinya. Proses penampilan halaman login admin berjalan dengan baik sehingga admin dapat memasukan username serta password dengan baik. Proses penampilan halaman admin berjalan dengan baik sehingga admin dapat memproses komentar yang baru masuk maupun komentar yang sudah ada. Sistem berjalan dengan baik dan stabil. Secara fungsionalitas program tidak ditemukan kesalahan dan sudah sesuai dengan proses yang ada pada sistem dan prosedur yang sudah direncanakan. Hasil analisis terhadap aplikasi pembagian bilangan yang dibangun secara keseluruhan berfungsi dengan baik dan dapat digunakan sebagai aplikasi buku tamu pada web rumah makan nusa indah dengan menggunakan framework codeigniter.

5. PENUTUP 5.1 Kesimpulan Berdasarkan hasil pengujian, tujuan penulisan tugas akhir ini telah berhasil dicapai: 1. Aplikasi buku tamusudah dapat dibangun untuk situs web dengan framework codeigniter 2. Aplikasi sudah dapat menyimpan komentar, gambar dan menampilkan kembali dalam situs web 5.2 Saran Penulis akan memberikan beberapa saran yang mungkin dapat dijadikan bahan pertimbangan untuk pengembangan aplikasi ini kedepanya. Berikut adalah saran yang diberikan oleh penulis ; 1. Diharapkan di masa yang akan datang aplikasi ini dapat menampilkan tabel pemesanan serta tabel menu. 2. Diharapkan aplikasi ini dapat berjalan sendiri tanpa aplikasi pendukung. 3. Masih terdapat kekurangan dari aplikasi ini dalam penyajian antar muka. Diharapkan kedepannya dapat mengatur penyajian menu antarmuka yang lebih baik dan sederhana.

DAFTAR PUSTAKA [1] Oetomo, B.S. D. (2002) Perencanaan dan Pembangunan Sistem Informasi,Yogyakarta : Andi Offset. [2]Anonim, situs web, Available at : id.wikipedia.org/wiki/situs_web (diakses tanggal 21 Mei 2014)


[3]

Anonim, situs web, Available at : (diakses id.wikipedia.org/wiki/CodeIgniter tanggal 29September 2014) [4] Rizky, S.(2011) Konsep Dasar Rekayasa Perancangan Perangkat Lunak (Software Reengineering), Jakarta : Prestasipustaka. [5] Rosa, A.S dan Salahuddin, M. (2011) Modul Pembelajaran Rekayasa Perangkat Lunak (Terstruktur dan Berorientasi Objek), Bandung : Merdula. [6] Pressman, R.S. (2002) Rekayasa Perangkat Lunak, Yogyakarta : Andi dan McGrawHill Book Company.



DAFTAR RIWAYAT HIDUP Curriculum Vitae

Data Pribadi Nama Alamat Nomor Telepon Jenis Kelamin Tempat / Tanggal Kelahiran Status Marital Warga Negara Agama Email

: Sukriyadi : Jln. Taman Asri Lama RT 002/008 No. 90 kel. Cipadu Kec. Larangan – Tangerang : 082233831662 : Laki-Laki : Tangerang, 15 Juli 1988 : BelumMenikah : Indonesia : Islam : [email protected]

Pendidikan Formal 1996 - 2002 : SDN 10 Kreo 2002 - 2005 : SMPI AL - Hikmah 2005 - 2008 : SMK Yuppentek 6 2008 - 2013 : JurusanTeknikInformatikaUniversitasMercuBuana Jakarta Organisasi 2008 - 2010 2009 - 2011

: Anggota LDK (Lembaga Da’wah Kampus) Al-Faruq UniversitasMercuBuana Jakarta : Anggota HIMTI (Himpunan Mahasiswa Teknik Informatika) Universitas Mercu Buana Jakarta

Kualifikasi 1. 2. 3. 4. 5.

Instalasi Software dan Hardware Komputer Konfigurasi Jaringan ( Networking Configurations ). Desain (Adobe Photoshop, Adobe Flash, Adobe Illustrator,). Ms. Office (MS Word, MS Excel, MS Power Point, MS Access,). Internet.



APLIKASI BUKUTAMU PADA SITUS WEB RUMAH MAKAN NUSAINDAH MENGGUNAKAN FRAMEWORK CODEIGNITOR DAN MYSQL

Recommend Documents