BAB 4 ANALISIS DAN DESAIN SISTEM

107

BAB 4 ANALISIS DAN DESAIN SISTEM

4.1

Usulan Prosedur Yang Baru Dari hasil analisa yang dilakukan terhadap sistem yang berjalan di sekolah

PATMOS, di temukan bahwa sistem pembelajaran yang dilakukan kurang maksimal. Terdapat beberapa kendala yang di hadapi diantaranya dalam hal waktu belajar, keterbatasan kemampuan murid untuk dapat berkonsentrasi dalam belajar, kurangnya komunikasi yang dilakukan antara orang tua dan guru dalam hal melaporakan perkembangan murid di kelas. Selain itu, pembelajaran yang dilakukan oleh murid juga masih terbatas hanya di dalam kelas. Untuk mengatasi hal tersebut, maka di usulkan perancangan sebuah sistem pembelajaran bagi murid dan guru di sekolah PATMOS. Adapun sistem yang di kembangkan adalah sistem pembelajaran yang didistribusikan melalui komputer dengan menggunakan internet atau yang di kenal dengan e-Learning. Sistem pembelajaran ini diharapkan dapat mendukung terciptanya komunikasi yang baik antara orang tua dan guru sehingga dapat mendukung sistem belajar mengajar di sekolah. Selain itu, perancangan sistem ini di harapkan akan dapat membantu sekolah PATMOS dalam mencapai visi dan misi serta dapat meningkatkan minat belajar para murid diluar jam sekolah

108 4.2

Perancangan Sistem Dibawah ini di jelaskan perancangan learning management system sekolah

PATMOS 4.2.1

Class Diagram

Gambar 4.1 Class Diagram

109 4.2.2

Statechart 4.2.2.1

Nilai Perilaku

/ memilih_jawaban

/ menginput_keterangan Pending

Proses

[gagal_mempublish] / menyimpan_jawaban_dan_keterangan

/ membaca_nilai_perilaku

available

Gambar 4.2

4.2.2.2

[sukses_mempublish]

Aktif

Statechart Nilai Perilaku

Guru / mengirim / membaca / mempublish / melakukan_login

/ melakukan_logout Proses / menginput

Gambar 4.3 Statechart Guru

4.2.2.3

Orang Tua / mengirim / membaca

/ mendownload

/ melakukan_login

/ melakukan_logout Proses

/ mempublish

/ menginput

Gambar 4.4 Statechart Orang Tua

110 4.2.2.4

Admin / mendownload / mengupload

/ mempublish

/ melakukan_login

/ melakukan_logout Proses / menginput

Gambar 4.5 Statechart Admin

4.2.2.5

Murid / melihat

/ mengerjakan

/ melakukan_login

/ melakukan_logout Proses

Gambar 4.6 Statechart Murid

4.2.2.6

Catatan Guru / menginput_catatan_guru Pending

[gagal_mempublish]

/ mempublish_catatan_guru / membaca_catatan_guru Aktif

[sukses_menyimpan]

Proses

Gambar 4.7 Statechart Catatan Guru

111 4.2.2.7

Agenda

/ menginput_agenda_harian

/ mempublish_agenda_harian Pending

Proses [gagal_mempublish] [sukses_menyimpan]

/ membaca_agenda

Aktif

Gambar 4.8 Statechart Agenda

4.2.2.8

Pengumuman

/ menginput_pengumuman

/ mempublish_pengumuman Pending

Proses [gagal_mempublish]

[sukses_mempublish]

/ membaca_pengumuman Aktif

Gambar 4.9 Statechart Pengumuman

112 4.2.2.9

Sent

/ menginput_pesan

/ mengirim_pesan Pending

Proses [gagal_mengirim_pesan] [sukses_mengirim_pesan]

/ membaca_pesan Aktif

Gambar 4.10 Statechart Sent

4.2.2.10

Inbox

/ menginput_pesan

/ mengirim_pesan Pending

Proses [gagal_mengirim_pesan] [sukses_mengirim_pesan]

/ membaca_pesan Aktif

Gambar 4.11 Statechart Inbox 4.2.2.11

Materi

/ memilih_materi

/ mengupload_materi Pending

Proses [gagal_mengupload] [berhasil_mengupload]

/ mendownload_materi

.Gambar 4.12 Statechart Materi

Aktif

113 4.2.2.12

Video / mempublish_video

[berhasil_mempublish] Proses

Aktif

[gagal_mempublish] / melihat_video

Gambar 4.13 Statechart Video

4.2.2.13

Games / mempublish_games

[berhasil_mempublish] Proses

/ mengerjakan_games Aktif

[gagal_mempublish]

Gambar 4.14 Statechart Games

4.2.2.14

Ulangan Umum

/ menginput_nilai_ulangan_umum

/ mempublish_nilai_ulangan_umum Pending


[sukses_mempublish]

/ membaca_ulangan_umum Aktif

Gambar 4.15 Statechart Ulangan Umum

114

4.2.2.15

Ulangan Harian

/ menginput_nilai_ulangan_harian

/ mempublish_nilai_ulangan_harian Pending


[sukses_mempublish]

/ membaca_ulangan_harian Aktif

Gambar 4.16 Statechart Ulangan Harian

4.2.2.16

Tugas

/ menginput_nilai_tugas

/ mempublish_nilai_tugas Pending

Proses [gagal_mempublish] [sukses_mempublish]

/ membaca_tugas Aktif

Gambar 4.17 Statechart Tugas

4.2.2.17

Forum

/ menginput_forum

/ mempublish_forum Pending

[sukses_mempublish] Proses

Aktif

[gagal_mempublish] / membaca_forum

Gambar 4.18

Statechart Forum

115 4.2.2.18

Artikel

/ menginput_artikel

/ mempublish_artikel Pending


[sukses_mempublish]

/ membaca_artikel Aktif

Gambar 4.19 Statechart Artikel

4.2.2.19

Mapel

/ memilih_mata_pelajaran

/ membaca_mata_pelajaran Proses

Gambar 4.20 Statechart Mapel

116 4.2.3

Usecase Sistem Informasi Sekolah Patmos melakukan_login_me mber

melihat_pengumuman

melihat_artikel

mengakses_pesan

mengakses_game_dan _video orang tua melihat_laporan

melihat_nilai

melihat_agenda_har ian

mengakses_forum guru mengakses_materi

melihat_profile

menambah_catatan_g uru

admin

mengakses_file_nil ai

mengakses_laporan

menambah_agenda

mengakses_nilai murid mengakses_pengumum an

mengakses_artikel

mengakses_member

menambah_materi

Gambar 4.21 Usecase

117 Usecase Spesification 4.2.3.13

Melakukan Login Member •

Semua member ( Guru, Orang Tua, Admin ) dapat melakukan login dengan mengisi user id dan password.

•

Object

: Guru, Orang Tua, Admin, Form Login.

•

Function

: Create, read.

4.2.3.14

Melihat Pengumuman •

Setelah login, Guru dan Orang Tua dapat melihat pengumuman terbaru yang telah di publish oleh admin.

•

Object

: Guru, Orang Tua, form pengumuman.

•

Function

: Create, Read.

4.2.3.3

Melihat Artikel •

Setelah login, Guru dan Orang Tua dapat melihat artikel untuk mendapatkan informasi – informasi terbaru yang telah di publish oleh admin.

•

Object

: Guru, Orang Tua, form artikel.

•

Function

: Create, Read.

4.2.3.4

Mengakses Pesan •

Orang tua dapat menuliskan dan mengirimkan pesan kepada guru, begitu pula sebaliknya, guru dapat

118 menuliskan pesan kepada orang tua. Menu itu bertujuan supaya guru dan orang tua dapat saling berinteraksi melalui menu pesan yang telah di sediakan. Sehingga dapat terjalin komunikasi yang baik antara guru dan orang tua •

Object

: Guru, Orang Tua, Form Pesan.

•

Function

: Create, Read, Input, Delete, save, update.

4.2.3.5

Mengakses Game Dan Video •

Murid dapat mengakses game yang telah di sediakan, dimana game tersebut bertujuan untuk membantu murid dalam memahami materi yang diajarkan. Game tersebut juga bertujuan untuk meningkatkan minat murid dalam belajar. Selain itu, murid juga dapat mengakses materi pelajaran mereka, dimana materi pelajaran yang diakses oleh murid berupa video yang dapat lebih menarik minat murid untuk belajar karena di sertai oleh gambar dan suara.

•

Object

: Murid, aplikasi game, video

•

Function

: create, read, update

119

4.2.3.6

Melihat Laporan •

Pada menu ini orang tua dapat melihat perkembangan perilaku anak mereka. Nilai perilaku yang dilaporkan oleh guru mereka, menentukan kebutuhan khusus setiap murid.

•

Object : Orang Tua, Form Penilaian Perilaku, nilai.

•

Function

4.2.3.7

: Create, read

Melihat Nilai •

Guru dapat melihat perkembangan nilai dari seluruh murid yang mereka bimbing. Selain guru, orang tua juga dapat melihat perkembangan nilai dari anak mereka. Dimana pada menu ini, nilai yang di tampilkan yaitu nilai tugas, nilai ulangan harian, nilai ulangan umum

•

Object

: Guru, Orang Tua, form nilai, nilai.

•

Function

: Create, Read.

4.2.3.8

Melihat Agenda Harian •

Orang tua dapat melihat agenda harian dari anak mereka setiap harinya. Dimana dalam agenda harian tersebut juga berisi catatan guru yang melaporkan perkembangan anak setiap harinya serta berisi mengenai pelajaran yang di

120 pelajari di kelas hari ini dan jadwal pelajaran anak untuk besok. •

Object

: Orang Tua, form agenda harian.

•

Function

: Create, read.

4.2.3.9

Mengakses Forum •

Setelah melakukan login, orang tua dan guru dapat mengakses forum. Dimana dalam forum tersebut, seluruh orang tua dan guru dapat melakukan komunikasi dan saling berbagi informasi antara sesama orang tua murid, guru maupun antara guru dan orang tua murid yang bersifat lebih umum.

•

Object

: orang tua, guru, forum, informasi.

•

Function

: create, read, update, save

4.2.3.10

Melihat Materi •

Orang tua dapat mengakses materi pelajaran murid yang telah diupload oleh admin. Materi tersebut berguna untuk mendukung pehaman anak mengenai pelajaran yang telah di ajarkan oleh guru.

•

Object

: Orang tua, murid, video, file materi

•

Function

: create, read

121

4.2.3.11

Mengakses Profil •

Setelah login, guru dapat melihat profil mereka masing – masing dalam form profil.

•

Object

: Guru, Form Profil.

•

Function

: Create, read.

4.2.3.12

Menambah Catatan Guru •

Guru dapat menuliskan catatan mengenai perkembangan dan kegiatan murid dikelas setiap harinya kepada orang tua

•

Object

: Guru, Form catatan guru.

•

Function

: Create, Update, Save, read.

4.2.3.13

Mengakses File Nilai •

Guru dapat mengupload file nilai murid kepada admin, sehingga dapat mempermudah admin dalam menginput dan mempublish nilai setiap murid. Selain itu, admin juga dapat mendownload file nilai yang telah di upload oleh guru.

•

Object

: Guru, admin, file nilai

•

Function

: Create, update, save

122

4.2.3.14

Mengakses Laporan •

Guru memiliki hak akses untuk menginput laporan penilaian

perilaku

murid

bimbingan

mereka.

Saat

menginput laporan penilaian perilaku, guru harus memilih pernyataan yang tepat berdasarkan pernyataan yang telah disediakan. Hasil dari pilihan atau pernyataan guru, akan dihitung nilainya. Apabila total nilai lebih dari 40, maka anak tersebut akan dinyatakan bermasalah ( anak ADHD ). Guru juga dapat menginput keterangan mengenai nilai laporan perilaku anak kepada Orang Tua Murid. •

Object

: Form Laporan Penilaian Perilaku, Guru,

Orang Tua, Nilai, Pernyataan, Jawaban. •

4.2.3.15

Function

: Create, Update, Save, Read, Compute.

Menambah Agenda •

Guru dapat menginput halaman buku pelajaran yang telah di pelajari hari ini dan perkiraan halaman dari buku pelajaran yang akan di pelajari besok berdasarkan jadwal pelajaran yang telah disediakan.

•

Object : Guru, Orang Tua, Form Agenda Harian, Jadwal Pelajaran

123 •

4.2.3.16

Function

: Create, Update, Edit, Save, read.

Mengakses Nilai •

admin menginput nilai dari setiap murid berdasarkan file nilai yang telah di upload oleh guru. Dimana nilai tersebut terdiri dari nilai tugas, nilai ulangan harian dan nilai ulangan umum. Selain menginput, admin juga dapat mengedit nilai murid apabila terjadi kesalahan.

•

Object

: Form Nilai, admin, nilai, file.

•

Function

: Create, Update, Save, Read, edit.

4.2.3.17

Mengakses Pengumuman •

Admin dapat menambahkan pengumuman yang akan dipublish. Pengumuman yang dipublish bertujuan supaya orang tua dan guru dapat mengetahui event – event dan pengumuman di sekolah

• Object

: Artikel, pengumuman, Admin, form

pengumuman. •

4.2.3.18

Function

: Create, Save, Update, Edit, Delete, read.

Mengakses Artikel •

Admin dapat menambahkan artikel yang akan dipublish. Dimana artikel tersebut di harapkan dapat bermanfaat bagi

124 Orang Tua dan Guru untuk menambah informasi mengenai anak berkebutuhan khusus. •

Object

: Artikel, pengumuman, Admin, form

artikel. •

4.2.3.19

Function

: Create, Save, Update, Edit, Delete, read.

Mengakses Member •

Admin dapat menambahkan data murid dan orang tua, serta guru. Dimana ID murid dan guru digunakan untuk melakukan login.

•

Object

: Admin, form add murid, form add guru

•

Function

: Create, Save, Update, edit, delete, read.

4.2.3.20

Menambah Materi •

Admin dapat menambahkan materi pelajaran murid. Materi tersebut berguna untuk mendukung pemahaman anak mengenai pelajaran yang telah di ajarkan oleh guru.

•

Object

: Admin, file materi

•

Function

: create, update

125

4.2.4

Sequence Diagram 4.2.4.1

Melakukan Login Member 4.2.4.1.1

Guru

create()

Melakukan Login Guru

UI Login Member

entry_require_field() klik_signin() validasi() data_invalid() validasi() data_valid()

create()

X

Home UI

x

Gambar 4.22 Sequence Melakukan Login Guru

Keterangan gambar sequence login guru Sebelum dapat mengakses website, Guru harus melakukan login terlebih dahulu dengan mengisi username dan password

126 kemudian mengklik log in.Setelah guru log in, maka guru dapat mengakses dan melakukan aktivitas dalam website.

4.2.4.1.2

Admin

create()

Melakukan Login Admin

UI Login Member


create()

X

Gambar 4.23

Home UI

X

Sequence Melakukan Login Admin

Keterangan gambar sequence login admin Sebelum dapat mengakses website, admin harus melakukan login terlebih dahulu dengan mengisi username dan password kemudian

127 mengklik log in Setelah admin log in, maka admin dapat mengakses dan melakukan aktivitas dalam website.

4.2.4.1.3

Orang Tua

create()

Melakukan Login Orang Tua

UI Login Member


create()

X

Home UI

X

Gambar 4.24 Sequence Melakukan Login Orang Tua

Keterangan gambar sequence login orangtua Sebelum dapat mengakses website, orangtua harus melakukan login terlebih dahulu dengan mengisi username dan password

128 kemudian mengklik log in Setelah orangtua log in, maka orangtua dapat mengakses dan melakukan aktivitas dalam website.

4.2.4.2

Melihat Pengumuman 4.2.4.2.1

Melihat Pengumuman (Guru)

Guru create()

UI Pengumuman

Agenda

get() result()

X

Gambar 4.25 Sequence Melihat Pengumuman (Guru)

Keterangan gambar sequence melihat pengumuman Setelah login, pengumuman dapat langsung dilihat dan diakses. Dalam menu pengumuman terdapat tanggal pengumuman beserta berita-berita yang ada di sekolah.

129 4.2.4.2.2

Melihat Pengumuman (Orang Tua)

Orang Tua create()

UI Pengumuman

Agenda

get() result()

X Gambar 4.26 Sequence Melihat Pengumuman (Orang Tua)

Keterangan gambar sequence melihat pengumuman Setelah login, pengumuman dapat langsung dilihat dan diakses. Dalam menu pengumuman terdapat tanggal pengumuman beserta berita-berita yang ada di sekolah.

130 4.2.4.3

Melihat Artikel 4.2.4.3.1

orang tua

create()

Melihat Artikel (Orang Tua)

UI Artikel

Artikel

get_artikel() result() klik_name() get_artikel() result()

create()

List Tanggal

Tanggal

get() result() select_tanggal() find() klik_go() get_artikel() result()

x

x Gambar 4.27 Sequence Melihat Artikel (Orang Tua)

x

131 Keterangan gambar sequence melihat artikel (orang tua) Artikel yang tampil pada halaman artikel dapat dilihat berdasarkan tanggal, bulan, tahun. Artikel dapat dibaca oleh member untuk menambah wawasan pembaca.

132 4.2.4.3.2

Guru

create()

Melihat Artikel (Guru)

UI Artikel

Artikel

get_artikel() result() klik_name() get_artikel() result()

create()

List Tanggal

Tanggal

get() result() select_tanggal() find() klik_go() get_artikel() result()

x

x Gambar 4.28 Sequence Melihat Artikel (Guru)

Keterangan gambar sequence melihat artikel (guru)

x

133 Artikel yang tampil pada halaman artikel dapat dilihat berdasarkan tanggal, bulan, tahun. Artikel dapat dibaca oleh member untuk menambah wawasan pembaca.

4.2.4.4

Mengakses Pesan 4.2.4.4.1

Orang Tua

Mengakses Pesan (Orang Tua)

UI Pesan

create()

Sent get() result()

klik_tulis_pesan() UI Tulis Pesan

create()

List Guru

create()

Guru get() result()

select_guru() entry_pesan() find() Inbox

klik_save() update() klik_terkirim()

X

get()

X

X

result()

X

Gambar 4.29 Sequence Mengakses Pesan (Orang Tua)

Keterangan gambar sequence mengakses pesan (orang tua) Guru dan orangtua dapat mengakses pesan. Guru dan orangtua dapat

saling

mengirimkan

pesan

lewat

website.

Setelah

134 menuliskan pesan, orang tua juga dapat memilih kepada siapa pesan akan dikirimkan. Pesan yang telah terkirim juga dapat dilihat kembali, sedangkan pesan yang tidak dibutuhkan juga dapat dihapus. Dengan adanya fasilitas pengiriman pesan lewat website, akan memudahkan komunikasi antara guru dan orangtua.

4.2.4.4.2

Guru

create()

Mengakses Pesan (Guru)

UI Pesan

Inbox get() result()

klik_tulis_pesan() UI Tulis Pesan

create()

create()

List Murid

Murid get() result()

select_guru() entry_pesan() find() Sent

klik_save()

X

update()

X

klik_terkirim() get()

X

result()

X

Gambar 4.30 Sequence Mengakses Pesan (Guru) Keterangan gambar sequence mengakses pesan (guru) Guru dan orangtua dapat mengakses pesan. Guru dan orangtua dapat

saling

mengirimkan

pesan

lewat

website.

Setelah

menuliskan pesan, guru juga dapat memilih kepada siapa pesan

135 akan dikirimkan. Pesan yang telah terkirim juga dapat dilihat kembali, sedangkan pesan yang tidak dibutuhkan juga dapat dihapus. Dengan adanya fasilitas pengiriman pesan lewat website, akan memudahkan komunikasi antara guru dan orangtua.

4.2.4.5

Mengakses Game Dan Video 4.2.4.5.1

Murid

create()

Mengakses Game

UI Home Games

File Games get() result()

klik_game() UI Games

create() get()

X

result()

X Gambar 4.31 Sequence Mengakses Game

Keterangan gambar sequence mengakses game Murid dapat mengakses game yang terdapat pada menu murid. Setelah murid mengklik menu game tersebut, murid dapat langsung memainkan game tersebut. Game tersebut bertujuan

136 untuk membantu murid dalam memahami materi pelajaran yang diajarkan

4.2.4.5.2

Murid

create()

Mengakses Video

UI My Class

Mata Pelajaran get() result()

klik_mata_pelajaran() create()

File Video

UI Mata Pelajaran get()

X

result() klik_video() create()

UI Video get() result()

X

X

Gambar 4.32 Sequence Mengakses Video

Keterangan gambar sequence mengakses video Murid dapat mengakses video yang terdapat pada menu murid. Setelah murid mengklik menu myclass dan memilih matapelajaran yang akan di pelajari serta memilih bab pelajaran yang akan di pelajari, murid dapat langsung memainkan mengakses video tersebut.Video tersebut bertujuan untuk membantu murid dalam memahami materi pelajaran yang diajarkan

137 4.2.4.6

Orang Tua

Melihat Laporan

UI Laporan Nilai Semester

create()

List Semester

create()

Semester get() result()

select_semester() find() Ulangan

klik_go()

X

get() result()

X

Tugas

get() Ulangan Umum

result() get() result()

compute_target_ulangan_umum() klik_laporan_penilaian_perilaku() create()

UI Laporan Penilaian Perilaku

Nilai Perilaku get()

X

result()

X

Gambar 4.33 Sequence Melihat Laporan

Keterangan gambar sequence melihat laporan Pada menu laporan, terdapat laporan nilai semester dan laporan penilaian perilaku. Laporan nilai akan tampil setelah memilih semester. Laporan nilai semester menampilkan rata-rata nilai ulangan harian, tugas dan ulangan umum serta target nilai ulangan umum yang harus didapatkan. Laporan penilaian perilaku, terdapat nilai perilaku murid setiap semester serta keterangan kondisi anak.

138 4.2.4.7

Melihat Nilai 4.2.4.7.1

Orang Tua

create()

Melihat Nilai (Orang Tua)

UI Nilai Tugas

Tugas

get_nilai() return() List Keterangan & Semester

create()

Keterangan & Semester

get() result() select_keterangan_&_Semester() klik_go()

find() get_nilai() return()

X create()

UI Nilai Ulangan

Ulangan get_nilai() return() get() result()

select_keterangan_&_Semester() klik_go()


X create()

UI Nilai Ulangan Umum

Ulangan Umum

get_nilai() return() get() result() Select_Keterangan_&_Semester() klik_go()


X

X

Gambar 4.34 Sequence Melihat Nilai (Orang Tua)

X

139 Keterangan gambar sequence melihat nilai (orang tua) Pada menú nilai, terdapat seluruh hasil nilai murid. Nilai terdiri dari nilai tugas, ulangan harian, dan nilai ulangan umum. Nilai dapat ditampilkan berdasarkan mata pelajaran dan jenis nilai per semester.

140 4.2.4.7.2

Guru

create()

Melihat Nilai (Guru)

UI Daftar Nilai

klik_nilai_tugas() create()

List Semester

Semester get() result()

select_semester() find() Tugas

klik_go() get_nilai() result() klik_ulangan_harian() klik_mata_pelajaran()

get() result() select_semester() find() Ulangan

klik_go() get_nilai() result() klik_ulangan_umum() klik_mata_pelajaran()

get() result() select_semester() find() Ulangan Umum

klik_go() get_nilai() result()

X X Gambar 4.35 Sequence Melihat Nilai (Guru)

X

141

Keterangan gambar sequence melihat nilai (guru) Pada menú nilai, terdapat seluruh hasil nilai murid. Nilai terdiri dari nilai tugas, ulangan harian, dan nilai ulangan umum. Nilai dapat ditampilkan berdasarkan mata pelajaran dan jenis nilai per semester.

4.2.4.8

Orang Tua

Melihat Agenda Harian

create()

UI Agenda

Agenda get() Catatan Guru

result() get() result()

X

Gambar 4.36 Sequence Melihat Agenda Harian

Keterangan gambar sequence melihat agenda harian Agenda dapat diakses oleh orangtua dan guru. Pada menu agenda terdapat jadwal pelajaran hari ini dan besok. Pada jadwal hari ini juga

142 terdapat pesan dari guru. Setiap harinya guru akan memberikan pesan kepada orangtua tentang murid.

4.2.4.9

Mengakses Forum 4.2.4.9.1

Guru

create()

Mengakses Forum (Guru)

UI Index Forum

UI View Forum

klik_your_first_forum() klik_new_topic() create()

X

UI New Topic

Forum

entry_field() klik_save() update()

X

klik_post_reply() create()

UI Post Reply

entry_field() klik_save()

X

update()

X

Gambar 4.37 Sequence Mengakses Forum (Guru)

Keterangan gambar sequence mengakses forum (guru) Guru dapat mengakses forum dengan mengklik new topic untuk membuat topic baru dan guru juga dapat mengirim balesan dari topic yang telah ada dengan mengklik post reply

143 4.2.4.9.2

Orang Tua create()

Mengakses Forum (Orang Tua)

UI Index Forum

UI View Forum

klik_your_first_forum() klik_new_topic() create()

X

UI New Topic

Forum

entry_field() klik_save() update()

X

klik_post_reply() create()

UI Post Reply

entry_field() klik_save()

X

update()

X

Gambar 4.38 Sequence Mengakses Forum (Orang Tua)

Keterangan gambar sequence mengakses forum (orang tua) Orang tua dapat mengakses forum dengan mengklik new topic untuk membuat topic baru dan guru juga dapat mengirim balesan dari topic yang telah ada dengan mengklik post reply

144 4.2.4.10

Mengakses Materi

Orang Tua create()

UI Materi

File Materi get() result()

klik_file() find() result()

X Gambar 4.39 Sequence Mengakses Materi

Keterangan gambar sequence mengakses materi Orang tua dapat mengakses materi yang telah di upload oleh admin. Materi tersebut merupakan materi yang murid pelajari di sekolah. Melalui menu akses materi, diharapkan orang tua dapat mendukung pembelajaran murid disekolah dengan mengajari anak mereka di rumah.

145 4.2.4.11

Melihat Profil

Guru create()

UI Profile

Member

get_data() result()

X Gambar 4.40 Sequence Melihat Profil

Keterangan gambar sequence melihat profil Pada menu profil, guru dapat terlihat profil guru yang terdiri dari nama , tempat/tgl lahir , agama, alamat, kode pos, dan nomor telepon dan catatan

146 4.2.4.12

Menambah Catatan Guru

Guru create()

UI Catatan Guru

Member

get_nama_siswa() result() Catatan Guru

entry_catatan() save() update() close()

X Gambar 4.41 Sequence Menambah Catatan Guru

Keterangan gambar sequence menambah catatan guru Guru dapat menuliskan catatan kepada murid setiap harinya. Catatan guru berisikan nama-nama murid yang diperoleh dari database member. Guru mengentry kegiatan masing – masing murid secara keseluruhan pada hari itu dan akan dilaporkan setiap harinya kepada orangtua murid.

147 4.2.4.13

Mengakses File Nilai

4.2.4.13.1

Mengakses File Nilai (Admin)

Admin create()

UI File Nilai

File Nilai

select_file() get_data() result()

X Gambar 4.42 Sequence Mengakses File Nilai (Admin)

Keterangan gambar sequence mengakses file nilai Pada menu file nilai, Admin dapat menerima file dari guru, file tersebut berisi nilai-nilai murid. File tersebut berisi nilai – nilai murid yang harus di input ke dalam halaman nilai murid.

148 4.2.4.13.2

Guru

create()

Mengakses File Nilai (guru)

UI File Nilai Folder File

klik_browse() find()

klik_open() File Nilai

X

upload()

update()

X Gambar 4.43

Sequence Akses File Nilai (Guru)

Keterangan gambar sequence mengakses file nilai Pada menu file nilai, guru dapat mengirimkan file yang berisi nilai murid ke admin. Guru mencari file yang ingin dikirimkan. Kemudian mengklik upload, maka semua file akan disimpan pada folder file.

149 4.2.4.14

Guru

Mengakses Laporan

UI Murid

create()

Member get_nama_siswa() return()

klik_nama_siswa() UI Penilaian Perilaku

create()

create()

List Semester & Kelas

X

Semester & Kelas get()

result() select_semester_&_kelas() find()

X

select_jawaban() klik_ok()

X

UI Keterangan

create()

X

compute_jawaban()

entry_keterangan() Nilai Perilaku

klik_ok() update()

X

Gambar 4.44 Sequence Mengakses Laporan

Keterangan gambar sequence mengakses laporan Guru dapat menginput laporan penilaian perilaku setiap murid. Sebelumnya guru harus memilih menu laporan dan setelah itu pilih nama murid yang akan di input laporan penilaian perilakunya terlebih dahulu. Kemudian pilih jawaban yang sesuai berdasarkan pernyataan yang telah disediakan apabila jawaban telah dipilih maka guru dapat mengklik button ok dan jawaban yang telah dipilih akan dihitung secara otomatis.

150 Kemudian guru dapat menginput keterangan berdasarkan hasil dari penilaian perilaku tersebut. Apabila data tersebut telah benar, klik ok dan hasil laporan tersebut akan diupdate dalam database nilai perilaku

4.2.4.15

Guru

Menambah Agenda

create()

UI Agenda

Agenda get() result()

input_required_field() klik_save() update()

X Gambar 4.45 Sequence Menambah Agenda

Keterangan gambar sequence menambah agenda Guru dapat menuliskan agenda harian dimana agenda harian merupakan jadwal pelajaran murid setiap hari, untuk jadwal hari ini dan besok. Setelah guru menginput agenda harian, agenda tersebut disave didalam database agenda.

151 4.2.4.16

Mengakses Nilai

4.2.4.16.1

Admin

Mengakses Nilai Tugas

UI Murid

create()

Member get_nama_siswa() result()

klik_nama_siswa() create()

UI Nilai Tugas create()

X

List Keterangan Semester

Keterangan & Semester get()

X

result()

select_tugas_&_semester() find()

klik_go() Tugas get_nilai() result() klik_edit()

X

X

entry_require_field() klik_save() update()

Gambar 4.46 Sequence Mengakses Nilai Tugas

Keterangan gambar sequence mengakses nilai tugas Admin dapat mengakses nilai dengan mengklik daftar nama murid dari database member. Setelah itu memilih list nilai dan semester dan kemudian klik go, maka nilai dari database akan tampil. Apabila admin memilih tugas dan klik go maka akan tampil daftar nilai tugas murid dan rata-rata nilai tugas murid. Admin juga dapat mengedit semua nilai dengan mengklik edit dan mengentry

152 semua data yang diminta,database terupdate, kemudian nilai akan terganti dengan nilai yang baru.

4.2.4.16.2

Admin

Mengakses Nilai Ulangan

UI Murid

create()



UI Nilai Ulangan

X

create()



X

result()


klik_go() Ulangan get_nilai() result() klik_edit()

X

X


Gambar 4.47 Sequence Mengakses Nilai Ulangan

Keterangan gambar sequence mengakses nilai ulangan Admin dapat mengakses nilai dengan mengklik daftar nama murid dari database member. Setelah itu memilih list nilai dan semester dan kemudian klik go, maka nilai dari database akan tampil. Apabila admin memilih ulangan harian dan klik go maka akan tampil daftar nilai ulangan harian murid dan nilai remedial murid.

153 Admin juga dapat mengedit semua nilai,dengan mengklik edit dan mengentry semua data yang diminta database terupdate, kemudian nilai akan terganti dengan nilai yang baru.

4.2.4.16.3

Admin

Mengakses Nilai UlanganUmum

UI Murid

create()



UI Nilai Ulangan Umum create()

X



X

result()


klik_go() Ulangan Umum get_nilai() result() klik_edit()

X

X


Gambar 4.48 Sequence Mengakses Nilai Ulangan Umum

Keterangan gambar sequence mengakses nilai ulangan umum Admin dapat mengakses nilai dengan mengklik daftar nama murid dari database member. Setelah itu memilih list nilai dan semester

154 dan kemudian klik go, maka nilai dari database akan tampil. Apabila admin memilih ulangan umum dan klik go maka akan tampil daftar nilai ulangan umum. Admin juga dapat mengedit semua nilai dengan mengklik edit dan mengentry semua data yang diminta database terupdate, kemudian nilai akan terganti dengan nilai yang baru.

4.2.4.17

Admin

Mengakses Pengumuman

create()

UI Pengumuman

Pengumuman

get_pengumuman() result() klik_create_new() UI Pengumuman Baru

create() entry_require_field() klik_save() update() klik_edit() get_pengumuman() result() edit_require_field() save() update() klik_delete() update()

X Gambar 4.49 Sequence Mengakses Pengumuman

X

155

Keterangan gambar sequence mengakses pengumuman Admin

dapat

menambah

pengumuman

dengan

mengklik

menu

pengumuman dan kemudian menginput pengumuman yang akan dipublish. Pengumuman yang akan dipublish tersebut disimpan dalam database pengumuman. 4.2.4.18

Mengakses Artikel

156

Admin

UI Artikel

create()

Artikel get_artikel() result()

UI Artikel Baru

klik_create_new()

entry_require_field() klik_save()

X

update()

klik_edit() get_artikel() result() edit_require_field() klik_save() update() klik_delete() update()

create()

List Tanggal

Tanggal get() result()

X

select_tanggal,_bulan,_tahun() find()

X

klik_go()

get_artikel() result()

X Gambar 4.50 Sequence Mengakses Artikel

Keterangan gambar sequence mengakses Artikel

157 Admin dapat menambah artikel yang akan dipublish dengan mengklik menu artikel kemudian input artikel yang akan dipublish. Artikel tersebut kemudian akan disimpan dalam database artikel.

4.2.4.19

Mengakses Member

4.2.4.19.1

Admin

create()

Mengakses Member (Murid)

UI Guru

Member get_nama_murid() result()

klik_nama_murid() UI Edit Data Murid

create() entry_required_field() klik_save() update()

X

klik_delete() update() klik_create_new()

UI Tambah Data Murid

create()

X


X Gambar 4.51 Sequence Mengakses Member (Murid)

158 Keterangan gambar sequence mengakses member (murid) Pada menu murid, terdapat daftar nama murid dari database member. Untuk mengedit data murid, nama murid diklik, lalu akan tampil data-data database member. Semua data murid bisa diedit, setelah itu disave, maka database terupdate dan akan tampil data murid yang baru. Admin bertugas untuk mengupdate data murid dan juga dapat menambahkan data murid yang terbaru. Apabila ada murid yang keluar atau pindah sekolah, maka data juga bisa dihapus, dengan mengklik delete maka data murid akan berhasil terhapus dari database.Untuk menambahkan data murid, admin harus mengklik create new dan mengisi field – field yang telah disediakan. Setelah admin mengklik save, data tersebut akan disimpan dalam database member.

159 4.2.4.19.2

Admin

create()

Mengakses Member (Guru)

UI Guru

Member get_nama_murid() result()

klik_nama_murid() UI Edit Data Guru

create() entry_required_field() klik_save() update()

X

klik_delete() update() klik_create_new()

UI Tambah Data Guru

create()

X


X Gambar 4.52 Sequence Mengakses Member (Guru)

Keterangan gambar sequence mengakses member (guru) Admin dapat mengedit data guru,dengan mengklik nama guru, lalu akan tampil data-data database member. Semua data guru bisa diedit, setelah itu disave, maka database terupdate dan akan tampil data guru yang baru. Admin bertugas untuk mengupdate

160 data guru dan juga dapat menambahkan data guru yang terbaru. Apabila ada guru yang keluar atau pindah sekolah, maka data juga bisa dihapus, dengan mengklik delete maka data guru akan berhasil terhapus dari database. Untuk menambahkan guru , admin harus mengklik create new dan mengisi field – field yang telah disediakan. Setelah admin mengklik save, data tersebut akan disimpan dalam database member.

4.2.4.20

Admin

Menambah Materi

create()

UI File Materi Folder File

klik_browse() find()

klik_open() File Materi

X

upload()

update()

X

Gambar 4.53 Sequence Menambah Materi

161 Keterangan gambar sequence menambah materi Pada menu upload, Admin dapat mengupload materi tambahan kepada orangtua murid. Admin mencari file yang ingin dikirimkan, setelah klik upload, maka semua file akan disimpan pada folder materi dan bisa didownload oleh orangtua murid.

4.2.5

Rancangan Database Rancangan database yang di gunakan dalam pembuatan learning

management system sekolah PATMOS: •

DB_File_nilai Tabel 4.1

•

DB_File_nilai

Nama Field

Tipe Data

Size

id_file_nilai

int

4

Nama_file_nilai

text

Tipe_file_nilai

char

5

DB_File_games Tabel 4.2

DB_File_games

Nama Field

Tipe Data

Size

id_file_games

int

4

Nama_file_games

text

Tipe_file_games

char

5

162 •

DB_File_video Tabel 4.3

•

Nama Field

Tipe Data

Size

id_file_video

int

4

Nama_file_video

text

Tipe_file_video

char

5

DB_File_materi Tabel 4.4

•

DB_File_video

DB_File_materi

Nama Field

Tipe Data

Size

id_file_materi

int

4

Nama_file_materi

text

Tipe_file_materi

char

5

DB_artikel Tabel 4.5

DB_artikel

Nama Field

Tipe Data

Size

id_artikel

Int

3

tgl_artikel

date

title_artikel

Varchar

80

body_artikel

Varchar

5000

id_member

Varchar

3

163 •

DB_agenda Tabel 4.6

•

DB_agenda

Nama Field

Tipe Data

Size

Id_agenda

Int

3

Id_mpel

Int

2

Ket_agenda

varchar

25

hari

varchar

6

DB_ket_mapel Tabel 4.7

•

DB_ket_mapel

Nama Field

Tipe Data

Size

Id_member

Varchar

3

Id_mpel

Int

1

Ket-mapel

varchar

20

DB_mata_pelajaran Tabel 4.8

DB_mata_pelajaran

Nama Field

Tipe Data

Size

Id_mpel

Int

1

Nama_mpel

Varchar

20

164 •

DB_member Tabel 4.9

DB_member

Nama Field

Tipe Data

Size

Id_member

Varchar

3

Nama_member

Text

Nama_anak

Text

Alamat_member

Varchar

30

Tlp_member

Varchar

12

Kode_pos

Varchar

5

Tempat_lahir

Varchar

15

Tgl_lahir

Varchar

17

Agama_member

Text

Status_member

Int

1

Kelas_anak

Int

1

Jenis_kelamin

Text

Catatan_member

Varchar

300

Password

Varchar

10

165 •

DB_inbox Tebl 4.10

•

Db_inbox

Nama Field

Tipe Data

Size

Id_inbox

Int

3

Title_inbox

Varchar

30

Body_inbox

Varchar

300

Tgl_inbox

Timestamp

Id_member

Varchar

3

Id_sent

Varchar

3

DB_nilai_perilaku Tabel 4.11

DB_nilai _perilaku

Nama Field

Tipe Data

Size

Id_nilai_perilaku

Int

2

Class

Int

1

Semester

Int

1

Id_member

Int

3

Nilai_p

Int

3

Ket_perilaku

Varchar

300

166 •

DB_pengumuman Tabel 4.12

•

DB_pengumuman

Nama Field

Tipe Data

Size

Id_pengumuman

Int

3

Tgl_pengumuman

Int

2

Isi_pengumuman

Varchar

300

Bln_pengumuman

Int

2

DB_sent Tabel 4.13

DB_sent

Nama Field

Tipe Data

Size

Id_sent

Int

3

Title_sent

Varchar

30

Body_sent

Varchar

300

Tgl_sent

Int

2

Id_msg

Varchar

3

Id_member

Varchar

3

167 •

DB_tugas Tabel 4.14

•

DB_tugas

Nama Field

Tipe Data

Size

Id_tugas

Int

2

T1

Float

Id_mpel

Int

2

Id_member

Varchar

3

Semester

Int

1

DB_ulangan Tabel 4.15

DB_ulangan

Nama Field

Tipe Data

Size

Id_ulangan

Int

2

U1

Float

Id_mpel

Int

2

Id_member

Varchar

3

U2

Float

Semester

Int

1

168 •

DB_forum Tabel 4.16

•

DB_forum

Nama Field

Tipe Data

Size

Id_topik

Varchar

4

Nama Topik

Text

Isi_pesan

Text

Balas_pesan

Int

4

View

Int

4

Last_posts

Timestamp

Id_member

Varchar

3

DB_catatan_guru Tabel 4.17

DB_catatan_guru

Nama Field

Tipe Data

Size

Id_catatan_guru

Int

4

Id_member

Int

3

Isi

Text

169 •

DB_ulangan_umum Tabel 4.18

DB_ulangan_umum

Nama Field

Tipe Data

Size

Id_ulum

Int

2

Nilai_ulum

Float

Id_mpel

Int

2

Id_member

Varchar

3

Semester

Int

1

4.3 Perancangan Sistem Yang Diusulkan 4.3.1

Perancangan Layar Orang tua 4.3.1.1

Perancangan Layar Login Orang Tua

Logo Sekolah

Sign in here

Menu Utama Home Forum Artikel

User Login Username Password Log In Forgot Password

©Copyright 2009 Gambar 4.54 Perancangan Layar Login Orang Tua

170 Halaman login merupakan halaman pertama yang akan di jumpai sebelum orang tua dapat melakukan akses ke dalam halaman selanjutnya. Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai username yang harus di isi dengan ID murid dan password yang telah di berikan oleh admin, pada bagian bawahnya terdapat tombol log in untuk masuk kehalaman selanjutnya setelah username dan password telah terisi dengan benar. Terdapat juga link forgot password, link ini di gunakan apabila orang tua lupa akan password mereka. Link ini akan memberikan petunjuk bagi orang tua bagaimana untuk mendapatkan password mereka. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.1.2

Perancangan Layar Forget Password Logo Sekolah

Sign in

Forget Password Form ………………………………………………

Menu Utama Home Forum Artikel Artikel ©Copyright 2009 Gambar 4.55 Perancangan Layar Forget Password

171 Pada halaman ini dijelaskan mengenai petunjuk bagaimana untuk mendapatkan password baru, apabila mereka lupa dengan password mereka. Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah terdapat petunjuk mengenai bagaimana untuk mendapatkan password baru dan Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.1.3

Perancangan Layar Utama Orang Tua Logo Sekolah

Log out Halaman Orang Tua Menu Utama Orang Tua Anak

Halaman Anak GAMBAR

GAMBAR

Artikel Galery Photo

Photo

Photo

Photo Read More

©Copyright 2009 Gambar 4.56 Perancangan Layar Utama Orang Tua

Setelah orangtua melakukan login, layar pertama yang akan mereka jumpai yaitu halaman utama. Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan terdapat 2 gambar yaitu gambar orang tua dan gambar murid. Dimana

172 dalam halaman orang tua ini, di bagi menjadi 2 bagian yaitu bagian orang tua dan bagian murid. Orang tua tinggal mengklik bagian yang ingin dilihat apakan bagian orang tua maupun murid. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.1.4

Perancangan Layar Home Orang Tua Logo Sekolah

Log out

Menu Utama Home Pengumuman Agenda Forum Artikel Pesan Nilai Laporan Materi Menu Anak Artikel

LATAR BELAKANG PATMOS SCHOOL

Galery Photo

Photo

Photo

Photo Read More

©Copyright 2009 Gambar 4.57 Perancangan Layar Home Orang Tua

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai Halaman berisi mengenai latar belakang sekolah PATMOS dan menu yang terdapat pada halaman

173 orang tua yaitu menu home, pengumuman, agenda, forum, artikel, pesan, nilai laporan, materi dan menu anak, selain itu juga terdpat galeri foto anak. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.1.5

Perancangan Layar Pengumuman Orang Tua Logo Sekolah

Log out

Menu Utama Home Pengumuman Agenda Forum Artikel Pesan Nilai Laporan Materi Menu Anak

Pengumuman Tanggal

Berita

Back

Artikel

©Copyright 2009 Gambar 4.58 Perancangan Layar Pengumuman Orang Tua

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai penguman yang terdiri dari tanggal pengumuman tersebut dipublish, dan isi dari pengumuman tersebut. Selain itu juga terdapat link back yang berguna untuk kembali

174 kepada halaman yang sebelumnya di akses. Pada bagian sebelah kananya terdapat menu – menu yang terdapat pada halaman orang tua beserta tombol logout. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.1.6

Perancangan Layar Agenda Orang Tua Logo Sekolah

Log out


Jadwal Hari, Tanggal Bulan Tahun No

MataPelajaran

Bahan

Catatan: ………………….. Jadwal Hari, Tanggal Bulan Tahun No

Galery Photo

MataPelajaran

Photo

Bahan

Photo

Artikel

Photo Read More

©Copyright 2009 Gambar 4.59 Perancangan Layar Agenda Orang Tua

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai jadwal pelajaran murid untuk hari ini dan besok serta halaman dari buku pelajaran yang di pelajari hari ini dan besok serta catatan dari guru mengenai kegiatan anak di kelas

175 pada hari tersebut. Pada halaman ini juga terdapat galeri foto anak. Pada sebelah kanan layar terdapat menu – menu orang tua. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.1.7

New Topic

Topic

Perancangan Layar Forum

Search this forum

search

Replies

Views

Display Topic From Previous

Last Topic

V Sort By

V

V

GO

New Topic

Jump To

V

Go

Gambar 4.60 Perancangan Layar Forum

Pada halaman ini akan di jumpai tombol new topic yang di gunakan untuk membuat topik baru. Selain itu. Juga terdapat text box yang digunakan untuk membantu user mencari informasi yang di butuhkan. Apabila user sudah mengetikan kata kunci dari informasi yang ingin di cari, user dapat mengklik search.

176

4.3.1.8

Perancangan Layar Forum<< New Topic Your First Forum Topic Icon

O

O

O

Subject

Save

Previous

Submit

Gambar 4.61 Perancangan Layar Forum << New Topic

Pada halaman ini akan dijumpai icon – icon yang dapat di gunakan dan user juga dapat menulis judul dari forum yang akan di upload. User juga dapat menulis informasi untuk di upload dalam forum pada text area yang telah di sediakan

4.3.1.9

Perancangan Layar Artikel Orang Tua

177 Logo Sekolah

Log out

Artikel Judul Artikel, tahun – bulan – tanggal


……………………………………………………………… selanjutnya

Tanggal V Bulan V Tahun V go

Artikel ©Copyright 2009 Gambar 4.62 Perancangan Layar Artikel Orang Tua

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai artikel – artikel yang telah di publish dimana terdapat juga keterangan tanggal, bulan dan tahun publish. Pada bagian ini juga terdapat link selanjutnya pada setiap artikel yang di publish, apabila orang tua ingin membaca artikel yang telah di publish tersebut dengan lebih jelas dan lengkap, maka orang tua murid dapat mengklik link more. Orang tua murid juga dapat memilih artikel yang ingin di baca nya berdasarkan tanggal, bulan dan tahun. Setelah orang tua memilih tanggal, bulan dan tahun dari artikel yang ingin di bacanya, apabila orang tua murid telah memilih taanggal, bulan dan

178 tahunnya, mereka dapat mengklik tombol go. Pada sebelah kanan layar terdapat menu – menu orang tua. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.1.10

Perancangan Layar Pesan Orang Tua Logo Sekolah

Log out

Pesan Masuk Tulis Pesan


Terkirim

Pengirim

Pesan

Keterangan Hapus

Galery Photo

Photo

Photo

Photo Read More

Artikel ©Copyright 2009 Gambar 4.63 Perancangan Layar pesan Orang Tua

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai pesan yang masuk. Pada bagian table pesan terdapat tanda kotak yang di gunakan untuk menghapus pesan. Dimana orangtua murid dapat menandakan pesan yang ingin di hapus kemudian mengklik tombol hapus. Pada halaman ini juga

179 terdapat link tulis pesan dan link terkirim. Link tulis pesan berguna untuk menulis pesan baru. Sedangkan link terkirim diguankan untuk melihat pesan yang telah kita kirimkan. Pada halaman ini juga terdapat galeri foto Pada sebelah kanan layar terdapat menu – menu orang tua. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.1.11 Perancangan Layar Pesan << Tulis Pesan Orang Tua Logo Sekolah

Log out


Tulis Pesan Topik Kepada Pesan

Back Save

Artikel ©Copyright 2009 Gambar 4.64 Perancangan Layar Pesan<
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai topik, kepada, dan pesan.

180 Orang tua murid dapat mengisi topik sebagai judul dari pesan yang akan dikirim, pada bagian kepada terdapat combo box yang berisi nama guru yang megajar di sekolah PATMOS, orang tua murid memilih kepada siapa surat tersebut akan di berikan. Orang tua murid juga dapat menuliskan pesan mereka pada textarea yang ada setelah semua diisi, klik tombol save dan pesan tersebut akan dikirm. Pada sebelah kanan layar terdapat menu – menu orang tua. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.1.12

Perancangan Layar Pesan << Terkirim Orang Tua

181 Logo Sekolah

Log out

Pesan Terkirim Tulis Pesan


Pesan

Kepada

Galery Photo

Pesan

Photo

Keterangan

Photo

Photo Read More

Artikel ©Copyright 2009 Gambar 4.65 Perancangan Layar Pesan<
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai pesan yang masuk. Pada bagian tabel pesan terdapat tanda kotak yang di gunakan untuk menghapus pesan. Dimana orangtua murid dapat menandakan pesan yang ingin di hapus kemudian mengklik tombol hapus. Pada halaman ini juga terdapat link tulis pesan dan pesan. Link tulis pesan berguna untuk menulis pesan baru. Sedangkan link pesan digunakan untuk melihat pesan yang masuk. Pada halaman ini juga terdapat galeri foto Pada sebelah

182 kanan layar terdapat menu – menu orang tua. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.1.13

Perancangan Layar Nilai Orang Tua Logo Sekolah

Log out

Nilai Tugas


Tugas √ Semester √ go MataPelajaran #1 #2 #3 #4 #5 #6 #7 #8 Rata Rata

Back Galery Photo

Photo

Photo

Photo Read More

Artikel ©Copyright 2009 Gambar 4.66 Perancangan Layar Nilai Orang Tua

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai combo box yang terdiri dari pilihan tugas, ulangan harian, ulangan umum, selain itu juga terdapat combo box yang terdiri dari semester 1 dan 2 apabila orang tua murid sudah memilih pilihan yang diinginkan, mereka dapat mengklik tombol go. Setelah itu, maka akan keluar nilai yang dipilih. Pada bagian ini juga terdapat link back untuk kembali kelayar sebelumnya, terdapat juga galeri

183 foto. Pada sebelah kanan layar terdapat menu – menu orang tua. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.1.14

Perancangan Layar Nilai << Tugas Orang Tua Logo Sekolah

Log out

Nilai Tugas


Tugas √ Semester √ go MataPelajaran #1 #2 #3 #4 #5 #6 #7 #8 Rata Rata

Back Galery Photo

Photo

Photo

Photo Read More

Artikel ©Copyright 2009 Gambar 4.67 Perancangan Layar Nilai << Tugas Orang Tua

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai combo box yang terdiri dari pilihan tugas, ulangan harian, ulangan umum, selain itu juga terdapat combo box yang terdiri dari semester 1 dan 2. Pada halaman ini juga akan ditampilkan nilai tugas murid dan juga rata – rata dari nilai tugas murid Pada bagian ini juga terdapat link back untuk kembali kelayar sebelumnya, terdapat juga galeri foto. Pada sebelah kanan layar terdapat

184 menu – menu orang tua. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.1.15

Perancangan Layar Nilai << Ulangan Harian Orang Tua Logo Sekolah

Log out

Nilai Ulangan


Ulangan Harian MataPelajaran U1

√ 1 √ go R1

U2

R2

Back Galery Photo

Photo

Photo

Photo Read More

Artikel ©Copyright 2009 Gambar 4.68 Perancangan Layar Nilai<
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai combo box yang terdiri dari pilihan tugas, ulangan harian, ulangan umum, selain itu juga terdapat combo box yang terdiri dari semester 1 dan 2. Pada halaman ini juga akan

185 ditampilkan nilai ulangan harian murid dan juga nilai remedial murid. Pada bagian ini juga terdapat link back untuk kembali kelayar sebelumnya, terdapat juga galeri foto. Pada sebelah kanan layar terdapat menu – menu orang tua. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.1.16

Perancangan Layar Nilai << Ulangan Umum Orang Tua Logo Sekolah

Log out


Nilai Ulangan Umum Ulangan Umum

√

1

√ go

MataPelajaran Nilai

Back Galery Photo

Photo

Photo

Photo Read More

186 Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai combo box yang terdiri dari pilihan tugas, ulangan harian, ulangan umum, selain itu juga terdapat combo box yang terdiri dari semester 1 dan 2. Pada halaman ini juga akan ditampilkan nilai ulangan umum murid berdasarkan bidang studi. Pada bagian ini juga terdapat link back untuk kembali kelayar sebelumnya, terdapat juga galeri foto. Pada sebelah kanan layar terdapat menu – menu orang tua. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.1.17

Perancangan Layar Laporan Orang Tua Logo Sekolah

Log out

Menu Utama Home Pengumuman Agenda Forum Artikel Pesan Nilai Laporan Materi Menu Anak Artikel

Laporan Nilai semester Semester V Mata Pelajaran

U1 U2 U3 U4 Rata – rata Ulangan

Rata – rata Tugas

Target Ulangan Umum

Laporan Penilaian Perilaku Back Galery Photo

Photo

Photo

Photo Read More

©Copyright 2009 Gambar 4.70 Perancangan Layar Laporan Orang Tua

187 Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai combo box yang terdiri dari pilihan semester 1 dan 2. Pada halaman ini juga akan ditampilkan seluruh nilai ulangan yang terdiri dari nilai ulangan harian murid yang terbagus setelah dilakukan remedial, rata – rata ulangan harian murid, rata – rata nilai tugas murid dan nilai ulangan umum yang harus di capai oleh murid supaya dapat memnuhi standart kelulusan berdasarkan bidang studi. Pada bagian ini juga terdapat link laporan penilaian perilaku untuk memilih nilai dari laporan penilaian perilaku murid dan link back untuk kembali kelayar sebelumnya, terdapat juga galeri foto. Pada sebelah kanan layar terdapat menu – menu orang tua. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

188 4.3.1.18

Perancangan Layar Laporan <
Log out

Laporan Nilai Perilaku (nama murid)


Kelas

Semester

Nilai Perilaku

Keterangan

Laporan Nilai Semester Back

Artikel ©Copyright 2009 Gambar 4.71 Perancangan Layar Laporan<
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai laporan penilaian perilaku murid dimana pada judul layar terdapat nama murid tersebut,. Pada layar ini juga terdapat link laporan nilai semester yang dapat menghubungkan orangtua kepada laporan penilaian semester murid dan terdapat link back untuk kembali kelayar sebelumnya. Pada sebelah kanan layar terdapat

189 menu – menu orang tua. Pada bagian bawah layar terdapat tulisan ©Copyright 2009 4.3.1.19

Perancangan Layar Materi Orang Tua

Index of/ Hyper/ Materi Name

Last Modified

Gambar 4.72

Size

Description

Perancangan Layar Materi Orang Tua

Pada layar ini terdapat materi yang dapat di download oleh orang tua murid sebagai materi balajar murid. Dimana terdapat nama materi yang akan di download, tanggal dan waktu upload materi, dan besarnya materi yang akan di download

190 4.3.2

Perancangan Layar Murid 4.3.2.1

Perancangan Layar My Class Logo Sekolah

Log out

My Class Mata Pelajaran

Menu Murid My Class Games Orang Tua Artikel

……………. ……………..

Galery Photo

Photo

Photo

Photo Read More

©Copyright 2009 Gambar 4.73 Perancangan Layar My Class

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai mata pelajaran dari murid tersebut yang berupa link untuk menghubungkan murid dengan matapelajaran yang bersangkutan. Pada bagian ini juga terdapat galeri foto. Pada sebelah kanan layar terdapat menu – menu murid yang terdiri dari menu my class, games, orang tua. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

191 4.3.2.2

Perancangan Layar My Class << Matapelajaran Logo Sekolah

Log out


Mata Pelajaran …… Bab 1 + Video Bab 2 + Video

Galery Photo

Photo

Photo

Photo Read More

©Copyright 2009 Gambar 4.74 Perancangan Layar My Class<<Matapelajaran

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai bab dari mata pelajaran yang telah dipilih dan disertai dengan link untuk menghubungkan murid dengan materi yang berupa video dari matapelajaran yang bersangkutan. Pada sebelah kanan layar terdapat menu – menu murid yang terdiri dari menu my class, games, orang tua. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

192 4.3.2.3

Perancangan Layar My Class<< Matapelajaran << Video Logo Sekolah

Log out


©Copyright 2009 Gambar 4.75 Perancangan Layar My Class<<,Matapelajaran<
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai video dari bab mata pelajaran yang telah dipilih Pada sebelah kanan layar terdapat menu – menu murid yang terdiri dari menu my class, games, orang tua. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

193 4.3.2.4

Perancangan Layar Games Logo Sekolah

Log out

Games Games .. + …….


Galery Photo

Photo

Photo

Photo Read More

©Copyright 2009 Gambar 4.76 Perancangan Layar Games

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai games disertai dengan link materi dari games tersebut untuk menghubungkan murid dengan games. Dimana tujuan dari penyediaan games adalah untuk mendukung pemahaman murid mengenai materi yang diajarkan serta menarik minat murid untuk belajar. Pada sebelah kanan layar terdapat menu – menu murid yang terdiri dari menu my class, games, orang tua. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

194 4.3.2.5

Perancangan Layar Games << Games Logo Sekolah

Log out


©Copyright 2009 Gambar 4.77 Perancangan Layar Games <
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai games yang telah dipilih Pada sebelah kanan layar terdapat menu – menu murid yang terdiri dari menu my class, games, orang tua. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

195 4.3.3

Perancangan Layar Guru 4.3.3.1

Perancangan Layar Login Guru Logo Sekolah

Sign in

Menu Utama Home Forum Artikel

User Login Username Password Log In Forgot Password

©Copyright 2009 Gambar 4.78 Perancangan Layar Login Guru

Halaman login merupakan halaman pertama yang akan di jumpai sebelum guru dapat melakukan akses ke dalam halaman selanjutnya. Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai username yang harus di isi dengan ID guru dan password yang telah di berikan oleh admin, pada bagian bawahnya terdapat tombol log in untuk masuk kehalaman selanjutnya setelah username dan password telah terisi dengan benar. Terdapat juga link forgot password, link ini di gunakan apabila guru lupa akan password mereka. Link ini akan memberikan petunjuk bagi guru bagaimana untuk mendapatkan password mereka. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

196 4.3.3.2

Perancangan Layar Home Guru Logo Sekolah

Log out

Menu Guru Home Pesan Profil Forum Nilai Catatan Guru Agenda Upload Laporan Pengumuman Artikel

LATAR BELAKANG PATMOS SCHOOL

Galery Photo

Photo

Photo

Photo Read More

©Copyright 2009 Gambar 4.79 Perancangan Layar Home Guru

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai halaman berisi mengenai latar belakang sekolah PATMOS dan galeri foto anak. Pada bagian sebelah kanan layar terdapat menu pada halaman guru yaitu menu home, pesan,. profil, forum, nilai, catatan guru, agenda, upload, laporan, pengumuman selain itu juga terdapat artikel. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

197 4.3.3.3

Perancangan Layar Pesan Guru Logo Sekolah

Log out

Pesan Masuk Tulis Pesan


Terkirim

Pengirim

Pesan

Keterangan Hapus

Galery Photo

Photo

Photo

Photo Read More

©Copyright 2009 Gambar 4.80 Perancangan Layar Pesan Guru

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai pesan yang masuk. Pada bagian tabel pesan terdapat tanda kotak yang di gunakan untuk menghapus pesan. Dimana guru dapat menandakan pesan yang ingin di hapus kemudian mengklik tombol hapus. Pada halaman ini juga terdapat link tulis pesan dan terkirim. Link tulis pesan berguna untuk menulis pesan baru. Sedangkan link terkirim digunakan untuk melihat pesan yang telah kita kirimkan. Pada halaman ini juga terdapat galeri foto Pada

198 sebelah kanan layar terdapat menu guru. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.3.4

Perancangan Layar Pesan << Tulis Pesan Guru Logo Sekolah

Log out

Tulis Pesan

Menu Guru Home Pesan Profil Forum Nilai Catatan Guru Agenda Upload Laporan Pengumuman

Topik Kepada Pesan

Back Save

Artikel

©Copyright 2009 Gambar 4.81 Perancangan Layar Pesan<
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai topik, kepada, dan pesan. Guru dapat mengisi topik sebagai judul dari pesan yang akan dikirim, pada bagian kepada terdapat combo box yang berisi nama murid yang bimbing oleh guru tersebut di sekolah PATMOS, kemudian guru

199 memilihnya. Guru murid juga dapat menuliskan pesan mereka pada textarea yang ada setelah semua diisi, klik tombol save dan pesan tersebut akan dikirim. Pada sebelah kanan layar terdapat menu – menu guru. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.3.5

Perancangan Layar Pesan << Terkirim Guru Logo Sekolah

Log out

Pesan Terkirim Tulis Pesan


Pesan

Kepada

Galery Photo

Pesan

Photo

Keterangan

Photo

Photo Read More

Artikel

Gambar 4.82

©Copyright 2009 Perancangan Layar Pesan<
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai pesan yang masuk. Pada bagian tabel pesan terdapat tanda kotak yang di gunakan untuk

200 menghapus pesan. Dimana guru dapat menandakan pesan yang ingin di hapus kemudian mengklik tombol hapus. Pada halaman ini juga terdapat link tulis pesan dan pesan. Link tulis pesan berguna untuk menulis pesan baru. Sedangkan link pesan digunakan untuk melihat pesan yang masuk. Pada halaman ini juga terdapat galeri foto Pada sebelah kanan layar terdapat menu – menu guru. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.3.6

Perancangan Layar Profil Guru Logo Sekolah

Log out


Profil Guru Nama ………… Tempat/Tanggal Lahir …………. Agama ………….. Alamat …………... Kode Pos …………. No Telepon ………….. Catatan …………..

©Copyright 2009 Gambar 4.83 Perancangan Layar Profil Guru

201 Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai profil guru yang terdiri dari nama, tempat tanggal lahir, agama, alamat, kode pos, no telepon, catatan. Pada bagian kanan layar terdapat menu guru dan artikel. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.3.7

Perancangan Layar Forum Guru

New Topic

Search this forum

search

Replies

Views

Topic

Display Topic From Previous

V

Sort By

Last Topic

V

V

GO

V

Go

New Topic

Jump To

4.84 Perancangan Layar Forum Guru Pada halaman ini akan di jumpai tombol new topic yang di gunakan untuk membuat topik baru. Selain itu. Juga terdapat text box yang digunakan untuk membantu user mencari informasi yang di butuhkan.

202 Apabila user sudah mengetikan kata kunci dari informasi yang ingin di cari, user dapat mengklik search.

4.3.3.8

Perancangan Layar Forum<< New Topic Guru Your First Forum Topic Icon

O

O

O

Subject

Save

Previous

Submit

Gambar 4.85 Perancangan Layar Forum<
Pada halaman ini akan dijumpai icon – icon yang dapat di gunakan dan user juga dapat menulis judul dari forum yang akan di upload. User juga dapat menulis informasi untuk di upload dalam forum pada text area yang telah di sediakan

203

4.3.3.9

Perancangan Layar Nilai Guru Logo Sekolah

Log out

Daftar Nilai Tugas Nilai Tugas Ulangan Harian Ulangan Umum


• • •

MataPelajaran Mata Pelajaran Mata Pelajaran Back

Galery Photo

Photo

Photo

Photo Read More

Artikel ©Copyright 2009 Gambar 4.86 Perancangan Layar Nilai Guru

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai link nilai tugas, ulangan harian, ulangan umum. Dimana link tersebut dapat menghubungkan guru dengan form nilai tugas, ulangan harian, ulangan umum. Selain itu, juga terdapat link matapelajaran yang berguna untuk memilih nilai dari mata pelajaran apa yang akan dilihat. Terdapat link back untuk kembali kelayar sebelumnya dan terdapat galeri foto anak. Pada bagian kanan layar

204 terdapat menu guru dan artikel. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.3.10

Perancangan Layar Nilai << Nilai Tugas Guru Logo Sekolah

Log out


Nilai Tugas ….. Semester V

Go

Nama Murid

#1 #2 #3 #4

#5 #6 #7

Back Galery Photo

Photo

Photo

Photo Read More

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai combo box yang berisi semester 1 dan 2. Setelah guru memilih nilai semester berapa yang akan dipilih, guru dapat mengklik tombol go. Nilai tugas dari seluruh murid yang di bimbing berdasarkan semester yang telah dipilih akan ditampilkan. Pada bagian ini juga terdapat link back untuk kembali

205 kelayar sebelumnya dan terdapat galeri foto anak. Pada bagian kanan layar terdapat menu guru dan artikel. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.3.11

Perancangan Layar Nilai << Ulangan Harian Guru Logo Sekolah

Log out Menu Guru Home Pesan Profil Forum Nilai Catatan Guru Agenda Upload Laporan Pengumuman

Nilai Ulangan Harian ….. Semester V

Go

Nama Murid

U1 R1 U2 R2

U3 R3

Back Galery Photo

Photo

Photo

Photo Read More

Artikel Gambar 4.88

©Copyright 2009 Perancangan Layar Nilai<
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai combo box yang berisi semester 1 dan 2. Setelah guru memilih nilai semester berapa yang akan dipilih, guru dapat mengklik tombol go. Nilai ulangan harian dari seluruh murid yang di bimbing berdasarkan semester yang telah dipilih akan

206 ditampilkan. Pada bagian ini juga terdapat link back untuk kembali kelayar sebelumnya dan terdapat galeri foto anak. Pada bagian kanan layar terdapat menu guru dan artikel. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.3.12

Perancangan Layar Nilai << Ulangan Umum Guru Logo Sekolah

Log out


Nilai Ulangan Umum ….. Semester V Nama Murid

Go

Nilai Ulangan umum

Back Galery Photo

Photo

Photo

Photo Read More

Artikel ©Copyright 2009 Gambat 4.89 Perancangan Layar Nilai <
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai combo box yang berisi semester 1 dan 2. Setelah guru memilih nilai semester berapa yang akan

207 dipilih, guru dapat mengklik tombol go. Nilai ulangan umum dari seluruh murid yang di bimbing berdasarkan semester yang telah dipilih akan ditampilkan. Pada bagian ini juga terdapat link back untuk kembali kelayar sebelumnyadan terdapat galeri foto anak. Pada bagian kanan layar terdapat menu guru dan artikel. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.3.13

Perancangan Layar Catatan Guru Logo Sekolah

Log out


Catatan Guru Hari, Tanggal Bulan Tahun Nama Murid

Nama Murid

Nama Murid

Artikel ok

back

©Copyright 2009 Gambar 4.90 Perancangan Layar Catatan Guru

208 Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai nama setiap murid yang dibimbing oleh guru tersebut dan textbox yang dapat di isi oleh guru untuk menginformasikan mengenai kegiatan murid di kelas. Apabila guru telah menulis catatan yang akan di informasikan kepada orangtua, guru dapat mengklik tombol ok. Pada bagian ini juga terdapat link back untuk kembali kelayar sebelumnya. Pada bagian kanan layar terdapat menu guru dan artikel. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

209 4.3.3.14

Perancangan Layar Agenda Guru Logo Sekolah

Log out Jadwal Hari, Tanggal Bulan Tahun Menu Guru Home Pesan Profil Forum Nilai Catatan Guru Agenda Upload Laporan Pengumuman

No

MataPelajaran

Jadwal Hari, Tanggal Bulan Tahun No save

MataPelajaran

Bahan

back

Galery Photo

Artikel

Bahan

Photo

Photo

Photo Read More

©Copyright 2009 Gambar 4.91 Perancangan Layar Agenda Guru

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai jadwal pelajaran murid untuk hari ini dan besok serta textbox yang dapat diisi dengan halaman dari buku pelajaran yang di pelajari hari ini dan besok. Pada halaman ini juga terdapat galeri foto anak. Pada sebelah kanan layar terdapat menu – menu guru dan artikel. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

210 4.3.3.15

Perancangan Layar Upload Guru Logo Sekolah

Log out


Upload File Browse Upload

Galery Photo

Artikel

Photo

Photo

Photo Read More

©Copyright 2009 Gambar 4.92 Perancangan Layar Upload Guru

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai tombol browse yang dapat di gunakan untuk mengambil file yang akan di upload. Setelah file tersebut di pilih, guru dapat mengklik upload dan file tersebut akan terkirim. Pada halaman ini juga terdapat galeri foto anak. Pada sebelah kanan layar terdapat menu – menu guru dan artikel. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

211 4.3.3.16

Perancangan Layar Laporan Guru Logo Sekolah

Log out


Form Penilaian Perilaku Murid Nama Murid Nama Murid Nama Murid

Artikel

©Copyright 2009 Gambar 4.93 Perancangan Layar Laporan Guru

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah terdapat link nama murid yang di bimbing oleh guru tersebut yang dapat menghubungkan guru dengan form penilaian perilaku yang akan dimasukan kedalam database penilaian perilaku masing – masing murid. Pada sebelah kanan layar terdapat menu – menu guru dan artikel. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

212 4.3.3.17

Perancangan Layar Laporan << Nama Murid Guru Logo Sekolah

Log out


Form Penilaian Perilaku Murid Nama : …………… Semester : 1 √ Kelas : No

Pertanyaan

1 √

Sama sekali tidak/sangat jarang o o o o o o

Kadang seringkali Selalu – demikian kadang o o o o o o Total Skor

Keterangan:

ok ©Copyright 2009 Gambar 4.94 Perancangan Layar Laporan<
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah terdapat nama murid dan combo box semester serta kelas yang akan dipilih oleh guru. Pada bagian ini juga terdapat pertanyaan – pertanyaan yang akan di pilih oleh guru. Dimana jawaban dari pertanyaan tersebut dinyatakan dalam radio button. Jawaban dari guru atas pertanyaan tersebut akan di jumlahkan untuk menentukan kebutuhan khusus seorang anak.

213

4.3.3.18

Perancangan

Layar

Laporan<
Murid<
Log out

Form Penilaian Perilaku Murid


Nilai Perilaku: Keterangan:

ok Back

Artikel

©Copyright 2009 Gambar 4.95 Perancangan Layar Laporan<
Guru juga dapat menginput keterangan mengenai hasil penilaian perilaku tersebut dalam textarea yang ada. Apabila semua telah dijawab guru mengklik ok dan seluruh jawaban akan tersimpan. Pada sebelah kanan layar terdapat menu – menu guru dan artikel. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

214 4.3.3.19

Perancangan Layar Pengumuman Guru Logo Sekolah

Log out Menu Guru Home Pesan Profil Forum Nilai Catatan Guru Agenda Upload Laporan Pengumuman

Pengumuman Tanggal

Berita

Back

Artikel

©Copyright 2009 Gambar 4.96 Perancangan Layar Pengumuman Guru

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai penguman yang terdiri dari tanggal pengumuman tersebut dipublish, dan isi dari pengumuman tersebut. Selain itu juga terdapat link back yang berguna untuk kembali kepada halaman yang sebelumnya di akses. Pada bagian sebelah kanannya terdapat menu – menu yang terdapat pada halaman orang tua beserta tombol log out. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

215 4.3.3.20

Perancangan Layar Artikel Guru Logo Sekolah

Log out

Artikel Judul Artikel, tahun – bulan – tanggal


……………………………………………………………… selanjutnya


Artikel

©Copyright 2009 Gambar 4.97

Perancangan Layar Artikel Guru

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai artikel – artikel yang telah di publish dimana terdapat juga keterangan tanggal, bulan dan tahun publish. Pada bagian ini juga terdapat link selanjutnya pada setiap artikel yang di publish, apabila guru ingin membaca artikel yang telah di publish tersebut dengan lebih jelas dan lengkap, maka orang tua murid dapat mengklik link selanjutnya. Guru juga dapat memilih artikel yang ingin di

216 baca nya berdasarkan tanggal, bulan dan tahun. Setelah guru memilih tanggal, bulan dan tahun dari artikel yang ingin di bacanya, apabila guru telah memilih tanggal, bulan dan tahunnya, mereka dapat mengklik tombol go. Pada sebelah kanan layar terdapat menu – menu guru. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4

Perancangan Layar Admin 4.3.4.1

Perancangan Layar Login Admin Logo Sekolah

Sign in

Menu Administrator Home Forum Artikel

User Login Username Password Log in Forgot Password

©Copyright 2009 Gambar 4.98 Perancangan Layar Login Admin

Halaman login merupakan halaman pertama yang akan di jumpai sebelum admin dapat melakukan akses ke dalam halaman selanjutnya. Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai username yang harus di isi dengan ID admin dan password admin, pada bagian bawahnya terdapat tombol log in untuk masuk kehalaman selanjutnya setelah username dan

217 password telah terisi dengan benar. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.2

Perancangan Layar Home Admin Logo Sekolah

Log out

LATAR BELAKANG PATMOS SCHOOL Menu Administrator Home Artikel Pengumuman Nilai Murid Guru Upload File Nilai

Galery Photo

Photo

Photo

Photo Read More

©Copyright 2009 Gambar 4.99 Perancangan Layar Home Admin

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai halaman berisi mengenai latar belakang sekolah PATMOS dan galeri foto anak. Pada bagian sebelah kanan layar terdapat menu pada halaman admin yaitu menu home, artikel, pengumuman, nilai, murid, guru, upload, file nilai. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

218 4.3.4.3

Perancangan Layar Artikel Admin Logo Sekolah

Log out

Menu Adinistrator Home Artikel Pengumuman Nilai Murid Guru Upload File Nilai

Artikel Judul Artikel, tahun – bulan – tanggal Isi selanjutnya ubah hapus

Gambar 4.100


Back Buat Baru

©Copyright 2009 Perancangan Layar Artikel Admin

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai artikel – artikel yang telah di publish dimana terdapat juga keterangan tanggal, bulan dan tahun publish. Pada bagian ini juga terdapat link selanjutnya pada setiap artikel yang di publish, apabila admin ingin membaca artikel yang telah di publish tersebut dengan lebih jelas dan lengkap, maka admin dapat mengklik link selanjutnya. Admin dapat mengubah dan menghapus artikel yang telah di publish dengan mengklik link ubah dan hapus yang ada. Admin juga dapat memilih artikel yang ingin di baca berdasarkan tanggal, bulan dan tahun. Setelah admin memilih tanggal, bulan dan

219 tahun dari artikel yang ingin di bacanya, apabila admin telah memilih tanggal, bulan dan tahunnya, mereka dapat mengklik tombol go. Admin juga dapat mempublish artikel baru dengan mengklik link buat baru. Pada sebelah kanan layar terdapat menu – menu admin. Selain itu juga terdapat link back yang berguna untuk kembali kepada halaman yang sebelumnya di akses Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.4

Perancangan Layar Artikel << Buat Baru Logo Sekolah

Log out

Buat Artikel Baru

Menu Administrator Home Artikel Pengumuman Nilai Murid Guru Upload File Nilai

Topik Isi

Back Save Back

©Copyright 2009 Gambar 4.101 Perancangan Layar Artikel <<Buat Baru

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai topik dan isi. Admin dapat mengisi topik sebagai judul dari artikel yang akan dipublish. admin dapat menuliskan artikel pada textarea yang ada setelah semua diisi, klik

220 tombol save dan artikel tersebut akan di publish. Pada sebelah kanan layar terdapat menu – menu guru. link back yang berguna untuk kembali kepada halaman yang sebelumnya di akses. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.5

Perancangan Layar Artikel << Ubah Logo Sekolah

Log out


Ubah Artikel Title Message

Back Save Back ©Copyright 2009 Gambar 4.102 Perancangan Layar Artikel<
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai title dan message. Admin dapat mengedit judul artikel yang dipublish. Admin dapat mengedit artikel pada textarea yang ada setelah semua yang telah diisi benar, klik tombol save dan artikel tersebut akan di publish. Pada sebelah kanan layar terdapat menu – menu admin. Link back yang berguna untuk

221 kembali kepada halaman yang sebelumnya di akses. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.6

Perancangan Layar Artikel << Hapus Logo Sekolah

Log out

Artikel Artikel anda pilih telah berhasil dihapus


Judul Artikel, tahun – bulan – tanggal Isi selanjutnya ubah Hapus Tanggal V Bulan V Tahun V go

Back Buat Baru ©Copyright 2009 Gambar 4.103 Perancangan Layar Artikel<
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai artikel – artikel yang telah di publish dimana terdapat juga keterangan tanggal, bulan dan tahun publish. Pada bagian ini juga terdapat link selanjutntya pada setiap artikel yang di publish, apabila admin ingin membaca artikel yang telah di publish tersebut dengan lebih jelas dan lengkap, maka admin dapat mengklik link selanjutnya. Admin dapat menhapus artikel yang telah di publish dengan mengklik link hapus yang ada. Apabila artikel telah

222 berhasil di hapus, maka akan tampilan tulisan artikel yang telah anda pilih telah berhasil di hapus. Pada sebelah kanan layar terdapat menu – menu admin. Selain itu juga terdapat link back yang berguna untuk kembali kepada halaman yang sebelumnya di akses Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.7

Perancangan Layar Pengumuman Admin Logo Sekolah

Log out

Pengumuman


Tanggal

Berita

Action Ubah Hapus

Back Buat Baru

©Copyright 2009 PATMOS School Gambar 4.104 Perancangan Layar Pengumuman Admin

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai pengumuman yang telah di publish dimana terdapat juga keterangan tanggal, bulan dan tahun publish. Admin dapat mengubah dan menghapus pengumuman yang telah di publish dengan mengklik link ubah dan hapus yang ada. Admin juga

223 dapat memilih artikel yang ingin di baca nya berdasarkan tanggal, bulan dan tahun. Admin juga dapat mempublish artikel baru dengan mengklik link bust baru. Pada sebelah kanan layar terdapat menu – menu admin. Selain itu juga terdapat link back yang berguna untuk kembali kepada halaman yang sebelumnya di akses Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.8

Perancangan Layar Pengumuman << Buat Baru Logo Sekolah

Log out

Membuat Pengumuman Baru

Menu Adminstrator Home Artikel Pengumuman Nilai Murid Guru Upload File Nilai

Tanggal Pengumuman

Back Save Back

©Copyright 2009 Gambar 4.105 Perancangan Layar Pengumuman <<Buat Baru

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai tanggal dan pengumuman. admin dapat mengisi tanggal pengumuman dipublish. admin dapat menuliskan pengumuman pada textarea yang ada setelah semua diisi,

224 klik tombol save dan artikel tersebut akan di publish. Pada sebelah kanan layar terdapat menu – menu admin. link back yang berguna untuk kembali kepada halaman yang sebelumnya di akses. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.9

Perancangan Layar Pengumuman << Ubah Logo Sekolah

Log out

Ubah Pengumuman


Tanggal Pengumuman

Back Save Back

©Copyright 2009 Gambar 4.106 Perancangan Layar Pengumuman<
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai tanggal dan pengumuman. admin dapat mengubah pengumuman pada textarea yang ada setelah semua yang telah diisi benar, klik tombol save dan pengumuman tersebut akan di publish. Pada sebelah kanan layar terdapat menu – menu admin.

225 link back yang berguna untuk kembali kepada halaman yang sebelumnya di akses. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.10

Perancangan Layar Pengumuman <
Log out

Pengumuman


Gambar 4.107

Pengumuman Telah Berhasil Di Hapus Tanggal

Berita

Action Edit Delete

Back Create New

©Copyright 2009 Perancangan Layar Pengumuman<
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai pengumuman yang telah di publish dimana terdapat juga keterangan tanggal, bulan dan tahun publish. Admin dapat menghapus pengumuman yang telah di publish dengan mengklik link hapus yang ada. Apabila pengumuman telah berhasil di hapus, maka akan tampilan tulisan pengumuman telah berhasil di hapus. Pada sebelah kanan layar terdapat menu – menu admin. Selain itu juga terdapat link back yang berguna untuk kembali kepada halaman

226 yang sebelumnya di akses Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.11

Perancangan Layar Nilai Admin Logo Sekolah

Log out Menu Administrator Home Artikel Pengumuman Nilai Murid Guru Upload File Nilai

Daftar Nilai Semester • Nama Murid • Nama Murid • Nama Murid • Nama Murid • Nama Murid

Gambar 4.108

©Copyright 2009 Perancangan Layar Nilai Admin

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah terdapat link nama murid yang dapat menghubungkan nilai murid tersebut.Pada sebelah kanan layar terdapat menu – menu admin. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

227 4.3.4.12

Perancangan Layar Nilai << Nama Murid<< Tugas Admin Logo Sekolah

Log out


Daftar Nilai Semester ….. Tugas √ 1 √ go MataPelajaran #1 Nilai Galery Photo

#2

#3

#4

ubah Nilai ubah Nilai ubah Nilai ubah

Photo

Photo

Photo Read More

©Copyright 2009 Gambar 4.109 Perancangan Layar Nilai <
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai combo box yang terdiri dari pilihan tugas, ulangan harian, ulangan umum, selain itu juga terdapat combo box yang terdiri dari semester 1 dan 2. Pada halaman ini juga akan ditampilkan nilai tugas murid dan juga rata – rata dari nilai tugas murid. Admin juga dapat mengubah nilai yang telah di publish dengan mengklik link ubah Pada bagian ini juga terdapat juga galeri foto. Pada sebelah

Rata Rata

228 kanan layar terdapat menu – menu admin. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.13

Perancangan

Layar

Nilai

<
Murid<
Log out


Daftar Nilai Semester ….. Mata Pelajaran ok Tugas √ 1 √ go MataPelajaran #1

#2

#3

#4

Nilai ubah Nilai ubah Nilai ubah Nilai ubah Galery Photo

Photo

Photo

Photo Read More

©Copyright 2009 Gambar 4.110 Perancangan Layar Nilai<
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai combo box yang terdiri dari pilihan tugas, ulangan harian, ulangan umum, selain itu juga terdapat combo box yang terdiri dari semester 1 dan 2. Pada halaman ini juga akan

Rata Rata

229 ditampilkan nilai tugas murid dan juga rata – rata dari nilai tugas murid. Setelah admin mengklik link ubah maka nilai yang akan di ubah akan tampil pada textbox mata pelajaran dan admin dapat mengubah nilai tersebut. Apabila nilai telah selesai di ubah, admin dapat mengklik ok dan nilai akan langsung di save. Pada bagian ini juga terdapat juga galeri foto. Pada sebelah kanan layar terdapat menu – menu admin. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.14

Perancangan Layar Nilai <

Daftar Ulangan Semester … Tugas √ 1 √ go MataPelajaran U1 R1 U2 R2 U3 R3 Nilai Nilai edit Nilai Nilai edit Nilai Nilai edit Galery Photo

Photo

Photo

Photo Read More

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai combo box yang terdiri dari

230 pilihan tugas, ulangan harian, ulangan umum, selain itu juga terdapat combo box yang terdiri dari semester 1 dan 2. Pada halaman ini juga akan ditampilkan nilai ulangan harian murid dan remedial murid. Admin juga dapat mengedit nilai yang telah di publish dengan mengklik link edit Pada bagian ini juga terdapat juga galeri foto. Pada sebelah kanan layar terdapat menu – menu admin. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.15

Log out


Daftar Ulangan Semester ….. Mata Pelajaran Mata Pelajaran save Tugas √ 1 √ go MataPelajaran U1 R1 U2 R2 U3 R3 Nilai Nilai edit Nilai Nilai edit Nilai Nilai edit Galery Photo

Photo

Photo

Photo Read More

231 Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai combo box yang terdiri dari pilihan tugas, ulangan harian, ulangan umum, selain itu juga terdapat combo box yang terdiri dari semester 1 dan 2. Pada halaman ini juga akan ditampilkan nilai ulangan harian murid dan juga nilai remedial murid. Setelah admin mengklik link edit maka nilai ulanagn dan remedial yang akan di edit akan tampil pada textbox mata pelajaran dan admin dapat mengedit nilai tersebut. Apabila nilai telah selesai di edit, admin dapat mengklik ok dan nilai akan langsung di save. Pada bagian ini juga terdapat juga galeri foto. Pada sebelah kanan layar terdapat menu – menu admin. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

232 4.3.4.16

Log out

Daftar Ulangan Umum Semester ….


Tugas √ 1 √ go MataPelajaran Nilai edit Galery Photo

Photo

Photo

Photo Read More

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai combo box yang terdiri dari pilihan tugas, ulangan harian, ulangan umum, selain itu juga terdapat combo box yang terdiri dari semester 1 dan 2. Pada halaman ini juga akan ditampilkan nilai ulangan umum murid. Admin juga dapat mengedit nilai yang telah di publish dengan mengklik link edit Pada bagian ini juga terdapat juga galeri foto. Pada sebelah kanan layar terdapat menu – menu admin. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

233 4.3.4.17

Log out

Daftar Ulangan Umum Semester ….. Mata Pelajaran


save Tugas √ 1 √ go MataPelajaran Nilai Nilai edit Galery Photo

Photo

Photo

Photo Read More

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai combo box yang terdiri dari pilihan tugas, ulangan harian, ulangan umum, selain itu juga terdapat combo box yang terdiri dari semester 1 dan 2. Pada halaman ini juga akan ditampilkan nilai ulangan harian murid dan juga nilai remedial murid. Setelah admin mengklik link edit maka nilai ulangan umum yang akan di edit akan tampil pada textbox mata pelajaran dan admin dapat mengedit

234 nilai tersebut. Apabila nilai telah selesai di edit, admin dapat mengklik ok dan nilai akan langsung di save. Pada bagian ini juga terdapat juga galeri foto. Pada sebelah kanan layar terdapat menu – menu admin. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.18

Perancangan Layar Murid Logo Sekolah

Log out


Ubah Data Murid • Nama Murid • Nama Murid • Nama Murid • Nama Murid • Nama Murid Back

hapus hapus hapus hapus hapus

Buat Baru

©Copyright 2009 Gambar 4.115

Perancangan Layar Murid

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah terdapat link nama murid yang dapat menghubungkan data murid tersebut. Pada bagian ini juga terdapat link hapus, dimana admin memliki hak untuk menghapus murid. Admin juga dapat menginput data murid yang baru masuk ke sekolah PATMOS. Selain itu juga terdapat link back yang berguna untuk kembali kepada

235 halaman yang sebelumnya di akses Pada sebelah kanan layar terdapat menu – menu admin. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.19

Perancangan Layar Murid << Nama Murid Logo Sekolah

Log out


Ubah Data Murid Orang tua Nama Anak Kelas Anak Alamat Kode Pos Telepon Tempat Lahir Tanggal Lahir Agama Jenis Kelamin Catatan Save Back ©Copyright 2009 Gambar 4.116 Perancangan Layar Murid<<,Nama Murid

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah terdapat data murid yang akan di ubah. Administrator dapat mengubah data – data murid, apabila data murid telah selesai di ubah, klik save dan data murid tersebut akan langsung di

236 update kedalam database. Selain itu juga terdapat link back yang berguna untuk kembali kepada halaman yang sebelumnya di akses Pada sebelah kanan layar terdapat menu – menu admin. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.20

Perancangan Layar Murid << Nama Murid<
Log out


Edit Data Murid Data Murid Telah Berhasil Dihapus Orang tua Nama Anak Kelas Anak Alamat Kode Pos Telepon Tempat Lahir Tanggal Lahir Agama Jenis Kelamin Catatan Save Back ©Copyright 2009 Gambar 4.117 Perancangan Layar Murid<
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar. Admin memiliki hak akses untuk menghapus murid yang sudah

237 tidak menjadi murid sekolah PATMOS, apabila admin telah mengklik hapus maka akan tampil tulisan data murid telah berhasil di hapus. Selain itu juga terdapat link back yang berguna untuk kembali kepada halaman yang sebelumnya di akses Pada sebelah kanan layar terdapat menu – menu admin. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.21

Perancangan Layar Murid << Nama Murid<<Buat Baru Logo Sekolah

Log out


Menambah Data Murid Orang tua Nama Anak Kelas Anak Alamat Kode Pos Telepon Tempat Lahir Tanggal Lahir Agama Jenis Kelamin Catatan Save Back ©Copyright 2009 Gambar 4.118 Perancangan Layar Murid<
238 Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah terdapat textbox yang akan diisi oleh admin sebagai data murid. Apabila data murid telah selesai di input, klik save dan data murid tersebut akan langsung di update kedalam database. Selain itu juga terdapat link back yang berguna untuk kembali kepada halaman yang sebelumnya di akses Pada sebelah kanan layar terdapat menu – menu admin. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.22

Perancangan Layar Guru Logo Sekolah

Log out


Edit Data Guru • Nama Guru • Nama Guru • Nama Guru • Nama Guru • Nama Guru Back

delete delete delete delete delete

Create New

©Copyright 2009 Gambar 4.119 Perancangan Layar Guru

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah terdapat link nama guru yang dapat

239 menghubungkan data guru tersebut. Pada bagian ini juga terdapat link delete, dimana admin memliki hak untuk mendelete murid. Admin juga dapat menginput data guru baru. Selain itu juga terdapat link back yang berguna untuk kembali kepada halaman yang sebelumnya di akses Pada sebelah kanan layar terdapat menu – menu admin. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.23

Perancangan Layar Guru << Nama Guru Logo Sekolah

Log out


Ubah Data Guru Nama Alamat KodePos Telepon Tempat Lahir Tanggal Lahir Agama Jenis Kelamin Catatan Save Back ©Copyright 2009 Gambar 4.120 Perancangan Layar Guru<
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah terdapat data guru yang akan di edit. Administrator dapat mengedit data – data guru, apabila data guru telah

240 selesai di edit, klik save dan data guru tersebut akan langsung di update kedalam database. Selain itu juga terdapat link back yang berguna untuk kembali kepada halaman yang sebelumnya di akses Pada sebelah kanan layar terdapat menu – menu admin. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.24

Perancangan Layar Guru << Nama Guru<
Log out


Ubah Data Guru Data Guru Telah Berhasil Dihapus Nama Alamat KodePos Telepon Tempat Lahir Tanggal Lahir Agama Jenis Kelamin Catatan Save Back ©Copyright 2009 Gambar 4.121 Perancangan Layar Guru<
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar. Admin memiliki hak akses untuk mendelete guru yang sudah tidak

241 mengajar disekolah PATMOS, apabila admin telah mengklik delete maka akan tampil tulisan data guru telah berhasil di hapus. Selain itu juga terdapat link back yang berguna untuk kembali kepada halaman yang sebelumnya di akses Pada sebelah kanan layar terdapat menu – menu admin. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.25

Perancangan Layar Guru << Nama Guru<
Log out


Menambah Data Guru Nama Alamat KodePos Telepon Tempat Lahir Tanggal Lahir Agama Jenis Kelamin Catatan Save Back ©Copyright 2009 Gambar 4.122 Perancangan Layar Guru<
Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah terdapat textbox yang akan diisi oleh admin

242 sebagai data guru. Apabila data guru telah selesai di input, klik save dan data murid tersebut akan langsung di update kedalam database. Selain itu juga terdapat link back yang berguna untuk kembali kepada halaman yang sebelumnya di akses Pada sebelah kanan layar terdapat menu – menu admin. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.26

Perancangan Layar Upload Admin Logo Sekolah


Upload File Browse Upload

Galery Photo

Photo

Photo

Photo Read More

©Copyright 2009 Gambar 4.123 Perancangan Layar Upload Admin

Pada halaman ini, akan di jumpai logo sekolah pada bagian paling atas layar dan pada bagian tengah akan dijumpai tombol browse yang dapat di gunakan untuk mengambil file yang akan di upload. Setelah file tersebut di pilih, admin dapat mengklik upload dan file tersebut akan terkirim. Pada halaman ini juga terdapat galeri foto anak. Pada sebelah kanan layar

243 terdapat menu – menu admin. Pada bagian bawah layar terdapat tulisan ©Copyright 2009

4.3.4.27

Perancangan Layar File Nilai Admin

Index of/ Hyper/ Materi Name

Last Modified

Size

Gambar 4.124

Description

Perancangan Layar File Nilai Admin

Pada layar ini terdapat file nilai yang dapat di download oleh admin. Dimana didalamnya terdapat nama materi yang akan di download, tanggal dan waktu upload materi, dan besarnya materi yang akan di download. Tujuannya untuk mempermudah admin dalam menginput nilai murid

244 4.4

Navigation Diagram 4.4.1

Navigation Diagram Orang Tua

Gambar 4.125

Navigation Diagram Orangtua

245 4.4.2

Navigation Diagram Murid

Gambar 4.126

Navigation Diagram Murid

246 4.4.3

Navigation Diagram Guru

Klik Create New Topic

Klik Create Pesan

Klik Forum

Klik Pesan

Klik Upload Klik Log out

Login Guru

Klik Catatan Guru

Klik Profile

Klik Laporan

Klik Log out

Klik Log out

Klik Nilai

Klik Log out

Klik Nama Siswa

Klik Agenda Klik Artikel

Klik OK

Klik Tugas Klik Ulangan Umum Klik Ulangan Harian

Klik Log out Klik Log out

Klik Pengumuman

Gambar 4.127

Navigation Diagram Guru

247 4.4.4

Navigation Diagram Admin

Login Admin

Klik Create New

Klik Log In

Klik Log out Klik Artikel

Klik Log out Klik Uploadi Klik Log out

Klik Nilai Klik Log out Klik Pengumuman

Klik Guru

Klik File Nilai

Klik Nama Murid

Klik Log out

Klik Create New Klik Log out

Klik Ulangan Harian

Klik Log out

Pilih Ulangan Umum

Klik Murid Klik Create New

Gambar 4.128 Navigation Diagram Admin

Klik Create New

248 4.5

Component Diagram dan Deployment Diagram 4.5.1

Component Diagram

<>

<>

U:Orangtua

U:Guru

F:Orangtua

F:Guru

<< Server >>

F:Server

M:Server

<>

<>

U:Admin

U:Murid

F:Admin

F:Murid

Gambar 4.129

Component Diagram

249 4.5.2

Deployment Diagram

; client Orangtua

; Client Guru

U: Guru U: Orangtua SI:Orangtua

SI:Guru

F: Orangtua

F: Guru

; Server

SI : Server

F : Server

; client Murid

M: Server

; Client Admin

F: Admin

U: Murid SI:Murid

SI: Admin M: Admin

F: Murid

Gambar 4.130

Deployment Diagram

BAB 4 ANALISIS DAN DESAIN SISTEM

Recommend Documents