BAB 3 ANALISIS DAN PERANCANGAN SISTEM Sejarah dan Susunan Pengurus SMUN 1 Depok

BAB 3 ANALISIS DAN PERANCANGAN SISTEM

3.1 Analisis Sistem 3.1.1 Sejarah dan Susunan Pengurus SMUN 1 Depok 3.1.1.1 Sejarah SMUN 1 Depok Sekolah ini diresmikan yaitu tanggal 20 November 1979 oleh Gubernur DKI Jakarta Ali Sadikin. Sebelumnya sekolah ini berada di bawah lisensi SMA Negeri 1 Bogor tetapi, dengan berbagai pertimbangan dan tuntutan perkembangan wilayah Depok pada masa itu, berdirilah SMUN 1 Depok secara mandiri dan terpisah dari SMA Negeri 1 Bogor. Sekolah yang berlokasi di Jalan Nusantara Raya Nomor 317 Kecamatan Pancoran Mas Kota Depok ini ternyata telah mengalami 8 kali pergantian kepemimpinan. M. Djuhdi merupakan Kepala SMUN 1 Depok yang pertama. Beliau menjabat dari tahun 1977-1979. Pengganti beliau, Drs. Ngatijo menjabat sampai tahun 1982. Setelah itu, SMANSA dikepalai oleh M. Daudin tahun 1982-1986. Pada tahun 1986-1989, Drs. Rohandi Natadipura memimpin sekolah ini. Kemudian, beliau digantikan berturut-turut oleh Soegianto Suronto (1989-1993), Drs. Wirya Djaya Atmaja (1993-1995), dan Drs. H. Didi Djunaedi Samaun (1995-2002). Tahun pertama kita resmi menjadi siswa SMUN 1 Depok merupakan tahun pertama bagi Drs. H. Sukandi Mustafa menjabat sebagai Kepala SMUN 1 Depok. Pengembangan sains dan kedisiplinan menjadi prioritas utama beliau pada sekolah ini. Kewajiban memakai pin salah satunya. Pergantian kepemimpinan juga sejalan dengan bertambahnya kualitas sekolah ini baik dari segi fisik 36

37 pembangunan maupun mental pendidikannya. Dulu, saat sekolah ini dioperasikan untuk pertama kalinya, bangunan yang ada hanya ruang kelas 1.2 yang sekarang sampai laboratorium komputer. Pembangunan demi pembangunan terus dilakukan sampai akhirnya menjadi seperti yang kita lihat sekarang ini. Kini sekolah ini memiliki 18 ruang kelas, 1 ruang guru, 1 ruang kepala sekolah, laboratorium IPA, perpustakaan, mushola, kantin, dan sarana lainnya yang menunjang KBM di SMUN 1 Depok (lih. peta). Hal terpenting dari semua itu adalah pengakuan masyarakat yang tinggi terhadap SMUN 1 Depok sebagai sekolah favorit di Depok. Dengan kualitas pendidikan yang unggul diharapkan SMUN 1 Depok terus menelurkan putra/putri terbaik bangsa yang mampu menjadi pemimpin masa depan.

KEPALA SEKOLAH YANG PERNAH MENJABAT SMUN 1 DEPOK 1. 1977 – 1980 MOCH. DJUHDI (Pymt) 2. 1980 – 1982 Drs. NGATIDJO 3. 1982 – 1986 DAOEDIN (Alm) 4. 1986 – 1989 Drs. ROHANDI N (Alm) 5. 1989 – 1982 SOEGIANTO SOERONTO, BA 6. 1982 – 1996 Drs. H. WIRIA JAYAATMAJA 7. 1996 – 2002 Drs. H. D. DJUNAEDI SAMAUN 8. 2002 – SKRG Drs. H. SUKANDI MUSTAFA

38 3.1.1.2 Susunan Pengurus SMUN 1 Depok 1. Kepala Sekolah

Drs. H. Sukandi Mustafa

2. Wakasek Urusan Kurikulum

Dra. Desryningsih

3. Wakasek Urusan Kesiswaan

Dra. Eka Mustika

4. Wakasek Urusan Sarana

Yeye Yohaeni, S.Pd

5. Wakasek Urusan Humas

Drs. Suhadi

6. Pembantu Wakasek Urusan Kurikulum 1

Wirdan Ahyar, S.Pd

7. Pembantu Wakasek Urusan Kurikulum 2

Zarnifatma, S.Pd

8. Pembantu Wakasek Urusan Kesiswaan

Supyana, S.Pd

9. Bendahara Sekolah

Tri Maryatun, S.Pd

10. Bendahara KAS OSIS

Dra. Listianingsih

11. Koordinator Bimbingan Konseling (BK)

Dra. Tati Dwi Suciati

12. Koordinator Laboratorium IPA

Ratna Ristianti, S.Si

13. Koordinator Perpustakaan

Hj. Heni Herningsih, S.Pd

14. Pembantu Koordinator Perpustakaan

Dra. Hj. Zudaidah

15. Pembantu Koordinator Perpustakaan

Wiwin Wintarsih, S.Pd

16. Pembina PMR

Yeti Wianti A., S.Pd

17. Pembina Paskibra

Kujang Koswara, S.Pd

18. Pembina Pramuka Putra

Deden Suryasa, S.Pd

19. Pembina Pramuka Putri

Nerita Sagala

20. Pembina Pepala

Drs. Endjang Supriatna

21. Pembina Olah Raga

Drs. Endjang Supriatna

22. Pembina Rohis Putri

Dra. Mas'idah

23. Pembina Rohis Putra

Mahmudin Sudin S.Ag

39 24. Pembina Rohkris

Elisabeth Tri S., S.Pd

25. Pembina Kesenian

Dra. Budhewi Intan

26. Pembina Koperasi Siswa

Dra. Hj. Endang Sri W.

27. Pembina KIR IPA

Deden Suryasa, S.Pd

28. Pembina KIR IPS

Siti Sun Aisyah, S.Pd

29. Pembina Kegiatan Science Club (IPA)

Fery Lisyanto, S.Pd

30. Pembina Tim Olimpiade (Study Club)

Siti Rofingah, S.Pd

31. Wali Kelas X 1

Dra. Hj. Yetty Darliaty

32. Wali Kelas X 2

Rini Yunita Sari, S.Si

33. Wali Kelas X 3

Dra. Budhewi Intan

34. Wali Kelas X 4

Elisabeth Tri S., S.Pd

35. Wali Kelas X 5

Sutarry, S.Pd

36. Wali Kelas X 6

Nerita Sagala

37. Wali Kelas X 7

Tri Redjeki Handayani, S.Pd

38. Wali Kelas XI IA1

Dra. Setiana Purba


Drs. Ali Hidayat


Gusni Thamrin, S.Pd


Elliasti, S.Pd

42. Wali Kelas XI IS1

Dedeh Sartika, S.Pd

43. Wali Kelas XI IS2

Hj. Rosda

44. Wali Kelas XII IA1

Dra. Hj. Endang Sri W.


Kujang Koswara, S.Pd


Yeti Wianti A., S.Pd


Siti Rofingah, S.Pd

40 48. Wali Kelas XII IS1

Siti Sun Aisyah, S.Pd

49. Wali Kelas XII IS2

Drs. Sugiharto

3.1.2 Sistem yang Sedang Berjalan Sistem pembelajaran yang sedang berjalan pada sekolah SMUN 1 Depok sampai sekarang masih berpusat pada kelas, jadi semua kegiatan belajar mengajar dilakukan di ruangan kelas. Guru memberikan pengarahan di dalam ruangan kelas yang berkapasitas kurang lebih empat puluh siswa, guru menulis catatan dan soal latihan di papan tulis, kemudian memberikan tugas untuk dikerjakan di rumah. Bila masih ada waktu yang tersisa guru memberikan kesempatan bagi siswa untuk bertanya. Siswa – siswa pada pertemuan pertama akan mendapatkan jadwal pelajaran baru yang akan mereka gunakan selama satu tahun ajaran. Informasi mengenai siswa dan sekolah diberikan melalui pengumuman – pengumuman secara lisan maupun tertulis di sekolah. Laporan penilaian siswa akan diberikan langsung kepada orang tua siswa di sekolah setiap akhir ujian. Pengumuman – pengumuman terbaru tentang kegiatan yang akan diselenggarakan di sekolah ataupun yang akan diikuti di luar sekolah akan disampaikan secara langsung oleh guru yang bertanggung jawab atas kegiatan itu. Untuk tahun ini, SMUN 1 Depok dijadikan rintisan SBI yaitu Sekolah Bertaraf Internasional. Karena hal ini, diadakanlah kelas SBI, yaitu 2 kelas pada tahun pertama (Kelas X). Kelas ini diharapkan bisa menjadi batu loncatan menuju Sekolah Bertaraf Internasional pada masa yang akan datang.

41 3.1.3 Analisis Permasalahan 3.1.3.1 Kuisoner Untuk mengumpulkan informasi mengenai kebutuhan pengguna, maka dilakukan pembagian kuesioner kepada 150 dari 762 orang murid SMU 1 Depok pada tanggal 4 Oktober 2007, yang terdiri dari 50 siswa SMU kelas 1, 50 siswa SMU kelas 2, dan 50 siswa SMU kelas 3. Analisis kebutuhan siswa, dapat dilihat berdasarkan persentase jawaban – jawaban kuesioner yang telah dibagikan. Kuisioner sebelum perancangan siswa 1. Apakah anda sudah mengenal / tahu mengenai internet : Jawaban Ya Tidak

Jumlah Responden

Persentase

150

100%

0

0%

2. Seberapa sering anda menggunakan internet Jawaban

Jumlah Responden

Persentase

50

33,33 %

70

46,67 %

30

20 %

< 1 kali dalam seminggu 1-2 kali dalam seminggu > 3 kali dalam seminggu

42 3. Apakah menurut anda internet bisa menjadi sarana pembelajaran? Jawaban

Jumlah Responden

Persentase

Ya

120

80 %

Tidak

30

20 %

4. Apakah anda sering mengalami kesulitan belajar dikelas? Jawaban

Jumlah Responden

Persentase

Sering

125

83,33 %

Kadang -kadang

25

16,67 %

Tidak Pernah

0

0%

5.

Apa penyebab anda mengalami kesulitan belajar dikelas? [1] Waktu belajar dikelas terbatas Jawaban

Jumlah Responden

Persentase

Setuju

43

28,67 %

Ragu – ragu

32

21,33 %

Tidak setuju

75

50 %

[2] Penjelasan guru kurang dimengerti Jawaban

Jumlah Responden

Persentase

Setuju

81

54 %

Ragu – ragu

49

32,67 %

Tidak setuju

20

13,33 %

43 [3] Penjelasan guru terlalu cepat Jawaban

Jumlah Responden

Persentase

Setuju

85

56,67 %

Ragu – ragu

46

30,67 %

Tidak setuju

19

12,67 %

[4] Suasana kelas kurang mendukung Jawaban

Jumlah Responden

Persentase

Setuju

79

52.67 %

Ragu – ragu

53

35,33 %

Tidak setuju

18

12 %

[5] Mata Pelajaran yang diajarkan kurang menarik Jawaban

Jumlah Responden

Persentase

Setuju

47

31,33

Ragu – ragu

20

13,33

Tidak setuju

83

55,33

[6] Kurang adanya contoh – contoh soal Jawaban

Jumlah Responden

Persentase

Setuju

79

52,67 %

Ragu – ragu

22

14,67 %

Tidak setuju

49

32,67 %

44 [7] Materi Pelajaran terlalu sulit Jawaban

Jumlah Responden

Persentase

Setuju

113

75,33 %

Ragu – ragu

30

20 %

Tidak setuju

7

4,67 %

6. Situs pembelajaran seperti apa yang anda sukai? [1] Situs yang mudah digunakan Jawaban Setuju Tidak setuju

Jumlah Responden

Persentase

149

99,33 %

1

0,67 %

[2] Situs yang memiliki tampilan yang bagus Jawaban Setuju Tidak setuju

Jumlah Responden

Persentase

148

98,66 %

2

1,33 %

[3] Situs yang memberikan menu tutorial atau help untuk membantu penggunaan Jawaban Setuju Tidak setuju

Jumlah Responden

Persentase

144

96 %

6

4%

45 [4] Situ yang memanfaatkan multimedia seperti : animasi, audio, video, dan sebagainya Jawaban

Jumlah Responden

Persentase

150

100 %

0

0%

Setuju Tidak setuju

7. Fasilitas apa yang anda harapkan ada pada suatu situs pembelajaran ? [1] Adanya penjelasan teori Jawaban

Jumlah Responden

Persentase

146

97.33 %

4

2,67 %

Jumlah Responden

Persentase

149

99,33 %

1

0,67 %

Setuju Tidak setuju

[2] Adanya soal – soal latihan Jawaban Setuju Tidak setuju

[3] Adanya sarana untuk bertanya dengan siswa lain Jawaban Setuju Tidak setuju

Jumlah Responden

Persentase

145

96,67 %

5

3,33 %

46 [4] Adanya materi pelajaran atau soal yang bisa diambil (download) Jawaban

Jumlah Responden

Persentase

147

98 %

3

2%

Setuju Tidak setuju

[5] Adanya fasilitas untuk melihat informasi siswa Jawaban

Jumlah Responden

Persentase

146

97.33 %

4

2,67 %

Setuju Tidak setuju

3.1.3.2 Gambaran Permasalahan Dari hasil survey mengenai analisis sistem yang sedang berjalan penulis menemukan permasalahan yang paling kritis yang dimiliki oleh SMUN 1 Depok saat ini adalah tidak tersedianya layanan informasi yang menunjang proses pengolahan dan pencatatan data-data. Disamping itu siswa juga mempunyai masalah dalam memperoleh informasi. Masalah-masalah tersebut dapat disebabkan beberapa faktor, antara lain : 1. Penyampaian pengumuman yang kurang jelas. 2. Siswa malas mencatat informasi yang telah disampaikan. 3. Tidak semua siswa melihat papan pengumuman. 4. Adanya masalah dalam bertanya, dikarenakan beberapa alasan : •

Takut / Malu bertanya.

•

Umumnya, Siswa tidak tahu bertanya kepada siapa.

47 5. Kesulitan untuk memperoleh informasi kapan saja siswa menginginkan. Penyampaian pengumuman yang kurang jelas merupakan salah satu masalah bagi siswa, karena sebagian pengumuman yang diberikan oleh guru disampaikan secara lisan, sehingga siswa yang berada dibelakang kurang jelas mendengar pengumuman. Siswa yang malas mencatat informasi yang telah disampaikan oleh guru merupakan suatu kendala yang menyebabkan siswa lupa akan informasi yang telah disampaikan, dan juga tidak semua siswa melihat papan pengumuman sehingga tidak seluruh siswa mengetahui informasi yang diberikan. Disamping itu, sebagian siswa tidak tahu harus bertanya kepada siapa jika ingin memperoleh informasi, seperti bagaimana mengajukan surat permohonan, meminta formulir pendaftaran, dan sebagainya. Perasaaan takut dan malu bertanya juga merupakan salah satu faktor yang menyebabkan siswa kekurangan informasi. Pada libur panjang, siswa juga tidak dapat memperoleh informasi apapun dari sekolah, kecuali informasi mengenai tanggal masuk yang sudah diberikan sebelum liburan. Sehingga praktis hanya sedikit sekali interaksi yang terjadi antara sekolah dengan siswa pada saat liburan tersebut. Kurangnya waktu dikelas dapat menyebabkan terbatasnya waktu komunikasi antara siswa dengan guru dalam membahas pelajaran. Menurut siswa, penjelasan yang diberikan guru dikelas terkadang tidak jelas yang umumnya disebabkan karena penjelasan yang terlalu cepat, sehingga menyebabkan siswa kurang memahami materi yang diberikan. Suasana kelas yang kurang mendukung aktifitas pembelajaran, seperti suasana kelas yang ribut juga dapat menganggu proses pembelajaran. Apalagi bila materi pelajaran yang akan disampaikan tergolong

48 banyak dan cukup sulit untuk dipahami, guru membutuhkan waktu yang lebih banyak dalam mengajar dan suasana belajar yang lebih tenang agar siswa dapat memahami materi yang diajarkan. Faktor – faktor ini dapat menyebabkan hilangnya semangat belajar siswa dan berpengaruh negatif pada nilai – nilai siswa.

3.1.4 Usulan Pemecahan Masalah Dari hasil tinjauan permasalahan yang telah dijabarkan, maka penulis mengusulkan untuk merancang dan membangun sebuah sistem informasi berbasiskan web yang dapat mempermudah pengolahan dan pencatatan data sekolah sehingga pekerjaan tersebut menjadi lebih efektif dan efesien. Sistem informasi ini akan memberikan beberapa kegunaan, yaitu: 1. Pencatatan data siswa dan guru yang teroganisasi dengan baik sehingga dalam penyimpanan, pengeditan, dan pencarian data siswa dan guru menjadi lebih mudah. 2. Menampilkan data pribadi, jadwal guru mengajar, jadwal mata pelajaran, jadwal ujian, nilai, kegiatan ekstrakurikuler, data siswa dan guru, pengumuman dan informasi seputar sekolah lainnya secara online. 3. Pencatatan dan pencetakan nilai siswa yang dilakukan oleh guru menjadi lebih mudah sehingga dalam pembuatan transkrip nilai siswa menjadi lebih mudah karena guru tidak harus mengerjakannya secara manual. 4. Mempermudah komunikasi di luar jam sekolah karena pada sistem informasi ini juga akan ada aplikasi forum. Forum dapat digunakan oleh siswa dan guru sehingga mereka dapat berkomunikasi (berdiskusi) kapan saja

49 3.2 Perancangan Sistem 3.2.1 Model Sistem yang Diusulkan Siswa,guru dan admin yang terlibat di dalam sistem pembelajaran ini terbagi menjadi 2 bagian yaitu : front end user dan back end user. Siswa dan guru termasuk front end user yaitu yang hanya dapat mengunakan semua fasilitas yang tersedia tanpa dapat mengubahnya,

sedangkan admin adalah back end user yaitu yang dapat

mengubah data – data yang terdapat pada sistem. 3.2.2 Perancangan Database 3.2.2.1 Daftar Tabel – Tabel Database Aplikasi ini memiliki 23 tabel, yaitu : •

bahanguru Tabel ini berisi data-data tentang bahan materi yang digunakan oleh guru. Tabel bahanguru ini memiliki 6 field yaitu :

Nama Field IdBahan IdMateri BahanLain IdClass IdGuru TanggalUpdate

Tipe Data Int Int Char Char Char Date

Ukuran 11 11 50 7 7 -

Keterangan Primary key Id untuk Materi yang ada Bahan lain yang dipakai Id untuk kelas Id untuk guru yang mengajar Tanggap update dari bahan guru

50 •

download Tabel ini berisi data-data tentang download yang dilakukan. Tabel donwload ini memiliki 7 field yaitu :

Nama Field Id FileName FileType FileSize FileModified FileUtilitiesName FileDescription •

Tipe Data Int Char Char Char Char Char Text

Ukuran 11 50 20 20 20 50 -

Keterangan Primary key Nama file yang didownload Type file Besar file File yang telah dimodifikasi Utilities file Deskripsi file

jadwal Tabel ini berisi data-data tentang jadwal siswa dana guru. Tabel ini memiliki 5 field yaitu :

Nama Field IdGuru IdClass IdSiswa IdStudy IdShift Hari •

Tipe Data Char Char Char Char Tinyint Char

Ukuran 7 7 7 7 4 7

Keterangan Id untuk guru Id untuk kelas Id untuk siswa Id untuk Pelajaran Id untuk shift jadwal hari

kalenderkegiatan Tabel ini berisi data-data tentang download yang dilakukan. Tabel donwload ini memiliki 7 field yaitu :

Nama Field IdKategori Kategori StartEnd EndDate

Tipe Data Int Text Date Date

Ukuran 11 -

Keterangan Primary key Kategori kalender kegiatan Tanggal mulai kegiatan Tanggal akhir kegiatan

51 •

msadmin Tabel ini berisi data-data tentang admin. Tabel ini memiliki 14 field yaitu :

Nama Field IdAdmin Password FirstName MiddleName LastName LastLogin TanggalLahir TempatLahir JenisKelamin Alamat Telepon Handphone Email Agama •

Tipe Data Char Char Char Char Char Date Date Char Char Char Char Char Char Char

Ukuran 7 15 15 15 15 20 2 30 12 18 30 10

Keterangan Primary key Password admin Nama depan admin Nama tengah admin Nama akhir admin Tanggal terakhir login Tanggal lahir admin Tempat lahir admin Jenis kelamin admin Alamat admin No telepon admin No handphone admin Email admin Agama admin

msguru Tabel ini berisi data-data tentang guru. Tabel ini memiliki 14 field yaitu :

Nama Field IdGuru Password FirstName MiddleName LastName TanggalLahir TempatLahir JenisKelamin Alamat Telepon Handphone Email Agama Subject IdStudy

Tipe Data Char Char Char Char Char Date Char Char Char Char Char Char Char Char Char

Ukuran 7 15 15 15 15 20 2 30 12 18 30 10 20 7

Keterangan Primary key Password guru Nama depan guru Nama tengah guru Nama akhir guru Tanggal lahir guru Tempat lahir guru Jenis kelamin guru Alamat guru No telepon guru No handphone guru Email guru Agama guru Pelajaran yang diajar guru Id pelajaran

52 •

mskelas Tabel ini berisi data-data tentang kelas yang ada. Tabel ini memiliki 2 field yaitu:

Nama Field IdClass LevelClass •

Tipe Data Char Tinyint

Ukuran 7 4

Keterangan Primary key Tingkatan kelas

msmateri Tabel ini berisi data-data tentang materi-materi yang ada. Tabel ini memiliki 9 field yaitu :

Nama Field IdMateri IdStudy BabMateri JudulMateri TopikMateri Manfaat SumberPelajaran DownloadMateri FileMateri •

Tipe Data Int Char Tinyint Char Text Text Text Char Char

Ukuran 11 7 4 255 50 50

Keterangan Primary key Id pelajaran Bab materi Judul materi Topic materi yang diberikan Manfaat dari materi yang diberikan Sumber – sumber materi Link tempat download materi File-file tentang materi

msortu Tabel ini berisi data-data tentang orantua dari siswa. Tabel ini memiliki 22 field yaitu :

Nama Field IdSiswa FirstNameAyah MiddleNameAyah LastNameAyah TanggalLahirAyah TempatLahirAyah AlamatAyah PekerjaanAyah FirstNameIbu

Tipe Data Char Char Char Char Date Char Char Char Char

Ukuran 7 15 15 15 20 30 20 15

Keterangan Primary key Nama depan ayah Nama tengah ayah Nama akhir ayah Tanggal lahir ayah Tempat lahir ayah Alamat ayah Pekerjaan ayah Nama depan ibu

53 MiddleNameIbu LastNameIbu TanggalLahirIbu TempatLahirIbu AlamatIbu PekerjaanIbu FirstNameWali MiddleNameWali LastNameWali TanggalLahirWali TempatLahirWali AlamatWali PekerjaanWali •

Char Char Date Char Char Char Char Char Char Date Char Char Char

15 15 20 30 20 15 15 15 20 30 20

Nama tengah ibu Nama akhir ibu Tanggal lahir ibu Tempat lahir ibu Alamat ibu Pekerjaan ibu Nama depan wali Nama tengah wali Nama akhir wali Tanggal lahir wali Tempat lahir wali Alamat wali Pekerjaan wali

mspelajaran Tabel ini berisi data-data tentang pelajaran. Tabel ini memiliki 3 field yaitu :

Nama Field IdStudy Idsiswa Pelajaran LevelClass •

Tipe Data Char Char Char Tinyint

Ukuran 7 7 20 4

Keterangan Primary key Id dari siswa Mata pelajaran Kelas yang berhubungan

mspertanyaan Tabel ini berisi data-data tentang pertanyaan yg diberikan siswa. Tabel ini memiliki 2 field yaitu :

Nama Field IdPertanyaan TopikPertanyaan •

Tipe Data Char Char

Ukuran 11 50

Keterangan Primary key Topik pertanyaan

mssemester Tabel ini berisi data semester yang berjalan. Tabel ini memiliki 3 field yaitu :

Nama Field Semester StartDate EndDate

Tipe Data Tinyint Date Date

Ukuran 4 -

Keterangan Semester berjalan Tanggal mulai semester Tanggal akhir semester

54 •

msshift Tabel ini berisi data shift dari guru. Tabel ini memiliki 3 field yaitu :

Nama Field IdShift StartTime EndTime •

Tipe Data Tinyint Time Time

Ukuran 4 -

Keterangan Primary key Waktu mulai shift pelajaran Waktu berakhir shift pelajaran

mssiswa Tabel ini berisi data-data tentang siswa. Tabel ini memiliki 14 field yaitu :

Nama Field IdSiswa Password FirstName MiddleName LastName TanggalLahir TempatLahir JenisKelamin Alamat Telepon Handphone Email Agama IdClass •

Tipe Data Char Char Char Char Char Date Char Char Char Char Char Char Char Char

Ukuran 7 15 15 15 15 20 2 30 12 18 30 10 7

Keterangan Primary key Password siswa Nama depan siswa Nama tengah siswa Nama akhir siswa Tanggal lahir siswa Tempat lahir siswa Jenis kelamin siswa Alamat siswa No telepon siswa No handphone siswa Email siswa Agama siswa Tingkat kelas yang ditempati

nilai Tabel ini berisi data-data tentang nilai siswa. Tabel ini memiliki 8 field yaitu :

Nama Field IdSiswa IdStudy LevelClass Semester TM UTS UAS

Tipe Data Char Char Tinyint Tinyint Float Float Float

Ukuran 7 7 4 4 -

Keterangan Primary key Id untuk pelajaran Kelas yang berhubungan Semester berjalan Nilai tugas Nilai UTS Nilai UAS

55 •

pengumuman Tabel ini berisi data-data tentang pengumuman dari sekolah. Tabel ini memiliki 9 field yaitu :

Nama Field IdPengumuman IdAdmin TanggalPost Judul Isi TanggalPelaksanaan JamPelaksanaan Tempat StatusPengumuman •

Tipe Data Int Char Date Char Text Date Date Char Char

Ukuran 11 7 70 30 6

Keterangan Primary key Id admin Tanggal saat post pengumuman Judul pengumuman Isi pengumuman Tanggal pelaksanaan pengumuman Jam pelaksanaan pengumuman Tempat pelaksanaan pengumuman Status pelaksanaan

peraturan Tabel ini berisi data-data tentang peraturan sekolah yang ada. Tabel ini memiliki 3 field yaitu :

Nama Field IdPeraturan TopikPeraturan IsiPeraturan •

Tipe Data Char Char Text

Ukuran 11 255 -

Keterangan Primary key Topic peraturan Isi peraturan

pertanyaan Tabel ini berisi data-data tentang pertanyaan yg diberikan siswa dan jawaban dari pertanyaan tersebut. Tabel ini memiliki 7 field yaitu :

Nama Field Id IdPertanyaan IdUser StatusPertanyaan Tanggal IsiPertanyaan Jawab

Tipe Data Int Int Char Char Date Text Text

Ukuran 11 11 7 1 -

Keterangan Primary key Id untuk pertanyaan Id dari user Status pertanyaan Tanggal pertanyaan diberikan Isi pertanyaan Jawaban dari pertanyaan

56 •

tugasguru Tabel ini berisi data-data tentang tugas-tugas dari guru. Tabel ini memiliki 7 field yaitu :

Nama Field IdTugasGuru IdMateri FileTugasGuru IdClass IdGuru TanggalUpdate Description •

Tipe Data Int Int Char Char Char Date Text

Ukuran 11 11 100 7 7 -

Keterangan Primary key Id untuk materi File tugas dari guru Id untuk kelas Id untuk Guru Tanggal update tugas Deskripsi tugas

tugassiswa Tabel ini berisi data-data tentang tugas-tugas dari guru. Tabel ini memiliki 7 field yaitu :

Nama Field IdTugas IdMateri IdSiswa IdClass Jawaban TanggalKirim Description IdTugasGuru •

Tipe Data Int Int Char Char Char Date Text Tinyint

Ukuran 11 11 7 7 100 4

Keterangan Primary key Id untuk materi Id untuk siswa Id untuk kelas Jawaban dari tugas Tanggal kirim tugas Deskripsi tugas Id tugas dari guru

ujian Tabel ini berisi data-data tentang jadwal ujian. Tabel ini memiliki 7 field yaitu :

Nama Field IdClass Idsiswa IdStudy Tanggal StartTime

Tipe Data Char Char Char Date Time

Ukuran 7 7 7 -

Keterangan Primary key Id dari siswa Id untuk pelajaran Tanggal ujian Waktu mulai ujian

57 EndTime RuangUjian StatusUjian •

Time Char Char

7 10

Waktu berakhir ujian Ruangan ujian Status ujian

urlbahanguru Tabel ini berisi data-data tentang url yang digunakan guru. Tabel ini memiliki 5 field yaitu :

Nama Field IdUrlBahan IdMateri IdGuru IdClass UrlBahan

Tipe Data Int Int Char Char Char

Ukuran 11 11 7 7 50

Keterangan Primary key Id untuk materi Id untuk guru Id untuk kelas url baha materi

58 3.2.3 Perancangan UML 3.2.3.1 Class Diagram Admin 1

Siswa -IdSiswa : String -Nama : String -Password : String -Tanggal_lahir : Date -Jenis_kelamin : String -Alamat : String -Telepon : String -Agama : String -Kelas : String +cek data diri() +ubah data diri() +cek jadwal pelajaran() +cek jadwal ujian() +cek nilai() +cek materi() +donwload bahan() +upload tugas() +cek forum() +cek pertanyaan() +lihat data guru() +cek pengumuman() *

*

* *

+cek pengumuman() +tambah pengumuman() +cek materi() +tambah materi() +cek forum() +cek data guru dan siswa() +tambah data guru dan siswa() +atur jadwal() +atur ujian() +atur kelas() +cek pertanyaan() +confirm nilai() +cek data()

* User_biasa +cek web() +lihat informasi()

*

1

0..*

*

Guru

1 1

1..*

1

Login

1

* *

-admin -IdSiswa : String -IdGuru : String -Password : String +login() +logout() +status()

1..* 1 1..* 1..*

1 Web_SMAN1Depok confirm_nilai +memberikan informasi() +login siswa dan guru()

1 1..*

-IdPelajaran : String -Nilai_akhir : String +confirm nilai()

-IdGuru : String -Nama : String -Password : String -Tanggal_lahir : Date -Jenis_kelamin : String -Alamat : String -Telepon : String -Agama : String +cek data diri() +ubah data diri() +cek pengumuman() +cek jadwal() +cek materi() +upload bahan dan tugas() +cek forum() +cek pertanyaan() +cek nilai siswa() +isi nilai siswa() * 1..*

1 0..* Jadwal_pelajaran

*

-Hari : String -IdSiswa : String -IdGuru : String -Kelas : String -Mata_pelajaran : String -Jam_mulai : String -Jam_akhir : String +cek jadwal() +edit jadwal()

1

1..* 1

1..*

1..*

0..* Materi Nilai_siswa

-IdPelajaran : String -Nilai_tugas : String -Nilai_UTS : String -NIlai_UAS : String -Nilai_akhir : String +cek nilai() +isi nilai() +edit nilai()

1..*

-IdPelajaran : String -IdMateri : String -Nama_materi : String +cek materi() +upload materi() +download materi() +status()

Forum 1

1

Tugas

1..*

-IdMateri : String -IdTugas : String +cek tugas() +upload tugas() +download tugas()

1..*

Gambar 3.1 Class Diagram

-IdForum : String -IdTopik : String -Topik : String -Tanggal_post : Date +cek forum() +buat topik() +reply topik() +edit topik()

1

1..*

59 3.2.3.2 Use Case

Gambar 3.2 Use Case

60 3.2.3.3 Sequence Diagram Sequence Diagram : atur data siswa

windowlogin : Login

Object1 : Siswa

Data Siswa

admin

login() cek data diri() status()

tambah data()

Gambar 3.3 Atur Data Siswa

61 Sequence Diagram : atur data guru

windowlogin : Login

Object1 : Guru

Data Guru

admin


tambah data()

Gambar 3.4 Atur Data Guru

Sequence Diagram : Atur Pertanyaan Siswa

windowlogin : Login

Object1 : Siswa

Pertanyaan Siswa

admin

login() cek pertanyaan() status()

atur pertanyaan()

Gambar 3.5 Atur Pertanyaan Siswa

62 Sequence Diagram : Atur Materi

windowlogin : Login

Object1 : Materi

Data Materi

admin

login() cek materi() status()

atur materi()

Gambar 3.6 Atur Materi

Sequence Diagram : Atur Kelas, Jadwal, Ujian

windowlogin : Login

Object1 : Admin

Data Kelas

Data Jadwal

admin

login() cek data() status()

atur kelas()

atur jadwal()

atur ujian()

Gambar 3.7 Atur Kelas, Jadwal, Ujian

Data Ujian

63 Sequence Diagram : Ubah data Siswa

windowlogin : Login

Object1 : Siswa

Data Siswa

siswa


ubah data diri()

Gambar 3.8 Ubah data Siswa

Sequence Diagram : Buat Topik Forum

windowlogin : Login

Object1 : Materi

Object2 : Forum

siswa

login() cek materi() status() cek forum() status()

buat topik()

Gambar 3.9 Buat Topik Forum

Forum

64

Sequence Diagram : Reply Topik Forum

windowlogin : Login

Object1 : Materi

Object2 : Forum

siswa

login() cek materi() status() cek forum() status()

reply topik()

Gambar 3.10 Reply Topik Forum

Sequence Diagram : Download materi dan Upload Tugas

windowlogin : Login

Object1 : Materi

Tugas

siswa


download materi()

Gambar 3.11 Download Materi dan Upload Tugas

Forum

65

windowlogin : Login

Object1 : Materi

Tugas

siswa


upload tugas()

Gambar 3.12 Upload Tugas Sequence Diagram : Isi nilai

windowlogin : Login

Object1 : Nilai_siswa

guru

login() cek nilai() status()

isi nilai()

Gambar 3.13 Isi Nilai

Nilai

66 3.2.3.4 State Diagram / cancel

/ cancel

/ cek cek login

cek materi / cek

/ cancel / cek / cancel

/ cancel

/ cancel

cek tugas

/ upload

upload tugas

/ download

download tugas

/ cancel

/ cancel

cek forum

/ create

buat topik

Gambar 3.14 State Diagram

/ reply

reply topik

67 3.2.4 Hirarki Menu 3.2.4.1 Hirarki Menu Pada Siswa

Gambar 3.15 Hirarki Menu Pada Siswa

68 3.2.4.2 Hirarki Menu Pada Guru

Gambar 3.16 Hirarki Menu Pada Guru

69 3.2.4.3 Hirarki Menu Pada Admin

Gambar 3.17 Hirarki Menu Pada Admin

70 3.2.5 Perancangan Layar 3.2.5.1 Rancangan Layar Pada Menu Utama 1. Rancangan Layar Utama

smansa kurikulum Selamat Datang Di website kami

kesiswaan

profil fasilitas Notice

Tanggal-bulan-tahun

prestasi

guru berita Image

Alumni

Kalender Pendidikan Prakata

Event-event di Smansa Status Username

Jadwal-jadwal event

Password Login

Favorite Link

Gado-gado Link

Footer Gambar 3.18 Rancangan Layar Utama

Halaman ini merupakan halaman utama dari aplikasi pembelajaran dan informasi siswa berbasis web. Halaman ini user dapat melakukan login sebagai siswa atau guru dan dapat melihat informasi-informasi yang berhubungan dengan sekolah SMUN 1 Depok.

71 Untuk link dari tulisan smansa, akan menuju pada halaman yang berisi tentang SMUN 1 Depok. Untuk link dari tulisan berita kurikulum, akan menuju pada halaman yang berisi tentang struktur kurikulum dari sekolah SMUN 1 Depok. Untuk link dari tulisan kesiswaan, akan menuju pada halaman yang berisi tentang struktur organisasi dan kegiatan-kegiatan dari sekolah SMUN 1 Depok. Untuk link dari tulisan profil, akan menuju pada halaman yang berisi tentang profil umum dari SMUN 1 Depok. Untuk link dari tulisan fasilitas, akan menuju pada halaman yang berisi tentang fasilitas apa saja yang ada di SMUN 1 Depok. Untuk link dari tulisan prestasi, akan menuju pada halaman yang berisi penghargaan yang telah dicapai dan lomba-lomba yang telah diikuti oleh SMUN 1 Depok. Untuk link dari tulisan guru, akan menuju pada halaman yang berisi tentang profil dari guru dan staff lainnya dari SMUN 1 Depok. Untuk link dari tulisan berita, akan menuju pada halaman yang berisi arsiparsip berita mengenai SMUN 1 Depok. Untuk link dari tulisan alumni, akan menuju pada halaman yang berisi tentang profil dari alumni SMUN 1 Depok. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabel-tabelnya, yaitu tabel pengumuman, tabel jadwal.

72 2. Rancangan Layar Kurikulum

smansa kurikulum Struktur Kurikulum

kesiswaan

Kegiatan Pengembangan Diri

profil

fasilitas

Tanggal-bulan-tahun

prestasi

guru

berita

alumni

Download File link link

Pengaturan Bahan belajar

Kriteria kenaikan kelas Sumber Belajar Kriteria Penjurusan

Kriteria Kelulusan footer Gambar 3.19 Rancangan Layar Kurikulum

Halaman ini menampilkan mengenai kurikulum yang sedang berjalan di SMUN 1 Depok. Dsini juga terdapat link untuk mendownload jadwal-jadwal atau pengumuman.

73 3. Rancangan Layar Kesiswaan

smansa kurikulum kesiswaan profil fasilitas Organisasi (OSIS) Agenda Kegiatan siswa

Event yang sedang / akan berjalan

Tanggal-bulan-tahun

prestasi

guru

berita

alumni

Kegiatan Ekstrakulikuler Susunan Pengurus Osis

footer Gambar 3.20 Rancangan Layar Kesiswaan

Halaman ini menampilkan tentang struktur organisasi sekolah (OSIS), lalu ada event-event yang sedang diikuti dan sejumlah extrakulikuler yang ada di SMUN 1 Depok.

74 4. Perancangan Layar Profil

smansa

kurikulum

kesiswaan

profil

fasilitas

Identitas Sekolah

Tanggal-bulan-tahun

prestasi

guru

berita

alumni

Kepala Sekolah

Photo Sejarah SMUN 1 Depok

Visi dan Misi Kepala Sekolah yang pernah menjabat di SMUN 1 Depok

Strategi SMUN 1 Depok

footer Gambar 3.21 Perancangan Layar Profile

Halaman ini menampilkan profil dari SMUN 1 Depok beserta Kepala Sekolah yang saat ini memimpin.

75 5. Perancangan Layar Fasilitas

smansa

Fasilitas

Fasilitas

kurikulum

kesiswaan

profil

fasilitas

photo

Tanggal-bulan-tahun

prestasi

guru

berita

alumni

Mars smansa

photo

Data Fisik SMANSA Depok

Fasilitas

photo

footer Gambar 3.22 Perancangan Layar Fasilitas

Halaman ini menampilan fasilitas yang terdapat di SMUN 1 Depok seperti lab computer, lab audio visual, lab IPA, ruang kesenian, perpustakaan, dll. Lalu ada juga Mars smansa dan data fisik dari SMUN 1 Depok.

76 6. Rancangan Layar Prestasi

smansa kurikulum kesiswaan profil fasilitas Olimpiade Sains Nasional yang pernah diikuti:

Tanggal-bulan-tahun

prestasi

guru

berita

alumni

[1][2][3]

Lomba-lomba lain yang pernah diikuti:

[1][2]

footer Gambar 3.23 Perancangan Layar Prestasi

Halaman ini menampilkan history dari lomba-lomba sains yang pernah diikuti oleh SMUN 1 Depok.

77 7. Rancangan Layar Guru

smansa

kurikulum

kesiswaan

photo

profil

fasilitas

Tanggal-bulan-tahun

prestasi

guru

berita

alumni

Biodata Guru

Daftar tugas-tugas Guru photo

Biodata Guru

photo

Biodata Guru

[1][2][3][4][5]

footer Gambar 3.24 Rancangan Layar Guru

Halaman ini menampilan biodata dari guru-guru yang mengajar di SMUN 1 Depok beserta tugas-tugas nya.

78 8. Perancangan Layar Berita

smansa

kurikulum

kesiswaan

profil

fasilitas

Tanggal-bulan-tahun

prestasi

guru

berita

alumni

Download File link link Berisi berita-berita mengenai smansa

Arsip-arsip berita

Sumber Belajar

[1][2]

[1][2]

footer Gambar 3.25 Perancangan Layar Berita

Halaman ini menampilkan berita-berita mengenai SMUN 1 Depok seperti lomba-lomba yang sedang diikuti, penghargaan yang diterima, atau event-event yang akan diadakan oleh smansa. Disertakan juga link untuk mendownload jadwal atau pengumuman-pengumuman penting.

79 9. Perancagan Layar Alumni

smansa

No

kurikulum

kesiswaan

Nama Alumni

profil

Alamat

fasilitas

Tanggal-bulan-tahun

prestasi

Pekerjaan/ Sekolah

guru

berita

Tahun

alumni

Telepon

1

2

3

4 [1][2][3][4][5][6][7] Perhatian: (petunjuk untuk alumni jika ingin memasukkan biodata)

footer Gambar 3.26 Perancangan Layar Alumni

Halaman ini menampilkan bioadata alumni SMUN 1 Depok yang telah lulus. Berikut diberikan petunjuk untuk mempermudah alumni dalam memberikan bioadata nya. Sehingga alumni dapat lebih mudah dihubungi jika ada event tertentu.

80 10. Perancangan Lupa Password

Lupa Password?? No ID

:

Gambar Tanggal Lahir : Status : Submit

Reset

Batal

footer Gambar 3.27 Perancangan Lupa Password

Halaman ini menampilkan form lupa password. Disini user dapat memasukan no id, tanggal lahir, dan status untuk mendapatkan kembali password nya.

81 3.2.5.2 Rancangan Layar Pada Menu Siswa 1. Rancangan Home pada Login Siswa

Tanggal-bulan-tahun

Selamat datang nama siswa

Home

Home Data Pribadi Jadwal Pelajaran Materi Ujian Nilai Data guru Pertanyaan Ubah Password Logout

Private Message

Berita

Gambar

Kalender Pendidikan

Pengumuman

Footer

Gambar 3.28 Home Login Siswa

Halaman ini menampilkan home saat siswa telah login. Disini terdapat field Private Message, Berita, Kalender Pendidikan, Pengumuman dan sejumlah link navigasi.

82 Untuk link dari tulisan Home, akan menuju pada halaman home dari login siswa yang bersangkutan. Untuk link dari tulisan Data Pribadi, akan menuju pada halaman awal dari data pribadi siswa yang bersangkutan. Untuk link dari tulisan Jadwal Pelajaran, akan menuju pada halaman yang berisi tentang.jadwal pelajaran siswa yang sedang berjalan saat ini. Untuk link dari tulisan materi, akan menuju pada halaman yang berisi tentang mata pelajaran yang di tempuh siswa pada semester ini. Untuk link dari tulisan ujian , akan menuju pada halaman yang berisi jadwal ujian siswa beserta ruangannya. Untuk link dari tulisan nilai , akan menuju pada halaman yang berisikan link nilai ujian, serta histori nilai tiap semester. Untuk link dari tulisan data guru, akan menuju pada halaman yang berisi tentang data guru yang mengajar siswa pada semester ini. Untuk link dari tulisan pertanyaan akan menuju pada halaman yang bisa digunakan siswa untuk bertanya, serta melihat jawaban dari pertanyaan yg telah siswa berikan. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel berita, kalender pendidikan, dan pengumuman.

83 2. Rancangan Layar data Diri Siswa


Tanggal-bulan-tahun

Data Diri Data diri


Xxxxxxxxxxxxxxxxxxxxx Xxxxxxxxxxxxxx Xxxxxx Xxxxxxx Data Keluarga Xxxxxx Xxxx Xxxxxxxxx Xxxxxxx XXxXXXX

Gambar Ubah data

Footer

Gambar 3.29 Data Diri Siswa

Halaman ini menampilkan tentang data diri pribadi siswa, data keluarga siswa, beserta menu navigasi untuk merubah data pribadi siswa.

84 Untuk link dari tulisan Home, akan menuju pada halaman home dari login siswa yang bersangkutan. Untuk link dari tulisan Data Pribadi, akan menuju pada halaman awal dari data pribadi siswa yang bersangkutan. Untuk link dari tulisan Jadwal Pelajaran, akan menuju pada halaman yang berisi tentang.jadwal pelajaran siswa yang sedang berjalan saat ini. Untuk link dari tulisan materi, akan menuju pada halaman yang berisi tentang mata pelajaran yang di tempuh siswa pada semester ini. Untuk link dari tulisan ujian , akan menuju pada halaman yang berisi jadwal ujian siswa beserta ruangannya. Untuk link dari tulisan nilai , akan menuju pada halaman yang berisikan link nilai ujian, serta histori nilai tiap semester. Untuk link dari tulisan data guru, akan menuju pada halaman yang berisi tentang data guru yang mengajar siswa pada semester ini. Untuk link dari tulisan pertanyaan akan menuju pada halaman yang bisa digunakan siswa untuk bertanya, serta melihat jawaban dari pertanyaan yg telah siswa berikan. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel mssiswa.

85 3. Rancangan layar Jadwal Pelajaran


Tanggal-bulan-tahun

Jadwal Pelajaran

Hari Senin Selasa Rabu Kamis Jumat Sabtu


Jam

Mata Pelajaran

Guru

Gambar

Footer

Gambar 3.30 Perancangan Jadwal Pelajaran

Halaman ini menampilkan jadwal pelajaran mulai dari hari senin sampai dengan hari sabtu, berserta jam, mata pelajaran, serta pengajar mata pelajaran tersebut. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel msjadwal.

86 4. Rancangan Layar Materi

Tanggal-bulan-tahun


Mata Pelajaran


Matematika B.Inggris B.Indonesia Kimia Fisika Biologi Forum

Gambar

Footer Gambar 3.31 Percancangan Layar Materi

Halaman ini menampilkan mata pelajaran yang sedang ditempuh oleh siswa yang bersangkutan pada semester ini. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel mspelajaran.

87 5. Rancangan Layar Detail Mata Pelajaran



Tanggal-bulan-tahun

Mata Pelajaran

Kelas Pelajaran Pokok Bahasa Topic Reference Media Materi Pokok Materi Pendukung Soal

next

Gambar

Footer Gambar 3.32 Perancangan Detail Mata Pelajaran

Halaman ini menampilkan mata pelajaran yang sedang ditempuh oleh siswa yang bersangkutan pada semester ini. Disini tiap pelajaran mempunya sub-bab dan disertai soal-soal latihan beserta link untuk mengupload hasil dari jawaban tiap siswa. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel msmateri.

88 6. Rancangan Layar Ujian


Tanggal-bulan-tahun

Ujian

Tahun xxxx Home Data Pribadi Jadwal Pelajaran Materi Ujian Nilai Data guru Pertanyaan Ubah Password Logout

>>> Jadwal Ujian Materi >>> Jadwal Ujian Susulan

Gambar

Footer Gambar 3.33 Perancangan Layar Ujian

Halaman ini menampilkan link dari jadwal ujian dan ujian susulan yang akan dihadapi oleh siswa SMUN 1 Depok. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel jadwal.

89 7. Rancangan layar Jadwal ujian Materi


Tanggal-bulan-tahun

Ujian


Tanggal

Jam

Mata Pelajaran

Ruangan

Gambar back Footer Gambar 3.34 Perancangan Jadwal Ujian

Halaman ini menampilkan jadwal ujian dari siswa SMUN 1 Depok. Jadwal ujian meliputi detail-detail seperti hari, tanggal, jam, mata pelajaran, dan ruangan. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel jadwal dan tabel ujian.

90 8. Rancangan Layar Jadwal Ujian Susulan


Tanggal-bulan-tahun

Jadwal Ujian Susulan


Tanggal

Jam

Mata Pelajaran

Ruangan

Gambar back Footer Gambar 3.35 Perancangan Jadwal Ujian Susulan

Halaman ini menampilkan jadwal ujian ujian dari siswa SMUN 1 Depok. Jadwal ujian susulan meliputi detail-detail seperti hari, tanggal, jam, mata pelajaran, dan ruangan. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel jadwal dan tabel ujiansusulan.

91 9. Rancangan layar Nilai


Tanggal-bulan-tahun

Nilai

Tahun xxx Home Data Pribadi Jadwal Pelajaran Materi Ujian Nilai Data guru Pertanyaan Ubah Password Logout

>>>Nilai Ujian >>>Histori Nilai

Gambar

Footer Gambar 3.36 Perancangan Layar Nilai

Halaman ini menampilkan link nilai ujian dari siswa SMUN 1 Depok, lalu terdapat juga link dengan tulisan history nilai untuk melihat nilai-nilai ujian di semester sebelumnya. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel nilai.

92 10. Rancangan Layar Nilai Ujian


Tanggal-bulan-tahun

Nilai Ujian

Tahun xxx Semester xx Home Data Pribadi Jadwal Pelajaran Materi Ujian Nilai Data guru Pertanyaan Ubah Password Logout

>>>Nilai Ujian Mata Pelajaran

TM

UTS

Praktek UAS

Akhir

back Gambar

Footer Gambar 3.37 Perancangan Nilai Ujian

Halaman ini menampilkan nilai ujian dari siswa SMUN 1 Depok, lalu terdapat juga informasi atau keterangan dari nilai yang telah didapat. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel nilai.

93 11.Rancangan Layar Histori nilai


Tanggal-bulan-tahun

Histori Nilai

Tahun xxx Semester xx Home Data Pribadi Jadwal Pelajaran Materi Ujian Nilai Data guru Pertanyaan Ubah Password Logout

Gambar

>>>Kelas 1 Mata Pelajaran

TM

UTS

Praktek UAS

Akhir

>>>Kelas 2 Mata Pelajaran

TM

UTS

Praktek UAS

Akhir

back

Footer Gambar 3.38 Perancangan History Nilai

Halaman ini menampilkan history nilai untuk melihat nilai-nilai ujian di semester sebelumnya ataupun kelas sebelumnya. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel jadwal dan tabel nilai.

94 12. Rancangan Layar Data Guru



Tanggal-bulan-tahun

Nama Guru

1. xxxxxxxx 2. xxxxx 3. xxx xxxxxxx

Gambar

Footer Gambar 3.39 Perancangan Data Guru

Halaman ini menampilkan biodata guru-guru yang mengajar materi pelajaran yang sedang diambil siswa bersangkutan Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel msguru.

95 13. Rancangan Layar Pertanyaan



Tanggal-bulan-tahun

Pertanyaan Tahun xxxx >>>Daftar Pertanyaan yang Diajukan Tanggal Pertanyaan

Status

>>>Informasi Pertanyaan Topik Pertanyaan Isi Pertanyaan

Submit

Reset

Gambar

Footer Gambar 3.40 Perancangan Pertanyaan

Halaman ini menampilkan form untuk membuat pertanyaan yang diajukan kepada pihak sekolah lalu disertai link hasil pertanyaan untuk mengetahui hasil nya. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel mspertanyaan.

96 14. Rancangan Layar Ubah Pasword


Tanggal-bulan-tahun

Ubah Password

Old Password: Home Data Pribadi Jadwal Pelajaran Materi Ujian Nilai Data guru Pertanyaan Ubah Password Logout

Gambar

New Password:

Confirm Password: Submit

Reset

back

Footer Gambar 3.41 Perancangan Ubah Password

Halaman ini menampilkan form ubah password. User harus menginput password lama terlebih dahulu baru bias mengganti dengan password baru.

97 3.2.5.3 Rancangan Layar untuk Menu Guru 1. Rancangan Layar Home pada login guru

Tanggal-bulan-tahun

Selamat datang nama guru

Home

Home Data Diri Jadwal Mengajar Pertanyaan Daftar Nilai Materi Ubah Password Logout

Private Message

Berita

Gambar

Kalender Pendidikan

Pengumuman

Footer

Gambar 3.42 Perancangan Home Guru

Halaman ini ada halaman home pada saat guru login. Disini terdapat private message, berita, kalender pendidikan, dan pengumuman.

98 Untuk link dari tulisan Data Diri menampilkan tentang data diri pribadi guru serta data keluarga guru yang bersangkutan, baik dari orang tua guru, suami atau istrinya dari guru tersebut Untuk link dari tulisan jadwal mengajar, akan menuju pada halaman yang berisi tentang jadwal mengajar guru yang bersangkutan. Untuk link dari tulisan pertanyaan, akan menuju pada halaman yang bisa digunakan siswa untuk bertanya, serta melihat jawaban dari pertanyaan yg telah siswa berikan. Untuk link dari tulisan daftar nilai, akan menuju pada halaman yang berisi daftar nilai siswa yang merupakan siswa didik nya. Untuk link dari tulisan materi, akan menuju pada halaman yang berisi tentang materi-materi pelajaran yang ada serta guru bisa mengupload tugas siswa. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabeltabelnya, yaitu tabel msguru.

99 2. Rancangan Layar Data Diri


Tanggal-bulan-tahun

Data Diri

Data diri Home Data Diri Jadwal Mengajar Pertanyaan Daftar Nilai Materi Ubah Password Logout

Xxxxxxxxxxxxxxxxxxxxx Xxxxxxxxxxxxxx Xxxxxx Xxxxxxx Data Keluarga Xxxxxx Xxxx Xxxxxxxxx Xxxxxxx XXxXXXX

Gambar

Footer

Gambar 3.43 Perancangan Data Diri

Halaman ini menampilkan tentang data diri pribadi guru serta data keluarga guru yang bersangkutan, baik dari orang tua guru, suami atau istrinya dari guru tersebut Database yang dipakai dalam halaman ini adalah database smansa, dengan tabeltabelnya, yaitu tabel msguru.

100 3. Rancangan Layar Jadwal Mengajar


Tanggal-bulan-tahun

Jadwal Mengajar

Hari

Jam

Mata Pelajaran


Gambar

Footer

Gambar 3.44 Perancangan Jadwal Mengajar

Halaman ini menampilkan tentang jadwal mengajar dari guru yang bersangkutan setiap harinya beserta detail nya seperti hari, jam, mata pelajaran. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel msguru, tabel kelas, tabel shift, tabel jadwal dan tabel mssemester.

101 4. Rancangan layar Pertanyaan



Tanggal-bulan-tahun

Pertanyaan Tahun xxxx >>>Daftar Pertanyaan yang Diajukan Tanggal Pertanyaan

Status

>>>Informasi Pertanyaan Topik Pertanyaan Isi Pertanyaan

Submit

Reset

Gambar

Footer Gambar 3.45 Perancangan Pertanyaan

Halaman ini menampilkan tentang pertanyaan yang diajukan oleh siswa dilengkapi dengan tanggal dan jawaban dari admin mengenai pertanyaan tersebut. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel msguru, tabel mspertanyaan dan tabel pertanyaan.

102 5. Rancangan Layar Hasil Pertanyaan


Tanggal-bulan-tahun

Pertanyaan Hasil Pertanyaan


Topik

: xxxxxxxxxxx

Tanggal

: dd-mm-yyyy

Pertanyaan

: xxxxxxxxxxx

Jawab

: xxxxxxxxxxx

Gambar

Footer Gambar 3.46 Perancangan Hasil Pertanyaan

Halaman ini menampilkan tentang pertanyaan hasil pertanyaan yang telah diisi oleh guru dilengkapi dengan tanggal dan jawaban dari admin mengenai pertanyaan guru yang bersangkutan. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel msguru, tabel mspertanyaan dan tabel pertanyaan.

103 6. Rancangan Layar Daftar nilai


Tanggal-bulan-tahun

Daftar Nilai Tahun xxxx


Mata Pelajaran xxxxxxx

Kelas x

Daftar Nilai Daftar Nilai

Gambar

Footer Gambar 3.47 Perancangan Daftar Nilai

Halaman ini menampilkan tentang mata pelajaran kelas serta daftar nilai yang akan dimasukkan. Untuk link dari tulisan Daftar Nilai, akan menuju pada halaman yang berisi tentang daftar nilai siswa dari setiap kelas yang bisa diinput oleh guru yang bersangkutan. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel msguru dan tabel nilai.

104 7. Rancangan Layar Masukan Nilai


Tanggal-bulan-tahun

Daftar Nilai Tahun xxxx Semester x


Nama Siswa

TM

UTS

Praktek

Submit

UAS

Reset

Gambar

Footer Gambar 3.48 Perancangan Masukkan Nilai

Halaman ini menampilkan tentang nilai-nilai siswa di kelas dan guru yang menjadi dari kelas tertentu dapat memasukkan, mengupdate dan menghapus nilai siswa. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel msguru, tabel nilai, tabel mssemester dan tabel kelas.

105 8. Rancangan Layar Materi



Tanggal-bulan-tahun

Mata Pelajaran

Mata Pelajaran xxxxx

Kelas x

Materi Bahan Forum

Gambar

Footer Gambar 3.49 State Perancangan Materi

Halaman ini menampilkan tentang mata pelajaran serta kelas yang diajar oleh guru yang bersangkutan. Disini juga diberikan link untuk akses ke forum. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel msguru, tabel msmateri, tabel mspelajaran, tabel msshift, tabel mssemester.

106 9. Rancangan Layar Mata Pelajaran



Tanggal-bulan-tahun

Mata Pelajaran Kelas x Pelajaran xxxxx Pokok Bahasan xxxx Topic xxxx Reference Media Materi Pokok Materi Pendukung Soal

next

Gambar

Footer Gambar 3.50 Perancangan Mata Pelajaran

Halaman ini menampilkan tentang materi yang diajarkan oleh guru serta guru bisa meng-upload materi dan link ke url lain untuk menambah bahan dan tugas untuk siswa yang bersangkutan. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel msguru, tabel msmateri, tabel mspelajaran, tabel msshift, tabelmssemester, tabel tugasguru, tabel tugassiswa dan tabel urlbahanguru.

107 10. Rancangan Layar upload Latihan


Tanggal-bulan-tahun

Mata Pelajaran Upload Latihan Bab x <extension fileupload>


File Tugas Lokasi

Browse

Deskripsi

Kirim Gambar

Footer Gambar 3.51 Perancangan Upload Latihan

Halaman ini menampilkan tentang upload bahan-bahan latihan dan tugas untuk siswa dan guru dapat memberikan penjelasan ataupun keterangan sehubungan dengan tugas tersebut. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel msguru, tabel msmatei, tabel mspelajaran, tabel msshift, tabel mssemester, tabel tugasguru, tabel tugassiswa.

108 11. Rancangan Layar Upload Bahan


Tanggal-bulan-tahun

Mata Pelajaran Upload Bahan Bab x <extension fileupload>


File Bahan Lokasi

Browse

Deskripsi

Kirim Gambar

Footer Gambar 3.52 Perancangan Upload Bahan

Halaman ini digunakan oleh guru untuk meng-upload

bahan-bahan mata

pelajaran yang terbaru. Dan akan ditampilkan di halaman materi yang digunakan oleh siswa untuk men-download bahan tersebut. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel msguru, tabel msmateri, mspelajaran, msshift, mssemester, tugasguru, tugassiswa.

109 12. Rancangan layar Ubah Pasword


Tanggal-bulan-tahun

Ubah Password

Old Password: Home Data Diri Jadwal Mengajar Pertanyaan Daftar Nilai Materi Ubah Password Logout

Gambar

New Password:

Confirm Password: Submit

Reset

back

Footer Gambar 3.53 Perancangan Ubah Password

Halaman ini menampilkan form ubah password. User harus menginput password lama terlebih dahulu baru bias mengganti dengan password baru.

110 3.2.5.4 Rancangan Layar untuk Menu Forum 1. Rancangan Layar Untuk Menu Forum Depan SMANSA’s Forum Logout , Admin Forum

Topic

Post

Last Post

Icon

Kelas X

x

x

xxxxxxx

Icon

Kelas XI

x

x

xxxxx

Icon

Kelas XII

x

x

xxxx

Gambar 3.54 Perancangan Home Forum

Halaman ini menampilkan tentang forum bagian depan, yang bisa menampilkan isi forum yang ada dan bisa digunakan oleh guru dan siswa untuk tanya jawab mengenai tugas maupun materi pelajaran yang diajarkan. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel msmateri, tabel forum dan tabel topikforum.

111 2. Rancangan Layar Membuat Topik Baru SMANSA’s Forum Logout , Admin Post a New Topic Subject: xxxxxxxxxxxxxxxxxxxxxxxxxx Icon

xxxxxxxxxxxxxxxxx xxxxxxxxxxxx

Options

Preview

Submit

Cancel

Gambar 3.55 Perancangan Topik Baru

Halaman ini menampilkan tentang topik baru yang bisa dibuat oleh guru atau siswa mengenai hal-hal yang berhubungan dengan mata pelajaran yang diajarkan. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel msmateri, tabel forum dan tabel topikforum.

112 3. Rancangan Layar Baca Forum SMANSA’s Forum Logout , Admin <> New Topic

Post Reply

Author

Message

xxxxx

Xxxxx xxxxxxxxxx

xxxxx

Xxxxxxx

xxxxxxx

xxxxxx

xxxxx Page 1 of 1

Gambar 3.56 Perancangan Baca Forum

Halaman ini digunakan oleh guru dan siswa untuk membaca, membalas dan juga menghapus isi forum yang mereka kirimkan. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel msmateri, tabel forum dan tabel topikforum.

113 4. Rancangan Layar Balas Forum SMANSA’s Forum Logout , Admin Reply Topic Subject:

Re:xxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx

Icon

xxxxxxxxxxxxxxxxx xxxxxxxxxxxx

Options

Preview

Submit

Cancel

Gambar 3.57 Perancangan Balas Forum

Halaman ini digunakan oleh guru dan siswa untuk membalas forum yang telah dibuat oleh guru ataupun siswa. Database yang dipakai dalam halaman ini adalah database smansa, dengan tabelnya, yaitu tabel msmateri, tabel forum dan tabel topikforum.

114 3.2.5.5 Rancangan Layar untuk Admin 1. Rancangan Layar Home pada Login Admin

Selamat datang admin

Tanggal-bulan-tahun

Edit Berita Tahun xxxx

Berita Pengumuman Materi User Operasional Pertanyaan Ubah Password Logout

Judul xxxxxx

Tanggal

Aksi Edit

Delete Tambah

Gambar

Footer Gambar 3.58 State Diagram

Halaman ini menampilkan tentang link-link yang bisa digunakan oleh admin untuk mengatur berbagai macam kebutuhan seperti pengaturan pengumuman pengaturan berita, pengaturan materi, pengaturan user, pengaturan operasional dan pengaturan pertanyaan. Untuk link dari tulisan berita, akan menuju pada halaman yang berisi tentang berita-berita mengenai SMUN 1 Depok.

115 Untuk link dari tulisan pengumuman, akan menuju pada halaman yang berisi tentang pengumuman-pengumuman dari pihak sekolah yang dimasukan oleh admin melalui halaman ini. Untuk link dari tulisan materi, akan menuju pada halaman yang berisi tentang materi-materi pelajaran . Untuk link dari tulisan user, akan menuju pada halaman yang berisi tentang user atau admin yang bisa mengakses halaman ini. Untuk link dari tulisan operasional, akan menuju pada halaman yang berisi tentang pengoperasian sekolah dari mulai jadwal siswa, jadwal guru, nilai siswa, dan lain-lain. Untuk link dari tulisan pertanyaan, akan menuju pada halaman yang berisi tentang tampilan pertanyaan yang diajukan oleh siswa atau guru dan admin bisa memberikan jawaban dari halaman ini. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin.

116 2. Rancangan Layar Pengaturan Pengumuman


Tanggal-bulan-tahun

Pengaturan Pengumuman Tahun xxxx Judul TglPost


xxxxx

xxxx

Pelaksanaan Tanggal Jam 07-07-07 20.20

Status

Aksi

Edit

Delete

Tambah

Gambar

Footer Gambar 3.59 Perancangan Atur Pengumuman

Halaman ini digunakan oleh admin untuk menambah, mengedit dan menghapus pengumuman yang telah ada. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin dan tabel pengumuman.

117 3. Rancangan Layar Penambahan Pengumuman


Tanggal-bulan-tahun

Pengaturan Pengumuman Tahun xxxx


Tambah Pengumuman Judul:

Isi:

Tanggal:

Tempat:

Jam: Submit

Gambar

Reset

Footer

Gambar 3.60 Perancangan Tambah Pengumuman

Halaman ini digunakan oleh admin untuk mengisi atau menambah pengumuman yang diberikan oleh pihak sekolah. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin dan tabel pengumuman.

118 4. Rancangan Layar Edit Pengumuman


Tanggal-bulan-tahun

Pengaturan Pengumuman Tahun xxxx


Edit Pengumuman Judul:

Isi:

Tanggal:

Tempat:

Jam: Submit

Gambar

Reset

Footer

Gambar 3.61 Perancangan Edit Pengumuman Halaman ini digunakan oleh admin untuk merubah atau mengedit pengumuman yang diberikan oleh pihak sekolah. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin dan tabel pengumuman.

119 5. Rancangan Layar Melihat Materi Kelas



Tanggal-bulan-tahun

Pengaturan Mata Pelajaran Atur Materi Sekolah >>>Kelas 1 >>>Kelas 2 >>>Kelas 3

Gambar

Footer Gambar 3.62 Perancangan Lihat Materi

Halaman ini digunakan oleh admin untuk pengaturan bahan materi dari kelas 1, kelas 2, kelas 3. Untuk link dari tulisan Kelas 1, akan menuju pada halaman yang berisi tentang pengaturan materi dari kelas 1. Untuk link dari tulisan Kelas 2, akan menuju pada halaman yang berisi tentang pengaturan materi dari kelas 2.

120 Untuk link dari tulisan Kelas 3, akan menuju pada halaman yang berisi tentang pengaturan materi dari kelas 3. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin.

121 6. Rancangan Layar Pengaturan Materi Kelas


Tanggal-bulan-tahun

Pengaturan Materi xxxx Tahun xxxx


Bab x

Judul xxxx

Topik xxxxx

Sumber xxxx

Aksi Edit Delete

tambah

Gambar

Footer

Gambar 3.63 Perancangan Materi Kelas

Halaman ini digunakan oleh admin untuk mengisi menambah, mengedit serta menghapus materi yang telah ada. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin, tabel msmateri dan table mspelajaran.

122 7. Rancangan Layar Penambahan Materi


Tanggal-bulan-tahun

Tambah Materi Tahun xxxx


Tambah Materi Bab:

Judul:

Topik:

Sumber: Submit

Reset

Gambar

Footer

Gambar 3.64 Perancangan Tambah Materi

Halaman ini digunakan oleh admin untuk melakukan penambahan materi baru yang dianjurkan oleh pihak sekolah. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin, tabel msmateri dan tabel mspelajaran.

123 8. Rancangan Layar Edit Materi


Tanggal-bulan-tahun

Edit xxxx Tahun xxxx


Edit xxxx Bab:

Judul:

Topik:

Sumber: Submit

Reset

Gambar

Footer

Gambar 3.65 Perancangan Edit Materi

Halaman ini digunakan oleh admin untuk menambah, mengedit dan menghapus materi yang tidak sesuai. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin, tabel msmateri dan tabel mspelajaran.

124 9. Rancangan Layar Pengaturan User



Tanggal-bulan-tahun

Pengaturan User >>>Atur Guru >>>Atur Siswa >>>Kelas 1 >>>Kelas 2 >>>Kelas 3 >>>Atur Admin

Gambar

Footer

Gambar 3.66 Perancangan Atur User

Halaman ini digunakan oleh admin untuk pengaturan semua user yang ada, baik siswa guru, ataupun admin.. Untuk link dari tulisan Atur Guru , akan menuju pada halaman yang berisi tentang pengaturan jadwal mengajar dan shift guru.

125 Untuk link dari tulisan Atur Siswa, akan menuju pada halaman yang berisi tentang pengaturan untuk user siswa secara keseluruhan. Untuk link dari tulisan Kelas 1, akan menuju pada halaman yang berisi tentang pengaturan untuk user kelas 1. Untuk link dari tulisan Kelas 2, akan menuju pada halaman yang berisi tentang pengaturan untuk user kelas 2. Untuk link dari tulisan Kelas 3, akan menuju pada halaman yang berisi tentang pengaturan untuk user kelas 3. Untuk link dari tulisan Atur Admin, akan menuju pada halaman yang berisi tentang pengaturan untuk user admin. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin.

126 10. Rancangan Layar Pengaturan Guru


Tanggal-bulan-tahun

Pengaturan Guru Tahun xxxx


Pengaturan Guru Aksi Lihat Edit Lihat Edit

Nama xxxx xx

Delete Delate

Gambar

Footer

Gambar 3.67 Perancangan Atur Guru

Halaman ini digunakan oleh admin untuk melihat, menambahkan, mengedit dan menghapus data guru yang ada. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin dan msguru.

127 11. Rancangan Layar Penambahan Guru


Tanggal-bulan-tahun

Tambah Guru Data Diri


ID Nama Tanggal Lahir Tempat Lahir Jenis Kelamin Alamat Email Telepon Agama

: xxxxx : xxxxxx : xxxxxx : xxxxxx : xxx : xxxxx : xxxx : xxxx HP : xxxxxxx : xxxx

Submit Reset

Gambar

Footer

Gambar 3.68 Perancangan Tambah Guru Halaman ini digunakan oleh admin untuk menambah data guru serta melihat profil dari guru.. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin dan tabel msguru.

128 12. Rancangan Layar Pengaturan Kelas Siswa


Tanggal-bulan-tahun

Pengaturan Siswa Kelas x Tahun xxxx


ID Kelas xxxx

Pengaturan Siswa Nama xxxxxx

Aksi Edit tambah

Gambar

Footer

Gambar 3.69 Perancangan Atur Siswa Halaman ini digunakan oleh admin untuk melihat, menambahkan, mengedit dan menghapus data siswa di setiap kelas yang berbeda-beda. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin dan tabel mssiswa.

129 13. Rancangan Layar Penambahan Siswa


Tanggal-bulan-tahun

Tambah Siswa Kelas x Data Siswa Kelas x


Gambar

Nama : No Absen : Submit Reset

back

Footer

Gambar 3.70 Perancangan Tambah Siswa Halaman ini digunakan oleh admin menambah data siswa, melihat profil siswa dan melihat profil dari orang tua atau wali siswa yang bersangkutan. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin, mssiswa dan msortu.

130 14. Rancangan Layar Lihat / Cari Semua Siswa


Tanggal-bulan-tahun

Tambah Guru Tahun xxxx


Gambar

Pengaturan Siswa Aksi Lihat Edit

Nama xxxx

Delete Tambah

back

Footer

Gambar 3.71 Perancangan Lihat Siswa Halaman ini digunakan oleh admin untuk melihat, menambahkan, mengedit dan menghapus data keseluruhan siswa.

131 15. Rancangan Layar Pengaturan / Lihat Daftar Admin


Tanggal-bulan-tahun

Pengaturan Admin Tahun xxxx


Gambar

Pengaturan Admin Aksi Lihat Edit

Nama xxxx

Delete Tambah

back

Footer

Gambar 3.72 Perancangan Lihat Admin Halaman ini digunakan oleh admin untuk melihat, menambahkan, mengedit dan menghapus data admin yang ada.

132 16. Rancangan Layar Operasional Sekolah



Tanggal-bulan-tahun

Operasional >>>Atur Jadwal >>>Atur Pelajaran >>>Atur Ujian >>>Atur Kalender Kegiatan

Gambar

Footer

Gambar 3.73 Perancangan Operasional Sekolah Halaman ini digunakan oleh admin untuk mengatur operasional sekolah mulai dari jadwal sekolah siswa dan jadwal mengajar guru, atur pelajaran yang didapatkan oleh siswa, pengaturan kelas tiap siswa dan guru, pengaturan semester yang akan ditempuh, pengaturan shift, pengaturan ujian dan pengaturan kalender kegiatan siswa.

133 Untuk link dari tulisan Atur Jadwal, akan menuju pada halaman yang berisi tentang pengaturan jadwal sekolah untuk siswa serta jadwal mengajar untuk guru. Untuk link dari tulisan Atur Pelajaran, akan menuju pada halaman yang berisi tentang pengaturan pelajaran yang didapat. Untuk link dari tulisan Atur Ujian, akan menuju pada halaman yang berisi tentang pengaturan pembagian shift untuk setiap guru. Untuk link dari tulisan Atur Kalender Kegiatan, akan menuju pada halaman yang berisi tentang pengaturan kalender kegiatan sekolah. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin.

134 17. Rancangan Layar Atur Jadwal


Tanggal-bulan-tahun

Pengaturan Jadwal Tahun xxxx


Kelas

Kelas 1

V

Lihat Guru

Kode Dosen

V

Lihat

Gambar

Footer Gambar 3.74 Perancangan Atur Jadwal Halaman ini digunakan oleh admin untuk pengaturan jadwal siswa di tiap-tiap kelas dan guru yang ada di sekolah di halaman ini admin dapat melihat jadwal yang sudah ada. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin, tabel msguru, tabel mssiswa, tabel jadwal dan tabel shift.

135 18. Rancangan Layar Jadwal Siswa



Tanggal-bulan-tahun

Jadwal Pelajaran

Hari xxxxx xxx xxxxxxx

Jam xxx xxx xxx

Mata Pelajaran xxxxx xxx xxxxx

Guru xxxxx xxxx xxxx

Edit

Gambar

Footer Gambar 3.75 Perancangan Lihat Jadwal Siswa Halaman ini digunakan oleh admin untuk melihat jadwal siswa tiap kelas yang ada di SMU Negeri 1 Depok. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin dan tabel mssiswa.

136 19. Rancangan Layar Edit Jadwal Siswa


Tanggal-bulan-tahun

Pengaturan Jadwal

Hari

Jam


Mata Pelajaran xxxxx xxx xxxxx

Guru

Submit Batal

Gambar

Footer Gambar 3.76 Perancangan Edit Jadwal Siswa Halaman ini digunakan oleh admin untuk mengedit jadwal siswa di setiap kelasnya. Admin dapat melihat, mengupdate dan menyimpan jadwal siswa yang telah terupdate. Untuk button dari submit, akan menyimpan jadwal pelajaran ke dalam database, field yang dapat dirubah adalah hari, jam, dan guru.

137 Untuk button dari tulisan batal, akan menuju pada pembatalan perubahan jadwal pelajaran. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin, tabel jadwal, tabel mskelas, tabel shift dan tabel mspelajaran.

138 20. Rancangan Layar Jadwal Guru



Tanggal-bulan-tahun

Pengaturan Jadwal

Hari xxxx xxx xxxxx

Jam xxx xxx xxx

Mata Pelajaran xxxxxxxxxxx xxxxxxxx xxxxxxxxxx tambah

Gambar

Footer Gambar 3.77 Perancangan Jadwal Guru Halaman ini digunakan oleh admin untuk melihat jadwal guru dan kelasnya. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin, tabel mskelas dan msguru.

139 21. Rancangan Layar Penambahan Jadwal Guru


Tanggal-bulan-tahun

Tambah Jadwal Mengajar

Hari: Berita Pengumuman Materi User Operasional Pertanyaan Ubah Password Logout

Jam: Pelajaran: Kelas: Submit

Reset

Gambar

Footer Gambar 3.78 Perancangan Tambah Jadwal Guru Halaman ini digunakan oleh admin untuk menambahkan jadwal guru dan menyimpannya ke database yang ada. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin dan msguru.

140 22. Rancangan Layar Pengaturan Ujian


Tanggal-bulan-tahun

Pengaturan Ujian


Kelas UTS Lihat Lihat Lihat

Kelas 1 Kelas 2 Kelas 3

Aksi UAS Lihat Lihat Lihat

Susulan Lihat Lihat Lihat

back Gambar

Footer Gambar 3.79 Perancangan Atur Ujian Halaman ini digunakan oleh admin untuk pengaturan jadwal UTS, UAS dan Ujian susulan dari masing-masing kelas. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin, tabel shift, tabel ujian, dan tabel jadwal.

141 23 Rancangan Layar Pengaturan Jadwal UTS Siswa


Tanggal-bulan-tahun

Jadwal Ujian Tahun xxxx


Gambar

Ujian Tengah Semester Tanggal Jam xxxx xxxxx


Ruangan xxxx

back

Footer Gambar 3.80 Perancangan Atur Jadwal UTS Halaman ini digunakan oleh admin untuk melihat dan mengedit jadwal UTS siswa kemudian menyimpan datanya langsung. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin, tabel shift, tabel ujian, tabel kelas, dan tabel jadwal.

142 24. Rancangan Layar Pengaturan Jadwal UAS Siswa


Tanggal-bulan-tahun



Gambar

Ujian Akhir Semester Tanggal Jam xxxx xxxxx


Ruangan xxxx

back

Footer Gambar 3.81 Perancangan Atur Jadwal UAS Halaman ini digunakan oleh admin untuk melihat dan mengedit jadwal UAS siswa kemudian menyimpan datanya langsung. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin, tabel shift, tabel ujian, tabel kelas, dan tabel jadwal.

143 25. Rancangan Layar Jadwal Ujian Susulan Siswa


Tanggal-bulan-tahun



Gambar

Ujian Susulan Tanggal xxxx

Jam xxxxx


Ruangan xxxx

back

Footer Gambar 3.82 Perancangan Atur Ujian Susulan Halaman ini digunakan oleh admin untuk melihat dan mengedit jadwal Ujian Susulan siswa kemudian menyimpan datanya langsung. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin, tabel shift, tabel ujian, tabel kelas, dan tabel jadwal.

144 26. Rancangan Layar Pengaturan Kalender Kegiatan


Tanggal-bulan-tahun

Pengaturan Kalender Kegiatan

Kegiatan xxx xxxxxx


Tanggal mm-dd-yyyy mm-dd-yyyy

Aksi edit edit tambah

back Gambar

Footer Gambar 3.83 Perancangan Atur Kalender Kegiatan Halaman ini digunakan oleh admin untuk menambahkan dan mengedit kalender kegiatan sekolah. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel kalenderkegiatan.

145 27. Rancangan Layar Pengaturan Penambahan Kalender Kegiatan


Tambah Kalender Kegiatan

Kegiatan Berita Pengumuman Materi User Operasional Pertanyaan Ubah Password Logout

Gambar

Tanggal-bulan-tahun

:

Tanggal Mulai :

Tanggal Akhir : Submit

Reset

back

Footer Gambar 3.84 Perancangan Tambah Kalender Kegiatan Halaman ini digunakan oleh admin untuk mengedit dan menyimpan kalender kegiatan sekolah. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel kalenderkegiatan.

146 28. Rancangan Layar Pengaturan Pertanyaan


Tanggal-bulan-tahun

Pengaturan Pertanyaan Tahun xxxx


>>>Pertanyaan dari Siswa

new

>>>Pertanyaan dari Guru

new

Gambar

Footer Gambar 3.85 Perancangan Atur Pertanyaan Halaman ini digunakan oleh admin untuk mengatur pertanyaan yang diberikan siswa ataupun guru. Untuk link dari tulisan Pertanyaan dari Siswa new, akan menuju pada halaman pengaturan pertanyaan dari siswa. Untuk link dari tulisan Pertanyaan dari Guru new, akan menuju pada halaman pengaturan pertanyaan dari guru. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin dan tabel mspertanyaan.

147 29. Rancangan Layar Pengaturan Pertanyaan dari Siswa


Tanggal-bulan-tahun

Pengaturan Pertanyaan Siswa Tahun xxxx


Tanggal mm-dd-yyyy

Topik xxxx

Pengirim xxxxx

Balas

back Gambar

Footer Gambar 3.86 Perancangan Atur Pertanyaan Siswa Halaman ini digunakan oleh admin untuk melihat pertanyaan yang diberikan siswa. Untuk link dari tulisan Balas, akan menuju pada halaman untuk menjawab pertanyaan yang diberikan oleh siswa Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin, tabel mssiswa dan tabel mspertanyaan.

148 30. Rancangan Layar Pengaturan Balas Pertanyaan dari Siswa



Tanggal-bulan-tahun

Balas Pertanyaan Siswa Tahun xxxx Tanggal : Dari : Topik : Isi Pertanyaan :

Jawab :

Submit

Reset

Gambar back Footer

Gambar 3.87 Perancangan Balas Pertanyaan Siswa Halaman ini digunakan oleh admin untuk dapat melihat pertanyaan yang diberikan siswa kemudian admin menjawabnya. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin, tabel mssiswa dan tabel mspertanyaan.

149 31. Rancangan Layar Pengaturan Pertanyaan dari Guru


Tanggal-bulan-tahun

Pengaturan Pertanyaan Guru Tahun xxxx


Tanggal mm-dd-yyyy

Topik xxxx

Pengirim xxxxx

Balas

back

Gambar

Footer

Gambar 3.88 Perancangan Atur Pertanyaan Guru Halaman ini digunakan oleh admin untuk melihat dan menjawab pertanyaan yang diberikan Guru. Untuk link dari tulisan Balas, akan menuju pada halaman untuk menjawab pertanyaan yang diberikan oleh guru. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin, tabel msguru dan tabel mspertanyaan.

150 32. Rancangan Layar Pengaturan Balas Pertanyaan dari Guru



Tanggal-bulan-tahun

Balas Pertanyaan Guru Tahun xxxx Tanggal : Dari : Topik : Isi Pertanyaan :

Jawab :

Submit

Reset

Gambar back Footer

Gambar 3.89 Perancangan Balas Pertanyaan Guru Halaman ini digunakan oleh admin untuk dapat melihat pertanyaan yang diberikan guru kemudian admin menjawabnya. Database yang dipakai dalam halaman ini adalah database Smansa, dengan tabelnya, yaitu tabel msadmin, tabel msguru dan tabel mspertanyaan.

BAB 3 ANALISIS DAN PERANCANGAN SISTEM Sejarah dan Susunan Pengurus SMUN 1 Depok

Recommend Documents