sekali. Output yang baik akan memberikan dampak yang baik pula bagi para user, khususnya layout yang akan ditampilkan.
Sebelum mendesain layout, terlebih dahulu kita harus membuat sketsa, sebagai gambaran sistem sesungguhnya, diantaranya adalah sebagai berikut:
1. Bagian header berisi logo dari situs penulis yaitu E-Math Electronic
mathematic. 2.
Navigasi terdiri dari beberapa menu yang berhubungan dengan situs yang ada. 3.
Bagian konten merupakan isi yang akan disampaikan kepada user yang berkaitan dengan rumus matematika dan menu pendukung lainnya..
4. Bagian footer berisi nama dan informasi tentang pemilik situs.
5. Bagian-bagian lainnya juga disediakan seperti, simulasi soal matematika,
tentang tokoh matematika, form komentar, dan lain sebagainya.
3.2.1.1 Perancangan Halaman Utama
Halaman utama index merupakan halaman default yang telah diatur muncul pertama kali kekita situs kita “dipanggil”. Halaman ini merupakan Halaman utama harus
Universitas Sumatera Utara
dirancang dengan baik dan benar karena sangat mempengaruhi respect user. Rancangan halaman utama adalah sebagai berikut:
Gambar 3.1 Perancangan Halaman Utama
3.2.1.2 Perancangan Halaman Beranda Home
Halaman page beranda atau biasa disebut homepage adalah halaman awal yang biasanya berisikan berbagai menu atau layanan yang tersedia pada sebuah website.
Namun, pada sistem ini saya tidak merancang beranda pada halaman awal, tetapi meletakkannya pada pilihan setelah halaman index agar user dapat menentukan
pilihan apakah ingin masuk kehalaman beranda yang berisikan berbagai menu atau langsung masuk ke halaman pintas yang dituju pencarian rumus, simulasi soal.
Rancangan halaman beranda adalah:
Beranda
Cari Rumus
Simulasi Soal
Universitas Sumatera Utara
Header
Navigation
Content
Side Bar
Footer
Gambar 3.2 Perancangan Halaman Beranda home
3.2.1.3 Perancangan Halaman Rumus
Halaman page rumus merupakan bagian utama pada sistem ini, halaman ini dirancang sebaik mungkin untuk memberikan kenyamanan pada user dalam
melakukan pencarian rumus. Rancangan halaman ini adalah:
Universitas Sumatera Utara
Gambar 3.3 Perancangan Halaman Rumus
Header
Pencarian Rumus
Universitas Sumatera Utara
3.2.1.4 Perancangan Halaman Masukan Input
Kualitas sistem input menentukan kualitas sistem output. Dengan berusaha membuat sistem input yang dibentuk dengan baik, penganalisis sistem menyatakan bahwa input
yang buruk mengundang pertanyaan tentang kepercayaan terhadap keseluruhan sistem. Adapun perancangan masukan input yang penulis buat adalah pada halaman
rumus. Perancangan masukan yang ingin penulis buat adalah sebagai berikut:
Gambar 3.4 Perancangan Halaman Masukan Input
Header
XXXXXXXXX Cari
Universitas Sumatera Utara
3.2.2 Perancangan File dan Database
