Desain website responsif merupakan konsep pengembangan yang dapat
mengurangi tenaga yang diperlukan untuk membuat website yang dapat tampil
baik di segala jenis perangkat. Salah satu cara untuk membuat website responsif
adalah dengan menggunakan aplikasi berbasis GUI. Dengan menggunakan
aplikasi seperti ini pembuat web tidak perlu lagi melakukan pengkodean sehingga
dapat mempercepat pembuatan website.
Hal pertama yang perlu dilakukan adalah membuat sketsa layout dari setiap
halaman web pada berbagai perangkat dimulai dari ukuran perangkat terkecil.
Setiap aplikasi yang membantu pembuatan website responsif memiliki cara kerjanya
sendiri
untuk
menyelesaikan
permasalahan
ini.
Terdapat
juga
kekurangan
dan

kelebihan

dari masing – masing aplikasi. Tugas akhir ini bertujuan membuat
aplikasi penghasil dokumen HTML dan CSS untuk layout halaman web responsif
yang mudah dimengerti oleh pembuat website responsif pemula.
Aplikasi yang diberi nama Moli (My Original Layout, Immediately)
dikembangkan dengan menggunakan bahasa pemrograman Javascript dan kakas
pemodelan Unified Modelling Language (UML). Aplikasi Moli memiliki dua
jendela besar yaitu jendela awal dan jendela proyek. Jendela awal digunakan
untuk membuat proyek baru kemudian perancangan layout responsif dilakukan
pada jendela proyek. Terdapat juga jendela lainnya untuk membuat halaman web,
komponen layout, breakpoint dan jendela penghasil dokumen.
Berdasarkan pengujian yang dilakukan, aplikasi Moli mampu melakukan
desain layout responsif dari website responsif yang sudah ada. Layout responsif
yang dihasilkan yaitu dalam bentuk dokumen HTML dan CSS dapat ditampilkan
dengan baik di berbagai browser dan pada perangkat yang berbeda – beda.
Tampilan pengguna dari aplikasi juga telah diuji oleh target pengguna dan
masukan – masukan penting yang diberikan agar tampilan aplikasi mudah
dimengerti juga telah diimplementasi.

Kata kunci: Generator tool, Layout halaman web responsif, layout design tool.