BAB III Sejarah dan Perkembangan Studi Kasus

BAB III ANALIS IS DAN PERANCANGAN

3.1 Gambaran Umum S tudi Kasus 3.1.1 Sejarah dan Perkembangan S tudi Kasus Pada mulanya Sekolah M enengah Atas ( SMA ) Negeri 26 Jakarta dikenal dengan SM A 11 Filial. SM A tersebut berlamatkan di Jalan Tebet Barat IV Jakarta Selatan. Karena mendapatkan respon yang sangat positif dari masyarakat

maka

Pemerintah

melalui

Departemen

Pendidikan

dan

Kebudayaan akhirnya menyatakan kalau SM A 11 Filial perlu berdiri sendiri untuk mengurus manajemennya. Dan pada tanggal 22 Oktober 1968, Depdikbud mengeluarkan Surat Keputusan dengan nomor : 346/wkk/3/1968, yang menetapkan status penegerian bagi SM A 11 Filial dan mengubah namanya menjadi SM A Negeri 26. Periode 1968 sampai 1973, SM A Negeri 26 belum banyak dikenal oleh masyarakat, mengingat pada waktu itu sekolah ini belum mempunyai prestasi yang dapat dibanggakan. Peningkatan status SMA Negeri 26 Jakarta, menjadi sekolah pendamping unggulan Kotamadya Jakarta Selatan

tahun 2005 yang lalu dan dipilih

sebagai rintisan Sekolah Kategori M andiri (SKM ) tahun 2007, sudah barang tentu membawa konsekuensi terhadap sekolah, yaitu sekolah harus lebih meningkat lagi dalam menggali seluruh potensi yang selama ini belum tergali

54

55 oleh seluruh warga sekolah.

Untuk mewujudkan harapan tersebut SMA

Negeri 26 Jakarta menerapkan sistem M enajemen Berbasis Sekolah (M BS). Dalam pelaksanaannya M BS mempunyai ciri-ciri sebagai berikut : 1. Kemandirian, artinya sekolah dapat merencanakan sendiri program kerja, mengorganisasikan, menggali dan mengelola dana, serta mengevaluasi diri sendiri. 2. Partisipatif, artinya dalam mengambil keputusan melibatkan semua unsur dalam warga sekolah. 3. Transparan, artinya terbuka di dalam pengelolaan sumber dan penggunaan dana. 4. Berkesinambungan, artinya dalam menyusun program sekolah tidak berlaku sesaat dan harus terus-menerus dilakukan 5. Bertanggung jawab, artinya semua rencana program sekolah harus dapat dipertanggung jawabkan kepada warga sekolah (stakeholder). 6. Akuntabel, artinya semua aktivitas dan penggunaan dana dapat dipercaya oleh masyarakat pengguna. SM A Negeri 26 Jakarta sebagai lembaga pendidikan berupaya menciptakan tercipta hubungan baik dan harmonis, saling asah, asih dan asuh, suasana demokratis, persuasive serta menghargai hak dan martabat pribadi, berkembangnya semangat kerja sama dan menjunjung tinggi

tradisi

berprestasi, mewujudkan suasana belajar yang kondusif sehingga dapat menghantarkan SM A Negeri 26 Jakarta, menjadi lembaga pendidikan

56 menengah umum yang dikenal mesyarakat luas serta unggul di wilayah Jakarta Selatan khususnya, dan Propinsi DKI Jakarta umumnya. 3.1.2 Visi dan Misi Visi dari SM A Negeri 26 Jakarta adalah : “ UNGGUL DALAM PRES TAS I DAN BERAKHLAK MULIA “ Indikator : 1.

Unggul dalam aktivitas keagamaan dan budi pekerti

2.

Unggul dalam perolehan nilai Ujian Akhir Nasional ( UAN )

3.

Unggul dalam persaingan memasuki Perguruan Tinggi Negeri.

4.

Unggul dalam kedisplinan

5.

Unggul dalam hidup bersih

6.

Unggul dalam keorganisasian

7.

Unggul dalam persaingan masuk dunia kerja

8.

Unggul dalam kegiatan bidang studi, prestasi olah raga dan seni. Sedangkan M isi dari SM A Negeri 26 Jakarta adalah :

1.

M eningkatkan keimanan, ketaqwaan terhadap Tuhan Yang M aha Esa.

2.

M emiliki kepekaan, kepedulian, serta hubungan yang harmonis antar warga sekolah

3.

M engembangkan kemampuan, kecerdasan, ketrampilan dan kepribadian yang mandiri sesuai dengan tuntutan masyarakat dan perkembangan Ilmu Pengetahuan dan Teknologi

4.

M eningkatkan perolehan Nilai Ujian Nasional

57 5.

M eningkatkan jumlah siswa yang diterima di Perguruan Tinggi Negeri

6.

M enumbuhkan kebiasaan hidup sehat, bersih jasmani dan rohani, disiplin, sopan santun dalam kehidupan keluarga sekolah dan masyarakat

7.

M eningkatkan kompetensi siswa dalam berorganisasi melalui kegiatan OSIS

8.

M eningkatkan semangat keunggulan dan berprestasi dalam lomba Ilmiah, Olah Raga, Kesenian dan Bahasa

9.

M eningkatkan profesionalisme guru dan karyawan

3.1.3 S truktur Organisasi 3.1.3.1 Diagram S truktur Organisasi Komite Sekolah

KEPALA SEKOLAH

KEPALA URUSAN TATA USAHA

Wakil Bidang SAPRASHUM

Staff SAPRASHUM

Wakil Bidang KESISWAAN

Staff Kesiswaan Urusan Disiplin Siswa

Staff Kesiswaan Urusan Ekstrakurikuler

Staff Kesiswaan Urusan Administrasi & OSIS

Wakil Bidang AKADEMIK

Staff Akademik Urusan Umum

GURU

Murid

Gambar 3.1 S truktur Organisasi S MA Negeri 26 Jakarta

Staff Akademik Urusan Pendataan

Staff Akademik Urusan Administrasi

58 3.1.3.2 Tugas dan Wewenang Berdasarkan struktur organisasi tersebut terdapat tugas pokok, tanggung jawab dan wewenang masing-masing unsur yang terkait didalamnya. Berikut adalah tugas dan

wewenang tiap-tiap unsur

tersebut : 1. Kepala sekolah a. Kepala sekolah selaku edukator bertugas melaksanakan proses belajar mengajar secara efektif dan efesien b. Kepala Sekolah selaku manajer, tugasnya meliputi : o M enyusun perencanaan,

mengorganisasi,

mengawasi,

mengarahkan, mengkoordinasi dan mengevaluasi kegiatan o M enentukan kebijakan o M engadakan rapat dan mengambil keputusan o M engatur proses belajar mengajar o M engatur Organisasi Siswa Intra Sekolah (OSIS) o M engatur hubungan sekolah dengan masyarakat dan instansi terkait c. Kepala

Sekolah

selaku

administrator

bertugas

menyelenggarakan administrasi d. Kepala Sekolah selaku supervisor bertugas menyelenggarakan supervisi mengenai : o Proses belajar mengajar o Kegiatan bimbingan dan konseling

59 o Kegiatan ekstrakurikuler o Kegiatan ketatausahaan o Kegiatan kerjasama dengan masyarakat dan instansi terkait o Sarana dan prasarana o Kegiatan OSIS dan 7K e. Kepala Sekolah sebagai pemimpin f. Kepala Sekolah sebagai inovator g. Kepala Sekolah sebagai motivator 2. Komite Sekolah Bertugas membantu kelancaran proses belajar mengajar dan kegiatan extrakurikuler sekolah. 3. Kepala Urusan Tata Usaha a. Penanggung jawab pelayanan pendidikan di sekolah b. M embantu Kepala Sekolah dalam menangani pengaturan kesiswaan, ketenagaan, pemeliharaan gedung, keuangan dan surat menyurat. 4. Wakil Kepala Sekolah Bidang Sarana Prasarana dan Humas Bertugas membantu Kepala Sekolah dalam urusan sebagai berikut: a. M enyusun rencana kebutuhan sarana dan prasarana sekolah b. M elaksanakan pengawasan dalam hal penggunaan dan pemeliharaan sarana dan prasarana sekolah

60 c. M elaksanakan koordinasi pendayagunaan dan pemeliharaan sarana dan prasarana d. M engkoordinasikan pengadaan alat-alat pengajaran e. M empromosikan sekolah f. M embina hubungan sekolah dengan orang tua dan lembagalembaga lain g. M erencanakan dan mengkoordinasikan kegiatan pelepasan siswa kelas XII 5. Wakil Kepala Sekolah Bidang Kesiswaan Bertugas membantu Kepala Sekolah dalam urusan sebagai berikut: a. M enyusun program pembinaan OSIS b. M elaksanakan bimbingan, pengarahan dan pengendalian O SIS c. M embina dan melaksanakan program Keamanan, Kebersihan, Ketertiban,

Kerindangan,

Keindahan,

Kesehatan

dan

Kekeluargaan (7K) sekolah d. M enyusun program dan jadwal pembinaan siswa secara berkala dan insidentil e. M erencanakan dan melaksanakan program Penerimaan Siswa Baru f. M enyusun dan membina kegiatan ekstrakurikuler g. M enindaklanjuti poin pelanggaran siswa

61 6. Wakil Kepala Sekolah Bidang Akademik Bertugas membantu Kepala Sekolah dalam urusan sebagai berikut: a. M enyusun program pengajaran, jadwal pelajaran, pembagian tugas guru, jadwal evaluasi belajar dan pelaksanaan Ujian Akhir Sekolah dan Ujian Akhir Nasional b. M engatur jadwal penerimaan buku laporan penilaian hasil belajar (rapor) dan Surat Tanda Tamat Belajar (STTB) c. M elakukan pengolahan nilai hasil belajar siswa d. M engkoordinasi kegiatan pendalaman materi dan bimbingan belajar e. M enyusun jadwal rapat Wakil Kepala Sekolah / Staf f. M enganalisis jurnal kelas 7. Staf Sarana Prasarana dan Humas Bertugas membantu tugas Wakil Kepala Sekolah bidang Sarana Prasarana dan Humas dan bertanggung jawab langsung kepada Wakil Kepala Sekolah bidang Sarana Prasarana dan Humas. 8. Staf Kesiswaan Urusan Administrasi dan OSIS Bertugas membantu tugas Wakil Kepala Sekolah bidang Kesiswaan dan bertanggung jawab langsung kepada Wakil Kepala Sekolah bidang Kesiswaan.

62 9. Staf Kesiswaan Urusan Ekstrakurikuler Bertugas membantu tugas Wakil Kepala Sekolah bidang Kesiswaan dan bertanggung jawab langsung kepada Wakil Kepala Sekolah bidang Kesiswaan. 10. Staf Kesiswaan Urusan Disiplin Siswa Bertugas membantu tugas Wakil Kepala Sekolah bidang Kesiswaan dan bertanggung jawab langsung kepada Wakil Kepala Sekolah bidang Kesiswaan. 11. Staf Akademik Urusan Pendataan Bertugas membantu tugas Wakil Kepala Sekolah bidang Akademik dan bertanggung jawab langsung kepada Wakil Kepala Sekolah bidang Akademik. 12. Staf Akademik Urusan Administrasi Bertugas membantu tugas Wakil Kepala Sekolah bidang Akademik dan bertanggung jawab langsung kepada Wakil Kepala Sekolah bidang Akademik. 13. Staf Akademik Urusan Umum Bertugas membantu tugas Wakil Kepala Sekolah bidang Akademik dan bertanggung jawab langsung kepada Wakil Kepala Sekolah bidang Akademik.

63 14. Guru a. Guru selaku wali kelas, tugasnya adalah mengelola kelas tanggung jawabnya, sebagai pengawas tentang kemajuan dan kemunduran murid dalam kelas tanggung jawabnya dan membagikan rapor b. Guru selaku pengajar, tugasnya diantaranya : o M embuat program pengajaran o M elaksanakan kegiatan pembalajaran dan ulangan o M engadakan pengembangan tiap bidang pelajarannya o M engikuti kegiatan pengembangan dan pemasyarakatan kurikulum c. Guru selaku pemberi bimbingan dan konseling, tugasnya diantaranya : o M enyusun program bimbingan dan konseling o M emonitoring pelaksanaan bimbingan dan konseling o M engkoordinasikan pelaksanaan bimbingan dan konseling 15. M urid a. M entaati semua peraturan tata tertib yang berlaku di sekolah b. Belajar dengan sungguh-sungguh dan tidak mengganggu proses belajar-mengajar di kelas c. M endapatkan beasiswa/penghargaan/sertifikat untuk siswa yang memiliki prestasi yang terbaik di tingkatannya d. M emenuhi administrasi

kewajibannya

yang

berhubungan

dengan

64 e. M engikuti kegiatan belajar mengajar dan menyelesaikan tugastugas yang diberikan

3.2 Sistem yang Sedang Berjalan Setiap siswa SM A Ngeri 26 jakarta dibekali ilmu komputer, hal tersebut difokuskan sebagai berikut : 1. Untuk siswa kelas X mendapat pelajaran seperti penggunaan Operating System, mengolah dokumen pengolah kata dengan variasi tabel, grafik, gambar, dan diagram serta pelajaran, dengan menggunakan software M sOffice 2. Untuk siswa kelas XI mendapat pelajaran penggunaan perangkat lunak pembuat presentasi 3.

Untuk siswa kelas XII mendapat pelajaran penggunaan perangkat lunak pembuat grafis M ata pelajaran diatas bisa dijadikan sebagai pendukung dalam pemecahan

masalah yang saat ini terjadi. Proses bisnis yang terjadi di SM A Negeri 26 Jakarta akan menghasilkan jasa atau layanan. Proses bisnis yang terjadi melalui beberapa kegiatan seperti promosi, pendaftaran siswa baru, penerimaan siswa baru, proses belajar-mengajar di sekolah dan sebagainya. Pada penelitian ini proses bisnis yang akan di analisis permasalahannya adalah proses belajar-mengajar sehari-hari. Kegiatan belajarmengajar sehari-hari yang dimaksud adalah proses kegiatan-belajar mengajar yang

65 dilakukan pada jam regular dan di dalam kelas melalui tatap muka antara guru dan siswa. Kegiatan belajar-mengajar regular ini dilakukan dengan durasi 45 menit untuk satu shift pelajaran. Proses belajar ini dilakukan selama lima hari dalam satu minggu yaitu senin hingga jumat. Sedangkan untuk hari sabtu hanya ada kegiatan ekstrakurikuler. Dalam kegiatan belajar-mengajar ini proses yang terjadi tidak hanya pemberian materi pelajaran tetapi juga terdapat pelatihan materi, pemberian tugas, pengumpulan tugas, tanya jawab materi dan ulangan harian. Tabel 3.1 Proses Bisnis dan Aktornya Nama Proses Bisnis

Aktor

Dokumen

Pemberian materi

Guru, siswa

Fotokopi materi

Pemberian catatan

Guru, siswa

Catatan

Pemberian latihan

Guru, siswa

Pengumpulan jawaban

Guru, siswa

buku latihan

latihan Pemberian tugas rumah

Guru, siswa

Pengumpulan jawaban

Guru, siswa

Jawaban, makalah

Guru, siswa

form observasi, makalah

tugas rumah Tugas observasi

66 Pengumuman jadwal

Guru, siswa

Jadwal

Guru, siswa

Berkas soal ulangan dan

ulangan harian Pelaksanaan ulangan harian Pengumuman jadwal

jawaban Guru, siswa

Jadwal

Guru, siswa

Berkas ulangan dan

ulangan remedial Pelaksanaan ulangan remedial Pengumuman jadwal

jawaban Guru, siswa

Jadwal

Guru, siswa

Berkas ulangan dan

ulangan umum Pelaksanaan ulangan umum pembuatan jadwal sekolah

jawaban Bag.

berkas jadwal

kurikulum, guru Pengumuman jadwal

Guru, siswa

lembar jadwal

Guru,

berkas rekap nilai kelas

sekolah M asukkan nilai ulangan

kurikulum

67 Laporan nilai siswa

guru,

Transkrip nilai siswa

kurikulum, wali kelas Pembagian rapor

wali kelas,

Rapor

wali murid

Tabel 3.1 merupakan proses-proses bisnis yang akan dilakukan oleh guru dan siswa dalam proses regular belajar-mengajar di dalam kelas. Selain itu tabel ini juga menjelaskan dokumen yang dihasilkan atau digunakan dalam proses bisnis.

68

m engum pulkan jawaban

ya

ada tuga s

masuk ke kel as

st art

t idak jawaban

m enerim a j awaban

m em bahas t ugas

kurang paham

m enerangkan m ateri

ti dak ya

m enjawab pertanyaan

be rt anya

mem beri cat atan

catat an

m encatat

ya

perlu dicatat

t idak

diskusi

m oderator

ada d iskusi

ya

t idak

m enjawab

bertanya

ada t anya jawab

ya

t idak

menj awab soal

menerim a soa l

mengum pulkan ja wa ban

m encatat soal

jawaban

soal

men eri ma jawaban

m emb eri soal

ya

mem bahas j awaban lat ihan

m emberi soal

ada lat ihan

t idak

ya

ada t ugas

t idak

m emberi pengum uman

ya

ada pengum um an

t idak selesai

Gambar 3.2 D AD Pemberian materi

69 Penjelasan DAD : Proses Kegiatan Belajar M engajar (KBM ) dalam kelas diawali dengan masuknya siswa dan guru ke dalam kelas dan guru mulai menerangkan materi pelarajan. Apabila siswa merasa penjelasan guru kurang jelas atau tidak dimengerti maka siswa dapat bertanya ke guru dan guru akan mencoba menjawab pertanyaan tersebut. Setelah guru menerangkan materi, guru memberikan catatan ke siswa dan siswa mencatatnya, memberikan topik diskusi untuk didiskusikan bersama oleh semua siswa, melakukan tanya-jawab (guru memberikan pertanyaan ke siswa dan siswa menjawab pertanyaan yang diberikan oleh guru), atau memberikan soal latihan. Soal latihan yang diberikan oleh guru akan dikerjakan oleh siswa dan dikumpulkan jawabannya ke guru. Soal latihan tersebut dibahas supaya siswa tahu penyelesaiannya yang benar dan tepat. Sebagai catatan, semua KBM dalam kelas ini disesuaikan dengan waktu yang tersedia. Jadi tidak semua kegiatan (memberikan catatan, diskusi, tanya-jawab, dan memberikan latihan) dilakukan dalam satu pertemuan. Kegiatan-kegiatan ini dilakukan sesuai dengan persiapan dan keinginan guru yang melakukan pengayaan ke siswa.

70 3.3 Analisis Permasalahan 3.3.1 Analisis Kuesioner dan Wawancara Untuk mengetahui sejauh mana kesiapan SM A Negeri 26 dalam mempersiapkan penerapan E-learning, maka dilakukan analisa dengan membagikan kuesioner kepada user yaitu 20 guru dari total 54 guru, dan 200 siswa dari total 744 siswa. Berikut ini merupakan analisa kuisioner yang disebarkan kepada 200 orang siswa: 1. Berapa lama Anda biasa belajar diluar jam sekolah dalam sehari ? a. < 1 jam (kurang dari 1 jam)

12.50%

b. 1 jam - 2 jam

48%

c. 2 jam – 3 jam

19.50%

d. > 3 jam (lebih dari 3 jam)

12.50%

e. Tidak sama sekali

7.50%

Gambar 3.3 Diagram hasil kuisioner pertanyaan no.1 untuk siswa Kesimpulan : siswa biasa belajar sekitar 1 sampai 2 jam perhari

71 2. Waktu yang disediakan untuk Kegiatan Belajar M engajar (KBM ) di sekolah sudah digunakan dengan efektif a. Sangat setuju

5%

b. Setuju

52.50%

c. Tidak setuju

38.50%

d. Sangat tidak setuju

8%

Gambar 3.4 Diagram hasil kuisioner pertanyaan no.2 untuk siswa Kesimpulan : siswa setuju kalau waktu belajar mengajar dikelas sudah digunakan dengan efektif

72 3. Apakah Anda mampu menyerap keseluruhan materi yang diberikan di kelas? a. Sangat mampu

3.50%

b. M ampu

62%

c. Tidak mampu

31%

d. Sangat tidak mampu

3.50%

Gambar 3.5 Diagram hasil kuisioner pertanyaan no.3 untuk siswa Kesimpulan : siswa mampu menyerap keseluruhan materi yang diberikan dikelas

73 4. M enurut Anda, apakah yang menjadi kendala dalam hal pembelajaran di kelas ? (beri tanda check, jawaban dapat dipilih lebih dari satu) o Waktu belajar yang terbatas

3.3%

o Penjelasan guru kurang bisa dipahami

31.8%

o Suasana kelas yang kurang kondusif

22.4%

o Mood (suasana hati) untuk belajar kurang

33.4%

o Lainnya

9.1%

Gambar 3.6 Diagram hasil kuisioner pertanyaan no.4 untuk siswa Kesimpulan : mood (suasana hati) untuk belajar yang kurang

dan

penjelasan guru yang kurang bisa dipahami menjadi kendala yang paling banyak dirasakan oleh siswa

74 5. M enurut Anda, secara umum bagaimana interaksi guru dan siswa yang tercipta pada saat jam pelajaran disekolah ? a. Sangat baik

2%

b. Baik

65%

c. Kurang baik

29.50%

d. Sangat kurang baik

3.50%

3.50%

2%

29.50%

a. Sangat baik b. Baik 65%

c. Kurang baik d. Sangat kurang baik

Gambar 3.7 Diagram hasil kuisioner pertanyaan no.5 untuk siswa Kesimpulan : interaksi antara guru dan siswa bisa tercipta dengan baik

75 6. Seberapa seringkah Anda menggunakan komputer dalam seminggu ? a. Sangat sering

34.50%

b. Sering

37%

c. Jarang

23.50%

d. Tidak pernah

5%

Gambar 3.8 Diagram hasil kuisioner pertanyaan no.6 untuk siswa Kesimpulan : siswa sangat terbiasa menggunakan komputer

76 7. Saya tidak keberatan untuk mengakses internet rata-rata 2 – 3 jam dalam seminggu atas biaya sendiri a. Sangat setuju

20%

b. Setuju

40%

c. Tidak setuju

27.50%


12.50%

Gambar 3.9 Diagram hasil kuisioner pertanyaan no.7 untuk siswa Kesimpulan : siswa setuju untuk mengakses internet rata-rata 2 sampai 3 jam perminggu atas biaya sendiri

77 8. M enurut Anda, seberapa besar manfaat internet bagi kebutuhan pendidikan ? a. Sangat bermanfaat

71.50%

b. Bermanfaat

24.50%

c. Tidak bermanfaat

2.50%

d. Sangat tidak bermanfaat

1.50%

Gambar 3.10 Diagram hasil kuisioner pertanyaan no.8 untuk siswa Kesimpulan : siswa beranggapan kalau internet sangat bermanfaat bagi dunia pendidikan

78 9. Apakah Anda tertarik belajar dari internet ? a. Sangat tertarik

51.50%

b. Tertarik

39.50%

c. Tidak tertarik

7.50%

d. Sangat tidak tertarik

1.50%

Gambar 3.11 Diagram hasil kuisioner pertanyaan no.9 untuk siswa Kesimpulan : siswa sangat tertarik untuk belajar dari internet

79 10. Apakah Anda merasa kesulitan dalam mendapatkan informasi-informasi mengenai kegiatan yang diadakan sekolah ? a. Sangat sulit

9.50%

b. Cukup sulit

49%

c. Tidak sulit

38.50%

d. Sangat tidak sulit

3%

Gambar 3.12 Diagram hasil kuisioner pertanyaan no.10 untuk siswa Kesimpulan : siswa merasa cukup sulit untuk mendapatkan informasiinformasi mengenai kegiatan yang diadakan sekolah

80 11. Apakah Anda tertarik apabila sekolah ini menerapkan E-learning berbasis web ? a. Sangat tertarik

46%

b. Tertarik

43%

c. Tidak tertarik

9%


2%

Gambar 3.13 Diagram hasil kuisioner pertanyaan no.11 untuk siswa Kesimpulan : siswa sangat tertarik apabila sekolahnya menerapkan Elearning berbasis web

81 12. Apakah Anda bersedia memanfaatkan E-learning berbasis web ? a. Bersedia

89.50%

b. Tidak bersedia

10.50%

Gambar 3.14 Diagram hasil kuisioner pertanyaan no.12 untuk siswa Kesimpulan : siswa bersedia untuk memanfaatkan E-learning berbasis web

82 13. M enurut Anda, apakah E-Learning mampu meningkatkan keinginan anda untuk belajar lebih giat ? a. Sangat mampu

23.50%

b. M ampu

66%

c. Tidak mampu

8.50%

d. Sangat tidak mampu

2%

Gambar 3.15 Diagram hasil kuisioner pertanyaan no.13 untuk siswa Kesimpulan : E-learning mampu meningkatkan keinginan siswa untuk belajar lebih giat

83 14. Fitur e-learning yang memadai dapat menyampaikan materi pelajaran digital untuk didownload a. Sangat setuju

35.50%

b. Setuju

53.50%

c. Tidak setuju

8.50%


2%

Gambar 3.16 Diagram hasil kuisioner pertanyaan no.14 untuk siswa Kesimpulan : siswa setuju untuk bisa mendownload materi pelajaran melalui E-learning berbasis web

84 15. Fitur e-learning yang memadai menyediakan tempat untuk berinteraksi melalui forum diskusi a. Sangat setuju

31%

b. Setuju

58%

c. Tidak setuju

9%


2%

Gambar 3.17 Diagram hasil kuisioner pertanyaan no.15 untuk siswa Kesimpulan : siswa setuju untuk bisa berinteraksi dengan siswa lainnya melalui E-learning berbasis web

85 16. Fitur e-learning yang memadai dapat memberikan informasi seperti nilai ulangan dan jadwal pelajaran a. Sangat setuju

41.50%

b. Setuju

48%

c. Tidak setuju

8.50%


2%

Gambar 3.18 Diagram hasil kuisioner pertanyaan no.16 untuk siswa Kesimpulan : siswa setuju untuk bisa melihat informasi jadwal pelajaran dan informasi nilai ulangan melalui E-learning berbasis web

86 17. Tampilan layar seperti apa yang menarik menurut Anda ? (tuliskan dalam skala prioritas, 1-2-3-4-5) [ ] Penuh Teks [ ] M emiliki animasi-animasi yang menarik [ ] Penuh warna dan gambar [ ] M emiliki file Video [ ] Disertai suara Nb. Skala 1 : tertinggi, Skala 5 : terendah.

Gambar 3.19 Diagram hasil kuisioner pertanyaan no.17 prioritas 1 untuk siswa

87



88


Gambar 3.23 Diagram hasil kuisioner pertanyaan no.17 prioritas 5 untuk siswa Kesimpulan : tampilan layar dengan animasi menarik adalah yang paling menarik menurut para siswa, sedangkan tampilan layar dengan penuh teks menjadi yang paling tidak disukai.

89 18. Keuntungan belajar melalui e-learning akan memungkinkan saya untuk mengulang materi pelajaran sesuai kebutuhan a. Sangat setuju

28.50%

b. Setuju

63%

c. Tidak setuju

6%


2.50%

Gambar 3.24 Diagram hasil kuisioner pertanyaan no.18 untuk siswa Kesimpulan : siswa setuju bahwa dengan adanya E-learning berbasis web akan memungkinkan mereka untuk mengulang kembali tiap materi pelajaran

90 19. M enurut Anda apakah E-Learning berbasis web dapat bermanfaat dan dapat meningkatkan pemahaman anda mengenai materi pelajaran yang disampaikan ? a. Sangat bermanfaat

29%

b. Bermanfaat

62.50%

c. Tidak bermanfaat

6.50%


2%

Gambar 3.25 Diagram hasil kuisioner pertanyaan no.19 untuk siswa Kesimpulan : siswa beranggapan bahwa E-learning sangat bermanfaat dan dapat meningkatkan pemahaman mereka mengenai materi pelajaran yang disampaikan

91 Berikut merupakan analisa kuisioner yang disebarkan kepada 20 orang guru : 1. Apakah Anda memiliki komputer dirumah ? a. Ya

95%

b. Tidak

5%

Gambar 3.26 Diagram hasil kuisioner pertanyaan No. 1 untuk guru Kesimpulan : hampir semua guru memiliki komputer sendiri dirumah

92 2. Apakah Anda memiliki akses internet dirumah ? a. Ya

50%

b. Tidak

50%

Gambar 3.27 Diagram hasil kuisioner pertanyaan No. 2 untuk guru Kesimpulan : guru yang memiliki dan tidak memiliki akses internet sendiri dirumah sama banyaknya

93 3. Saya tidak keberatan untuk mengakses internet rata-rata 2 – 3 jam dalam seminggu atas biaya sendiri a. Sangat setuju

0%

b. Setuju

55%

c. Tidak setuju

40%


5%

Gambar 3.28 Diagram hasil kuisioner pertanyaan No. 3 untuk guru Kesimpulan : guru setuju untuk mengakses internet rata-rata 2 sampai 3 jam perminggu atas biaya sendiri

94 4. Waktu yang disediakan untuk Kegiatan Belajar M engajar (KBM ) di sekolah dapat digunakan dengan efektif a. Sangat setuju

25%

b. Setuju

65%

c. Tidak setuju

10%


0%

Gambar 3.29 Diagram hasil kuisioner pertanyaan No. 4 untuk guru Kesimpulan : siswa setuju kalau waktu belajar mengajar dikelas sudah digunakan dengan efektif

95 5. M enurut Anda, apakah yang menjadi kendala dalam hal pembelajaran di kelas ? (beri tanda check, jawaban dapat dipilih lebih dari satu) o Waktu belajar yang terbatas o M ateri yang dijelaskan kurang bisa menyentuh semua siswa o Suasana kelas yang kurang kondusif o Mood (suasana hati) untuk belajar siswa kurang o Lainnya

Gambar 3.30 Diagram hasil kuisioner pertanyaan No. 5 untuk guru Kesimpulan : waktu belajar yang terbatas merupakan kendala yang paling banyak dirasakan oleh guru

96 6. M enurut Anda, bagaimana interaksi guru dan siswa yang tercipta pada saat anda mengajar dikelas ? a. Sangat baik

0%

b. Baik

100%

c. Kurang baik

0%

d. Sangat kurang baik

0%

Gambar 3.31 Diagram hasil kuisioner pertanyaan No. 6 untuk guru Kesimpulan : interaksi antara guru dan siswa tercipta dengan baik

97 7. M enurut Anda, seberapa besar manfaat internet bagi kebutuhan pendidikan ? a. Sangat bermanfaat

65%

b. Bermanfaat

35%

c. Tidak bermanfaat

0%


0%

Gambar 3.32 Diagram hasil kuisioner pertanyaan No. 7 untuk guru Kesimpulan : menurut guru, internet sangat bermanfaat bagi kebutuhan pendidikan

98 8. Apakah Anda tertarik untuk bisa memberikan pengajaran melalui internet? a. Sangat tertarik

30%

b. Tertarik

65%

c. Tidak tertarik

5%


0%

Gambar 3.33 Diagram hasil kuisioner pertanyaan No. 8 untuk guru Kesimpulan : guru tertarik untuk bisa memberikan pengajaran melalui internet

99 9. Apakah Anda tertarik apabila sekolah ini juga menerapkan E-learning berbasis web ? a. Sangat tertarik

55%

b. Tertarik

45%

c. Tidak tertarik

0%


0%

Gambar 3.34 Diagram hasil kuisioner pertanyaan No. 9 untuk guru Kesimpulan : guru sangat tertarik apabila sekolah menerapkan E-learning berbasis web

100 10. Apakah Anda bersedia memanfaatkan fasilitas E-learning berbasis web ? a. Bersedia

85%

b. Tidak bersedia

15%

Gambar 3.35 Diagram hasil kuisioner pertanyaan No. 10 untuk guru Kesimpulan : guru bersedia untuk memanfaatkan E-learning berbasis web

101 11. Apakah Anda tertarik untuk bisa berinteraksi melalui forum diluar jam sekolah dengan siswa anda ? a. Sangat tertarik

5%

b. Tertarik

70%

c. Tidak tertarik

25%


0%

Gambar 3.36 Diagram hasil kuisioner pertanyaan No. 11 untuk guru Kesimpulan : guru tertarik untuk dapat berinteraksi dengan siswa melalui forum

102 12. Apakah Anda tertarik untuk bisa mengirim pesan khusus kepada siswa anda melalui fasilitas E-learning berbasis web ini mengenai prestasi akademis siswa yang bersangkutan ? a. Sangat tertarik

15%

b. Tertarik

80%

c. Tidak tertarik

5%


0%

Gambar 3.37 Diagram hasil kuisioner pertanyaan No. 12 untuk guru Kesimpulan : guru tertarik untuk bisa mengirimkan pesan khusus kepada siswa tertentu mengenai prestasi akademis siswa tersebut

103 13. Apakah Anda tertarik untuk bisa memberikan tugas melalui fasilitas Elearning berbasis web ? a. Sangat tertarik

15%

b. Tertarik

80%

c. Tidak tertarik

5%


0%

Gambar 3.38 Diagram hasil kuisioner pertanyaan No. 13 untuk guru Kesimpulan : guru tertarik untuk bisa memberikan tugas melalui E-learning berbasis web

104 14. Apakah Anda tertarik untuk bisa memberikan materi digital yang bisa diakses oleh siswa anda ? a. Sangat tertarik

15%

b. Tertarik

85%

c. Tidak tertarik

0%


0%

Gambar 3.39 Diagram hasil kuisioner pertanyaan No. 14 untuk guru Kesimpulan : guru tertarik untuk bisa memberikan materi digital yang bisa diakses oleh siswanya melalui E-learning berbasis web

105 15. Apakah Anda tertarik untuk bisa memberikan informasi nilai langsung kepada siswa anda melalui fasilitas E-Learning berbasis web ini ? a. Sangat tertarik

10%

b. Tertarik

80%

c. Tidak tertarik

10%


0%

Gambar 3.40 Diagram hasil kuisioner pertanyaan No. 15 untuk guru Kesimpulan : guru tertarik untuk bisa memberikan informasi nilai kepada siswa melaui E-learning berbasis web

106 16. Apabila disediakan wadah untuk upload (mengirim file tugas/materi) ke internet agar bisa diakses oleh orang lain), apakah Anda bersedia memanfaatkannya ? a. Sangat bersedia

10%

b. Bersedia

80%

c. Tidak bersedia

10%

d. Sangat tidak bersedia

0%

Gambar 3.41 Diagram hasil kuisioner pertanyaan No. 16 untuk guru Kesimpulan : guru bersedia untuk memanfaatkan fasilitas upload (tugas/materi)

107 17. M enurut Anda apakah E-Learning berbasis web ini dapat bermanfaat dalam mendukung kegiatan belajar mengajar ? a. Sangat bermanfaat

15%

b. Bermanfaat

85%

c. Tidak bermanfaat

0%


0%

Gambar 3.42 Diagram hasil kuisioner pertanyaan No. 17 untuk guru Kesimpulan : guru beranggapan bahwa E-learning sangat bermanfaat dan dapat mendukung kegiatan belajar mengajar

108 Wawancara akan dilakukan dengan salah satu pengajar dan dengan wakil kepala sekolah bidang kurikulum yang juga merangkap sebagai pengajar. Berikut hasil wawancara dengan Bapak Lilik Priyanto, S.Pd yang merupakan guru Ekonomi di SM A Negeri 26 jakarta yang dilakukan pada tanggal 10 April 2008 : 1. M enurut Bapak, bagaimana interaksi antara bapak sebagai guru dan siswa yang bapak ajar dalam proses belajar-mengajar di kelas? (Alasan: ingin mengetahui kondisi belajar-mengajar secara spesifik) Jawab: menurut saya, interaksi antara guru dan siswa belum tercipta dengan sehat. Saat ini metode yang dipakai adalah masih metode ceramah atau klasikal dan itu belum cukup efektif karena para siswa belum sepenuhnya fokus. Bila saya bandingkan dengan pengajaran yang menggunakan media, seperti komputer, justru hal itu bisa membuat para siswa lebih fokus dan menurut saya lebih efektif. 2. Selama Bapak mengajar, apakah siswa dapat langsung memahami dan mendalami materi dengan cepat? M isalnya, setiap saat Bapak bertanya siswa dapat menjawab dengan baik. (Alasan: ingin mengetahui seberapa efektif dan efisien proses pembelajaran dan mengetahui kondisi yang terjadi selama pembelajaran) Jawab: tidak. Pada pertemuan pertama untuk satu materi, biasanya siswa tidak bisa langsung memahami. M emang ada beberapa yang bisa langsung paham tetapi hanya sedikit. Biasanya mereka akan bisa memahami pada pertemuan selanjutnya dan setelah diberikan soal-soal latian.

109 3. Setiap kali Bapak mengajar, apakah target SKM (Standar Ketuntasan M inimal) bisa dicapai oleh semua siswa ? (Alasan: ingin mengetahui seberapa efektif dan efisien proses pembelajaran) Jawab: tidak bisa langsung tercapai. Nilai evaluasi hasil belajar siswa diambil dari nilai ulangan. Sedangkan kebanyakan siswa baru bisa mencapai SKM setelah mengikuti remedial atau perulangan ujian (bagi yang nilainya dibawah nilai SKM ) 4. Kesulitan apa yang biasanya Bapak hadapi pada saat mengajar? (Alasan: ingin mengetahui masalah yang dihadapi oleh guru pada saat mengajar) Jawab: kesulitan terbesar menurut saya adalah pengontrolan kelas. Jadi bagaimana membuat para siswa paham dengan materi yang saya ajarkan disertai dengan suasana yang kondusif. 5. M enurut Bapak, solusi apa yang kira-kira dapat mengatasi permasalahanpermasalahan tersebut? (Alasan: ingin mengetahui apakah solusi dapat dicapai dengan menerapkan e-learning) Jawab: dengan sudah terintegrasinya alat bantu ajar berupa komputer pada kelas X (sepuluh), siswa dikelas tersebut menurut saya lebih tertarik untuk belajar. Diharapkan secara bertahap nantinya dengan sudah terintegrasinya komputer diseluruh kelas, sistem pembelajaran nantinya akan diarahkan untuk bisa mengikuti teknologi yang berkembang. Jadi menurut saya, penyediaan alat bantu ajar seperti ini pada tiap kelas akan sangat membantu proses belajar-mengajar.

110 6. Apa yang Bapak ketahui tentang e-learning/distance learning (pembelajaran jarak jauh)? (Alasan: ingin mengetahui seberapa dalam pemahaman pihak terkait mengenai konsep e-learning) Jawab: setahu saya, e-learning adalah merupakan pembelajaran yang menggunakan internet dimana proses belajar dapat dilakukan kapan dan dimana saja. 7. M enurut bapak, apakah e-learning dapat menjadi sebuah solusi tambahan dari permasalahan yang dihadapi oleh para guru dan siswa pada saat proses belajar-mengajar? (Alasan: ingin mengetahui pendapat dari pihak terkait apakah e-learning dapat menjadi solusi dari permasalahan yang dihadapi) Jawab: menurut saya e-learning dapat menjadi solusi permasalahan yang dihadapi guru dan siswa pada saat proses belajar-mengajar. Saat ini guru memang sudah dianjurkan untuk membuat materi pelajaran dalam bentuk file digital seperti presentasi power point ataupun dengan microsoft word. Kedepannya apabila e-learning memang diterapkan, itu juga akan memudahkan guru dan siswa untuk belajar karena mereka hanya tinggal mengakses internet apabila ingin mengulang materi yang sudah diajarkan. 8. Fasilitas-fasilitas apa yang menurut Bapak perlu ada dalam aplikasi elearning? (Alasan: ingin mengetahui requirement untuk aplikasi e-learning) Jawab: yang paling pokok menurut saya adalah pemberian materi digital yang bisa diakses oleh guru dan siswa. Lainnya diharapkan aplikasi elearning juga bisa memudahkan guru untuk memberi tugas kepada siswanya dan nantinya bila memungkinkan ulangan juga bisa diakses melaui e-

111 learning. Selain itu, diharapkan ada fasilitas penyampaian informasi kepada siswa dan orang tua. Dan berikut hasil wawancara dengan Ibu Sri Praptiningsih, S.Pd yang merupakan wakil kepala sekolah bidang kurikulum dan merangkap guru biologi di SM A Negeri 26 jakarta yang dilakukan pada tanggal 10 April 2008: 1. Kurikulum apa yang sedang berjalan

disekolah ini?(Alasan: ingin

mengetahui kurikulum yang berjalan disekolah) Jawab : Kurikulum yang sedang berjalan di sekolah adalah Kurikulum Tingkat Satuan Pendidikan (KTSP). Didalam kurikulum tersebut ada silabus yang nantinya dijabarkan dalam pengembangkan potensi siswa. 2. Bagaimana penyusunan materi dalam kurikulum tersebut?(Alasan: ingin mengetahui apakah ada pihak-pihak khusus yang merancang materi tahunan) Jawab : Dalam satu semester ada dua standar kompetensi dan dijalankan sesuai dengan target yang disusun oleh masing-masing guru mata pelajaran. Sampai saat ini masih belum ada sistem terpadu yang membantu guru-guru dalam penyusunan materi tahunan 3. Kendala

apa

saja

yang

dialami

dalam

pelaksanaan

kurikulum

tersebut?(Alasan: ingin mengetahui kendala-kendala yang dialami bidang kurikulum) Jawab : kurikulum yang padat merupakan kendala yang paling dirasakan.

112 4. Kendala apa saja yang dialami oleh guru dan siswa dalam hal belajar mengajar dikelas?(Alasan: ingin mengetahui kendala-kendala yang dialami bidang kurikulum) Jawab : Keadaan psikologi dan mental, ternyata mempengaruhi mood dalam proses belajar mengajar. Hal ini membuat kegiatan belajar mengajar yang ada menjadi kurang efektif, karena materi belajar yang telah disiapkan oleh guru terkadang tidak mencapai target. Hal tersebut juga terjadi pada siswa, variasi cara pengajaran sepertinya cukup berpengaruh pada kejenuhan siswa untuk belajar. 5. Bagaimana komunikasi antara guru dan murid yang tercipta?(Alasan: ingin mengetahui komunikasi antara guru dan siswa yang tercipta secara umum) Jawab : Komunikasi yang ada disekolah ini sangat terbatas pada tatap muka dikelas dan saat jam pelajaran berlangsung saja, sehingga tidak ada penambahan waktu yang memungkinkan siswa untuk dapat berkonsultasi dengan guru diluar waktu belajar disekolah. 6. bagaimana pemanfaatan waktu jam belajar disekolah?(Alasan: ingin mengetahui efektifitas pemanfaatan jam belajar) Jawab : sebenarnya waktu belajar sudah digunakan sebaik-baiknya oleh guru yang mengajar disekolah ini. Namun terkadang ada hal-hal yang dapat menyebabkan materi tidak sesuai dengan jadwal yang telah disusun, sebagai contoh ketika guru

sakit belum tentu ada guru pengganti yang mengerti

tujuan awal dan target yang ingin dicapai guru tersebut.

113 7. Solusi apa yang diharapkan sekolah untuk mengatasi kendala-kendala yang dialami tersebut?(Alasan: ingin mengetahui apakah e-learning bisa menjadi suatu solusi untuk mengatasi kendala-kendala yang dialami) Jawab : Diharapkan ada suatu solusi yang dapat menunjang kegiatan belajar dan mengajar disekolah.

3.3.2 Identifikasi Masalah Berdasarkan dari hasil wawancara dan kuesioner yang dibagikan kepada sejumlah siswa dan guru SM A Negeri 26, diketahui permasalahan yang dihadapi mengenai pembelajaran di sekolah dan solusi yang diharapkan guru dan siswa melalui aplikasi e-learning adalah sebagai berikut : Permasalahan yang dialami bidang kurikulum 1. Kesiapan materi, kerangka materi, dan soal-soal yang akan dipakai dalam kegiatan belajar mengajar selalu terbentur dengan masalah waktu. Hal ini menyangkut kepada kesiapan guru dalam mengajar dan mempersiapkan soal-soal ujian. 2. Komunikasi antar siswa dan guru yang terbatas hanya pada tatap muka dikelas dan saat jam pelajaran berlangsung, membuat siswa sulit untuk bisa berkonsultasi dengan gurunya. 3. Psikologi dan mental yang sedang dialami oleh pengajar maupun murid, ternyata cukup mempengaruhi KBM yang berlangsung, dan hal ini menyebabkan kurang maksimalnya pencapaian target.

114 Permasalahan yang dialami oleh guru mata pelajaran 1. Kurangnya waktu yang disediakan di kelas untuk menyampaikan materi sampai siswa benar-benar memahami materi yang diberikan. 2. Terbatasnya waktu berinteraksi yang menyebabkan relasi hubungan antara guru dan murid yang kurang dapat berkembang. 3. Tersendatnya penyampaian materi dikarenakan suasana kelas yang kurang kondusif. 4. Tersendatnya penyampaian materi dikarenakan daya tangkap siswa yang heterogen. Permasalahan yang dialami oleh murid 1. Penjelasan guru yang kurang bisa dipahami oleh siswa. 2. Relasi hubungan antara guru dan murid yang tidak selalu baik, sehingga berpengaruh dalam mood siswa untuk belajar. 3. Bentuk pengajaran yang membuat jenuh siswa karena hanya berfokus pada tempat yang selalu sama(ruang kelas). 4. Gaya pengajaran yang masih menggunakan cara klasikal(ceramah) membuat siswa kurang focus. 5. Siswa kesulitan untuk memperoleh informasi-informasi mengenai kegiatan sekolah. 6. Banyaknya mata pelajaran yang harus dipelajari tidak sesuai dengan waktu penyampaian materi dikelas yang singkat.

115 3.4 Usulan Pemecahan Masalah Untuk mengatasi masalah – masalah yang ada dalam pross kegiatan belajar – mengajar SM A Negeri 26 maka diperlukan suatu poses bisnis baru. Proses bisnis baru tersebut dapat didefinisikan untuk mewujudkan tujuan solusi. Beberapa proses bisnis baru berfungsi sebagai pelengkap yang membatu kegiatan – kegiatan lain yang menunjang proses kegiatan belajar – mengajar SM A Negeri 26 Jakarta. Tabel 3.2 Proses Bisnis Untuk Mewujudkan Tujuan Solusi No.

1.

Tujuan S olusi

Proses-proses Bisnis

Fungsi dan

Baru Untuk

Informasi Dalam

Mewujudkan Tujuan

Proses Bisnis

Membantu siswa dalam

Melihat materi

Fungsi :

memahami pelajaran yang

pelajaran.

M embaca,

diajarkan.

Input :

mengambil, dan

Siswa yang belajar di sekolah

Siswa ingin melihat

memahami materi

dapat membaca dan mengambil

materi pelajaran.

pelajaran.

materi pelajaran langsung dari

Proses :

Informasi :

E-learning berbasis web. Siswa

M embuka materi

M ateri Pelajaran.

juga dapat mengerjakan tugas

pelajaran, melihat

tanpa terbatas oleh waktu,

materi pelajaran,

karena soal dapat diambil kapan

mengambil materi

saja dan jawaban juga dapat

pelajaran, dan menutup

116 diserahkan secepatnya setelah

materi pelajaran.

tugas selesai dikerjakan. Dengan

Output :

Forum diskusi yang disediakan

Siswa melihat dan

maka, siswa juga dapat

mengambil materi

berdiskusi mengenai hal yang

pelajaran.

tidak dimengerti dalam pelajaran. Mengerjakan tugas

Fungsi :

Input :

M embaca soal

Siswa ingin

tugas, memahami

mengerjakan tugas.

soal tugas, dan

Proses :

M engerjakan soal

M elihat tugas,

tugas.

mengambil tugas, dan

Informasi :

mengumpulkan tugas.

Soal tugas.

Output : Siswa melihat soal tugas dan mengumpulkan tugas. Forum Diskusi

Fungsi :

Input :

M elihat topik,

Siswa ingin berdiskusi

menciptakan topik,

di forum diskusi.

berdiskusi dalam

117 Proses :

topik. Topik seputar

M elihat topik,

materi yang sedang

membuat topik,

dipelajari dan

berdiskusi dalam topik. merupakan sarana Output :

komunikasi antara

Siswa berdiskusi.

guru dan siswa dan antara siswa dan siswa. Informasi : M ateri dan jawaban mengenai materi yang telah diajarkan.

Private Message :

Fungsi :

Input :

M embaca pesan.

Siswa mendapatkan

Informasi :

pesan pribadi dari guru

Pesan dari guru.

Proses : Siswa membaca isi pesan pribadi. Output : Siswa mengetahui isi dari pesan pribadi yang

118 dikirimkan oleh guru.

2.

Membantu guru dalam proses Melihat materi pelajaran.

pembelajaran.

Fungsi : M embaca,

Guru dapat menggunakan sarana Input :

mengambil, dan

E-learning berbasis web untuk Guru ingin melihat

memahami materi

membantu proses pembelajaran materi pelajaran.

pelajaran.

dikelas sebagai bahan acuan. Proses :

Informasi :

Dan

guru

mengevaluasi siswa

dapat M embuka materi

juga

perkembangan pelajaran, melihat

menggunakan

sarana materi pelajaran,

tugas di E-learning berbasis web.

Guru

dapat

mengambil materi

berdiskusi pelajaran, dan menutup

dalam berbagai topik dengan materi pelajaran. para siswa. Guru juga dapat Output : berkomunikasi

dengan

siswa Guru melihat dan

M ateri Pelajaran.

119 dengan menggunakan message.

private mengambil materi pelajaran.

Memberikan tugas

Fungsi :

Input :

M emberikan tugas.

Guru ingin

Informasi :

memberikan tugas.

Soal tugas.

Proses : M emberikan tugas. Output : Guru memberikan tugas. Forum Diskusi

Fungsi :

Input :

M elihat topik,

Guru ingin berdiskusi

menciptakan topik,

di forum diskusi.

berdiskusi dalam

Proses :

topik. Topik seputar

M elihat topik,

materi yang ada dan

membuat topik,

merupakan sarana

berdiskusi dalam topik. komunikasi antara Output :

guru dan siswa dan

Guru berdiskusi.

antara siswa dan

120 siswa. Informasi : M ateri dan jawaban mengenai materi yang telah ditanyakan dan diajarkan. Private Message :

Fungsi :

Input :

Sarana informasi

Guru ingin mengirim

secar pribadi kepada

pesan kepada siswa.

siswa.

Proses :

Informasi :

M enulis pesan,

Pesan.

mengirim pesan. Output : Guru mengirimkan pesan kepada siswa. 3.

Membantu sekolah dalam

Memasukkan materi

Fungsi :

penyusunan materi pelajaran.

pelajaran :

Sebagai pedoman

Administrator dapat

Input :

dalam pemberian

memasukkan pelajaran sesuai

Administrator ingin

materi yang oleh

dengan tingkatan akademis

memasukkan materi-

guru untuk siswa.

beserta bab-bab pelajaran dan

materi pelajaran dan

Informasi :

121 materi didalam bab pelajaran.

pelajaran yang ada

M ateri-materi

sesuai dengan

pelajaran.

tingkatan akademis. Proses : M emasukkan materimateri pelajaran, melakukan perubahan dalam materi pelajaran, dan menghapus materi pelajaran melalui fitur yang disediakan didalam E-learning berbasis web.

Output : Administrator memasukkan materi pelajaran sesuai dengan tingkatan akademis. 4.

Membantu sekolah dalam

Memasukkan

Fungsi :

pemberitahuan pengumuman.

pengumuman :

M emasukkan

Administrator memasukkan

Input :

pengumuman yang

pengumuman yang ditujukan

Administrator ingin

ditujukan kepada

122 untuk siswa maupun guru oleh

memasukkan

semua siswa atau

yayasan atau pihak sekolah.

pengumuman yang

semua guru yang

dikeluarkan pihak

ada di SM A Negeri

sekolah.

26.

Proses :

Informasi :

M emasukkan,

Pengumuman yang

memperbaiki, atau

dikeluarkan pihak

menghapus

yayasan atau pihak

pengumuman.

sekolah.

Output : Administrator memasukkan pengumuman yang dikeluarkan sekolah.

123 3.4.1 Perancangan S truktur Menu Pada S olusi

Gambar 3.43 S tate Transition Diagram S truktur Menu Keseluruhan

124

Gambar 3.44 S tate Transition Diagram Login

Gambar 3.45 S tate Transition Diagram Ubah Pin

Gambar 3.46 S tate Transition Diagram Pengumuman

125

Gambar 3.47 S tate Transition Diagram Download

Gambar 3.48 S tate Transition Diagram Halaman Utama - S iswa

126

Gambar 3.49 S tate Transition Diagram Pesan – Siswa

Gambar 3.50 S tate Transition Diagram Materi – Siswa

Gambar 3.51 S tate Transition Diagram Lihat Detail Materi – Siswa

127

Gambar 3.52 S tate Transition Diagram Data – Siswa

Gambar 3.53 S tate Transition Diagram lihat forum – siswa

128

Gambar 3.54 S tate Transition Diagram topik – siswa

Gambar 3.55 S tate Transition Diagram lihat detail forum – siswa

Gambar 3.56 S tate Transition Diagram reply topik – siswa

129

Gambar 3.57 S tate Transition Diagram Halaman Utama – Guru

130 Tambah materi ____Klik link tambah materi____ (tampilkan halaman tambah materi)

Lihat materi

____Klik link lihat materi____ (tampilkan halaman lihat materi) Materi - guru

____Klik link lihat jawaban____ (tampilkan halaman lihat jawaban)

Lihat jawaban

Gambar 3.58 S tate Transition Diagram Materi – Guru

Gambar 3.59 S tate Transition Diagram Materi Detail – Guru

Gambar 3.60 S tate Transition Diagram Tambah Materi - Guru

131

Gambar 3.61 S tate Transition Diagram Lihat Jawaban – Guru

Gambar 3.62 S tate Transition Diagram Nilai – Guru

Gambar 3.63 S tate Transition Diagram tambah nilai – guru

132

Gambar 3.64 S tate Transition Diagram Edit nilai – guru

Gambar 3.65 S tate Transition Diagram Pesan – Guru

Gambar 3.66 S tate Transition Diagram kirim pesan – guru

133

Gambar 3.67 S tate Transition Diagram Data – Guru

Gambar 3.68 S tate Transition Diagram lihat forum – guru

134

Gambar 3.69 S tate Transition Diagram topik – guru

Gambar 3.70 S tate Transition Diagram lihat detail forum – guru

Gambar 3.71 S tate Transition Diagram reply topik – guru

135

Gambar 3.72 S tate Transition Diagram Halaman Utama – Admin

Gambar 3.73 S tate Transition Diagram Kelas – Admin

136

Gambar 3.74 S tate Transition Diagram Lihat Kelas – Admin

Gambar 3.75 S tate Transition Diagram Edit Kelas – Admin

Gambar 3.76 S tate Transition Diagram Tambah Kelas – Admin

137 ____Klik link kelas X____ (tampilkan halaman data kelas X)

____Klik link kelas XI____ (tampilkan halaman data kelas XI)

Kelas X

Kelas XI

Cari kelas ____Klik link kelas XII____ (tampilkan halaman data kelas XII)

____Klik link semua kelas____ (tampilkan halaman data semua kelas)

Kelas XII

Semua kelas

Gambar 3.77 S tate Transition Diagram Cari Kelas – Admin

Gambar 3.78 S tate Transition Diagram Data Pribadi - Admin

138

Gambar 3.79 S tate Transition Diagram Lihat Data Siswa - Admin

Gambar 3.80 S tate Transition Diagram Tambah Data S iswa – Admin

Gambar 3.81 S tate Transition Diagram Cari Data Siswa – Admin

139

Gambar 3.82 S tate Transition Diagram Lihat Data Guru - Admin

Gambar 3.83 S tate Transition Diagram Tambah Data Guru – Admin

Gambar 3.84 S tate Transition Diagram Cari Data Guru - Admin

140

Gambar 3.85 S tate Transition Diagram Jadwal – Admin

Gambar 3.86 S tate Transition Diagram Tambah Jadwal – Admin

Gambar 3.87 S tate Transition Diagram Materi – Admin

141

Gambar 3.88 S tate Transition Diagram Tambah Materi – Admin

Gambar 3.89 S tate Transition Diagram Pengumuman – Admin

142

Gambar 3.90 S tate Transition Diagram Tambah Pengumuman - Admin

Gambar 3.91 S tate Transition Diagram forum – Admin

Gambar 3.92 S tate Transition Diagram lihat detail forum – Admin

143 3.4.2 Perancangan Layar Pada S olusi 3.4.2.1 Perancangan Layar Untuk Siswa Dari perancangan aplikasi yang telah dilakukan, dihasilkan rancangan layar yang akan digunakan sebagai acuan dalam pengembangan aplikasi e-learning berbasis web sebagai berikut : BANNER LOGO

Login area ID Login Picture

Passwod Status

Login Forget Password, click here

Copyrighted @ 2008 SMA Negeri 26 Jakarta

Gambar 3.93 Rancangan Layar Untuk Halaman Login Layar ini adalah layar awal yang pertama kali akan muncul ketika website ini diakses oleh user. Lambang dan nama institusi diletakkan di bagian banner. Dibagian tengah terdapat textbox untuk memasukkan username serta password dan terdapat tombol submit untuk pengecekan password agar dapat masuk ke halaman berikutnya. Dibagian footer terdapat hak cipta E-learning berbasis web SM A Negeri 26 Jakarta.

144

BANNER LOGO

Forget Password ID Login Picture

Email Status Reset Password


Gambar 3.94 Rancangan Layar Untuk Halaman Forget Password Login Layar ini muncul ketika user mengklik link “forget password” pada layar login. Layar ini untuk membantu user apabila user lupa password untuk mengakses aplikasi ini. Untuk mendapatkan kembali password aksesnya, user perlu mengisi form yang ada di layar ini dan klik tombol “reset password”. Pada halaman ini terdapat field untuk mengisi ID Login, Email, Status dan terdapat tombol reset password untuk mendapatkan password yang baru.

145

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Learning Panel

JADWAL

History Login

Daftar Pelajaran

xxxxxxxx xxxxxxxxxxxxxx xxxxxxx

MATERI

xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx

NILAI xxxxxxxxxxxxxxxxx

xxxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxxx

DATA PRIBADI Private Message & News

FORUM

UBAH PIN

Judul News xxxxxxxxxxxxx

Judul Private Message

DOWNLOAD

xxxxxxxxxxxxxxx

Tanggal Post

Tipe

xxxxxxxxxxxxxxxx

xxxxxxxxxxxx

Tanggal Post xxxxxxxxxxxxxxxx


Gambar 3.95 Rancangan Layar Home Siswa Ketika inputan password serta username cocok dan statusnya adalah siswa, maka akan dilanjutkan ke halaman siswa utama. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan jadwal, materi, nilai, data pribadi, forum, ubah pin dan download. Di bagian atas juga terdapat pilihan menu home, dan logout. Di layar tengah ditampilkan frame history login untuk melihat record kapan terakhir kali user login, daftar pelajaran untuk melihat pelajaran apa saja yang akan ditempuh dan private message dan news center untuk melihat apakah ada pesan khusus dari guru atau pengumuman-pengumuman yang diterbitkan sekolah.

146

BANNER LOGO

Hari ini :

home | logout

Menu Panel

JADWAL Jadwal Pelajaran >>

MATERI

Jadwal > Jadwal Pelajaran Mata Pelajaran

Hari

Jam

ID Guru

xxxxxxxxxxx

xxxxxx

xxxxxx

xxxxxxxx

xxxxxxxxxxx

xxxxxx

xxxxxx

xxxxxxxx

xxxxxxxxxxx

xxxxxx

xxxxxx

xxxxxxxx

xxxxxxxxxxx

xxxxxx

xxxxxx

xxxxxxxx

xxxxxxxxxxx

xxxxxx

xxxxxx

xxxxxxxx

NILAI DATA PRIBADI

FORUM

UBAH PIN DOWNLOAD Copyrighted @ 2008 SMA Negeri 26 Jakarta

Gambar 3.96 Rancangan Layar S iswa Menu Jadwal Pelajaran

Ketika user memilih pilihan dari button jadwal, maka akan muncul halaman ini. Dihalaman ini akan ditampilkan semua pilihan pelajaran yang dipelajari siswa dan siswa dapat memilih ke pelajaran mana siswa akan masuk. Sama seperti halaman siswa utama, dihalaman ini terdapat plihan menu di samping kiri yang ada di layar seperti pilihan jadwal, materi, nilai, data pribadi, forum, ubah pin dan download. Dan dibagian atas terdapat pilihan menu home, dan logout.

147

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Materi > Lihat Materi

JADWAL

MATERI Lihat Materi >>

Mata Pelajaran

xxxxxxxxxx

xxxxxxx

xxxxxxxxxx

xxxxxxx

xxxxxxxxxx

xxxxxxx

NILAI DATA PRIBADI

FORUM


Gambar 3.97 Rancangan Layar S iswa Menu Materi Pelajaran

Ketika user memilih menu materi pada menu panel maka akan keluar materi pelajaran apa saja yang ada di kelas siswa tersebut. Dihalaman ini akan ditampilkan nama mata pelajaran yang diajarkan dan terdapat link materi untuk masuk ke materi utama. Sama seperti halaman siswa utama, dihalaman ini terdapat plihan menu di samping kiri yang ada di layar seperti pilihan jadwal, materi, nilai, data pribadi, forum, ubah pin dan download. Dan dibagian atas terdapat pilihan menu home, dan logout.

148

BANNER LOGO

Hari ini :

Menu Panel

home | logout


JADWAL

MATERI Lihat Materi >>

Judul Materi

xxxxxxxxxx

xxxxxxx

xxxxxxxxxx

xxxxxxx

xxxxxxxxxx

xxxxxxx

NILAI DATA PRIBADI

FORUM


Gambar 3.98 Rancangan Layar S iswa Lihat Materi Pelajaran Layar ini muncul jika pada layar menu materi, siswa mengklik salah satu mata pelajaran yang tersedia. Pada layar ini, siswa dapat memilih materi mana yang ingin dilihat atau didownload. Pada layar ini terdapat informasi tentang materi apa saja yang ada pada pelajaran tersebut.

149

BANNER LOGO

Hari ini :

home | logout

Menu Panel

JADWAL

Materi > Lihat Detail Materi JADWAL

MATERI

Judul Materi

: xxxxxxx

Lihat Materi >>

Materi Utama

: download

Materi Tambahan

: download

Link Pendukung 1

: xxxxxxxx

Link Pendukung 2

: xxxxxxxx

Soal Materi

: download

Deadline Materi

: xxxxxxxx

NILAI DATA PRIBADI

FORUM

UBAH PIN

Upload File

DOWNLOAD Copyrighted @ 2008 SMA Negeri 26 Jakarta

Gambar 3.99 Rancangan Layar S iswa Lihat Materi Detail

Halaman ini merupakan link dari lihat materi, jika siswa memilih link materi yang ada di lihat materi maka akan langsung masuk ke halaman ini. Di halaman ini terdapat informasi tentang materi utama dan materi pendukung yang dapat di download oleh siswa, dan juga terdapat deadline materi untuk batas akhir pengumpulan jawaban. Di halaman ini juga terdapat tombol untuk upload file jawaban.

150

BANNER LOGO

Hari ini :

home | logout

Menu Panel

JADWAL

Materi > Upload Tugas File :

Browse..

Upload

MATERI Pesan Tabahan

:

Lihat Materi >>

NILAI DATA PRIBADI SUBMIT

FORUM

UBAH PIN DOWNLOAD


Gambar 3.100 Rancangan Layar S iswa Upload Jawaban Tugas

Halaman ini merupakan link dari halaman lihat detail materi. Pada halaman ini siswa dapat mencari file yang akan di upload dengan menekan tombol browse dan setelah file didapatkan maka siswa dapat menguploadnya dengan menekan tombol upload. Selain itu siswa juga dapat memasukan pesan tambahan yang dapat di dikirimkan ke guru yang bersangkutan. Setelah itu ada tombol submit untuk mengirim file tersebut.

151

BANNER LOGO

Hari ini :

Menu Panel

JADWAL

MATERI NILAI

home | logout

Nilai > Lihat Nilai Mata Pelajaran xxxxxxxxxxxx

xxxxxxxxx

xxxxxxxxxxxx

xxxxxxxxx

xxxxxxxxxxxx

xxxxxxxxx

xxxxxxxxxxxx

xxxxxxxxx

Lihat Nilai >> DATA PRIBADI

FORUM

UBAH PIN DOWNLOAD


Gambar 3.101 Rancangan Layar S iswa Lihat Nilai

Pada Halaman ini siswa dapat melihat nila yang dia peroleh untuk masing – masing pelajaran. Dihalaman ini terdapat nama mata pelajaran yang dia peroleh dan kemudian terdapat link di setiap pelajaran untuk dapat melihat detail nilai yang diperoleh. Dihalaman ini terdapat pilihan menu di samping kiri yang ada di layar seperti pilihan jadwal, materi, nilai, data pribadi, forum, ubah pin dan download. Dan dibagian atas terdapat pilihan menu home, dan logout.

152

BANNER LOGO

Hari ini :

Menu Panel

JADWAL

MATERI NILAI Lihat Nilai >> DATA PRIBADI

FORUM

UBAH PIN

home | logout

Nilai > Lihat Nilai Mata Pelajaran xxxxxxxxxxxx

xxxxxxxxx

xxxxxxxxxxxx

xxxxxxxxx

xxxxxxxxxxxx ID Siswa

xxxxxxxxx : xxxxxxxxxx

Nama Pelajaran

: xxxxxxxxxx

Nilai Harian 1

: xxxxxxxxxx

Nilai Harian 2

: xxxxxxxxxx

Nilai Harian 3

: xxxxxxxxxx

Nilai UTS

: xxxxxxxxxx

Nilai UAS

: xxxxxxxxxx

Nilai Akhir

: xxxxxxxxxx

DOWNLOAD


Gambar 3.102 Rancangan Layar S iswa Lihat Nilai Detail

Halaman ini merupakan link dari halaman lihat nilai. Dihalaman ini siswa dapat melihat nilai secar keseluruhan yang dia peroleh, mulai dari nilai harian sampai dengan nilai akhir. Dihalaman ini terdapat plihan menu di samping kiri yang ada di layar seperti pilihan jadwal, materi, nilai, data pribadi, forum, ubah pin dan download. Dan dibagian atas terdapat pilihan menu home, dan logout.

153

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Data Pribadi > Lihat Data Pribadi

JADWAL

Data Lengkap Siswa : xxxxxxxxx

MATERI NILAI DATA P RIBADI Lihat Data Pribadi >>

FORUM

UBAH PIN

ID Siswa

: xxxxxxxxxxxx

ID Kelas

: xxxxxxxxxxxx

ID Orang Tua / Wali : xxxxxxxxxxxx Nama Lengkap

: xxxxxxxxxxxx

Email

:

Alamat Lengkap

: xxxxxxxxxxxxxxxxxxxxxxx

Telepon

:

Kota

: xxxxxxxxxxxx

Kode Pos

: xxxxxxxxxxxx

Negara

: xxxxxxxxxxxx

Agama

: xxxxxxxxxxxx

Tempat Tanggal Lahir: xxxxxxxxxxxx

DOWNLOAD

Terakhir Login

: xxxxxxxxxxxx

Terakhir Logout

: xxxxxxxxxxxx

IP Login

: xxxxxxxxxxxx

Profile Update

: xxxxxxxxxxxx Update Email & Te lepon

Data Lengkap Orang Tua : xxxxxxxxx ID Orang Tua

: xxxxxxxxxxxx

Nama Ayah

: xxxxxxxxxxxx

Pekerjaan Ay ah

: xxxxxxxxxxxx

Nama Ibu

: xxxxxxxxxxxx

Pekerjaan Ibu

: xxxxxxxxxxxx

Alamat

: xxxxxxxxxxxx

Telepon

: xxxxxxxxxxxx

Kota

: xxxxxxxxxxxx

Kode Pos

: xxxxxxxxxxxx

Negara

: xxxxxxxxxxxx Copyrighted @ 2008 SMA Negeri 26 Jakarta

Gambar 3.103 Rancangan Layar S iswa Lihat Data Pribadi

154 Pada halaman ini siswa dapat melihat informasi tentang data pribadi dan data orang tuanya, selain itu siswa juga dapat mengupdate alamat email dan nomor telepon jika sewaktu – waktu ada perubahan.

BANNER LOGO

Hari ini :

home | logout

Menu Panel

JADWAL

MATERI NILAI DATA PRIBADI

Forum > Lihat Forum ID Forum

Nama Pelajaran

xxxxxx

xxxxxxxxxx

xxxxxx

xxxxxxxxxx

xxxxxx

xxxxxxxxxx

xxxxxx

xxxxxxxxxx

FORUM Lihat Forum >>


Gambar 3.104 Rancangan Layar S iswa Menu Forum

Pada halaman ini siswa dapat melihat forum pelajaran yang ada di kelas mereka masing- masing. untuk masuk ke pelajaran tertentu siswa harus menekan link nama pelajaran untuk masuk ke forum pelajaran tersebut. selain itu terdapat juga tombol untuk masuk kedalam forum mata pelajaran tersebut.

155

BANNER LOGO

Hari ini :

home | logout

Menu Panel

JADWAL

MATERI NILAI

Forum > Lihat Forum Reply

Judul Topik

Tanggal Post

Oleh

xxxxxx

xxxxxxxxxx

xxxxxxx

xxxxxx

xxxxxxxxxx

xxxxxxx

xxxxxx

xxxxxxxxxx

xxxxxxx

xxxxxx

xxxxxxxxxx

xxxxxxx

DATA PRIBADI



Gambar 3.105 Rancangan Layar S iswa Lihat Topik Forum

Halaman ini merupakan link dari halaman lihat forum. Jika siswa memilih forum mata pelajaran tertentu maka akan masuk ke dalam forum mata pelajaran tersebut, dihalaman ini siswa akan mendapatkan informasi tentang topik – topik yang ada dan siapa yang memposting topik tersebut, dan terdapat juga button reply untuk mereply topik tersebut. Dihalaman ini terdapat pilihan menu di samping kiri yang ada di layar seperti pilihan jadwal, materi, nilai, data pribadi, forum, ubah pin dan download. Dan dibagian atas terdapat pilihan menu home, dan logout.

156

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Forum > Baca Forum

JADWAL

xxxxxxx xxxxxxxx

MATERI xxxxx xxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxx xxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

DATA PRIBADI

FORUM

xxxxx xxxxxxxx

xxxxxxxxxxxxxx

xxxxx xxxxxxxx

xxxxxxxxxxxxxxxxxxxxx

NILAI

Lihat Forum >>


Gambar 3.106 Rancangan Layar S iswa Lihat Detail Forum

Halaman ini merupakan halaman untuk membaca topik forum yang ada, dihalaman ini terdapat informasi tentang apa saja yang ada di dalam topik tersebut dan siapa saja yang mengirimkannya. Dari halaman ini siswa dapat mereply topik tersebut. Dihalaman ini terdapat pilihan menu di samping kiri yang ada di layar seperti pilihan jadwal, materi, nilai, data pribadi, forum, ubah pin dan download. Dan dibagian atas terdapat pilihan menu home, dan logout.

157

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Forum > Reply Topik

JADWAL

xxxxxxxx xxxxxxxxxxx

MATERI

Isi Reply :

NILAI DATA PRIBADI


Kirim Reply


Gambar 3.107 Rancangan Layar S iswa Reply Topik

Halaman ini merupakan halaman untuk siswa menulis isi reply yang akan di kirim ke topik tersebut. terdapat textbox dan button untuk mengirim reply tersebut. Dihalaman ini terdapat plihan menu di samping kiri yang ada di layar seperti pilihan jadwal, materi, nilai, data pribadi, forum, ubah pin dan download. Dan dibagian atas terdapat pilihan menu home, dan logout.

158

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Ubah PIN > Ubah PIN

JADWAL

Masukan Password Lama

:

MATERI

Masukan Password Baru

:

Masukan Kembali Password Baru : NILAI SUBMIT

DATA PRIBADI

FORUM

UBAH PIN Ubah PIN >>


Gambar 3.108 Rancangan Layar S iswa Ubah PIN

Halaman ini merupakan halaman untuk mengganti PIN standar yang didapatkan dengan PIN baru sesuai dengan kemauan user. Dihalaman ini terdapat textbox untuk memasukan PIN lama dan terdapat juga textbox untuk memasukan PIN baru dan tombol submit untuk merubahnya. Dihalaman ini terdapat pilihan menu di samping kiri yang ada di layar seperti pilihan jadwal, materi, nilai, data pribadi, forum, ubah pin dan download. Dan dibagian atas terdapat pilihan menu home, dan logout.

159

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Download > Link Download

JADWAL ID Download

Keterangan

Tanggal Post

MATERI xxxxxxxxx

xxxxxxxxxxxxxxx

xxxxxxxxxx

xxxxxxxxx

xxxxxxxxxxxxxxx

xxxxxxxxxx

xxxxxxxxx

xxxxxxxxxxxxxxx

xxxxxxxxxx

xxxxxxxxx

xxxxxxxxxxxxxxx

xxxxxxxxxx

NILAI DATA PRIBADI

FORUM

UBAH PIN DOWNLOAD Link Download >>


Gambar 3.109 Rancangan Layar S iswa Download File

Halaman ini untuk mendownload file yang telah di posting oleh admin. Dihalaman ini terdapat informasi tentang judul file, keterangan file dan tanggal file tersebut di kirim. Dihalaman ini terdapat pilihan menu di samping kiri yang ada di layar seperti pilihan jadwal, materi, nilai, data pribadi, forum, ubah pin dan download. Dan dibagian atas terdapat pilihan menu home, dan logout.

160

BANNER LOGO

Hari ini :

home | logout

Menu Panel

JADWAL MATERI

NILAI DATA PRIBADI

Learning Panel JUDUL

: xxxxxxxxxxxxxxxxxxxx

ISI

: xxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx

TANGGAL POST : xxxxxxxxxxxx kembali

FORUM

UBAH PIN DOWNLOAD


Gambar 3.110 Rancangan Layar S iswa Lihat Pengumuman Detail Layar ini ditampilkan ketika siswa mengklik salah satu link pengumuman yang ada di layar siswa home. Pada layar ini ditampilkan detail dari pengumuman tersebut.

161

BANNER LOGO

Hari ini :

home | logout

Menu Panel

JADWAL MATERI

NILAI DATA PRIBADI

Learning Panel JUDUL

: xxxxxxxxxxxxxxxxxxxx

ISI

: xxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxx

TANGGAL POST : xxxxxxxxxxxx kembali

FORUM

UBAH PIN DOWNLOAD


Gambar 3.111 Rancangan Layar S iswa Lihat Pesan Detail

Layar ini ditampilkan ketika siswa mengklik salah satu pesan pribadi yang dikirim oleh guru. Pada layar ini ditampilkan detail dari pesan tersebut.

162 3.4.2.2 Perancangan Layar Untuk Guru

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Guru Panel

MATERI

History login

Mata P elajaran

JADWAL

xxxxxxxxx

xxxxxxxxx

xxxxxxxxxx

xxxxxxxxx

NILAI PESAN DATA P RIBADI

News center Judul

Tanggal Post

Tipe

xxxxxxxxx

xxxxxxxx

xxxxx

FORUM


Gambar 3.112 Rancangan Layar Home Guru

Ketika inputan password serta username cocok dan statusnya adalah guru, maka akan dilanjutkan ke halaman guru utama. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan materi, jadwal, nilai, pesan, data pribadi, forum, ubah pin dan download. Di bagian atas juga terdapat pilihan menu home, dan logout. Di layar tengah ditampilkan frame history login untuk melihat record kapan terakhir kali user login, mata pelajaran dan news center untuk melihat pengumuman-pengumuman yang diterbitkan.

163

BANNER LOGO

Hari ini :

home | logout

Menu Panel


MATERI Nama Pelajaran

Lihat Materi >> Tambah Materi >> Lihat Jawaban >>

JADWAL

NILAI

Judul Materi

Deadline Materi

xxxxxxxxxxxxxxxx

xxxxxxxxx

xxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxx

xxxxxxxxx

xxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxx

xxxxxxxxx

xxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxx

xxxxxxxxx

xxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxx

xxxxxxxxx

xxxxxxxxxxxxxxx

P ESAN DATA P RIBADI FORUM


Gambar 3.113 Rancangan Layar Guru Menu Materi

Halaman ini merupakan halaman untuk melihat materi pelajaran yang ada. Pada halaman ini terdapat informasi tentang nama pelajaran, judul materi dan deadline materi. Di halaman ini terdapat pilihan menu di sebelah kiri terdapat pilihan materi, jadwal, nilai, pesan, data pribadi, forum, ubah pin dan download. Di bagian atas juga terdapat pilihan menu home, dan logout.

164

BANNER LOGO

Hari ini :

home | logout

Menu Panel

MATERI JADWAL

NILAI P ESAN

Guru Panel Judul Materi Materi Utama Materi Tambahan Link Pendukung 1 Link Pendukung 2 Soal Materi Deadline Materi

: : : : : : :

xxxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxxx

kembali DATA P RIBADI FORUM

UBAH PIN DOWNLOAD


Gambar 3.114 Rancangan Layar Guru Lihat Materi Detail

Setelah guru mengklik salah satu judul materi, maka akan ditampilkan layar lihat materi detail. Pada layar ini guru bisa mendownload file materi dengan mengklik nama filenya.

165

BANNER LOGO

Hari ini :

home | logout

Menu Panel

MATERI Lihat Materi >> Tambah Materi >> Lihat Jawaban >>

Materi > Tambah Materi Materi Tambahan :

Browse.

Nama Pelajaran

:

Judul Materi

:

NILAI

Link Pendukung 1

:

P ESAN

Link Pendukung 2

:

JADWAL

Upload Materi

SUBMI

DATA PRIBADI

FORUM


Gambar 3.115 Rancangan Layar Guru Tambah Materi

Halaman ini merupakan halaman untuk menambah materi tambahan yang telah ada, selain itu guru juga dapat memasukan link pendukung untuk tambahan informasi pelajaran yang terdapat di web. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan materi, jadwal, nilai, pesan, data pribadi, forum, ubah pin dan download. Di bagian atas juga terdapat pilihan menu home, dan logout.

166

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Materi > Lihat Jawaban


JADWAL

NILAI

ID Materi

Nama Pelajaran

Judul Materi

Deadline Materi

xxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxxxxx

xxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxxxxx

xxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxxxxx

xxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxxxxx

xxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxxxxx



Gambar 3.116 Rancangan Layar Guru Lihat Jawaban

Halaman ini merupakan halaman untuk melihat jawaban per-materi yang ada. Pada halaman ini terdapat informasi tentang nama pelajaran, judul materi dan deadline materi tersebut. Judul materi merupakan link untuk masuk ke jawaban materi tersebut. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan materi, jadwal, nilai, pesan, data pribadi, forum, ubah pin dan download. Di bagian atas juga terdapat pilihan menu home, dan logout.

167

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Materi > Lihat Detail Jawaban


JADWAL

NILAI

ID Materi

Nama Siswa

xxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxx

Pesan Tambahan

xxxxxxxxxxxxxxxx

Tanggal Jawab xxxxxxxxx

xxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxxxxx

xxxxxxxxx

xxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxxxxx

xxxxxxxxx

xxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxxxxx

xxxxxxxxx

xxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxx

xxxxxxxxxxxxxxxx

xxxxxxxxx



Gambar 3.117 Rancangan Layar Guru Lihat Jawaban Detail

Halaman ini merupakan halaman unutk melihat detail jawaban yang dikirimkan oleh siswa. Pada halaman ini tedapat informasi tentang judul materi, nama siswa yang mengirimkan jawaban, pesan tambahan, dan tanggal siswa mengirimkan jawaban tersebut. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan materi, jadwal, nilai, pesan, data pribadi, forum, ubah pin dan download. Di bagian atas juga terdapat pilihan menu home, dan logout.

168

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Jadwal > Lihat Jadwal

MATERI Nama Pelajaran

JADWAL

Hari

Jam

Kelas

xxxxxxxxxxxxxxx

xxxxxxx

xxxxxxxxxxx

xxxxxxxxx

xxxxxxxxxxxxxxx

xxxxxxx

xxxxxxxxxxx

xxxxxxxxx

xxxxxxxxxxxxxxx

xxxxxxx

xxxxxxxxxxx

xxxxxxxxx

xxxxxxxxxxxxxxx

xxxxxxx

xxxxxxxxxxx

xxxxxxxxx

xxxxxxxxxxxxxxx

xxxxxxx

xxxxxxxxxxx

xxxxxxxxx

Lihat Jadwal >>

NILAI P ESAN DATA P RIBADI FORUM


Gambar 3.118 Rancangan Layar Guru Menu Jadwal

Halaman ini merupakan halaman untuk melihat jadwal mengajar guru. Pada halaman ini terdapat informasi tentang nama pelajaran, hari dan jam mengajar, dan juga di kelas mana guru tersebut mengajar. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan materi, jadwal, nilai, pesan, data pribadi, forum, ubah pin dan download. Di bagian atas juga terdapat pilihan menu home, dan logout.

169

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Nilai > Lihat Nilai

MATERI JADWAL

ID Siswa

Nama Siswa

Kelas

Pelajaran

xxxxxx

Add

Edit

Hapus

xxxxxxxxxx

xxxxx

xxxxxxx

X

xxxxxx

xxxxxxxxxx

xxxxx

xxxxxxx

X

xxxxxx

xxxxxxxxxx

xxxxx

xxxxxxx

X

xxxxxx

xxxxxxxxxx

xxxxx

xxxxxxx

X

xxxxxx

xxxxxxxxxx

xxxxx

xxxxxxx

X

NILAI Lihat Nilai >>



Gambar 3.119 Rancangan Layar Guru Menu Nilai

Halaman ini merupakan halaman untuk melihat nilai dan memasukan nilai siswa sesuai dengan pelajaran yang diajar. Pada halaman ini terdapat informasi tentang nama siswa, kelas, pelajaran. Guru juga dapat menambahkan nilai untuk siswa yang belum dimasukan nilainya dan juga dapat mengedit nilai untuk memasukan nilai baru atau mengubah nilai yang telah ada. Dan juga guru dapat menghapus nilai siswa tertentu.

170

BANNER LOGO

Hari ini :

home | logout

Menu Panel

MATERI JADWAL


P ESAN DATA P RIBADI

Nilai > Edit Nilai ID Siswa

:

Nama Siswa

:

Kelas

:

Pelajaran

:

Nilai Harian 1

:

Nilai Harian 2

:

Nilai Harian 3

:

Nilai UTS

:

Nilai UAS

:

Nilai Akhir

: SUBMIT

FORUM


Gambar 3.120 Rancangan Layar Guru Tambah Nilai

Halaman ini merupakan halaman unutk mengubah nilai yang telah ada atu untuk memasukan nilai baru. Pada halaman ini terdapat informasi ID siswa, nama siswa, kelas, dan textbox – textbox untuk memasukan nilai atau mengubah nilai. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan materi, jadwal, nilai, pesan, data pribadi, forum, ubah pin dan download. Di bagian atas juga terdapat pilihan menu home, dan logout. Dan bagian content terdapat informasi mengenai status guru, dan pengumuman dari sekolah.

171

BANNER LOGO

Hari ini :

home | logout

Menu Panel

MATERI JADWAL


P ESAN DATA P RIBADI

Nilai > Edit Nilai ID Siswa

:

Nama Siswa

:

Kelas

:

Pelajaran

:

Nilai Harian 1

:

Nilai Harian 2

:

Nilai Harian 3

:

Nilai UTS

:

Nilai UAS

:

Nilai Akhir

: SUBMIT

FORUM


Gambar 3.121 Rancangan Layar Guru Edit Nilai Layar ini muncul jika guru memilih link “edit nilai” dari list siswa di layar lihat nilai. Layar ini digunakan apabila guru ingin mengganti nilai siswa setelah sebelumnya terjadi kesalahan inputan nilai. Layar ini memungkinkan guru mengupdate atau mengedit nilai ulangan harian I, nilai ulangan harian II, nilai ulangan harian III, nilai UTS, nilai UAS dan nilai akhir siswa.

172

BANNER LOGO

Hari ini :

home | logout

Menu Panel

MATERI JADWAL

Pesan > Lihat Pesan ID Guru

ID Siswa

Detail

Tanggal Kirim

xxxxxxx

xxxxxxxxx

xxxxxxxxxx

xxxxxxxxxxxxxx

xxxxxxx

xxxxxxxxx

xxxxxxxxxx

xxxxxxxxxxxxxx

xxxxxxx

xxxxxxxxx

xxxxxxxxxx

xxxxxxxxxxxxxx

xxxxxxx

xxxxxxxxx

xxxxxxxxxx

xxxxxxxxxxxxxx

NILAI P ESAN Lihat Pesan >> Kirim Pesan >>

DATA P RIBADI FORUM


Gambar 3.122 Rancangan Layar Guru Menu Pesan

Halaman ini merupakan halaman untuk melihat pesan – pesan yang telah dikirimkan oleh guru. Pada halaman ini terdapat informasi tentang ID guru, Nama Siswa, detail pesan tersebut, dan tanggal pesan tersebut dikirim. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan materi, jadwal, nilai, pesan, data pribadi, forum, ubah pin dan download. Di bagian atas juga terdapat pilihan menu home, dan logout.

173

BANNER LOGO

Hari ini :

home | logout

Menu Panel

MATERI JADWAL

Pesan > Kirim Pesan ID Siswa

Nama Siswa

Kelas

xxxxxxx

xxxxxxxxxxx

xxxxxxxx

xxxxxxx

xxxxxxxxxxx

xxxxxxxx

xxxxxxx

xxxxxxxxxxx

xxxxxxxx

xxxxxxx

xxxxxxxxxxx

xxxxxxxx

Kirim


DATA P RIBADI FORUM


Gambar 3.123 Rancangan Layar Guru Kirim Pesan

Halaman ini merupakan halaman untuk mengirim pesan kepada siswayang dituju. Pada halaman ini terdapat informasi tentang ID Siswa, Nama siswa, dan kelas. Jika guru ingin mengirimkan pesan kepada siswa yang dituju maka harus menekan tombol kirim yang ada di halaman tersebut, maka akan langsung masuk ke halaman tulis pesan.

174

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Pesan > Kirim Pesan

MATERI

ID Siswa

:

JADWAL

Nama Siswa

:

Judul

:

Isi

:


DATA P RIBADI SUBMIT

FORUM


Gambar 3.124 Rancangan Layar Guru Kirim Pesan Detail

Halaman ini merupakan halaman unutk menulis pesan. Pada halaman ini terdapat informasi ID siswa, nama siswa dan judul pesan tersebut, dan juga terdapat textbox untuk menulis pesan. Setelah semua terisi maka guru dapat menekan tombol submit untuk mengirimkan pesan tersebut kepada siswa yang dituju.

175

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Data Pribadi > Lihat Data Pribadi

MATERI

Data Lengkap Guru

JADWAL

NILAI P ESAN DATA P RIBADI Lihat Data Pribadi >>

FORUM

ID Guru Email Nama Guru Jenis Kelamin Alamat Telepon Kota Kode Pos Negara Agama Tanggal Lahir Tempat Lahir

: : : : : : : : : : : :

xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx Update Email & Te lepon


Gambar 3.125 Rancangan Layar Guru Menu Lihat Data Pribadi

Halaman ini merupakan halaman untuk melihat data pribadi yang terdapat informasi mengenai data diri dari guru yang bersangkutan. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan materi, jadwal, nilai, pesan, data pribadi, forum, ubah pin dan download. Di bagian atas juga terdapat pilihan menu home, dan logout.

176

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Forum > Lihat Forum

MATERI

ID Forum

JADWAL

Nama Pelajaran

Topik

Reply

xxxxxxxxxxx

xxxxxx

xxxx

xxx

xxxxxxxxxxx

xxxxxx

xxxx

xxx

xxxxxxxxxxx

xxxxxx

xxxx

xxx

xxxxxxxxxxx

xxxxxx

xxxx

xxx

NILAI P ESAN DATA P RIBADI FORUM Lihat Forum >>


Gambar 3.126 Rancangan Layar Guru Menu Forum

Halaman ini merupakan halaman untuk melihat forum yang dapat dimasuki oleh guru tersebut. terdapat informasi mengenai ID forum, nama pelajaran, topik, dan juga terdapat tombol untuk masuk ke forum tersebut.

177

BANNER LOGO

Hari ini :

home | logout

Menu Panel

MATERI

Forum > Lihat Forum Reply

Judul Topik

Tanggal Post

Oleh

JADWAL

xxxxxx

xxxx

xxx

X

NILAI

xxxxxx

xxxx

xxx

X

xxxxxx

xxxx

xxx

X

xxxxxx

xxxx

xxx

X

P ESAN DATA P RIBADI FORUM Lihat Forum >>


Gambar 3.127 Rancangan Layar Guru Lihat Topik Forum

Apabila guru mengklik salah satu mata pelajaran pada menu forum, maka guru akan berpindah ke layar ini. Pada layar ini ditampilkan topik-topik yang ada dari mata pelajaran yang dipilih. Guru bisa menghapus thread yang dibuatnya dengan mengklik icon delete yang ada disebelah kanan tiap topik.

178

BANNER LOGO

Hari ini :

home | logout

Menu Panel

MATERI

Forum > Baca Forum xxxxx xxxxxx

JADWAL

NILAI P ESAN

xxxxxxxxxxx xxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxx


xxxxxxxxxxxxxxxxxxxxxxxx


xxxxxxxxxxxxxxxxxxxxx

DATA P RIBADI FORUM Lihat Forum >>


Gambar 3.128 Rancangan Layar Guru Lihat Detail Forum

Halaman ini merupakan halaman untuk membaca topik forum yang ada. Pada halaman ini terdapat informasi tentang nama – nama orang yang mereply forum dan isi dari topik tersebut. Guru juga dapat langsung mereply topik tersebut dengan menekan tombol reply yang terdapat di pojok kanan atas halaman ini.

179

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Forum > Reply Forum

MATERI JADWAL

xxxxx xxxxxx

Isi Reply :

NILAI P ESAN DATA P RIBADI FORUM Kirim Reply

Lihat Forum >>


Gambar 3.129 Rancangan Layar Guru Reply Topik Forum

Halaman ini merupakan halaman untuk menulis isi topik yang akan dikirim. Pada halaman ini terdapat informasi tentang judul topik tersebut dan juga terdapat textbox untuk menulis isi dari topik yang akan di reply. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan materi, jadwal, nilai, pesan, data pribadi, forum, ubah pin dan download. Di bagian atas juga terdapat pilihan menu home, dan logout.

180

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Ubah PIN > Form Ubah PIN

MATERI

Masukan Password Lama

:

JADWAL

Masukan Password Baru

:

Masukan kembali Password Baru :

NILAI SUBMIT


UBAH PIN Form Ubah PIN >>


Gambar 3.130 Rancangan Layar Guru Menu Ubah PIN

Halaman ini merupakan halaman untuk mengganti PIN standar yang didapatkan dengan PIN baru sesuai dengan kemauan user. Dihalaman ini terdapat textbox untuk memasukan PIN lama dan terdapat juga textbox untuk memasukan PIN baru dan tombol submit untuk merubahnya. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan materi, jadwal, nilai, pesan, data pribadi, forum, ubah pin dan download. Di bagian atas juga terdapat pilihan menu home, dan logout.

181

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Download > Link Download

MATERI

ID Download

JADWAL

Keterangan

Tanggal Post

xxxxxxxxxxx

xxxxxxxxxxx

xxxxxxxxxxxx

xxxxxxxxxxx

xxxxxxxxxxx

xxxxxxxxxxxx

xxxxxxxxxxx

xxxxxxxxxxx

xxxxxxxxxxxx

xxxxxxxxxxx

xxxxxxxxxxx

xxxxxxxxxxxx

NILAI P ESAN DATA P RIBADI FORUM

UBAH PIN DOWNLOAD Link Download >>


Gambar 3.131 Rancangan Layar Guru Download

Halaman ini untuk mendownload file yang telah di posting oleh admin. Dihalaman ini terdapat informasi tentang judul file, keterangan file dan tanggal file tersebut di kirim. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan materi, jadwal, nilai, pesan, data pribadi, forum, ubah pin dan download. Di bagian atas juga terdapat pilihan menu home, dan logout.

182

BANNER LOGO

Hari ini :

home | logout

Menu Panel

Learning Panel

MATERI JADWAL

NILAI

JUDUL

: xxxxxxxxxxxx

ISI

: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxx

P ESAN

TANGGAL POST DATA P RIBADI

: xxxxxxxxx kembali

FORUM

UBAH PIN DOWNLOAD


Gambar 3.132 Rancangan Layar Guru Pengumuman Detail Layar ini muncul ketika guru mengklik salah satu link pengumuman yang ada di layar guru home. Layar ini menampilkan detail dari pengumuman tersebut.

183 3.4.2.3. Perancangan Layar Untuk Admin

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

Admin Panel

KELAS

History login

Statistik sekolah

DATA P RIBADI

xxxxxxxxx

xxxxxxxxx

xxxxxxxxxx

xxxxxxxxx

JADWAL MAT ERI FORUM

News center Judul

Tanggal Post

Tipe

xxxxxxxxx

xxxxxxxx

xxxxx

P ENGUMUMAN Copyrighted @ 2008 SMA Negeri 26 Jakarta

Gambar 3.133 Rancangan Layar Home Admin

Ketika inputan password serta username cocok dan statusnya adalah admin, maka akan dilanjutkan ke halaman admin utama. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman. Pada halaman ini juga terdapat informasi tentang data statistik sekolah dan history login serta news center.

184

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

KELAS Lihat Kelas >> Tambah Kelas >> Cari Kelas >>

DATA P RIBADI

Kelas > Lihat Kelas Tingkat

Kode Kelas

Jurusan

xxxxxxxx

xxxxxxxxx

xxxxxxxx

xxxxxxxx

xxxxxxxxx

xxxxxxxx

xxxxxxxx

xxxxxxxxx

xxxxxxxx

Edit

Hapus

JADWAL MAT ERI FORUM P ENGUMUMAN


Gambar 3.134 Rancangan Layar Admin Menu Kelas

Halaman ini merupakan halaman untuk melihat kelas apa saja yang telah ada. Pada halaman ini terdapat informasi tentang ID kelas, tigkat, kode kelas, jurusan. Admin jua dapat mengubah dan menghapus kelas tersebut. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

185

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

Kelas > Edit Kelas


Tingkat

:

Kode Kelas

:

Jurusan

:

DATA P RIBADI

JADWAL SUBMIT

MAT ERI FORUM P ENGUMUMAN


Gambar 3.135 Rancangan Layar Admin Edit Kelas

Halaman ini merupakan halaman untuk mengubah kelas jika terjadi kesalahan inputan oleh admin. Pada halaman ini terdapat pilihan untuk memasukan tingkat, kode kelas, dan jurusan. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

186

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

Kelas > Tambah Kelas


DATA P RIBADI

Tingkat

:

Jurusan

:

Kode Kelas

:

JADWAL SUBMIT



Gambar 3.136 Rancangan Layar Admin Tambah Kelas

Halaman ini merupakan halaman untuk menambah kelas baru oleh admin. Pada halaman ini terdapat pilihan untuk memasukan tingkat, kode kelas, dan jurusan. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

187

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

Kelas > Cari Kelas

KELAS

Tampilkan Data : Kelas X | Kelas XI | Kelas XII | Semua Kelas

Lihat Kelas >> Tambah Kelas >> Cari Kelas >>

DATA P RIBADI

JADWAL

Kelas

Jurusan

Jumlah Siswa

Pria

Wanita

xxxxx

xxxxxxxx

xxxxxxx

xxx

xxx

xxxxx

xxxxxxxx

xxxxxxx

xxx

xxx

xxxxx

xxxxxxxx

xxxxxxx

xxx

xxx



Gambar 3.137 Rancangan Layar Admin Cari Kelas

Halaman ini merupakan halaman untuk mencari kelas. Admin dapat mecari kelas berdasarkan tingkatannya yaitu dengan cara menekan link tampilkan data yang ada di atas. Pada halaman ini terdapat informasi tentang ID kelas, kelas, jurusan, jumlah siswa, dan jumlah siswa pria dan wanita. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

188

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

Data Pribadi > Lihat Data Siswa

KELAS

Tampilkan Data : Kelas X | Kelas XI | Kelas XII | Semua Kelas

DATA P RIBADI Lihat Data Siswa >> Tambah Data Siswa >> Cari Data Siswa >> Lihat Data Guru >> Tambah Data Guru >> Cari Data Guru >>

NIS

Nama Siswa

Kelas

Edit

Hapus

xxxx

xxxxxxxxxxxx

xxxx

X

xxxx

xxxxxxxxxxxx

xxxx

X

xxxx

xxxxxxxxxxxx

xxxx

X

xxxx

xxxxxxxxxxxx

xxxx

X

Lihat Data Admin >>

JADWAL MAT ERI FORUM P ENGUMUMAN Copyrighted @ 2008 SMA Negeri 26 Jakarta

Gambar 3.138 Rancangan Layar Admin Lihat Data S iswa

Halaman ini merupakan halaman untuk melihat seluruh data siswa yang ada. Data siswa dapat ditampilkan berdasarkan kelas dengan menekan link tampilkan data yang terdapat di bagian atas. Pada halaman ini menampilkan informasi tentang NIS, Nama siswa, kelas, dan terdapat tombol untuk mengubah dan menghapus data siswa tersebut. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

189

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

Data Pribadi > Lihat Detail Data Siswa

KELAS DATA P RIBADI Lihat Data Siswa >> Tambah Data Siswa >> Cari Data Siswa >> Lihat Data Guru >> Tambah Data Guru >> Cari Data Guru >> Lihat Data Admin >>

JADWAL MAT ERI

Data Lengkap Siswa : xxxxx ID Siswa ID Kelas ID Orang Tua / Wali Nama Lengkap Email Jenis Kelamin Alamat Lengkap Telepon Kota Kode Pos Negara Agama Tempat Tanggal Lahir Terakhir Login Terakhir Logout IP Login Profile Update

xxxxxxxx xxxxxxxxx xxxxxx xxxxxxxxxxx xxxxxxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxxx xxxxxxx xxxxx xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx

Data Lengkap Orang Tua : xxxxx

FORUM P ENGUMUMAN

: : : : : : : : : : : : : : : : :

ID Orang Tua Nama Ayah Pekerjaan Ay ah Nama Ibu Pekerjaan Ibu Alamat Telepon Kota Kode Pos Negara

: : : : : : : : : :

xxxxxxxx xxxxxxxx xxxxxxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxxx xxxxxxxx xxxxxxxxx xxxxxxx


Gambar 3.139 Rancangan Layar Admin Lihat Data S iswa Detail

Halaman ini merupakan halaman untuk melihat data siswa secara detail. Pada halamanini terdapat seluruh informasi tentang siswa tersebut. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

190

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

Data Pribadi > Lihat Data Siswa

KELAS DATA P RIBADI Lihat Data Siswa >> Tambah Data Siswa >> Cari Data Siswa >> Lihat Data Guru >> Tambah Data Guru >> Cari Data Guru >>

Nama Siswa Jenis Kelamin Alamat Telepon Kota Kode pos Negara

: : : : : : :

Agama Tempat Lahir Tanggal Lahir Email

: : : :

Lihat Data Admin >>

JADWAL

SUBMIT

MAT ERI FORUM P ENGUMUMAN Copyrighted @ 2008 SMA Negeri 26 Jakarta

Gambar 3.140 Rancangan Layar Admin Edit Data S iswa Layar ini adalah layar untuk melakukan perubahan data siswa. Layar ini muncul ketika admin menekan tombol “edit” pada list data siswa di layar lihat data siswa. Pada awalnya field-field dalam form ini akan terisi data awal siswa. Kemudian admin dapat mengubah data yang muncul dalam field-field tersebut kemudian menekan tombol “submit” untuk menyimpan ke dalam basis data jika edit sudah selesai dilakukan.

191

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

Data Pribadi > Tambah Data Siswa

KELAS

ID Kelas

:

DATA P RIBADI

ID Siswa Email

: :

Nama Siswa Jenis Kelamin Alamat Telepon Kota Kode pos Negara

: : : : : : :

Agama Tempat Lahir Tanggal Lahir Status Orang Tua

: : : :

Lihat Data Siswa >> Tambah Data Siswa >> Cari Data Siswa >> Lihat Data Guru >> Tambah Data Guru >> Cari Data Guru >> Lihat Data Admin >>

JADWAL

STEP 1 DARI 2



Gambar 3.141 Rancangan Layar Admin Tambah Data Siswa ( Tahap 1 )

Halaman ini merupakan halaman untuk menambah data siswa baru. Pada halaman ini terdapat field – field untuk menginput data siswa. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman

192

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

KELAS DATA P RIBADI Lihat Data Siswa >> Tambah Data Siswa >> Cari Data Siswa >> Lihat Data Guru >> Tambah Data Guru >> Cari Data Guru >>

Data Pribadi > Tambah Data Siswa Tambahkan data ORANG TUA dari : Nama Ayah Pekerjaan

: :

Nama Ibu Pekerjaan

: :

Alamat Telepon Kota Kode pos Negara

: : : : :

Lihat Data Admin >> STEP 2 DARI 2

JADWAL MAT ERI FORUM P ENGUMUMAN


Gambar 3.142 Rancangan Layar Admin Tambah Data Siswa ( Tahap 2 )

Halaman ini merupakan halaman untuk menginput data orang tua atau wali dari siswa yang baru diinput datanya. Pada halaman ini terdapat field – field untuk menginput data orang tua siswa tersebut. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

193

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

Data Pribadi > Cari Data Siswa

KELAS

Cari berdasarkan nama :


SUBMIT

NIS

Nama Siswa

Kelas

xxxx

xxxxxxxxxxx

xxxx

Edit

Hapus

X

xxxx

xxxxxxxxxxx

xxxx

X

xxxx

xxxxxxxxxxx

xxxx

X

Lihat Data Admin >>


Gambar 3.143 Rancangan Layar Admin Cari Data Siswa

Jika pada menu data pribadi, admin memilih link cari data siswa, maka admin akan berpindah ke layar ini. Dilayar ini admin bisa mencari data siswa yang diinginkan dengan memasukkaan nama siswa tersebut dan menekan tombol “cari”. Hasil pencarian akan muncul dibawahnya disertai link ”Edit” untuk melakukan perubahan data siswa dan ”delete” untuk menghapus data siswa dari basis data.

194

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

Data Pribadi > Lihat Data Guru

KELAS NIP

Nama Guru

Telepon

Edit

Hapus

DATA P RIBADI Lihat Data Siswa >> Tambah Data Siswa >> Cari Data Siswa >>

xxx

xxxxxxxx

xxxxxx

X

xxx

xxxxxxxx

xxxxxx

X

Lihat Data Guru >> Tambah Data Guru >> Cari Data Guru >>

xxx

xxxxxxxx

xxxxxx

X

xxx

xxxxxxxx

xxxxxx

X

Lihat Data Admin >>


Gambar 3.144 Rancangan Layar Admin Lihat Data Guru

Halaman ini merupakan halaman untuk melihat data guru yang ada. Pada halaman ini menampilkan informasi tenang NIP, nama guru, telepon, dan juga dapat mengubah dan menghapus data guru tersebut. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

195

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

Data Pribadi > Lihat Detail Data Guru

KELAS

Data Lengkap Guru : xxxxxxxxxxxx


ID Guru : Email : Telepon : Nama : Alamat : Kota : Kode Pos : Negara : Jenis Kelamin : Agama : Tempat Tanggal Lahir:

xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxxxx xxxxxxxxxxx xxxxxxx xxxxxxx xxxxxxxxxxxxx

Lihat Data Admin >>

JADWAL

Jadwal Kelas Aktif Kode Guru

MAT ERI FORUM

xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx

Nama Pelajaran

Kelas

Hari

xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxx

xxxxxxx xxxxxxx xxxxxxx xxxxxxx

xxxxxx xxxxxx xxxxxx xxxxxx

Jam

xxxxxxx xxxxxxx xxxxxxx xxxxxxx

P ENGUMUMAN Copyrighted @ 2008 SMA Negeri 26 Jakarta

Gambar 3.145 Rancangan Layar Admin Lihat Data Guru Detail

Halaman ini merupakan halaman untuk melihat data lengkap guru. Pada halaman ini terdapat seluruh informasi detail dari guru yang bersangkutan mulai dari data pribadi hingga jadwal mengajar. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

196

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

KELAS DATA P RIBADI Lihat Data Siswa >> Tambah Data Siswa >> Cari Data Siswa >> Lihat Data Guru >> Tambah Data Guru >> Cari Data Guru >> Lihat Data Admin >>

Data Pribadi > Edit Data Guru Nama Guru

:

Jenis Kelamin

:

Alamat

:

Telepon

:

Kota

:

Kode Pos

:

Negara

:

Agama

:

Tempat Lahir

:

Tanggal Lahir

:

Email

:

JADWAL

SUBMIT

MAT ERI FORUM P ENGUMUMAN Copyrighted @ 2008 SMA Negeri 26 Jakarta

Gambar 3.146 Rancangan Layar Admin Edit Data Guru

Halaman ini merupakan halaman untuk mengubah data guru. Pada halaman ini terdapat field – field untuk mengubah data guru. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

197

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

KELAS

Data Pribadi > Tambah Data Guru ID Guru

:

Email

:

Nama Guru

:

Jenis Kelamin

:

DATA P RIBADI Lihat Data Siswa >> Tambah Data Siswa >> Cari Data Siswa >> Lihat Data Guru >> Tambah Data Guru >> Cari Data Guru >> Lihat Data Admin >>

JADWAL MAT ERI

Alamat

:

Telepon

:

Kota

:

Kode Pos

:

Negara

:

Agama

:

Tempat Lahir

:

Tanggal Lahir

: SUBMIT

FORUM P ENGUMUMAN Copyrighted @ 2008 SMA Negeri 26 Jakarta

Gambar 3.147 Rancangan Layar Admin Tambah Data Guru

Halaman ini merupakan halaman untuk memasukan data guru yang baru. Pada halaman ini terdapat field – field untuk memasukan data yang ada. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

198

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

Data Pribadi > Cari Data Guru

KELAS

Cari berdasarkan nama :


NIP

SUBMIT

Nama Guru

Telepon

Edit

Hapus

xxxx

xxxxxxxxxx

xxxxxxx

X

xxxx

xxxxxxxxxx

xxxxxxx

X

xxxx

xxxxxxxxxx

xxxxxxx

X

Lihat Data Admin >>


Gambar 3.148 Rancangan Layar Admin Cari Data Guru

Halaman ini merupakan halaman untuk mencari data guru dengan memasukan nama guru pada textbox yang ada. Dan jika data guru yang dicari ada maka akan tampil dibawahnya, data tersebut juga dapat di ubah dan di hapus. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

199

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

Data Pribadi > Lihat Data Admin

KELAS ID Admin

Password

DATA P RIBADI Lihat Data Siswa >> Tambah Data Siswa >> Cari Data Siswa >>

xxxxxxx

xxxxxxxxx

Lihat Data Guru >> Tambah Data Guru >> Cari Data Guru >> Lihat Data Admin >>


Gambar 3.149 Rancangan Layar Admin Lihat Data Admin

Jika pada menu data pribadi, admin memilih link “lihat data admin”, maka admin akan berpindah ke layar ini. Di layar ini ditampilkan id admin dan password masuknya.

200

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

Jadwal > Lihat Jadwal

KELAS NIP Guru

DATA P RIBADI

JADWAL Lihat Jadwal >> Tambah Jadwal >>

Nama Pelajaran

Hari

Jam

Kelas

Hapus

xxxxxx

xxxxxxxxxxxx

xxxxx

xxxxxx

xxxxxxxx

X

xxxxxx

xxxxxxxxxxxx

xxxxx

xxxxxx

xxxxxxxx

X

xxxxxx

xxxxxxxxxxxx

xxxxx

xxxxxx

xxxxxxxx

X

xxxxxx

xxxxxxxxxxxx

xxxxx

xxxxxx

xxxxxxxx

X

xxxxxx

xxxxxxxxxxxx

xxxxx

xxxxxx

xxxxxxxx

X

xxxxxx

xxxxxxxxxxxx

xxxxx

xxxxxx

xxxxxxxx

X



Gambar 3.150 Rancangan Layar Admin Menu Jadwal

Halaman ini merupakan halaman untuk melihat seluruh jadwal pelajaran yang ada. Pada halaman ini terdapat informasi mengenai ID guru, nama pelajaran, hari, jam, kelas, dan juga terdapat tombol untuk menghapus jadwal tersebut. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

201

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

KELAS DATA P RIBADI

JADWAL Lihat Jadwal >> Tambah Jadwal >>

Jadwal > Tambah Jadwal Kelas

:

Nama Pelajaran

:

Guru Pengajar

:

Hari

:

Jam Mulai

:

Jam Berakhir

:

MAT ERI FORUM

Tambah Jadwal

P ENGUMUMAN


Gambar 3.151 Rancangan Layar Admin Tambah Jadwal

Halaman ini merupakan halaman untuk menambah jadwal baru. Pada halaman ini terdapat field kelas, nama pelajaran, guru pengajar, hari, jam mulai, jam berakhir, dan jika semua field telah terisi maka terdapat tombol tambah jadwal untuk memasukannya kedalam database. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

202

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel


KELAS DATA P RIBADI

JADWAL MAT ERI

Nama Pelajaran

Judul Materi

Deadline Materi

Hapus

xxxxxxxxxxxx

xxxxxxxxxxx

xxxxxxxxxxxxx

X

xxxxxxxxxxxx

xxxxxxxxxxx

xxxxxxxxxxxxx

X

xxxxxxxxxxxx

xxxxxxxxxxx

xxxxxxxxxxxxx

X

xxxxxxxxxxxx

xxxxxxxxxxx

xxxxxxxxxxxxx

X

Lihat Materi >> Tambah Materi >>

FORUM P ENGUMUMAN


Gambar 3.152 Rancangan Layar Admin Menu Materi

Halaman ini merupakan halaman untuk melihat seluruh materi yang ada. Pada halaman ini terdapat informasi mengenai nama pelajaran, judul materi, deadline materi dan tombol utuk menghapus materi tersebut. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

203

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

KELAS DATA P RIBADI

JADWAL MAT ERI

Materi > Detail Materi ID MATERI

: xxxxxxxxx

ID PELAJARAN

: xxxxxxxxx

JUDUL MATERI

: xxxxxxxxxx

MATERI UTAMA

: xxxxxxxxxx

MATERI TAMBAHAN

: xxxxxxxxxxxx

SOAL MATERI

: xxxxxxxxxxx

DEADLINE MATERI

: xxxxxxxxxx

Lihat Materi >> Tambah Materi >>

kembali

FORUM P ENGUMUMAN


Gambar 3.153 Rancangan Layar Admin Lihat Detail Materi

Halaman ini merupakan halaman untuk melihat detail materi yang ada. Pada halaman ini terdapat informasi mengenai seluruh materi. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

204

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

KELAS DATA P RIBADI

Materi > Tambah Materi Materi :

Browse..

Upload Materi

Soal

Browse..

Upload Materi

:

JADWAL MAT ERI Lihat Materi >> Tambah Materi >>

FORUM

Nama Pelajaran

:

Judul Materi

:

Deadline Materi : SUBMIT

P ENGUMUMAN


Gambar 3.154 Rancangan Layar Admin Tambah Materi

Halaman ini merupakan halaman untuk menambah materi baru. Pada halaman ini terdapat field untuk mencari file yang akan di upload dan juga terdapat field untuk mengupload soal yang akan di upload. Selain itu terdapat juga field untuk memasukan nama pelajaran, judul materi dan deadline materi. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

205

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

Forum > Lihat Forum

KELAS DATA P RIBADI

ID Forum

Nama Pelajaran

Topik

Reply

xxxxxxxxxx

xxxxxxxxxxxxxxxx

xxxx

xxxx

xxxxxxxxxx

xxxxxxxxxxxxxxxx

xxxx

xxxx

xxxxxxxxxx

xxxxxxxxxxxxxxxx

xxxx

xxxx

xxxxxxxxxx

xxxxxxxxxxxxxxxx

xxxx

xxxx

JADWAL MAT ERI FORUM Lihat Forum >>

P ENGUMUMAN


Gambar 3.155 Rancangan Layar Admin Menu Forum

Halaman ini merupakan halaman untuk melihat semua forum yang ada. Pada halaman ini terdapat informasi mengenai ID forum, nama pelajaran, topik, dan juga terdapat tombol untuk masuk ke judul forum tersebut. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

206

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

Forum > Lihat Forum

KELAS Reply

Judul Topik

DATA P RIBADI

Tanggal Post

Oleh

xxxxxxxxxxxxxxxx

xxxxxxxxx

xxxx

xxxxxxxxxxxxxxxx

xxxxxxxxx

xxxx

xxxxxxxxxxxxxxxx

xxxxxxxxx

xxxx

xxxxxxxxxxxxxxxx

xxxxxxxxx

xxxx

JADWAL MAT ERI FORUM Lihat Forum >>

P ENGUMUMAN


Gambar 3.156 Rancangan Layar Admin Lihat Topik Forum

Apabila admin mengklik salah satu mata pelajaran pada menu forum, maka admin akan berpindah ke layar ini. Pada layar ini ditampilkan topik-topik yang ada dari mata pelajaran yang dipilih.

207

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

KELAS

Forum > Baca Forum xxxxxx xxxxxxxx

DATA P RIBADI

JADWAL MAT ERI

xxxxx xxxxxxxxx

xxxxxxxxxxxxxxxx

xxxxx xxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxx

xxxxx xxxxxxxxx

xxxxxxxxxxxxxxxxxxxx


P ENGUMUMAN


Gambar 3.157 Rancangan Layar Admin Lihat Detail Forum

Halaman ini merupakan halaman untuk membaca topik yang ada. Pada halaman ini terdapat informasi mengenai judul topik dan siapa saja yang mereply di topik tersebut. Di halaman ini terdapat pilihan menu di sebelah kiri terdapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

208

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

KELAS

Pengumuman > Lihat Pengumuman ID News

DATA P RIBADI

JADWAL MAT ERI

ID Admin

Judul

Tanggal Post

Tipe

Hapus

xxxxxx

xxxxxx

xxxxxx

xxxxxxxxxx

xxxxxxx

X

xxxxxx

xxxxxx

xxxxxx

xxxxxxxxxx

xxxxxxx

X

xxxxxx

xxxxxx

xxxxxx

xxxxxxxxxx

xxxxxxx

X

xxxxxx

xxxxxx

xxxxxx

xxxxxxxxxx

xxxxxxx

X

FORUM P ENGUMUMAN Lihat Pengumuman >> Tambah Pengumuman >>


Gambar 3.158 Rancangan Layar Admin Menu Pengumuman

Halaman ini merupakan halaman untuk melihat pengumuman yang telah di kirim oleh admin. Pada halaman ini terdapat informasi mengenai ID News, ID admin, judul, tnggal post, tipe, dan juga terdapat tombol untuk menghapus pengumuman tersebut. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

209

BANNER LOGO

Hari ini : Menu admin Panel

KELAS DATA P RIBADI

JADWAL

home | logout

Pengumuman > Lihat Detail Pengumuman ID NEWS

: xxxxxxx

ID ADMIN

: xxxxxxxxx

JUDUL

: xxxxxxxx

ISI

: xxxxxxxxxx

TANGGAL POST

: xxxxxxxxx

LINK DOWNLOAD : xxxxxxxxxx

MAT ERI FORUM

TIPE NEWS

: xxxxxxxxx

kembali

P ENGUMUMAN Lihat Pengumuman >> Tambah Pengumuman >>


Gambar 3.159 Rancangan Layar Admin Lihat Pengumuman Detail

Halaman ini merupakan halaman untuk melihat detail pengumuman yang ada. Pada halaman ini terdapat seluruh informasi mengenai pengumuman tersebut. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

210

BANNER LOGO

Hari ini :

home | logout

Menu admin Panel

KELAS

Pengumuman > Tambah Pengumuman File :

Browse..

Upload File

DATA P RIBADI Judul

:

Isi

:

Tipe Berita

:

JADWAL MAT ERI FORUM P ENGUMUMAN SUBMIT

Lihat Pengumuman >> Tambah Pengumuman >>


Gambar 3.160 Rancangan Layar Admin Tambah Pengumuman

Halaman ini merupakan halaman untuk menambah pengumuman baru. Pada halaman ini terdapat textbox untuk mencari file yang akan di upload, dan textbox untuk memasukan judul, isi news, dan tipe berita yang terdiri dari dua jenis yaitu news dan dowmnload. Di halaman ini terdapat pilihan menu di sebelah kiri tedapat pilihan kelas, data pribadi, jadwal, materi, forum, dan pengumuman.

211 3.4.3 Perancangan UML Pada S olusi 3.4.3.1 Diagram Class

Gambar 3.161 Class Diagram

212 3.4.3.2 Diagram Use Case

Gambar 3.162 Use Case Siswa

213

Gambar 3.163 Use Case Guru

214

Gambar 3.164 Use Case Admin

215 3.4.3.3 Diagram Sequence

Gambar 3.165 S equence Siswa Login

216

Gambar 3.166 S equence Siswa Download Materi

Gambar 3.167 S equence Siswa Download S oal latihan

217

Gambar 3.168 S equence Siswa Upload Jawaban

Gambar 3.169 S equence Siswa Lihat Nilai

218

Gambar 3.170 S equence Siswa Lihat dan Update Profile

219

view jadw al :GUI

siswa1 : siswa

jad wal1 : jadwal

MsPelajaran

siswa pilih link jadw al <> setNis

setKdKelas() setIdPelajaran() query2(sqlSelect) return rs

return

view jadwal

Gambar 3.171 S equence Siswa View Jadwal Kelas

220

Gambar 3.172 S equence Siswa View Forum

221

Gambar 3.173 S equence Siswa Reply Topik

222

Gambar 3.174 S equence Siswa Ubah PIN

Gambar 3.175 S equence Siswa Baca Pesan Pribadi

223

Gambar 3.176 S equence Guru Login

224

Gambar 3.177 S equence Guru Upload Materi Tambahan

225

Gambar 3.178 S equence Guru Download Materi

226

Gambar 3.179 S equence Guru Download Jawaban

227

Gambar 3.180 S equence Guru View Jadwal Mengajar

228

Gambar 3.181 S equence Guru View Nilai

229 Gambar 3.182 S equence Guru Add Nilai

Gambar 3.183 S equence Guru Update Nilai

Gambar 3.184 S equence Guru Delete Nilai

230

Gambar 3.185 S equence Guru Kirim Pesan

231

Gambar 3.186 S equence Guru Update Profile

232

Gambar 3.187 S equence Guru Insert Topik

233

Gambar 3.188 S equence Guru Hapus Topik

234

Gambar 3.189 S equence Guru View Jadwal Mengajar

Gambar 3.190 S equence User Logout

235

Gambar 3.191 S equence User Lihat Pengumuman

236

Gambar 3.192 S equence User Download Pengumuman

237

Gambar 3.193 S equence Admin Insert Siswa

238

Gambar 3.194 S equence Admin Cari Data Siswa

239

Gambar 3.195 S equence Admin Add Materi

240

Gambar 3.196 S equence Admin Delete Kelas

Gambar 3.197 S equence Admin Lihat Kelas

241

Gambar 3.198 S equence Admin Delete Pelajaran

242

Gambar 3.199 S equence Admin Insert Kelas

243

insert jadwal : GUI

pelajaran1 : pelajaran

MsPelajaran

admin

pilih link <> setIdPelajaran() insertKelas() insertNamaPelajaran() InsertJam() insertHari() insertNamaGuru()

query(sqlInsert) return Return Result

konfirmasi message

Gambar 3.200 S equence Admin Insert Pelajaran

244

Gambar 3.201 S equence Admin Lihat Jadwal Pelajaran

245

Gambar 3.202 S equence Admin Insert Pengumuman

246

Gambar 3.203 S equence Admin Insert Guru

247

login page:GUI

admin1:admin

MsAdmin

admin

input username & password setIdAdmin() setPass() cekLogin() query(sqlSelect) return setIpLogin() setStatusId()

query(sqlUpdate) return return confirmation message

redirect

Gambar 3.204 S equence Admin Login

MsTransaksi

home:GUI

248

view search guru : GUI

form edit guru : GUI

guru1 :guru

admin pilih link pilih link edit <> setNip() getData query(sqlSelect) return

return rs

return entry data

<> setVar update_guru() query(sqlUpdate) return return return

konfirmasi hasil

Gambar 3.205 S equence Admin Ubah Data Guru

249

Gambar 3.206 S equence Admin Hapus Data Guru

250

Gambar 3.207 S equence Admin Cari Data Guru

Gambar 3.208 S equence Admin Lihat Data Guru

251

Gambar 3.209 S equence Admin Lihat Data Siswa

Gambar 3.210 S equence Admin Hapus Data S iswa

252

Gambar 3.211 sequence Admin Ubah Data Siswa

253

Gambar 3.212 S equence Admin Update Kelas

254

Gambar 3.213 S equence Admin Delete Pengumuman

Gambar 3.214 S equence Admin Upload Pengumuman

255 3.4.3.4 Diagram S tate

Gambar 3.215 S tatechart Admin Tambah Pengumuman

Gambar 3.216 S tatechart Admin Upload S oal

Gambar 3.217 S tatechart Admin Upload Materi

256

Gambar 3.218 S tatechart Lihat Pengumuman

Gambar 3.219 S tatechart Admin Buat Kelas

Gambar 3.220 S tatechart Admin Update Kelas

257

Gambar 3.221 S tatechart Admin Delete User

Gambar 3.222 S tatechart S iswa Download Materi

Gambar 3.223 S tatechart S iswa Upload Jawaban S oal

258

Gambar 3.224 S tatechart Guru Buat Topik

Gambar 3.225 S tatechart S iswa Reply Topik

Gambar 3.226 S tatechart Guru Add Materi Tambahan

Gambar 3.227 S tatechart Guru Upload Nilai

259 3.4.4 Perancangan Basis Data Pada S olusi

Gambar 3.228 ERD

260

Gambar 3.229 Tabel ms_guru Fungsi tabel ini untuk menyimpan data pribadi guru dan materi yang diajarkan Primary key dari tabel ini adalah : id_guru Tabel 3.3 Definisi Tabel ms_guru No. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13.

Nama Field id_guru password email nama_guru jenis_kelamin alamat telp kota kode_pos negara agama tempat_lahir tgl_lahir

Tipe Data int(10) text varchar(50) varchar(50) varchar(10) text varchar(15) varchar(20) varchar(7) varchar(15) varchar(10) varchar(20) varchar(30)

Keterangan primary key, diambil dari NIP guru password untuk akses user alamat email user nama lengkap user jenis kelamin user alamat lengkap user nomor telepon yang bisa dihubungi kota tempat tinggal user kode pos user negara tempat tinggal user agama user tempat lahir user tanggal lahir user

261

Gambar 3.230 Tabel ms_siswa Fungsi tabel ini untuk menyimpan data pribadi siswa dan informasi yang berhubungan dengan kesiswaan di SM A Negeri 26. Primary key dari tabel ini adalah : id_siswa Tabel 3.4 Definisi Tabel ms_siswa No. Nama Field 1. id_siswa

Tipe Data int(5)

2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16.

varchar(10) varchar(10) varchar(5) text varchar(50) varchar(50) varchar(10) text varchar(15) varchar(20) varchar(7) varchar(15) varchar(10) varchar(20) varchar(30)

id_orangtua id_wali id_kelas password email nama_siswa jenis_kelamin alamat telp kota kode_pos negara agama tempat_lahir tgl_lahir

Keterangan primary key, diambil dari nomor induk siswa diambil dari primary key ms_orang tua diambil dari primary key ms_wali diambil dari primary key ms_kelas password akses user alamat email user nama lengkap user jenis kelamin user alamat lengkap user nomor telepon user kota tempat tinggal user kode pos tempat tinggal user negara tempat tinggal user agama user tempat lahir user tanggal lahir user

262

Gambar 3.231 Tabel ms_orangtua Fungsi tabel ini untuk menyimpan data dan informasi dari orang tua murid SM A Negeri 26. Primary key dari tabel ini adalah : id_orangtua Tabel 3.5 Definisi Tabel ms_orangtua No. Nama Field 1. id_orangtua

Tipe Data int (10)

2. 3. 4. 5. 6. 7. 8. 9. 10.

varchar(50) varchar(30) varchar(50) varchar(30) text varchar(20) varchar(20) varchar(7) varchar(15)

nama_ayah pekerjaan_ayah nama_ibu pekerjaan_ibu alamat telp kota kode_pos negara

Keterangan primary key, kode identitas orang tua murid yang bersangkutan nama lengkap ayah pekerjaan ayah nama lengkap ibu pekerjaan ibu alamat lengkap ibu nomor telepon orang tua kota tempat tinggal orang tua kode pos tempat tinggal orang tua negara tempat tinggal orang tua

263

Gambar 3.232 Tabel ms_wali Fungsi tabel ini untuk menyimpan data dan informasi dari wali murid jika murid yang bersangkutan tidak memiliki orang tua. Primary key dari tabel ini adalah ; id_wali Tabel 3.6 Definisi Tabel ms_wali No. Nama Field 1. id_wali

Tipe Data int(10)

2. 3. 4. 5. 6. 7. 8.

varchar(50) varchar(30) text varchar(20) varchar(20) varchar(7) varchar(15)

nama_wali pekerjaan alamat telp kota kode_pos negara

Keterangan primary key, berisi kode identitas wali murid yang bersangkutan nama lengkap wali pekerjaan wali alamat lengkap wali nomor telepon wali murid kota tempat tinggal wali murid kode pos tempat tinggal wali murid negara tempat tinggal wali murid

264

Gambar 3.233 Tabel ms_nilai Fungsi tabel ini adalah menyimpan informasi nilai dari masing-masing siswa. Primary key dari tabel ini adalah ; id_nilai Tabel 3.7 Definisi Tabel ms_nilai No. 1. 2. 3. 4. 5. 6. 7. 8. 9.

Nama Field id_nilai id_pelajaran id_siswa nilai_harian_1 nilai_harian_2 nilai_harian_3 nilai_uts nilai_uas nilai_akhir

Tipe Data int(10) varchar(10) int(5) varchar(10) varchar(10) varchar(10) varchar(10) varchar(10) varchar(10)

Keterangan primary key, diambil dari primary key ms_pelajaran diambil dari primary key ms_siswa nilai ulangan harian pertama siswa nilai ulangan harian kedua siswa nilai ulangan harian siswa ketiga nilai UTS siswa nilai UAS siswa nilai akumulatif akhir siswa

265

Gambar 3.234 Tabel ms_pelajaran Fungsi tabel ini untuk menyimpan informasi pelajaran yang diajarakan dalam KBM . Primary key dari tabel ini adalah : id_pelajaran Tabel 3.8 Definisi Tabel ms_pelajaran No. 1. 2. 3. 4. 5. 6.

Nama Field id_pelajaran id_kelas id_guru nama_pelajaran hari jam

Tipe Data int(10) varchar(15) int(10) varchar(20) varchar(10) varchar(20)

Keterangan primary key, kode identitas pelajaran diambil dari primary key ms_kelas diambil dari primary key ms_guru nama pelajaran hari pelajaran berlangsung jam pelajaran berlangsung

Gambar 3.235 Tabel ms_kelas Fungsi tabel ini untuk menyimpan data kelas yang ada. Primary key dari tabel ini adalah : id_kelas Tabel 3.9 Definisi Tabel ms_kelas No. 1. 2. 3. 4.

Nama Field id_kelas tingkat kode_kelas jurusan

Tipe Data int(10) varchar(5) varchar(5) varchar(10)

Keterangan primary key, kode identitas kelas tingkat pendidikan. seperti X, XI, XII kode kelas. seperti a, b, c, dll jurusan peminatan. seperti IPA dan IPS

266

Gambar 3.236 Tabel ms_materi Fungsi tabel ini untuk menyimpan informasi tiap materi pelajaran yang diajarkan dalam KBM . Primary key dari tabel ini adalah : id_materi Tabel 3.10 Definisi Tabel ms_materi No. 1. 2. 3. 4. 5.

Nama Field id_materi id_pelajaran judul_materi materi_utama materi_tambahan

Tipe Data int(10) varchar(20) varchar(50) varchar(50) varchar(50)

6. 7. 8. 9.

link_pendukung1 link_pendukung2 soal_materi deadline_materi

varchar(50) varchar(50) varchar(50) varchar(30)

Keterangan primary key, kode identitas materi diambil dari primary key ms_pelajaran link ke materi pokok menyimpan informasi materi utama menyimpan informasi materi tambahan menyimpan alamat link pendukung1 menyimpan alamat link pendukung2 menyimpan soal materi pelajaran batas waktu pengumpulan jawaban

267

Gambar 3.237 Tabel ms_jawaban Fungsi tabel ini untuk menampung jawaban yang dikirimkan oleh siswa Primary key dari tabel ini adalah : ms_pelajaran Tabel 3.11 Definisi Tabel ms_jawaban No. 1. 2. 3. 4.

Nama Field id_jawaban id_materi id_siswa jawaban_materi

Tipe Data int(10) varchar(20) int(5) varchar(50)

5. 6.

tgl_jawab pesan_tambahan

varchar(30) text

Keterangan primary key, kode identitas jawaban diambil dari primary key ms_materi diambil dari primary key ms_siswa menyimpan jawaban yang diupload siswa tanggal siswa mengupload jawaban menyimpan pesan tambahan yang dikirim oleh siswa

268

Gambar 3.238 Tabel ms_pesan Fungsi tabel ini untuk menyimpan pesan yang dikirimkan oleh guru Primary key dari tabel ini adalah : id_pesan Tabel 3.12 Definisi Tabel ms_pesan No. 1. 2. 3. 4. 5. 6.

Nama Field id_pesan id_siswa id_guru judul isi_pesan tgl_kirim

Tipe Data int(10) int(5) int(10) varchar(50) text varchar(30)

Keterangan primary key, kode identitas dari pesan diambil dari primary key ms_siswa diambil dari primary key ms_guru judul dari pesan isi dari pesan tanggal pesan dikirim

Gambar 3.239 Tabel ms_admin Fungsi tabel ini untuk menyimpan segala informasi admin. Primary key dari tabel ini adalah : id_admin Tabel 3.13 ms_admin No. Nama Field 1. id_admin 2. password

Tipe Data varchar(10) text

Keterangan primary key, kode identitas admin password akses administrator

269

Gambar 3.240 Tabel ms_transaksi Fungsi tabel ini untuk menghubungkan semua kegiatan ke admin Primary key dari tabel ini adalah : id_transaksi Tabel 3.14 Definisi Tabel ms_transaksi No. 1. 2. 3. 4. 5. 6. 7. 8. 9.

Nama Field id_transaksi id_admin id_guru id_siswa status_id login_terakhir logout_terakhir ip_login profil_update

Tipe Data int(10) varchar(25) int(10) int(5) varchar(5) varchar(30) varchar(30) varchar(15) varchar(30)

Keterangan primary key, kode identitas transaksi diambil dari primary key ms_admin diambil dari primary key ms_guru diambil dari primary key ms_siswa status untuk login waktu terakhir user login waktu terakhir user logout ip address sewaktu user login waktu terakhir update profile

270

Gambar 3.241 Tabel ms_news Fungsi tabel ini untuk menyimpan data dan informasi pengumuman yang dipublikasikan. Primary key dari tabel ini adalah : id_news Tabel 3.15 Definisi Tabel ms_news No. Nama Field 1. id_news

Tipe Data int(11)

2. 3. 4. 5. 6. 7. 8.

id_admin id_guru id_siswa judul isi_news tgl_post link_download

varchar(25) int(10) int(5) varchar(50) text varchar(30) varchar(50)

9.

tipe_news

varchar(10)

Keterangan primary key, kode identitas pengumuman diambil dari primary key ms_admin diambil dari primary key ms_guru diambil dari primary key ms_siswa judul pengumuman isi pengumuman tanggal posting pengumuman untuk menyimpan file yang akan di download tipe dari pengumuman tersebut

271

Gambar 3.242 Tabel ms_forum Fungsi tabel ini untuk menyimpan data forum yang ada. Primary key dari tabel ini adalah : id_forum Tabel 3.16 Definisi Tabel ms_forum No. Nama Field 1. id_forum 2. id_kelas 3. judul_forum

Tipe Data int(10) varchar(5) varchar(50)

Keterangan primary key, kode identitas forum diambil dari primary key ms_kelas judul dari forum

Gambar 3.243 Tabel ms_topik Fungsi tabel ini untuk menyimpan data topik pada forum. Primary key dari tabel ini adalah : id_topik Tabel 3.17 Definisi Tabel ms_topik No. 1. 2. 3. 4. 5. 6.

Nama Field id_topik id_forum judul isi_thread waktu_post nama

Tipe Data int(10) varchar(5) varchar(50) text varchar(30) varchar(35)

Keterangan primary key, kode identitas topik diambil dari primary key ms_forum judul thread isi thread waktu posting thread nama thread

272

Gambar 3.244 Tabel ms_reply Fungsi tabel ini untuk menyimpan data reply forum Primary key dari tabel ini adalah : id_reply Tabel 3.18 Definisi Tabel ms_reply No. 1. 2. 3. 4. 5.

Nama Field id_reply id_topik isi_thread waktu_post nama

Tipe Data int(10) varchar(5) text varchar(30) varchar(35)

Keterangan primary key, kode identitas reply diambil dari primary key ms_topik isi thread waktu posting thread nama yang me-reply thread tersebut

273 3.4.5 Perancangan Spesifikasi Proses 1. Modul Login Layar login ditampilkan IF tombol login diklik THEN Validasi ID login, password dan status IF status = siswa THEN Buat koneksi basis data IF ID login dan password tidak valid THEN Tampilkan pesan error ELSE Tampilkan halaman utama siswa END IF ELSE IF status = guru THEN Buat koneksi basis data IF ID login dan password tidak valid THEN Tampilkan pesan error ELSE

274 Tampilkan halaman utama guru END IF ELSE Buat koneksi databse IF ID login dan password tidak valid THEN Tampilkan pesan error ELSE Tampilkan layar halaman utama admin END IF END IF END IF 2.

Modul Logout IF pilihan logout dipilih THEN destroy session Tampilkan halaman login END IF

3.

Modul Home

275 IF pilihan home dipilih THEN Tampilkan halaman home END IF 4.

Modul Forget Password IF pilihan forget password dipilih THEN Tampilkan halaman forget password IF tombol ok diklik THEN Validasi ID login dan email IF inputan tidak valid THEN Tampilkan pesan error ELSE Buat koneksi basis data Buat random password Update password di basis data Kirim email konfirmasi password Tampilkan halaman login END IF

276 END IF END IF

SISWA : 1.

Modul Jadwal IF pilihan jadwal dipilih THEN Tampilkan halaman lihat jadwal END IF

2.

Modul Materi IF pilihan materi dipilih THEN tampilkan halaman pelajaran IF pilihan pelajaran dipilih THEN tampilkan halaman lihat materi IF materi dipilih THEN tampilkan halaman detail materi IF pilihan download materi utama dipilih THEN Lakukan download materi utama

277 ELSE IF pilihan download materi tambahan dipilih THEN Lakukan download materi tambahan ELSE IF pilihan download soal materi dipilih THEN Lakukan download soal materi ELSE IF tombol upload file dipilih THEN tampilkan halaman upload file IF tombol upload dipilih THEN lakukan upload file IF tombol submit dipilih THEN masukkan link file ke basis data tampilkan halaman pelajaran END IF END IF END IF END IF END IF 3.

Modul Nilai IF pilihan nilai dipilih THEN

278 Tampilkan halaman lihat nilai IF pilihan pelajaran dipilih THEN Tampilkan detail nilai pelajaran END IF 4.

Modul Data Pribadi IF pilihan data pribadi dipilih THEN Tampilkan halaman lihat data pribadi IF tombol update telp&email dipilih THEN Update basis data Tampilkan halaman lihat data pribadi END IF END IF

5.

Modul Forum IF pilihan forum dipilih THEN Tampilkan halaman forum IF mata pelajaran diklik THEN Tampilkan halaman topik forum IF topik forum diklik THEN

279 Tampilkan halaman detail forum IF icon reply forum diklik THEN Tampilkan halaman reply forum IF tombol kirim reply diklik THEN Lakukan Posting reply forum Tampilkan halaman detail forum END IF END IF END IF END IF END IF 6.

Modul Ubah PIN IF pilihan ubah PIN dipilih THEN Tampilkan halaman ubah PIN IF tombol submit dipilih THEN IF inputan password lama tidak valid THEN Tampilkan pesan error

280 ELSE Ubah basis data Tampilkan halaman ubah PIN END IF END IF END IF 7.

Modul Download IF pilihan download dipilih THEN Tampilkan halaman download IF pilihan link download dipilih THEN lakukan kofirmasi download END IF END IF

281 GURU : 1.

Modul Materi IF pilihan materi dipilih THEN Tampilkan halaman lihat materi IF materi dipilih THEN tampilkan halaman detail materi IF pilihan download materi utama dipilih THEN Lakukan download materi utama ELSE IF pilihan download materi tambahan dipilih THEN Lakukan download materi tambahan ELSE IF pilihan download soal materi dipilih THEN Lakukan download soal materi ELSE IF pilihan kembali dipilih THEN tampilkan halaman lihat materi END IF END IF IF pilihan tambah materi dipilih THEN

282 Tampilkan halaman tambah materi IF tombol upload dipilih THEN lakukan upload file IF tombol submit dipilih THEN masukkan link file ke basis data tampilkan halaman pelajaran END IF END IF IF pilihan lihat jawaban dipilih THEN Tampilkan halaman lihat jawaban IF pilihan materi dipilih THEN Tampilkan halaman lihat detail jawaban IF pilihan download dipilih THEN Lakukan konfirmasi download END IF END IF END IF END IF

283 2.

Modul Jadwal IF pilihan jadwal dipilih THEN Tampilkan halaman lihat jadwal END IF

3.

Modul Nilai IF pilihan nilai dipilih THEN Tampilkan halaman lihat nilai IF pilihan edit dipilih THEN Tampilkan halaman edit nilai IF tombol submit dipilih THEN Ubah basis data Tampilkan halaman lihat nilai END IF END IF IF pilihan add dipilih THEN Tampilkan halaman tambah nilai IF tombol submit dipilih THEN

284 Masukan ke basis data Tampilkan halaman lihat nilai END IF END IF IF pilihan hapus dipilih THEN Hapus dari basis data Tampilkan halaman lihat nilai END IF END IF 4.

Modul Pesan IF pilihan pesan dipilih THEN Tampilkan halaman lihat pesan IF pilihan kirim pesan dipilih THEN Tampilkan halaman kirim pesan IF tombol kirim pesan diklik THEN Tampilkan halaman detail kirim IF tombol submit dipilih THEN Masukan ke basis data

285 Tampilkan halaman lihat pesan END IF END IF END IF 5.

Modul Data Pribadi IF pilihan data pribadi dipilih THEN Tampilkan halaman lihat data pribadi IF tombol update telp&email dipilih THEN Update basis data Tampilkan halaman lihat data pribadi END IF END IF

6.

Modul Forum IF pilihan forum dipilih THEN Tampilkan halaman forum IF icon topik dipilih THEN Tampilkan halaman buat topik

286 IF tombol buat topik dipilih THEN Masukkan ke basis data Tampilkan halaman forum END IF END IF IF mata pelajaran diklik THEN Tampilkan halaman topik forum IF icon hapus topik diklik THEN Hapus data dari basis data Tampilkan halaman topik forum END IF IF topik forum diklik THEN Tampilkan halaman detail forum IF icon hapus reply diklik THEN Hapus detail forum dari basis data END IF IF icon reply forum diklik THEN

287 Tampilkan halaman reply forum IF tombol kirim reply diklik THEN Lakukan Posting reply forum Tampilkan halaman detail forum END IF END IF END IF END IF END IF 7.

Modul ubah PIN IF pilihan ubah PIN dipilih THEN Tampilkan halaman ubah PIN IF tombol submit dipilih THEN IF inputan password lama tidak valid THEN Tampilkan pesan error ELSE Ubah basis data

288 Tampilkan halaman ubah PIN END IF END IF END IF 8.

Modul Download IF pilihan download dipilih THEN Tampilkan halaman download IF pilihan link download dipilih THEN lakukan kofirmasi download END IF END IF

289 ADMIN : 1.

Modul Kelas IF pilihan kelas dipilih THEN Tampilkan halaman lihat kelas IF pilihan edit kelas dipilih THEN Tampilkan halaman edit kelas IF tombol submit dipilih THEN Ubah basis data Tampilkan halaman lihat kelas END IF END IF IF pilihan hapus kelas dipilih THEN hapus dari basis data tampilkan halaman lihat kelas END IF IF pilihan tambah kelas dipilih THEN tampilkan halaman tambah kelas

290 IF tombol submit dipilih THEN masukkan data ke basis data tampilkan halaman lihat kelas END IF IF pilihan cari kelas dipilih THEN Tampilkan halaman cari kelas IF pilihan kelas X dipilih THEN Tampilkan halaman semua kelas X IF pilihan kelas XI dipilih THEN Tampilkan halaman semua kelas XI IF pilihan kelas XII dipilih THEN Tampilkan halaman semua kelas XII IF pilihan semua kelas dipilih THEN Tampilkan halaman semua kelas END IF END IF 2.

Modul Data Pribadi

291 IF pilihan data pribadi dipilih THEN Tampilkan halaman lihat data siswa IF nama siswa dipilih THEN Tampilkan data siswa tersebut IF pilihan edit siswa dipilih THEN Tampilkan halaman edit siswa IF tombol submit dipilih THEN Ubah basis data Tampilkan halaman lihat data siswa END IF END IF IF pilihan hapus siswa dipilih THEN Hapus dari basis data Tampilkan halaman lihat data siswa END IF IF pilihan tambah data siswa dipilih THEN Tampilkan halaman tambah data siswa IF tombol step 1 dari 2 dipilih THEN

292 Tampilkan halaman kedua tambah data siswa IF pilihan step 2 dari 2 dipilih THEN Masukkan ke basis data Tampilkan halaman lihat data siswa END IF END IF IF pilihan cari data siswa dipilih THEN Tampilkan halaman cari data siswa IF tombol cari dipilih THEN Tampilkan daftar siswa berdasarkan NIS END IF IF pilihan lihat data guru dipilih THEN Tampilkan halaman lihat data guru IF nama guru dipilih THEN Tampilkan data guru tersebut IF pilihan edit guru dipilih THEN Tampilkan halaman edit guru IF tombol submit dipilih THEN

293 Ubah basis data Tampilkan halaman lihat data guru END IF END IF IF pilihan hapus guru dipilih THEN Hapus dari basis data Tampilkan halaman lihat data guru END IF IF pilihan tambah data guru dipilih THEN Tampilkan halaman tambah data guru IF tombol step 1 dari 1 dipilih THEN Masukkan ke basis data Tampilkan halaman lihat data guru END IF IF pilihan cari data guru dipilih THEN Tampilkan halaman cari data guru IF tombol cari dipilih THEN

294 Tampilkan daftar guru berdasarkan NIP END IF IF halaman lihat data admin dipilih THEN Tampilkan halaman lihat data admin END IF 3.

Modul Jadwal IF pilihan jadwal dipilih THEN Tampilkan halaman lihat jadwal IF pilihan hapus jadwal dipilih THEN Hapus dari basis data Tampilkan halaman jadwal Akhir IF IF pilihan tambah jadwal dipilih THEN Tampilkan halaman tambah jadwal IF tombol tambah dipilih THEN Masukkan ke basis data Tampilkan halaman jadwal

295 END IF END IF 4.

Modul Materi IF pilihan materi dipilih THEN Tampilkan halaman lihat materi IF pilihan hapus materi dipilih THEN Hapus dari basis data Tampilkan halaman materi END IF IF pilihan tambah materi dipilih THEN Tampilkan halaman tambah materi IF tombol tambah dipilih THEN Masukkan ke basis data Tampilkan halaman materi END IF END IF

5.

Modul Forum

296 IF pilihan forum dipilih THEN Tampilkan halaman forum IF mata pelajaran diklik THEN Tampilkan halaman topik forum IF topik forum diklik THEN Tampilkan halaman detail forum END IF END IF END IF 6.

Modul Pengumuman IF pilihan pengumuman dipilih THEN tampilkan halaman lihat pengumuman IF pilihan hapus pengumuman dipilih THEN Hapus dari basis data Tampilkan halaman pengumuman END IF IF pilihan tambah pengumuman dipilih THEN

297 Tampilkan halaman tambah pengumuman IF tombol tambah dipilih THEN Masukkan ke basis data Tampilkan halaman pengumuman END IF END IF

BAB III Sejarah dan Perkembangan Studi Kasus

Recommend Documents