BAB 3
PERANCANGAN SISTEM
3.1 Perancangan Sistem
Perancangan sistem merupakan tahap yang sangat penting dalam pembuatan sistem informasi berbasis website dimulai dari perencanaan yang matang akan memberikan
hasil akhir yang sesuai dengan kebutuhan. Dalam membuat sebuah website, tentukan terlebih dahulu tujuan dari situs yang akan dibuat karena bentuk desain dan isi sebuah
situs sangat tergantung dari tujuan situs itu di buat.
Sebelum melakukan perancangan sistem informasi, maka harus dilakukan analisis sistem terlebih dahulu untuk memperoleh gambaran yang jelas mengenai kelebihan,
kekurangan serta analisi kebutuhan bagi sistem informasi tersebut.
Dalam perancangan sistem informasi tentunya tidak lupa kita untuk mendesain tampilan antarmuka penggguna interface yang baik dan menarik bagi banyak
orang.Untuk itu dalam perancagan sistem antarmuka kali ini saya menggunakan suatu framework atau kerangka kerja untuk memaksimalkan tampilan sistem yang menarik
dan bersifat modern.Adapun framework yang saya pakai adalah Boostrap 3 pada jenis Mobirise.
3.2 Perancangan Halaman Utama
Universitas Sumatera Utara
Halaman utama Home merupakan halaman utama yang langsung merepresentasikan dari semua halaman yang ada pada website.Halaman ini juga dapat disebut sebagai
halaman pembuka karena pada saat pertama website dibuka. Pada halaman utama akan dirancang cukup kompleks karena akan ada link ke semua halaman lainnya.
Rancangan Halaman Utama adalah sebagai berikut :
Navigasi Header
Content 1
Content 2
Footer
Gambar 3.1 Perancangan Halaman Utama
3.3 Perancangan E-learning
Universitas Sumatera Utara
Halaman E-Learning Sopo Helios berguna untuk siswa-siswi dapat login atau masuk serta mendaftar atau register ke akun pribadi mereka untuk beberapa keperluan
pembelajaran pada Sopo Helios. Demikiantampilan awal pada ada halaman E-Learning Sopo Helios.
RegisterLogout Logo
Navigasi
Gambar 3.2 Perancangan Halaman Awal E-Learning
3.4 Perancangan Halaman Admin dan Pengajar
Halaman Adminmerupakan halaman untuk memantau, mengisi dan mengupdate kegiatan, komentar, galery, dan berita dari semua halaman yang ada pada
website.Halaman ini juga dapat disebut sebagai halaman pemilik website karena semua isi dan berita yang ada pada website tersebut hanya dapat diakses oleh admin.
Pada halaman admin sistem akan dirancang memiliki fasilitas add, update, edit, delete, search sertamenampilkan informasi yang telah diolah dengan mudah
dimengerti. Form Login
InfoPermberitahuan
Universitas Sumatera Utara
Pada halaman ini admin atau pengajar dapat mengupdate nilai atau pun memantau perkembangan akademik siswa serta sebagai portal pengajar yang sedang aktif
mengajar di Sopo Helios.
Rancangan Halaman Admin dan Pengajar adalah sebagai berikut :
AdministratorPengajar Session Login
N A
V I
G A
S I
Konten
Gambar 3.3 Tampilan Halaman Admin dan Pengajar
3.5 Diagram Konteks