59
BAB I PENDAHULUAN 1.1
Latar Belakang Website sebagai suatu wadah untuk mencari informasi pertama kali
diperkenalkan oleh Tim Barners Lee pada tahun 1990. Saat ini banyak bermunculan alamat website baru dengan fungsi yang berbeda-beda. Suatu website dapat berfungsi sebagai media komunikasi, informasi, transaksi, dan pendidikan (Jasmadi, 2004). Website dapat diakses melalui suatu program pencari informasi yang biasa kita sebut browser. Beberapa browser atau web browser yang kita kenal diantaranya adalah Chrome, Internet Explorer, Safari, dan Firefox. Diantara ke-empat browser tersebut terdapat dua browser yang berasal dari dua vendor besar yaitu Internet Explorer atau disingkat IE yang berasal dari Microsoft dan Safari yang berasal dari Apple. Sedangkan Chromium dan Firefox dapat digunakan di vendor manapun. Informasi yang diakses pengguna di suatu website sangat beragam. Informasi yang diakses dapat berupa file berekstensi pdf, doc, xls, ppt yang disisipkan didalam halaman website. Selain itu juga dapat mengakses informasi mengenai lokasi suatu tempat yang berbasiskan peta, dan berbagai jenis informasi lainnya. Pengguna website dapat mengakses website menggunakan bermacam-macam perangkat seperti desktop, tablet serta smartphone. Tablet dan smartphone merupakan perangkat yang mudah dibawa kemana-mana karena ukurannya yang lebih kecil dibandingkan dengan desktop. Oleh karena itu, pengguna cenderung menggunakan tablet dan smartphone untuk membaca file dokumen seperti pdf, doc, ppt, serta melihat file gambar. Namun desktop tentu masih dibutuhkan untuk mengerjakan sesuatu yang membutuhkan ruang kerja luas, seperti membuat laporan, mengolah gambar berukuran besar, melihat video, dan lainnya karena hal-hal atau pekerjaan yang membutuhkan ruang luas akan tidak nyaman apabila dikerjakan di perangkat yang berukuran lebih kecil seperti tablet dan smartphone. Informasi yang berada di dalam website dapat diunduh dan disimpan ke dalam perangkat secara permanen yang dapat dibuka tanpa harus mengakses halaman website terlebih dahulu. Namun saat ini sudah ada website yang dapat 1
2
menampilkan informasi berupa file di dalam website tersebut tanpa harus mengunduhnya. Penyajian informasi di dalam website pun tidak selalu membuat mata kita nyaman. Sebagai contoh adalah ketika kita membuka file dokumen berupa pdf yang dibuka menggunakan smartphone berukuran 3 atau 4 inci. Tulisan yang terdapat pada file tersebut tentu tidak dapat dibaca kecuali diperbesar terlebih dahulu. Kondisi seperti itu tentu tidak nyaman bagi mata kita dan akan menghabiskan waktu lebih lama untuk membaca file tersebut, karena jangkauan baca yang tidak luas. Penjelasan di atas menjadi latar belakang untuk melakukan penelitian mengenai file-file yang dapat ditampilkan pada perangkat dekstop, tablet, dan smartphone secara responsif. Penelitian dilakukan menggunakan sistem yang dapat menampilkan file pdf, jpg, png, bmp, gif, doc, docx, xls, xlsx, ppt, pptx, odt, ods, odp, txt, mp4, xml, csv, html dan htm yang dapat diakses pada ketiga perangkat tersebut. Parameter yang digunakan adalah orientasi layar dan lebar frame.
1.2
Perumusan Masalah Berdasarkan latar belakang masalah yang diuraikan sebelumnya, maka
rumusan masalah yang dikaji adalah file pdf, jpg, png, bmp, gif, doc, docx, xls, xlsx, ppt, pptx, odt, ods, odp, txt, mp4, xml, csv, html dan htm yang dapat ditampilkan secara responsif pada perangkat desktop, tablet dan smartphone baik dengan orientasi landscape maupun portrait.
1.3
Batasan Masalah Adapun batasan-batasan masalah pada penelitian ini adalah: 1. Sistem yang dibangun digunakan untuk pengujian responsifitas file 2. Sistem tidak mempermasalahkan security 3. File yang diujikan adalah pdf, jpg, png, bmp, gif, doc, docx, xls, xlsx, ppt, pptx, odt, ods, odp, txt, mp4, xml, csv, html, htm yang masing-masing berjumlah 1 file. 4. File yang diuji menggunakan server online adalah file berekstensi doc, docx, xls, xlsx, ppt, pptx
3
5. Tools yang digunakan adalah Viewer.JS, Google Docs Viewer, HTML Element (iframe, img, video, dan object) dan PHP file_get_contents 6. Pengujian dilakukan pada Desktop, Tablet, dan Smartphone dengan spesifikasi ukuran layar adalah Desktop (1366 x 667 px), Tablet (768 x 1024 px), Smartphone (320 x 480 px), Smartphone (640 x 960 px), Smartphone (640 x 1136 px) 7. Pengujian pada perangkat Tablet dan Smartphone dijalankan di emulator Ripple Emulator (Beta), sedangkan pengujian pada perangkat Desktop dijalankan di browser menggunakan ekstensi Window Resizer 8. Sistem dan pengujian dijalankan pada browser Google Chrome 9. Pengujian dilakukan pada orientasi layar landscape dan portrait untuk setiap perangkat
1.4
Tujuan Penelitian Tujuan yang hendak dicapai dalam penelitian ini adalah untuk mengetahui
perubahan responsif dari setiap file yang diuji pada perangkat desktop, tablet, dan smartphone dengan parameter orientasi layar dan lebar frame, sehingga dapat diketahui file yang dapat ditampilkan secara responsif pada perangkat-perangkat tersebut.
1.5
Manfaat Penelitian Manfaat yang diharapkan dari penelitian ini adalah menyediakan informasi
mengenai perubahan secara responsif dari file berekstensi pdf, jpg, png, bmp, gif, doc, docx, xls, xlsx, ppt, pptx, odt, ods, odp, txt, mp4, xml, csv, html, htm yang diuji pada perangkat desktop, tablet, dan smartphone baik secara landscape maupun portrait. Dan juga memberikan solusi untuk menentukan perangkat yang sesuai untuk membuka file dengan ekstensi-ekstensi yang tertera pada batasan masalah. Penelitian ini juga diharapkan dapat berkontribusi dalam bidang penelitian web responsif dan penampilan informasi sehingga dapat digunakan untuk penelitian yang akan datang.
4
1.6
Metode Penelitian Metode yang digunakan dalam penelitian dan penulisan tugas akhir ini
adalah sebagai berikut: 1. Pengumpulan data berupa file pdf, jpg, png, bmp, gif, doc, docx, xls, xlsx, ppt, pptx, odt, ods, odp, txt, mp4, xml, csv, html dan htm yang digunakan untuk pengujian. 2. Perumusan teori tentang responsifitas suatu file yang diperoleh dari buku, karya ilmiah, jurnal atau penelitian lain. 3. Perancangan dan pembuatan sistem yang dapat menampilkan file secara responsif. 4. Pengujian file dengan parameter lebar layar dan lebar frame pada perangkat desktop, tablet dan smartphone dengan menggunakan sistem yang telah dibuat. 5. Analisis hasil pengujian dan perumusan kesimpulan mengenai file yang dapat tampil responsif berdasarkan pada teori yang telah dirumuskan.
1.7
Sistematika Penulisan Sistematika penulisan yang digunakan dalam penyusunan tugas akhir ini
adalah sebagai berikut: 1. BAB I: PENDAHULUAN Bab ini menjelaskan tentang latar belakang, perumusan masalah, batasan masalah, tujuan penelitian, manfaat penelitian, dan metode penelitian. 2. BAB II: TINJAUAN PUSTAKA Bab ini memuat uraian sistematis tentang informasi hasil penelitian yang disajikan dalam pustaka dan menghubungkannya dengan masalah penelitian yang sedang diteliti. 3. BAB III: LANDASAN TEORI Bab ini memuat pengertian-pengertian dan sifat-sifat yang diperlukan untuk pembahasan di bab-bab berikutnya. 4. BAB IV: ANALISIS DAN PERANCANGAN SISTEM Bab ini menguraikan analisis sistem yang akan dibuat dan kebutuhan sistem
5
yang meliputi kebutuhan fungsional, kebutuhan non fungsional sistem. 5. BAB V: IMPLEMENTASI SISTEM Bab ini menguraikan tentang implementasi sistem secara detail sesuai dengan rancangan dan berdasarkan komponen yang dipakai. 6. BAB VI: HASIL PENGUJIAN DAN PEMBAHASAN Bab ini berisi hasil penelitian berdasarkan pengujian yang dilakukan. 7. BAB VII: KESIMPULAN DAN SARAN Bab ini berisi kesimpulan yang diambil dari hasil pembahasan serta saransaran untuk penelitian selanjutnya.
