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.

Responsive web displays variety of contents that can adjust the device screen size. One of the contents is file preview. File may be displayed differently in each device when doing a file preview. The difference occur because the tool that is used to display each file was different. In this research, the data which are pdf, jpg, png, bmp, gif, doc, docx, xls, xlsx, ppt, pptx, odt, ods, odp, txt, mp4, xml, csv, html and htm files are collected for testing. That files will be tested and analyzed for the responsive changes that appear when displayed on desktop, tablet and smartphone. File is proved to be responsive with the adaptations of the file to the device that open it, which are the text is readable without scrolling the page and the picture width is adjustable with the device that open it. The theory is used for proving the responsiveness testing that is done in a system that can display the file responsively. The system was built using the CodeIgniter framework that can upload files, preview files, and search files. The results of the testing process show that jpg, bmp, png, gif, mp4, txt, htm and html files can be displayed responsively on desktop, tablet and smartphone. Files that can be displayed on desktop, tablet and smartphone in landscape mode but not on smartphone in portrait mode are pdf, odt, ods, odp, docx, doc, xlsx, xls, pptx, ppt dan xml. And File that can be displayed on desktop and tablet but not on smartphone is csv.

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