Pada kasus pembuatan situs yang berskala besar, seperti situs berita atau portal yang memuat sampai ribuan berita atau artikel, maka tidak mungkin lagi untuk
membuat situs secara statis karena flowchart-nya akan mempunyai cabang-cabang yang sangat banyak. Dengan demikian, PHP membangun suatu situs menjadi dinamis,
dimana pada suatu halaman akan dipakai oleh ribuan artikel yang ditampilkan sesuai dengan permintaan user.
3.3 Mendesain Layout Web
Salah satu faktor agar situs diminati para pengunjung adalah desain layout yang bagus. Sebelum kita mendesain sebuah layout terlebih dahulu kita harus membuat
sketsa, setelah itu kita bagi situs menjadi beberapa bagian, diantaranya adalah: a.
Bagian header berisi nama website dan beberapa grafik untuk mempercantik tampilan.
b. Navigasi harus mudah dikenali dan mudah digunakan.
c. Bagian konten merupakan isi dari website yang disampaikan kepada
pengunjung. d.
Bagian Footer berisi nama, dan informasi dari pemilik situs
Universitas Sumatera Utara
Isi
Gambar 3.2 Rancangan Halaman Utama
Gambar 3.3 Rancangan Halaman Administrator Header
Footer
Home All About
Grammar Sections in
TOEFL Launch TOEFL
Simulation
Scoring About
Us
Footer Header
Home Ubah
Password Managemen
Data Peserta
Managemen Bank Soal
ISI
Logout
Universitas Sumatera Utara
3.4 Perancangan Halaman Website
Adapun halaman di dalam website yang dibangun oleh penulis adalah:
a. Halaman index merupakan halaman yang pertama kali muncul pada saat website
dibuka. Halaman ini berisikan artikel dan link-link menuju halaman berikutnya. b.
Halaman home merupakan halaman yang berisikan sekilas tentang TOEFL. c.
Halaman All About Grammar merupakan halaman yang berisikan tentang media pembelajaran bahasa Inggris sebagai e-learning dalam website yang terdiri dari
beberapa bagian link. d.
Halaman Sections in TOEFL merupakan halaman yang menjelaskan beberapa bagian komponen yang terdapat dalam tes TOEFL pada umumnya.
e. Halaman Launch TOEFL Simulation merupakan halaman untuk melakukan simulasi
tes TOEFL yang dibuat dalam website. f.
Halaman Scoring adalah halaman yang menjelaskan bagaimana sistem penghitungan skor dalam Tes TOEFL pada umumnya.
g. Halaman About Us berisikan penjelasan dari website.
Universitas Sumatera Utara
3.5 Data Flow Diagram DFD
Data Flow Diagram DFD merupakan alat bantu yang dapat digunakan untuk menggambarkan aliran data informasi dan transformasi proses dari data dimulai
dari pemasukan data sampai menghasilkan keluaran output data.
Berikut ini merupakan Data Diagram Flow dari rancangan Sistem Informasi Simulasi Tes TOEFL
Gambar 3.4 DFD Level Konteks Simulasi Tes TOEFL
User Admin
E-Learning dan Simulasi
TOEFL
1. Media Pembelajaran
2. Login peserta
3. Simulasi TOEFL
4. Hasil simulasi
1. Input soal
1. Pengelolaan data peserta
2. Pemrosesan hasil simulasi
Universitas Sumatera Utara
3.6 Perancangan Database
