JURNAL TEKNIK POMITS Vol. 2, No. 1, (2013) ISSN: 2337-3539 (2301-9271 Print) 1 Rancang Bangun Aplikasi Rak Buku Virtual Berbasis Web Brian Adhi Wismono, Siti Rochimah, dan Dwi Sunaryono. Jurusan Teknik Informatika, Fakultas Teknologi Informasi, Institut Teknologi Sepuluh Nopember (ITS) Jl. Arief Rahman Hakim, Surabaya 60111 Indonesia e-mail: [email protected] Abstrak—Buku merupakan suatu benda yang digunakan untuk mencatat semua sejarah yang terjadi di kehidupan sehari-hari. Penggunaan buku mengakibatkan dampak buruk bagi lingkungan karena bahan utama dari kertas adalah kayu. Semakin banyak buku yang diproduksi, semakin banyak pula pohon yang ditebang. Perkembangan media penyimpanan elektronik turut berperan dalam membantu pemilik buku elektronik dalam menyimpan buku-bukunya selain menyimpannya di dalam hard disk laptop atau komputer. Selain itu, pemilik dapat membagikan buku elektronik kepada orang lain melalui media jejaring sosial, dimana informasi banyak menyebar melalui media tersebut. Proses penyimpanan buku elektronik pada jejaring sosial dilakukan melalui jejaring sosial yang bernama ViBo atau Virtual Bookshelf. Dalam prosesnya, ViBo memiliki fungsi sebagai tempat penyimpanan buku elektronik serta sarana komunikasi dunia maya sehingga orang dapat informasi segala buku elektronik yang telah disimpan oleh pengguna jejaring sosial ViBo tersebut. Kata Kunci— Buku, Jejaring Sosial, Rak, Virtual. I. PENDAHULUAN S EBELUM kertas ditemukan, tulisan memiliki keterbatasan dalam soal ketersebaran dan jangkauan pembaca. Sejak penemuan mesin pencetak pada tahun 1452, tulisan dan bukubuku menemukan pembaca yang lebih luas. Buku-buku dicetak dan disebarluaskan ke seluruh penjuru dunia. Seiring dengan perkembangan teknologi, buku-buku konvensional mulai tergantikan dengan buku elektronik. Buku elektronik adalah buku cetak yang diubah bentuk menjadi elektronik untuk dibaca di layar monitor. Buku elektronik mengandalkan internet untuk penyebaran dan akses. Pembaca buku elektronik tidak sungguh-sungguh memegang buku itu secara fisik, melainkan mengaksesnya melalui alat baca tertentu. Sebagaimana buku cetak, koleksi buku elektronik juga membutuhkan pengelolaan yang baik. Jika mempunyai banyak buku elektronik, pasti akan kesulitan mencari buku yang sedang dibutuhkan sekarang. Alangkah baiknya jika meletakkannya dalam suatu rak buku yang sudah ada kategori bukunya, diurutkan dan sebagainya yang bisa memudahkan pembaca dalam mencari sebuah buku. Oleh karena itu, diperlukan suatu sistem yang dapat mempermudah pemilik koleksi buku elektronik untuk mengelola koleksinya. Dalam makalah ini, penulis membuat aplikasi rak buku virtual. Aplikasi rak buku virtual ini memiliki fitur-fitur yang akan mempermudah pengelolaan koleksi buku elektronik. II. METODOLOGI A. Studi Literatur Pada tahap ini dilakukan pengumpulan informasi yang terkait dengan pembuatan aplikasi. Pengumpulan informasi didapat dari literatur, makalah, maupun buku-buku yang terkait untuk melakukan perancangan sistem. Literatur yang dipakai berkaitan dengan hal-hal sebagai berikut. 1) CSS CSS merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS dapat mengendalikan ukuran gambar, warna teks, warna tabel, spasi antar paragraf, spasi antar teks dan parameter lainnya, tetapi CSS bukan merupakan bahasa pemrograman seperti PHP ataupun ASP [1]. 2) AJAX AJAX merupakan teknik pemrograman web yang menciptakan aplikasi web interaktif. AJAX digunakan untuk melakukan proses pertukaran data dengan server di belakang layar sehingga halaman web tidak harus dibaca ulang secara keseluruhan setiap kali pengguna melakukan perubahan pada halaman web tersebut [2]. 3) PHP PHP merupakan bahasa pemrograman berbasis web. Bahasa ini sering digunakan untuk membangun situs web dinamis. Bahasa ini dibuat oleh Rasmus Lerdorf pada tahun 1995. Seiring berkembangnya jaman, bahasa PHP ini telah memiliki berbagai macam kerangka kerja, seperti Yii, CakePhp, CodeIgniter, dan sebagainya [3]. 4) MySQL MySQL merupakan turunan dari SQL (Structured Query Language) serta sebuah perangkat lunak sistem manajemen basis data. SQL merupakan konsep pengoperasian basis data, terutama untuk pemilihan dan pemasukkan data yang memungkinkan pengoperasian tersebut dikerjakan dengan mudah secara otomatis [4]. 5) jQuery jQuery merupakan pustaka Javascript yang telah menyediakan kode-kode Javascript yang siap pakai. jQuery dapat dijalankan di berbagai bahasa pemrograman web, seperti JSP, PHP, dan HTML [5]. JURNAL TEKNIK POMITS Vol. 2, No. 1, (2013) ISSN: 2337-3539 (2301-9271 Print) 2 Tabel 1. Pengujian proses mengunggah berkas PDF ke server sistem oleh pengguna ID UJ-SUC-01 Nama Pengujian proses mengunggah berkas PDF ke server sistem oleh pengguna Tujuan Uji Coba Menguji apakah proses berhasil berjalan atau tidak Skenario 1 Pengguna login Kondisi Awal Membuka halaman mengunggah berkas Masukan Memasukkan data sesuai dengan kolom yang disediakan Keluaran yang Diharapkan Sistem menampilkan pesan jika proses berhasil dilakukan Hasil Uji Coba Berhasil Kondisi Akhir Proses berhasil berjalan dan dapat dilihat pada bagian profil pengguna Gambar. 1. Arsitektur aplikasi rak buku virtual B. Analisis dan Perancangan Sistem Aplikasi ini merupakan aplikasi berbasis web yang dibuat untuk membantu para penggemar buku menyimpan serta membagikan buku-buku yang dipunya kepada penggemar buku yang lain. Buku yang disimpan pada aplikasi ini berupa buku elektronik yang bertipe PDF. Para penggemar buku dapat mengunduhnya dan memasukkannya ke dalam rak buku miliknya bila ingin dimasukkan. Aplikasi ini berupa aplikasi jejaring sosial yang dapat mempertemukan antar penggemar buku melalui dunia maya. Para penggemar buku dapat saling menyapa antar sesama dengan fitur pasang status ataupun dengan fitur mengirim pesan kepada yang penggemar buku yang dituju. Buku yang disimpan dalam rak buku ada 2 jenis, yaitu PDF dan HTML. Buku PDF tersebut akan diubah menjadi HTML saat pengguna memasukkan buku ke dalam rak buku miliknya. Arsitektur aplikasi ini dapat dilihat pada Gambar 1. Pengguna dapat mengakses aplikasi melalui peramban web. Pada aplikasi tersebut tersedia fitur tambahan, yaitu konversi data PDF menjadi HTML. C. Implementasi Implementasi aplikasi Rak Buku Virtual dibagi menjadi proses mengunggah berkas data PDF ke server sistem oleh pengguna, Proses mengunduh buku dari server oleh pengguna, proses konversi PDF ke teks di dalam server oleh pengguna, proses konversi teks ke HTML di dalam server oleh pengguna, proses menambah dan menghapus teman pada web jejaring sosial oleh pengguna, Proses perbarui status dan memberi komentar buku oleh pengguna. Pada proses mengunggah berkas buku yang didukung adalah berkas dengan format PDF. Berkas diunggah ke server. URL dari berkas yang telah diunggah disimpan ke dalam basis data server. Pada proses mengunduh berkas buku yang telah diunggah sebelumnya ke server diambil nilai URL dari basis data untuk proses pengunduhan. Proses konversi dari PDF menjadi teks dilakukan di dalam server sistem. URL yang terdapat dalam basis data digunakan sebagai letak dari berkas buku serta menjadi nama untuk berkas teks yang akan dibuat di dalam server. Setelah proses konversi PDF menjadi teks selesai, proses konversi teks menjadi HTML dijalankan. Pada konversi teks menjadi HTML dilakukan pada tempat berkas teks itu berada. URL berkas PDF digunakan dalam melakukan konversi ini, tetapi nama yang digunakan memakai hasil konversi PDF menjadi teks. Proses menambah dan menghapus teman sama dengan proses yang terdapat pada Facebook. Pengguna harus melakukan penambahan teman untuk dapat melihat daftar buku yang dimiliki oleh orang yang bersangkutan. Proses perbarui status pada aplikasi ini sama dengan Facebook. Pengguna dapat memberikan komentar terhadap status pengguna lain yang dikenal ataupun yang tidak dikenal. Proses memberi komentar hampir sama dengan proses memberi komentar pada jejaring sosial pada umumnya. III. URAIAN PENELITIAN A. Pengujian 1) Pengujian Proses Mengunggah Berkas PDF ke Server Sistem oleh Pengguna Pengujian proses mengunggah berkas PDF ke server sistem oleh pengguna dilakukan untuk mengetahui apakah fungsi mengunggah berkas telah berjalan dengan baik atau tidak. Hasil pengujian ditampilkan seperti pada Tabel 1. JURNAL TEKNIK POMITS Vol. 2, No. 1, (2013) ISSN: 2337-3539 (2301-9271 Print) 3 Tabel 2. Pengujian proses mengunduh buku dari server oleh pengguna ID UJ-SUC-02 Nama Pengujian proses mengunduh buku dari server oleh pengguna Tujuan Uji Menguji apakah proses berhasil berjalan atau tidak Coba Skenario 1 Pengguna login Kondisi Awal Membuka halaman mengunduh berkas Masukan Keluaran Sistem menampilkan pesan jika proses berhasil yang dilakukan Diharapkan Hasil Uji Berhasil Coba Kondisi Proses berhasil berjalan dan dapat dilihat pada bagian Akhir profil pengguna Tabel 4. Pengujian proses konversi teks ke HTML di dalalm server oleh pengguna ID UJ-SUC-04 Nama Pengujian proses konversi teks ke html di dalalm server oleh pengguna Tujuan Uji Menguji apakah proses berhasil berjalan atau tidak Coba Skenario 1 Pengguna login Kondisi Awal Membuka halaman mengunggah berkas Masukan Keluaran Sistem menampilkan pesan jika proses berhasil yang dilakukan Diharapkan Hasil Uji Berhasil Coba Kondisi Proses berhasil berjalan dan dapat dilihat pada bagian Akhir daftar buku Tabel 3. Pengujian proses konversi PDF ke teks di dalam server oleh pengguna ID UJ-SUC-03 Nama Pengujian proses konversi PDF ke teks di dalam server oleh pengguna Tujuan Uji Menguji apakah proses berhasil berjalan atau tidak Coba Skenario 1 Pengguna login Kondisi Awal Membuka halaman mengunggah berkas Masukan Keluaran Sistem menampilkan pesan jika proses berhasil yang dilakukan Diharapkan Hasil Uji Berhasil Coba Kondisi Proses berhasil berjalan dan dapat dilihat pada bagian Akhir daftar buku. Tabel 5. Pengujian proses menambah dan menghapus menghapus teman pada web jejaring sosial oleh pengguna ID UJ-SUC-05 Nama Pengujian proses menambah dan menghapus teman pada web jejaring sosial oleh pengguna Tujuan Uji Menguji apakah proses berhasil berjalan atau tidak Coba Skenario 1 Kondisi Awal Membuka halaman utama pengguna Masukan Nama pengguna yang akan ditambahkan sebagai teman Keluaran Sistem menampilkan pesan jika proses berhasil yang dilakukan Diharapkan Hasil Uji Berhasil Coba Kondisi Proses berhasil berjalan dan teman telah ditambahkan Akhir 2) Pengujian Proses Mengunduh Buku dari Server oleh Pengguna Pengujian proses mengunduh buku dari server oleh pengguna dilakukan untuk mengetahui apakah fungsi mengunduh berkas telah berjalan dengan baik atau tidak. Hasil pengujian ditampilkan seperti pada Tabel 2. 3) Pengujian Proses Konversi PDF menjadi Teks di dalam Server oleh Pengguna Pengujian proses konversi PDF menjadi teks di dalam server oleh pengguna dilakukan untuk mengetahui apakah fungsi konversi berkas telah berjalan dengan baik atau tidak. Hasil pengujian ditampilkan seperti pada Tabel 3. 4) Pengujian Proses Konversi Teks menjadi HTML di dalam Server oleh Pengguna Pengujian proses konversi teks menjadi HTML di dalam server oleh pengguna dilakukan untuk mengetahui apakah fungsi konversi berkas telah berjalan dengan baik atau tidak. Hasil pengujian ditampilkan seperti pada Tabel 4. 5) Pengujian Proses Menambah dan Menghapus Teman pada Web Jejaring Sosial oleh Pengguna Pengujian proses menambah dan menghapus menghapus teman pada web jejaring sosial oleh pengguna dilakukan untuk mengetahui apakah fungsi menambah dan menghapus teman telah berjalan dengan baik atau tidak. Hasil pengujian sditampilkan seperti pada Tabel 5. 6) Pengujian Proses Perbarui Status dan Memberi Komentar Buku oleh Pengguna Pengujian proses perbarui status dan memberi komentar buku oleh pengguna dilakukan untuk mengetahui apakah fungsi perbarui status dan memberi komentar buku telah berjalan dengan baik atau tidak. Hasil pengujian ditampilkan seperti pada Tabel 6. IV. UJI COBA DAN EVALUASI A. Uji Coba Fungsionalitas Hasil pengujian dari proses mengunggah berkas PDF ke server sistem oleh pengguna, mengunduh buku dari server oleh pengguna, konversi PDF ke teks di dalam server oleh pengguna, konversi teks ke HTML di dalalm server oleh pengguna, menambah dan menghapus menghapus teman pada web jejaring sosial oleh pengguna, perbarui status dan memberi komentar buku oleh pengguna telah berjalan sesuai harapan. B. Uji Coba Nonfungsionalitas Tabel 7 merupakan hasil rekapitulasi pengujian non fungsionalitas pada aplikasi Rak Buku Virtual. Hasil pengujian tersebut menunjukkan beberapa proses telah berjalan dengan baik dengan menghasilkan persentase sebesar 85%, tetapi JURNAL TEKNIK POMITS Vol. 2, No. 1, (2013) ISSN: 2337-3539 (2301-9271 Print) Tabel 6. Pengujian proses perbarui status dan memberi komentar buku oleh pengguna ID UJ-SUC-06 Nama Pengujian proses perbarui status dan memberi komentar buku oleh pengguna Tujuan Uji Menguji apakah proses berhasil berjalan atau tidak Coba Skenario 1 Pengguna login Kondisi Awal Membuka halaman utama pengguna Masukan Perbarui status Keluaran Status muncul pada dinding yang Diharapkan Hasil Uji Berhasil Coba Kondisi Proses berhasil berjalan dan status dapat dilihat pada Akhir dinding Tabel 7. Rekapitulasi hasil pengujian keseluruhan fitur No. 1. 2. Nama Pengujian Penilaian Antarmuka Keseluruhan Halaman Penilaian Konversi Buku Kemudahan Penggunaan Kejelasan Fitur Antarmuka Kecepatan Respon Antarmuka Tingkat Kemenarikan Antarmuka Ketepatan Melakukan Konversi Buku Ratarata Nilai Akhir Persentase 3,4 85% 3 75% 3,5 3,8 3,3 3 3 pada tahap konversi terjadi suatu masalah, yaitu peletakkan file dalam sistem masih berantakan dan menghasilkan persentase 75%. V. KESIMPULAN/RINGKASAN Dari hasil pengamatan selama proses berlangsung, penulis mengambil kesimpulan sebagai berikut: 1) Keberhasilan konversi PDF menjadi HTML dipengaruhi oleh tipe data yang dipakai melakukan konversi serta jumlah konversi yang dilakukan. Konversi pertama dilakukan dari tipe data PDF menjadi teks terlebih dahulu. Konversi kedua dilakukan dari teks menjadi HTML. Kelemahan tipe data teks adalah tidak dapat mengkonversi gambar yang terdapat dalam PDF, sehingga gambar tidak terkonversi. 2) Proses-proses yang terdapat dalam jejaring sosial ViBo telah berhasil diimplementasikan dan berjalan dengan baik. 4 UCAPAN TERIMA KASIH Penulis mengucapkan terima kasih kepada Tuhan Yang Maha Esa, kedua orang tua dan keluarga besar penulis, dosen pembimbing, dosen penguji dan kepala jurusan Teknik Informatika, sahabat-sahabat dekat dan berbagai pihak yang telah membantu menyelesaikan artikel ini. DAFTAR PUSTAKA [1] [2] [3] [4] [5] Agustin, A. S. 2011. Pemrograman CSS untuk Pemula. Jakarta: PT. Elex Media Komputindo. Dharma, A. 2012. Membuat Sendiri Website Pertemanan dengan PHP & jQuery. Yogyakarta: Lokomedia. Kadir, A. 2011. Buku Pintar jQuery dan PHP. Yogyakarta: MediaKom. Kristanto, A. 2010. Kupas Tuntas PHP & MySQL. Jakarta: Cable Book. Sanjaya, A. P. 2012. Web Makin Dahsyat dengan jQuery. Jakarta: PT.Elex Media Komputindo.