Perancangan antar muka - P ERANCANGAN A RSITEKTUR

BAB II TINJAUAN PUSTAKA

6. Macromedia Dreamweaver 8

3.3 P ERANCANGAN A RSITEKTUR

3.3.2 Perancangan antar muka

Perancangan antar muka bertujuan untuk memberikan gambaran tentang

aplikasi yang akan dibangun. Sehingga akan mempermudah dalam

mengimplementasikan aplikasi. Berikut ini adalah tampilan antar muka yang

dirancang pada website e-learning:

Perancangan Antarmuka Halaman Utama Sebelum Login (T01)

logo

Visitor

Welcome

Rekayasa Perangkat Lunak

SMK Darul Ma’arif - Paanukan Elearning Rekayasa Perangkat Lunak

Login login E-Mail password Main menu Or Register Home Berita Guru Siswa jadwal Contact Pengunjung nline [ ] Pengunjung telah login [ ] Diantaranya guru [ ] Diantaranya siswa [ ] Home | Berita | Guru | Siswa | Contact

Selamat datang di e-learning

T 01

Tampilan Utama e-learning - Jika login admin berhasil akan tampil A01

- Jika login siswa berhasil akan tampil S01

- Jika login guru berhasil akan tampil G01

- Jika pilih menu berita akan tampil T02

- Jika pilih menu guru akan tampil T03 - Jika pilih menu siswa akan tampil T04

- Jika pilih menu contact akan tampil T05

- Jika pilih menu home akan tampil T01

Remember me

Keterangan : Nama Form : T01

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Perancangan Antarmuka Halaman Berita Sebelum Login (T02)

logo

Visitor

Berita

Rekayasa Perangkat Lunak

SMK Darul Ma’arif - Paanukan Elearning Rekayasa Perangkat Lunak

Login login E-Mail password Main menu Or Register Home Berita Guru Siswa Jadwal Contact Pengunjung nline [ ] Pengunjung telah login [ ] Diantaranya guru [ ] Diantaranya siswa [ ] Home | Berita | Guru | Siswa | Contact

Penumuman

T 02

Remember me

Tampilan Menu Berita T02 - Jika login admin berhasil akan tampil A01

- Jika login siswa berhasil akan tampil S01

- Jika login guru berhasil akan tampil G01

- Jika pilih menu guru akan tampil T03 - Jika pilih menu siswa akan tampil T04

- Jika pilih menu contact akan tampil T05

- Jika pilih menu home akan tampil T01

Keterangan : Nama Form : T02

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Gambar 3.27 Halaman Berita

Perancangan Antarmuka Halaman Data Guru Sebelum Login (T03)

NOMOR INDUK NAMA LENGKAP 10000001 Henky Irawan, S.S. 10000002 Drs. Hardi Sujiono 10000003 Dra. Hj. Dadah Nurhamidah, M.Pd.I 10000004 Drs. Iim Abdurohim 10000005 Uwang Suwandi, S.Pd. 10000006 Dakim Yudha I 10000007 Drs. Cecep Rahmat 10000008 Jajang, S.Pd. 10000009 Drs. Dedi Gunawan 10000010 Masrudin 10000011 Yoyo Wiryonudin 10000012 Neni Irnaningsih, AMPd. 10000013 Engkus Kusnama 10000014 Drs. Yaya Ruhmaya 10000015 Dra. Nani Rohati 10000016 Rosmayati Dede, S.Pd. 10000017 Nana Sutisna, S.Pd. 10000018 Iin Iriana logo Visitor List Guru

Rekayasa Perangkat Lunak SMK Darul Ma’arif - Paanukan Elearning Rekayasa Perangkat Lunak

T 03

Remember me

1 2 3 4

Cari ⁺

Tampilan Menu Guru T03

- Jika login admin berhasil akan tampil A01

- Jika login siswa berhasil akan tampil S01

- Jika login guru berhasil akan tampil G01

- Jika pilih menu berita akan tampil T02

- Jika pilih menu siswa akan tampil T04

- Jika pilih menu contact akan tampil T05

- Jika pilih menu home akan tampil T01

Keterangan : Nama Form : T03

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Perancangan Antarmuka Halaman Data Siswa Sebelum Login (T04)

logo

Visitor

List Siswa

Rekayasa Perangkat Lunak

SMK Darul Ma’arif - Paanukan Elearning Rekayasa Perangkat Lunak

Login login E-Mail password Main menu Or Register Home Berita Guru Siswa Materi Jadwal Contact Pengunjung nline [ ] Pengunjung telah login [ ] Diantaranya guru [ ] Diantaranya siswa [ ] Home | Berita | Guru | Siswa | Contact

T 04

Remember me

NOMOR INDUK NAMA LENGKAP 08091293 YATI SUMIATI 08091294 YENI INDRIA 08091295 YENI NURHAYATI 08091296 YULIYANTI 08091297 AAN DAHLIA 08091298 ABDUL AZIS 08091299 ABDUL KARIM 08091300 ACHMAD NOOR. A 08091301 ADAM RAFLI MAULANA 08091302 ADNAN MIPTAHUDIN 08091303 AEF SAEFUL 08091304 AGUNG RIDWANSYAH 08091305 AHMAD FAUZI 08091306 AMALIA GANDARI RISKI 08091307 ANDRIANTO 08091308 ANGGI HIMELDAYANTI 08091309 ANIS KHAERUNISA 08091310 APIP MUHAMMAD 1 2 3 4 Cari ⁺ Tampilan Menu Siswa T04 - Jika login admin berhasil akan tampil A01

- Jika login siswa berhasil akan tampil S01

- Jika login guru berhasil akan tampil G01

- Jika pilih menu berita akan tampil T02

- Jika pilih menu guru akan tampil T03 - Jika pilih menu contact akan tampil T05

- Jika pilih menu home akan tampil T01

Keterangan : Nama Form : T04

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Gambar 3.29 Halaman Data Siswa

Perancangan Antarmuka Halaman Kontak Sebelum Login (T05)

logo

Visitor

Rekayasa Perangkat Lunak

SMK Darul Ma’arif - Paanukan Elearning Rekayasa Perangkat Lunak

T 05

Remember me

To contact us please fill out the form below. Name:

Email: Subject: Message:

Attach a zip file: Send

Browse

Contact

Tampilan Menu Contact T05 - Jika login admin berhasil akan tampil A01

- Jika login siswa berhasil akan tampil S01

- Jika login guru berhasil akan tampil G01

- Jika pilih menu berita akan tampil T02

- Jika pilih menu guru akan tampil T03 - Jika pilih menu siswa akan tampil T04

- Jika pilih menu home akan tampil T01

Keterangan : Nama Form : T05

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Perancangan Antarmuka Halaman Login Petugas (A01)

logo

Welcome

Rekayasa Perangkat Lunak SMK Darul Ma’arif - Paanukan Elearning Rekayasa Perangkat Lunak

Selamat datang di e-learning

A01 ^{Tampilan Utama}_{Login Admin A01}

- Jika pilih menu home akan tampil A01

- Jika pilih menu berita akan tampil A02

- Jika pilih menu guru akan tampil A03 - Jika pilih menu siswa akan tampil A04

- Jika pilih menu contact akan tampil A05

-Jika pilih data master tahun ajaran tampil A06

- Jika pilih data master kelas tampil A07

-Jika pilih data master mapel tampil A08 -Jika pilih data master jadwal guru mengajar tampil A09 -Jika pilih Data User tampil A10 -Jika pilih menu edit profile tampil A11 -Jika pilih menu ganti password tampil A12 - Jika pilih logout tampil T01 -Jika login berhasil tampil pesan M01 Login Nama user Ganti Password Edit profile foto Main menu Home Berita Guru Siswa Contact Data Master Data User Profile Logout Keterangan : Nama Form : A01

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Gambar 3.31 Halaman Utama Petugas

Perancangan Antarmuka Halaman Berita (A02)

Berita

Home

A02

Tambah Berita

Batal Isi Berita Kateogri Berita

Isi Berita

Filter

Status Category

Post Category Date Written by Status

eerer 2012-06-03 FERI PIKTORIA Live View Edit Delete Hapus Publish

Tampilan data berita A02 - Jika pilih Home tampil A01.

-Jika pilih menu Tambah Berita tampil A02-1 -Jika pilih menu edit tampil A02-2 -Jika pilih menu Delete A02

-Jika pilih menu Publish tampil A02

-Jika tambah berita berhasil tampil pesan M03

- Jika edit berita berhasil tampil pesan M04 -jika berita didelet tampil pesan M05

Keterangan : Nama Form : A02

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Perancangan Antarmuka Halaman Tambah Berita (A02-1)

Berita

Home

A02-1

Tambah Berita Isi Berita Kateogri Berita

Tambah Berita

Title Url

Simpan Simpan & Keluar

Tampilan Menu Tambah Berita A02-1

- Jika pilih Home tampil A01.

-Jika pilih menu edit tampil A02-2 -Jika pilih menu Delete A02

-Jika pilih menu Publish tampil A02

-Jika tambah berita berhasil tampil pesan M03

Keterangan : Nama Form : A02-1

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Status Introduction Content

Gambar 3.33 Halaman Tambah Berita

Perancangan Antarmuka Halaman Edit Berita (A02-2)

Berita

Home

A02-2

Tambah Berita Isi Berita Kateogri Berita

Edit Berita

Title Url

Simpan Simpan & Keluar

Tampilan Menu Edit Berita A02-2

- Jika pilih Home tampil A01.

-Jika pilih menu Tambah Berita tampil A02-1 -Jika pilih menu edit tampil A02-2

-Jika pilih menu Delete A02

-Jika pilih menu Publish tampil A02

- Jika edit berita berhasil tampil pesan M04

Keterangan : Nama Form : A02-2

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Status Introduction Content

Perancangan Antarmuka Halaman Data Guru (A03)

NOMOR INDUK NAMA LENGKAP 10000001 Henky Irawan, S.S. 10000002 Drs. Hardi Sujiono

10000003 Dra. Hj. Dadah Nurhamidah, M.Pd.I 10000004 Drs. Iim Abdurohim 10000005 Uwang Suwandi, S.Pd. 10000006 Dakim Yudha I 10000007 Drs. Cecep Rahmat 10000008 Jajang, S.Pd. 10000009 Drs. Dedi Gunawan 10000010 Masrudin 10000011 Yoyo Wiryonudin 10000012 Neni Irnaningsih, AMPd. 10000013 Engkus Kusnama

logo

List Guru

Rekayasa Perangkat Lunak

SMK Darul Ma’arif - Paanukan Elearning Rekayasa Perangkat Lunak

A 03

1 2 3 4 Cari

Keterangan : Nama Form : A03

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Import Form Excel

File Browse

Upload

Login Nama user Ganti Password Edit profile foto Main menu Home Berita Guru Siswa Contact Data Master Data User Profile Logout

Tampilan Menu Data Guru A03 - Jika pilih menu home akan tampil A01

- Jika pilih menu berita akan tampil A02

- Jika pilih menu Home akan tampil A01

- Jika pilih menu siswa akan tampil A04

- Jika pilih menu contact akan tampil A05

-Jika pilih data master tahun ajaran tampil A06

- Jika pilih data master kelas tampil A07

Gambar 3.35 Halaman Data Guru

Perancangan Antarmuka Halaman Data Siswa (A04)

logo

List Siswa

Rekayasa Perangkat Lunak

SMK Darul Ma’arif - Paanukan Elearning Rekayasa Perangkat Lunak

A 04

1 2 3 4 Cari

Keterangan : Nama Form : A04

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Import Form Excel

File Browse

Upload

NOMOR INDUK NAMA LENGKAP 08091293 YATI SUMIATI 08091294 YENI INDRIA 08091295 YENI NURHAYATI 08091296 YULIYANTI 08091297 AAN DAHLIA 08091298 ABDUL AZIS 08091299 ABDUL KARIM 08091300 ACHMAD NOOR. A 08091301 ADAM RAFLI MAULANA 08091302 ADNAN MIPTAHUDIN 08091303 AEF SAEFUL 08091304 AGUNG RIDWANSYAH Login Nama user Ganti Password Edit profile foto Main menu Home Berita Guru Siswa Contact Data Master Data User Profile Logout

Tampilan Menu Data Siswa A04 - Jika pilih menu home akan tampil A01

- Jika pilih menu berita akan tampil A02

- Jika pilih menu Home akan tampil A01

- Jika pilih menu guru akan tampil A03 - Jika pilih menu contact akan tampil A05

-Jika pilih data master tahun ajaran tampil A06

- Jika pilih data master kelas tampil A07

Perancangan Antarmuka Halaman Contak (A05)

To contact us please fill out the form below. Name:

Email: Subject: Message:

Attach a zip file:

Send

Browse

Contact

logo ^{Rekayasa Perangkat Lunak}

SMK Darul Ma’arif - Paanukan Elearning Rekayasa Perangkat Lunak

A 05

Keterangan : Nama Form : A05

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Login Nama user Ganti Password Edit profile foto Main menu Home Berita Guru Siswa Contact Data Master Data User Profile Logout

Tampilan Menu Data Contak A05 - Jika pilih menu home akan tampil A01

- Jika pilih menu berita akan tampil A02

- Jika pilih menu Home akan tampil A01

- Jika pilih menu guru akan tampil A03 - Jika pilih menu siswa akan tampil A04

-Jika pilih data master tahun ajaran tampil A06

- Jika pilih data master kelas tampil A07

Gambar 3.37 Halaman Data Contak

Perancangan Antarmuka Halaman Data Master Tahun Ajaran (A06)

Tahun Ajaran

Home

A06

Hapus

Tahun Ajaran Kurikulum

2011/2012 Rekayasa Perangkat Lunak Edit Delete 2012/2013 Rekayasa Perangkat Lunak Edit Delete

Tampilan Data Master Tahun Ajaran A06 - Jika pilih Home tampil A01

-Jika pilih Tambah Tahun Ajaran tampil A06-1 -Jika pilih menu edit tampil A06-2

-Jika pilih menu Hapus tampil A06

-Jika tambah tahun ajaran berhasil tampil pesan M03

- Jika edit tahun ajaran berhasil tampil pesan M04

-jika tahun ajaran didelet tampil pesan M05

Tambah Tahun Ajaran Items

Keterangan : Nama Form : A06

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Perancangan Antarmuka Halaman Data Master Tambah Tahun Ajaran (A06-1)

Tahun Ajaran

Home

A06-1 ^{Tampilan Edit Tahun}

Ajaran A06-2

- Jika pilih Home tampil A06

-Jika pilih Tambah Tahun Ajaran tampil A06-2 -Jika pilih Simpan maka data akan tersimpan dan tampil A06

-Jika pilih menu Batal A06

-Jika tambah tahun ajaran berhasil tampil pesan M03

Tambah Tahun Ajaran Items Tambah Tahun Ajaran * Kurikulum * Simpan Batal Keterangan : Nama Form : A06-1

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Gambar 3.39 Halaman Tambah Data Tahun Ajaran

Perancangan Antarmuka Halaman Data Master Edit Tahun Ajaran (A06-2)

Tahun Ajaran

Home

A06-2 ^{Tampilan Edit Tahun}

Ajaran A06-2

- Jika pilih Home tampil A01

-Jika pilih Tambah Tahun Ajaran tampil A06-1 -Jika pilih Simpan maka data akan tersimpan dan tampil A06

-Jika pilih menu Batal A06

-Jika edit tahun ajaran berhasil tampil pesan M04

Tambah Tahun Ajaran Items Edit Tahun Ajaran * Kurikulum * Simpan Batal Keterangan : Nama Form : A06-2

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Perancangan Antarmuka Halaman Data Master Kelas (A07) Kelas Home A07 Tambah Kelas Kelas Nama kelas X RPL 1 Edit Delete X RPL 2 Edit Delete

Tampilan Data Master Kelas A07

- Jika pilih Home tampil A01

-Jika pilih Tambah Kelas tampil A07-1

-Jika pilih menu edit tampil A07-2

-Jika pilih menu Hapus tampil A07

-Jika tambah kelas berhasil tampil pesan M03

- Jika edit kelas berhasil tampil pesan M04 -jika delet kelas berhasil tampil pesan M05

Keterangan : Nama Form : A07

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Gambar 3.41 Halaman Data Master Kelas

Perancangan Antarmuka Halaman Tambah Data Master Kelas (A07-1)

Kelas

Home

A07-1 ^{Tampilan Tambah Kelas}

A07-1

- Jika pilih Home tampil A01

-Jika pilih Tambah Kelas tampil A07-1

-Jika pilih Simpan maka data akan tersimpan dan tampil A07

-Jika pilih menu Batal A07

-Jika tambah kelas berhasil tampil pesan M03 Tambah Kelas Tambah Kelas Nama Kelas * Tahun Ajaran Simpan Select --Batal Keterangan : Nama Form : A07-1

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Perancangan Antarmuka Halaman Edit Data Master kelas (A07-2)

Kelas

Home

A07-2 ^{Tampilan Edit Kelas}

A07-2

- Jika pilih Home tampil A01

-Jika pilih Tambah Kelas tampil A07-1

-Jika pilih Simpan maka data akan tersimpan dan tampil A07

-Jika pilih menu Batal A07

- Jika edit kelas berhasil tampil pesan M04

Tambah Kelas

Editing Kelas “Nama Kelas”

Nama Kelas * Tahun Ajaran Simpan Select --Batal Keterangan : Nama Form : A07-2

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Gambar 3.43 Halaman Edit Data Master Kelas

Perancangan Antarmuka Halaman Data Master Matapelajaran (A08)

Mapel

Home

A08

Tambah Mata Pelajaran

Matapelajaran

Nama Mata Pelajaran KELAS

Al Quran Hadits X RPL 1 Edit Delete Aqidah Ahlak X RPL 1 Edit Delete Bahasa dan Sastra Indonesia X RPL 1 Edit Delete Bahasa Inggris X RPL 1 Edit Delete

Tampilan data master mapel A08

- Jika pilih Home tampil A01

-Jika pilih Tambah Mata Pelajaran tampil A08-1 -Jika pilih menu edit tampil A08-2

-Jika pilih menu Hapus tampil A08

-Jika tambah matapelajaran berhasil tampil pesan M03 - Jika edit matapelajaran berhasil tampil pesan M04

-jika delet matapelajaran berhasil tampil pesan M05

Keterangan : Nama Form : A08

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Perancangan Antarmuka Halaman Tambah Data Master Matapelajaran (A08-1)

Mapel

Home

A08-1

Tambah Mata Pelajaran

Tampilan tambah data master mapel A08-1 - Jika pilih Home tampil A01

-Jika pilih Tambah Mata Pelajaran tampil A08-1 -Jika pilih menu Simpan tampil A08

-Jika pilih menu Batal tampil A08

-Jika tambah matapelajaran berhasil tampil pesan M03

Tambah Mata Pelajaran Kode Mata Pelajaran *

Nama Mata Pelajaran *

Kelas Tahun Ajaran Simpan Batal Select Select --Keterangan : Nama Form : A08-1

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Gambar 3.45 Halaman Tambah Data Master Matapelajaran

Perancangan Antarmuka Halaman Edit Data Master Matapelajaran (A08-2)

Mapel

Home

A08-2

Tambah Mata Pelajaran

Tampilan tambah data master mapel A08-2 - Jika pilih Home tampil A01

-Jika pilih Tambah Mata Pelajaran tampil A08-1 -Jika pilih menu Simpan tampil A08

-Jika pilih menu Batal tampil A08

- Jika edit matapelajaran berhasil tampil pesan M04

Editing Mata Pelajaran “Nama Mata Pelajaran”

Kode Mata Pelajaran *

Nama Mata Pelajaran *

Kelas Tahun Ajaran Simpan Batal Select Select --Keterangan : Nama Form : A08-2

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Perancangan Antarmuka Halaman Data Mengajar Guru (A09)

Jadwal Mengajar

Home

A09

Tambah Jadwal

Jadwal Guru Mengajar

Nama Guru Mapel kelas hari jmlh jam jam

Agus rahmat Bahasa Inggris X RPL 1 senin 2 8 Edit Delete

Tampilan data master Jadwal A09

- Jika pilih Home tampil A01

-Jika pilih Tambah Jadwal tampil A09-1 -Jika pilih menu edit tampil A09-2

-Jika pilih menu Hapus tampil A09

-Jika tambah jadwal mengajar berhasil tampil pesan M03

- Jika edit jadwal mengajar berhasil tampil pesan M04

-jika delet jadwal mengajar berhasil tampil pesan M05

Keterangan : Nama Form : A09

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Gambar 3.47 Halaman Data Mengajar

Perancangan Antarmuka Halaman Tambah Data Mengajar (A09-1)

Jadwal Mengajar

Home

A09-1

Tambah Jadwal

Tampilan tambah data master Jadwal A09-1 - Jika pilih Home tampil A01

-Jika pilih Tambah Jadwal tampil A09-1 -Jika pilih menu Simpan tampil A09

-Jika pilih menu Batal tampil A09

-Jika tambah jadwal mengajar berhasil tampil pesan M03 Tambah Jadwal Guru * Mata Pelajaran * Kelas * Hari * Jam * Jumlah Jam * Simpan Batal Select Select Select Select --Keterangan : Nama Form : A09-1

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Perancangan Antarmuka Halaman Edit Data Mengajar (A09-2)

Jadwal Mengajar

Home

A09-2

Tambah Jadwal

Tampilan Edit data master Jadwal A09-2 - Jika pilih Home tampil A01

-Jika pilih Tambah Jadwal tampil A09-1 -Jika pilih menu Simpan tampil A09

-Jika pilih menu Batal tampil A09

- Jika edit jadwal mengajar berhasil tampil pesan M04

Editing Jadwal “Id Jadwal”

Guru * Mata Pelajaran * Kelas * Hari * Jam * Jumlah Jam * Simpan Batal Select Select Select Select --Keterangan : Nama Form : A09-2

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Gambar 3.49 Halaman Edit Data Mengajar

Perancangan Antarmuka Halaman Data User (A10)

Users Home A10 Add users Batal Users Filter Status Group Hapus Aktivasi

Nama E-mail Group Active Joined Terakhir Berkunjung FERI PIKTORIA [email protected] Administrators Yes 2012-02-14 2012-06-20 Edit Delete Ade [email protected] Guru Yes 2012-02-15 2012-06-21 Edit Delete Dida [email protected] siswa Yes 2012-02-15 2012-06-22 Edit Delete 1 2 3 4 5 → >>

Imfort porm XLS

Tampilan data master user A10

- Jika pilih Home tampil A01

-Jika pilih Tambah user tampil A10-1

-Jika pilih menu Simpan tampil A010

-Jika pilih menu Batal tampil A10

-Jika tambah user berhasil tampil pesan M03

- Jika edit user berhasil tampil pesan M04 -jika delet user berhasil tampil pesan M05

Keterangan : Nama Form : A10

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Perancangan Antarmuka Halaman Edit Profile (A11)

logo

Edit Your Profile

Rekayasa Perangkat Lunak

SMK Darul Ma’arif - Paanukan Elearning Rekayasa Perangkat Lunak

Nama lengkap Password Tanggal lahir Jenis kelamin Email Phone Alamat Kelas No Induk Kode pos Upload Photo Photo A11 Browse Save Profile Login Nama user Ganti Password Edit profile foto Main menu Home Berita Guru Siswa Contact Data Master Data User Profile Logout

Tampilan Menu Edit Profile A11 - Jika pilih menu home akan tampil A01

- Jika pilih menu berita akan tampil A02

- Jika pilih menu Home akan tampil A01

- Jika pilih menu siswa akan tampil A04

- Jika pilih menu contact akan tampil A05

-Jika pilih data master tahun ajaran tampil A06

- Jika pilih data master kelas tampil A07

-Jika pilih data master mapel tampil A08 -Jika pilih data master jadwal guru mengajar tampil A09 -Jika pilih Data User tampil A10 -Jika pilih menu guru tampil A03 -Jika pilih menu ganti password tampil A12 - Jika pilih logout tampil T01 -Jika edit profile berhasil tampil pesan M06

Keterangan : Nama Form : A11

Ukuran Layar : Dinamis (Default 1280x800) Type/Ukuran font : Arial, Helvetica/11.3px Warna latar : #2C4100

Gambar 3.51 Halaman Edit Profile

Perancangan Antarmuka Halaman Ganti Password (A12)

logo

Ganti Password

Rekayasa Perangkat Lunak SMK Darul Ma’arif - Paanukan Elearning Rekayasa Perangkat Lunak

Password Confirmasi Password A12 Submit Login Nama user Ganti Password Edit profile foto Main menu Home Berita Guru Siswa Contact Data Master Data User Profile Logout Keterangan : Nama Form : A12

Ukuran Layar : Dinamis (Default 1280x800)

Dalam dokumen Implementasi E-Learning Di SMK Darul Ma'arif Pamanukan (Halaman 116-137)