ANALISIS WEB RESPONSIF UNTUK PENINJAUAN FILE PADA PERANGKAT DESKTOP, TABLET DAN SMARTPHONE; RESPONSIVE WEB ANALYSIS FOR FILE PREVIEW ON DESKTOP, TABLET AND SMARTPHONE

Alvista Riviera, Mardhani Riasetiawan

2015 | Skripsi | PROGRAM STUDI ILMU KOMPUTER

Web responsif dapat menampilkan konten yang beragam yang tampilannya dapat menyesuaikan ukuran layar perangkat yang menampilkannya. Salah satu konten tersebut adalah peninjauan file. File yang ditampilkan pada saat melakukan peninjauan file dapat ditampilkan secara berbeda di setiap perangkat. Perbedaan tersebut terjadi karena tools yang digunakan untuk menampilkan file-file tersebut berbeda. Pada penelitian ini dilakukan pengumpulan data terlebih dahulu untuk pengujian yaitu file-file yang akan diuji. File-file tersebut adalah file pdf, jpg, png, bmp, gif, doc, docx, xls, xlsx, ppt, pptx, odt, ods, odp, txt, mp4, xml, csv, html dan htm. File tersebut akan diuji responsifitasnya terhadap perangkat yang mengaksesnya yaitu desktop, tablet dan smartphone. Tingkat responsifitas dilihat dari adaptasi file terhadap perangkat yang mengaksesnya, yaitu teks yang mudah dibaca tanpa harus menggeser halaman dan gambar yang secara otomatis ukurannya berubah mengikuti perangkat yang mengaksesnya. Teori tersebut digunakan sebagai acuan pengujian yang dilakukan pada sistem yang dapat menampilkan file secara responsif. Sistem dibangun menggunakan framework CodeIgniter yang dapat melakukan pengunggahan file, penyajian file, dan pencarian file. Dari hasil penelitian dan pengujian yang dilakukan file yang dapat ditampilkan secara responsif di semua perangkat yaitu desktop, tablet dan smartphone baik landscape maupun portrait adalah file jpg, bmp, png, gif, mp4, txt, htm dan html. File yang dapat ditampilkan secara responsif di perangkat desktop, tablet dan smartphone berorientasi landscape namun tidak pada smartphone berorientasi portrait adalah pdf, odt, ods, odp, docx, doc, xlsx, xls, pptx, ppt dan xml. File yang dapat tampil responsif di perangkat desktop dan tablet namun tidak pada smartphone adalah file csv.

Kata Kunci : File Preview, Viewer.JS, Google Docs Viewer, HTML Element, Desktop, Tablet, Smartphone, CodeIgniter