Page 1
SISTEM INFORMASI PEMBELAJARAN ONLINE
BAGI SISWA PRAKTEK KERJA LAPANGAN
SMK RADEN UMAR SAID
Nama
NIM
Program Studi
Fakultas
UNIVERSITAS MURIA KUDUS
LAPORAN SKRIPSI
SISTEM INFORMASI PEMBELAJARAN ONLINE
BAGI SISWA PRAKTEK KERJA LAPANGAN
SMK RADEN UMAR SAID KUDUS
Disusun Oleh :
Nama : Zakkiy Ataka Rikza
NIM : 2007 - 53 - 118
Program Studi : Sistem Informasi
Fakultas : Teknik
UNIVERSITAS MURIA KUDUS
KUDUS
2012
i
SISTEM INFORMASI PEMBELAJARAN ONLINE
BAGI SISWA PRAKTEK KERJA LAPANGAN
Page 2
SISTEM INFORMASI PEMBELAJARAN ONLINE
BAGI SISWA PRAKTEK KERJA LAPANGAN
SMK RADEN UMAR SAID
Laporan ini disusun guna memenuhi salah satu syarat untuk
Studi Sistem Informasi S
Nama
NIM
Program Studi
Fakultas
UNIVERSITAS MURIA KUDUS
LAPORAN SKRIPSI
SISTEM INFORMASI PEMBELAJARAN ONLINE
BAGI SISWA PRAKTEK KERJA LAPANGAN
SMK RADEN UMAR SAID KUDUS
Laporan ini disusun guna memenuhi salah satu syarat untuk
menyelesaikan program
Studi Sistem Informasi S-1 pada Fakultas Teknik
Universitas Muria Kudus
Disusun Oleh :
Nama : Zakkiy Ataka Rikza
NIM : 2007 - 53 - 118
Program Studi : Sistem Informasi
Fakultas : Teknik
UNIVERSITAS MURIA KUDUS
KUDUS
2012
ii
SISTEM INFORMASI PEMBELAJARAN ONLINE
BAGI SISWA PRAKTEK KERJA LAPANGAN
Laporan ini disusun guna memenuhi salah satu syarat untuk
Page 3
Nama Pelaksana Skripsi
NIM
Bidang Studi
Judul Skripsi
Pembimbing I
Pembimbing II
HALAMAN PERSETUJUAN
Pelaksana Skripsi : Zakkiy Ataka Rikza
: 2007 – 53 – 118
: Sistem Informasi S- 1
: Sistem Informasi Pembelajaran Online Bagi Siswa
Praktek Kerja Lapangan SMK Raden Umar Said
Kudus.
: Yudie Irawan, M.Kom
: Syafiul Muzid, ST
Telah disetujuioleh tim pembimbing
untuk diuji
Kudus,Mei 2012
Menyetujui :
iii
Sistem Informasi Pembelajaran Online Bagi Siswa
Praktek Kerja Lapangan SMK Raden Umar Said
2012
Page 4
Nama Pelaksana Skripsi
NIM
Bidang Studi
Judul Skripsi
Pembimbing I
Pembimbing II
Telah diujikan pada ujian sarjana, tanggal
HALAMAN PENGESAHAN
Pelaksana Skripsi : Zakkiy Ataka Rikza
: 2007 – 53 – 118
: Sistem Informasi
: Sistem Informasi Pembelajaran Online Bagi Siswa
Praktek Kerja Lapangan SMK Raden Umar Said
Kudus.
: Yudie Irawan, M.Kom
: Syafiul Muzid, ST
Telah diujikan pada ujian sarjana, tanggal 4Juni 201
dan dinyatakan LULUS
Kudus, 11Juni
iv
mbelajaran Online Bagi Siswa
Praktek Kerja Lapangan SMK Raden Umar Said
2012
11Juni 2012
Page 5
SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH
UNTUK KEPENTINGAN AKADEMIS
Yang bertanda tangan dibawah
Nama
NIM
Progranm studi
Jenjang
Jenis karya
Demi pengembangan ilmu pengetahuan, dengan ini menyetujui untuk memberikan ijin kepada Universitas Muria Kudus exclusiveRoyalti-Free Right:“Pembelajaran Online Bagi Siswa Praktek Kerja Lapangan SMK Raden Umar Said”, beserta perangkat ya Dengan Hak Bebas Royalti Nonberhak menyimpan, mengalihpangkalan data (database)mempublikasikannya di tanpa perlu meminta ijin dari saya. Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak Universitas Muria Kudus, segalapelanggaran Hak Cipta dan karya ilmiah saya ini.
Demikian pernyataan ini saya buat dengan sebenarnya.
URAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH
UNTUK KEPENTINGAN AKADEMIS
Yang bertanda tangan dibawah ini, saya :
: Zakkiy Ataka Rikza
: 2007 53 118
: Sistem Informasi
: Strata Satu (S1)
: Skripsi
Demi pengembangan ilmu pengetahuan, dengan ini menyetujui untuk memberikan ijin kepada pihak Program Studi Sistem Informasi Fakutas Teknik Universitas Muria Kudus Hak Bebas Royalti Non-Eksklusif
Free Right) atas karya ilmiah saya yang berjudul Pembelajaran Online Bagi Siswa Praktek Kerja Lapangan SMK Raden Umar
, beserta perangkat yang diperlukan (apabila ada).
Hak Bebas Royalti Non-Eksklusif ini pihak Universitas Muria Kudus berhak menyimpan, mengalih-media atau bentuk-kan, pengelolaannya dalam
(database), mendistribusikannya dan menampilkan atau mempublikasikannya di internet atau media lain untuk kepentingan akademis tanpa perlu meminta ijin dari saya.
Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak Universitas Muria Kudus, segala bentuk tuntutan hukum yang timbul atas pelanggaran Hak Cipta dan karya ilmiah saya ini.
Demikian pernyataan ini saya buat dengan sebenarnya.
v
URAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH
Demi pengembangan ilmu pengetahuan, dengan ini menyetujui untuk istem Informasi Fakutas Teknik
Eksklusif (Non-) atas karya ilmiah saya yang berjudul
Pembelajaran Online Bagi Siswa Praktek Kerja Lapangan SMK Raden Umar
ini pihak Universitas Muria Kudus , pengelolaannya dalam
, mendistribusikannya dan menampilkan atau atau media lain untuk kepentingan akademis
Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak bentuk tuntutan hukum yang timbul atas
Page 6
HALAMAN MOTTO DAN PERSEMBAHAN
MOTTO
Hormatilah kedua orang tuamu karena tanpa mereka segala usaha
capai akan sia-sia
Selama orang tuamu masih ada, hidupmu bukan untuk karirmu, tapi untuk
mengabdi kepadanya.
Ojo gumunan, ojo melik’an, lan ojo gampang kepencut (KH. Arwani)
Jangan berlebihan mengejar sesuatu yang tak tentu menjadi bekal
HALAMAN MOTTO DAN PERSEMBAHAN
Hormatilah kedua orang tuamu karena tanpa mereka segala usaha
Selama orang tuamu masih ada, hidupmu bukan untuk karirmu, tapi untuk
mengabdi kepadanya.
Ojo gumunan, ojo melik’an, lan ojo gampang kepencut (KH. Arwani)
Jangan berlebihan mengejar sesuatu yang tak tentu menjadi bekal
PERSEMBAHAN
1. Kedua orang tuaku tercinta yang selalu
memberikan dukungan, doa dan restunya.
2. Kakakku Yusriya Inayati (Mbak Yaya) dan
Chirzil Ala (Mas Injung)dan keponakan ku
Masyayu Rasyika yang selalu memberikan
do’a, dorongan dan perhatian.
3. Istriku tercinta Wihdal Muna Lukluaty,
pendamping hidupku hingga keSurga
nanti, Amin.
4. Semua teman-teman kelas C dan teman
teman kerja dan sahabat-sahabat ku yang
telah membantuku baik tenaga, pikiran ,
dukungan dan do’a.
5. Almamater, thanks for all.
vi
HALAMAN MOTTO DAN PERSEMBAHAN
Hormatilah kedua orang tuamu karena tanpa mereka segala usaha yang kita
Selama orang tuamu masih ada, hidupmu bukan untuk karirmu, tapi untuk
Ojo gumunan, ojo melik’an, lan ojo gampang kepencut (KH. Arwani)
Jangan berlebihan mengejar sesuatu yang tak tentu menjadi bekal akhirat.
Kedua orang tuaku tercinta yang selalu
doa dan restunya.
Kakakku Yusriya Inayati (Mbak Yaya) dan
dan keponakan ku
yang selalu memberikan
do’a, dorongan dan perhatian.
ku tercinta Wihdal Muna Lukluaty,
pendamping hidupku hingga keSurga
kelas C dan teman-
sahabat ku yang
telah membantuku baik tenaga, pikiran ,
Page 7
The skripsi report, entitled for Industrial Practice Students of Raden Umar Said Vocational High School Kudus”, this report define about an online learning which could be used by the students of Raden Umar Said Vocatinal High School who were doing the Industrial Practice in some companies for about four months. This report has been done in order to make the studenwhile they also got the learning material and assingments from teachers.
The taken of the Information System of this subject was designed by used the UML model and PHP programming language, also database My Keywords: System, Information, Online Learning
ABSTRACT
The skripsi report, entitled “ The Information System of Online Learning for Industrial Practice Students of Raden Umar Said Vocational High School
, this report define about an online learning which could be used by the students of Raden Umar Said Vocatinal High School who were doing the
in some companies for about four months. This report has been done in order to make the students easier in doing the Industrial Practice, mean while they also got the learning material and assingments from teachers.
The taken of the Information System of this subject was designed by used the UML model and PHP programming language, also database My
Keywords: System, Information, Online Learning
vii
“ The Information System of Online Learning for Industrial Practice Students of Raden Umar Said Vocational High School
, this report define about an online learning which could be used by the students of Raden Umar Said Vocatinal High School who were doing the
in some companies for about four months. This report has been ts easier in doing the Industrial Practice, mean
while they also got the learning material and assingments from teachers.
The taken of the Information System of this subject was designed by used the UML model and PHP programming language, also database MySQL.
Page 8
Laporan skripsi dengan judul
Bagi Siswa Praktek Kerja Lapangan SMK Raden Umar SaidKudus” membahas tentang pembelajaran SMK Raden Umar Said yang sedang melakukan Praktek Kerja Lapangan diperusahaan selama 4 bulanuntuk memudahkan siswa yang sedang melakukan Praktek Kerja Lapangan diperusahaan tetap mendapatkan materi pelajaran dan tugas dari guru.
Sistem Informasi pengambilan Mata kuliah ini dirancang dengan menggunakan pemodelan UML dan menggunakan bahasa pemprograman PHP dan database MySQL.
Kata Kunci : Sistem, Informasi, Pembelajaran
RINGKASAN
Laporan skripsi dengan judul “ Sistem InformasiPembelajaran Online Bagi Siswa Praktek Kerja Lapangan SMK Raden Umar Said
membahas tentang pembelajaran online yang dapat digunakan siswa SMK Raden Umar Said yang sedang melakukan Praktek Kerja Lapangan diperusahaan selama 4 bulan. Laporan skripsi ini dilaksanakan dengan tujuan untuk memudahkan siswa yang sedang melakukan Praktek Kerja Lapangan
tetap mendapatkan materi pelajaran dan tugas dari guru.Sistem Informasi pengambilan Mata kuliah ini dirancang dengan
menggunakan pemodelan UML dan menggunakan bahasa pemprograman PHP database MySQL.
Sistem, Informasi, Pembelajaran online.
viii
Pembelajaran Online Bagi Siswa Praktek Kerja Lapangan SMK Raden Umar Said
online yang dapat digunakan siswa SMK Raden Umar Said yang sedang melakukan Praktek Kerja Lapangan
Laporan skripsi ini dilaksanakan dengan tujuan untuk memudahkan siswa yang sedang melakukan Praktek Kerja Lapangan
tetap mendapatkan materi pelajaran dan tugas dari guru. Sistem Informasi pengambilan Mata kuliah ini dirancang dengan
menggunakan pemodelan UML dan menggunakan bahasa pemprograman PHP
Page 9
Segala puji bagi Allah SWT atas segala rahmat dan hidayahnya sehingga
penulis dapat menyelesaikan laporan skripsi ini dengan judul “
Pembelajaran Online Bagi Siswa Praktek Kerja
Kudus”.
Penyusunan laporan skripsi ini merupakan salah satu syarat untuk
menyelesaikan program studi Sistem Informasi S
Program Studi Sistem Informasi Universitas Muria Kudus.
Atas tersusunnya laporan s
yang sebesar-besarnya kepada :
1. Bapak Prof. Dr. dr. Sarjadi, Sp. PA
2. Bapak Rochmad Winarso ST, MT, selaku Dekan Fakultas Teknik
Universitas Muria Kudus
3. Bapak Arif Setiawan,
Informasi Fakultas Teknik Universitas Muria Kudus.
4. Bapak Yudie Irawan
dan memberikan dorongan serta bantuan sehingga penulis dapat
menyelesaikan skripsi ini
5. Bapak Syafiul Muzid, ST
memberikan saran kepada penulis sehingga penulis dapat menyelesaikan
skripsi ini.
6. Dosen-dosen dan seluruh staf karyawan di U
7. Orang tuaku, Bapak
untuk setiap do’a yang terucap, dan kasih sayang yang tidak ternilai yang
selama ini telah dicurahkan untuk penulis
8. Kedua mertuaku yang selalu mendukung dan memberikan do’a untuk
kesuksesanku.
9. Kakakku Yusriya
keponakan ku
dan perhatian.
KATA PENGANTAR
Segala puji bagi Allah SWT atas segala rahmat dan hidayahnya sehingga
penulis dapat menyelesaikan laporan skripsi ini dengan judul “Sistem Informasi
Pembelajaran Online Bagi Siswa Praktek Kerja Lapangan SMK Raden Umar Said
Penyusunan laporan skripsi ini merupakan salah satu syarat untuk
menyelesaikan program studi Sistem Informasi S-1 pada Fakultas Teknik
Program Studi Sistem Informasi Universitas Muria Kudus.
Atas tersusunnya laporan skripsi ini, penulis mengucapkan terima kasih
besarnya kepada :
Prof. Dr. dr. Sarjadi, Sp. PA, selaku Rektor Universitas Muria Kudus.
Bapak Rochmad Winarso ST, MT, selaku Dekan Fakultas Teknik
Universitas Muria Kudus
Bapak Arif Setiawan, S.Kom, M.Cs, selaku Kepala Program Studi Sistem
Informasi Fakultas Teknik Universitas Muria Kudus.
Yudie Irawan, M.Kom selaku Pembimbing I yang telah membimbing
dan memberikan dorongan serta bantuan sehingga penulis dapat
menyelesaikan skripsi ini.
Bapak Syafiul Muzid, ST selaku pembimbing IIyang telah membimbing dan
memberikan saran kepada penulis sehingga penulis dapat menyelesaikan
dosen dan seluruh staf karyawan di Universitas Muria
Bapak Anief Farizi, S.Pd dan IbuZulfah, A.Md
untuk setiap do’a yang terucap, dan kasih sayang yang tidak ternilai yang
selama ini telah dicurahkan untuk penulis.
Kedua mertuaku yang selalu mendukung dan memberikan do’a untuk
Kakakku Yusriya Inayati (Mbak Yaya) dan Chirzil Ala (
keponakan ku Masyayu Rasyika yang selalu memberikan do’a, dorongan
ix
Segala puji bagi Allah SWT atas segala rahmat dan hidayahnya sehingga
Sistem Informasi
Lapangan SMK Raden Umar Said
Penyusunan laporan skripsi ini merupakan salah satu syarat untuk
1 pada Fakultas Teknik
kripsi ini, penulis mengucapkan terima kasih
selaku Rektor Universitas Muria Kudus.
Bapak Rochmad Winarso ST, MT, selaku Dekan Fakultas Teknik
, selaku Kepala Program Studi Sistem
selaku Pembimbing I yang telah membimbing
dan memberikan dorongan serta bantuan sehingga penulis dapat
yang telah membimbing dan
memberikan saran kepada penulis sehingga penulis dapat menyelesaikan
uria Kudus..
Zulfah, A.Md, terima kasih
untuk setiap do’a yang terucap, dan kasih sayang yang tidak ternilai yang
Kedua mertuaku yang selalu mendukung dan memberikan do’a untuk
Inayati (Mbak Yaya) dan Chirzil Ala (Mas Injung)dan
Masyayu Rasyika yang selalu memberikan do’a, dorongan
Page 10
10. Istriku tercinta Wihdal Muna Lukluaty,
pendamping hidupku hingga keSurga nanti, Amin.
11. Teman-teman
untukku dan bersedia berbagi ilmu dengan penulis.
Penulis menyadari bahwa dalam penulisan laporan skripsi ini masih jauh
dari sempurna. Oleh karena itu, penulis mengharapkan saran dan kritik
membangun demi kesempurnaan laporan ini. Semoga laporan skripsi ini
bermanfaat untuk semua pihak
Istriku tercinta Wihdal Muna Lukluaty, separuh nyawa dihidupku dan
pendamping hidupku hingga keSurga nanti, Amin..
kelas C dan semua pihak yang telah memberikan do’a
untukku dan bersedia berbagi ilmu dengan penulis.
Penulis menyadari bahwa dalam penulisan laporan skripsi ini masih jauh
dari sempurna. Oleh karena itu, penulis mengharapkan saran dan kritik
membangun demi kesempurnaan laporan ini. Semoga laporan skripsi ini
bermanfaat untuk semua pihak.
Kudus,Mei
Zakkiy Ataka Rikza
x
separuh nyawa dihidupku dan
dan semua pihak yang telah memberikan do’a
Penulis menyadari bahwa dalam penulisan laporan skripsi ini masih jauh
dari sempurna. Oleh karena itu, penulis mengharapkan saran dan kritik yang
membangun demi kesempurnaan laporan ini. Semoga laporan skripsi ini
Mei 2012
Zakkiy Ataka Rikza
Page 11
HALAMAN JUDUL
HALAMAN PERSETUJUAN
HALAMAN PENGESAHAN
SURAT PERNYATAAN
HALAMAN MOTTO DAN PERSEMBAHAN
ABSTRAC ................................
RINGKASAN ................................
KATA PENGANTAR
DAFTAR ISI ................................
DAFTAR TABEL ................................
DAFTAR GAMBAR
DAFTAR LAMPIRAN
BAB IPENDAHULUAN
1.1. Latar Belakang
1.2. Perumusan Masalah
1.3. Batasan
1.4. Tujuan Skripsi
1.5.ManfaatSkripsi
1.5.1. Bagi Penulis
1.5.2. Bagi
1.5.3. Bagi
1.6. Tinjauan Pustaka
1.7.Metodologi
1.7.1.Metode Pengumpulan Data
1.7.2.Metode
1.8. Sistematika Penulisan
BAB II LANDASAN TEORI
2.1. Konsep Dasar Sistem
2.1.1. Pengertian
DAFTAR ISI
HALAMAN JUDUL ...........................................................................................
PERSETUJUAN ................................................................
HALAMAN PENGESAHAN ................................................................
SURAT PERNYATAAN ................................................................
HALAMAN MOTTO DAN PERSEMBAHAN ................................
................................................................................................
................................................................................................
KATA PENGANTAR .......................................................................................
................................................................................................
.............................................................................................
DAFTAR GAMBAR ......................................................................................
LAMPIRAN ..................................................................................
BAB IPENDAHULUAN
1.1. Latar Belakang Masalah ................................................................
Perumusan Masalah ................................................................
atasan Masalah ................................................................
Skripsi ................................................................
ManfaatSkripsi ................................................................
Bagi Penulis ................................................................
Bagi Akademik ................................................................
Bagi Instansi (SMK Raden Umar Said) ...............................
. Tinjauan Pustaka ................................................................
ologi Penelitian ................................................................
Metode Pengumpulan Data ................................
2.Metode Rekayasa Perangkat Lunak ................................
Sistematika Penulisan ................................................................
LANDASAN TEORI
Konsep Dasar Sistem ................................................................
Pengertian Sistem ...............................................................
xi
........................... ii
........................................... iii
............................................ iv
................................................... v
................................................ vi
........................................ vii
.................................. viii
....................... ix
...................................... xi
............................. xv
...................... xvii
.................. xxiv
................................ 1
....................................... 2
............................................ 3
................................................ 3
................................................ 3
......................................... 3
.................................... 4
............................... 4
........................................... 4
..................................... 5
................................................... 5
...................................... 6
.................................... 8
.................................... 9
............................... 9
Page 12
2.1.2. K
2.2.Konsep Dasar Informasi
2.2.1. Pengertian Informasi
2.2.2. Nilai Informasi
2.2.3. Kualitas Informasi
2.3. Pengertian
2.4. Pembelajaran Online
2.4.1. Pengertian Pembelajaran Online
2.4.2. Kelebihan dan Kekurangan Pembelajaran Online
2.4.3. Pengembangan Model Pembelajaran Online
2.5. Bagan Alir Dokumen
2.6. Entity Rationalship Diagram .................
2.6.1. Elemen
2.7. UML ................................
2.7.1. Use Case Diagram
2.7.2. Class Diagram
2.7.3. Sequence Diagram
2.7.4 Statechart Diagram
2.7.5. Activity Diagram
2.8.Mengenal Rational Rose
2.9. Pengertian Internet
2.10. Web ................................
2.11. HTML
2.11.1. Tag
2.11.2. Struktur HTML Dokumen
2.12. PHP ................................
2.13. MySql
2.14. Macromedia Dreamwever 8
BAB III TINJAUAN UMUM OBYEK PENELITIAN
3.1.Sejarah Berdirinya
2.1.2. Klasifikasi Sistem ...............................................................
Konsep Dasar Informasi ...............................................................
2.2.1. Pengertian Informasi .........................................................
. Nilai Informasi ................................................................
Kualitas Informasi ..............................................................
Pengertian Sistem Informasi ........................................................
2.4. Pembelajaran Online ................................................................
2.4.1. Pengertian Pembelajaran Online ................................
2.4.2. Kelebihan dan Kekurangan Pembelajaran Online
2.4.3. Pengembangan Model Pembelajaran Online .....................
. Bagan Alir Dokumen ................................................................
2.6. Entity Rationalship Diagram ..............................................
2.6.1. Elemen-elemen ERD .........................................................
.............................................................................................
Use Case Diagram .............................................................
2. Class Diagram ................................................................
.3. Sequence Diagram .............................................................
Statechart Diagram ............................................................
. Activity Diagram ...............................................................
Mengenal Rational Rose (Visual Modelling) ................................
Pengertian Internet ................................................................
............................................................................................
HTML ........................................................................................
Tag HTML ................................................................
2.11.2. Struktur HTML Dokumen ................................
............................................................................................
MySql .........................................................................................
Macromedia Dreamwever 8 .......................................................
TINJAUAN UMUM OBYEK PENELITIAN
Berdirinya SMK Raden Umar Said Kudus ......................
xii
............................... 9
............................... 10
......................... 10
................................... 10
.............................. 11
........................ 12
................................... 12
....................................... 12
2.4.2. Kelebihan dan Kekurangan Pembelajaran Online ............. 13
..................... 14
.................................. 15
...................................16
......................... 17
............................. 18
............................. 19
.................................... 20
............................. 21
............................ 23
............................... 24
................................ 27
....................................... 28
............................ 28
........................ 29
....................................... 29
............................................... 29
............................ 30
......................... 30
....................... 31
...................... 34
Page 13
3.2. Struktur Organisasi
3.3. Visi, Misi, dan Tujuan Sekolah
3.3.1.Visi Sekolah
3.3.2.Misi Sekolah
3.3.3. Tujuan SMK Raden Umar Said
3.3.3.
3.3.3.2. Tujuan Program Keahlian Produksi Grafika
3.4.Denah Lokasi
3.5. Prosedur Kegiatan Belajar Mengajar
3.6. Kebutuhan Obje
BAB IV ANALISA DAN PERANCANGAN
4.1.Analisa Pengembangan Pembelajaran
Praktek Kerja Lapangan di SMK Raden Umar Said
4.1.1.Analisa Sistem yang Berjalan
4.1.2.Sistem
4.2.Analisa Kebutuhan Sistem
4.2.1.Analisa
4.2.2.Analisa
4.3.Desain Sistem dan Perangkat Lunak
4.3.1. Use Case Diagram
4.3.2. Analisis Kelas
4.3.3. Class Diagram
4.3.4. Sequence Diagram
4.3.5. Activity Diagram
4.3.6. Statechart Diagram
4.4.Perancan
4.4.1. Entity Rationalship Diagram
4.4.2. Perancangan Basis Data
4.4.3. Relasi
4.5. Perancangan
BAB V PEMBAHASAN DAN IMPLEMENTASI
2. Struktur Organisasi ................................................................
Visi, Misi, dan Tujuan Sekolah....................................................
Visi Sekolah ................................................................
2.Misi Sekolah ................................................................
Tujuan SMK Raden Umar Said ................................
3.3.1.Tujuan Program Keahlian Persiapan Grafika
3.3.2. Tujuan Program Keahlian Produksi Grafika
Denah Lokasi ................................................................
Prosedur Kegiatan Belajar Mengajar ................................
3.6. Kebutuhan Objek Penelitian Terhadap Pembelajaran Online
BAB IV ANALISA DAN PERANCANGAN
Pengembangan Pembelajaran Online Pada Siswa
Praktek Kerja Lapangan di SMK Raden Umar Said ...................
Analisa Sistem yang Berjalan ................................
Sistem informasi yang Diusulkan ................................
Analisa Kebutuhan Sistem ...........................................................
Analisa Kebutuhan Sistem Data dan Informasi ..................
Analisa Aktor Sistem ..........................................................
Desain Sistem dan Perangkat Lunak ................................
4.3.1. Use Case Diagram .............................................................
4.3.2. Analisis Kelas ................................................................
4.3.3. Class Diagram ................................................................
4.3.4. Sequence Diagram .............................................................
4.3.5. Activity Diagram ...............................................................
4.3.6. Statechart Diagram ..........................................................
Perancangan Database ................................................................
4.4.1. Entity Rationalship Diagram ................................
. Perancangan Basis Data (Database) ................................
. Relasi Antar Tabel ...........................................................
Perancangan Interface ................................................................
V PEMBAHASAN DAN IMPLEMENTASI
xiii
...................................... 35
.................... 36
........................................ 36
....................................... 36
......................................... 37
Program Keahlian Persiapan Grafika ......... 37
3.3.2. Tujuan Program Keahlian Produksi Grafika ......... 37
................................................ 38
........................................... 39
Pembelajaran Online ..... 41
Pada Siswa
................... 43
............................................. 43
...................................... 43
........................... 44
.................. 44
.......................... 45
............................................. 45
............................. 46
.................................... 72
.................................... 79
............................. 80
............................... 97
.......................... 114
................................ 130
........................................... 130
................................ 131
........................... 140
................................ 141
Page 14
5.1. Tampilan Aplikasi
5.1.1. Tampilan Halaman
5.1.2. Tampilan Halaman Admin
5.1.3. Tampilan Halaman Guru
5.1.4. Tampilan Halaman Siswa
5.2. Pengujian Aplikasi
5.2.1. Pengujian Pertama
5.2.1.1. Pengujian Mengelola Data Siswa
5.2.1.2. Pengujian Mengelola
5.2.2. Pengujian Kedua
5.2.2.1. Pengoprasian Data Jadwal Pelajaran
5.2.3. Pengujian Ketiga
5.2.3.1. Men
BAB VI PENUTUP
6.1. Kesimpulan
6.2. Saran ................................
6.2.1. Akademik
6.2.2. SMK Raden Umar Said
DAFTAR PUSTAKA
LAMPIRAN ................................
Tampilan Aplikasi ................................................................
5.1.1. Tampilan Halaman Utama User (Umum) ........................
5.1.2. Tampilan Halaman Admin ................................
5.1.3. Tampilan Halaman Guru .................................................
5.1.4. Tampilan Halaman Siswa ................................................
5.2. Pengujian Aplikasi ................................................................
5.2.1. Pengujian Pertama ...........................................................
5.2.1.1. Pengujian Mengelola Data Siswa ........................
5.2.1.2. Pengujian Mengelola Data Guru Mata Pelajaran
5.2.2. Pengujian Kedua ..............................................................
5.2.2.1. Pengoprasian Data Jadwal Pelajaran ...................
5.2.3. Pengujian Ketiga ..............................................................
5.2.3.1. Men-download Materi dan Meng-upload Tugas
6.1. Kesimpulan ................................................................................
..........................................................................................
6.2.1. Akademik ................................................................
6.2.2. SMK Raden Umar Said ...................................................
DAFTAR PUSTAKA ....................................................................................
................................................................................................
xiv
...................................... 174
........................ 174
............................................... 175
................. 175
................ 176
..................................... 174
........................... 177
........................ 177
Data Guru Mata Pelajaran........ 180
.............................. 183
................... 183
.............................. 187
Tugas ........ 187
................ 190
.......................... 190
......................................... 190
................... 191
.................... 192
.................................... 193
Page 15
2.1. Simbol Bagan Alir Dokumen
2.2. Simbol ERD ................................
2.3. Notasi UML ................................
2.4. Notasi Sequence Diagram
2.5. Notasi Statechart Diagram
2.6. Notasi Activity Diagram
4.1. Tabel Aturan Bisnis Sistem
4.2. Skenario Optimistic Usecase Kelola
4.3.Alur Pesimistic Usecase
4.4.Skenario Optimistic Usecase Kelola
4.5.Alur PesimisticUsecase Kelola
4.6.Skenario OptimisticUsecase Kelola
4.7.Alur PesimisticUsecase Kelola
4.8.Skenario OptimisticUsecase Kelola
4.9.Alur PesimisticUsecase Kelola
4.10Skenario OptimisticUsecase Kelola
4.11Alur PesimisticUsecase Kelola
4.12.Skenario OptimisticUsecase Kelola
4.13.Alur PesimisticUsecase Kelola
4.14.Skenario OptimisticUsecase Kelola
4.15.Alur PesimisticUsecase Kelola
4.16.Skenario OptimisticUsecase
4.17.Alur PesimisticUsecase
4.18.Skenario OptimisticUsecase
4.19.Alur PesimisticUsecase
4.20.Skenario OptimisticUsecase
4.21.Alur PesimisticUsecase
4.22.Skenario OptimisticUsecase
4.23.Alur PesimisticUsecase
DAFTAR TABEL
Simbol Bagan Alir Dokumen ................................................................
...............................................................................................
...............................................................................................
2.4. Notasi Sequence Diagram ................................................................
. Notasi Statechart Diagram ................................................................
Activity Diagram ................................................................
Aturan Bisnis Sistem ................................................................
Skenario Optimistic Usecase Kelola Data Siswa ................................
Pesimistic Usecase Kelola Data Siswa ................................
Skenario Optimistic Usecase Kelola Data Guru ................................
PesimisticUsecase Kelola Data Guru ................................
Skenario OptimisticUsecase Kelola Data Guru ................................
PesimisticUsecase Kelola Data Guru ................................
Skenario OptimisticUsecase Kelola Kelas ................................
PesimisticUsecase Kelola Kelas .........................................................
Skenario OptimisticUsecase Kelola Tahun Ajaran ................................
PesimisticUsecase Kelola Tahun Ajaran ................................
Skenario OptimisticUsecase Kelola Guru Mapel ................................
PesimisticUsecase Kelola Guru Mapel ................................
4.14.Skenario OptimisticUsecase Kelola Mapel ................................
PesimisticUsecase Kelola Mapel ......................................................
misticUsecase Kelola Data Jadwal ................................
PesimisticUsecase Kelola Data Jadwal................................
4.18.Skenario OptimisticUsecase Kelola Info ................................
PesimisticUsecase Kelola Info.........................................................
4.20.Skenario OptimisticUsecaseLihat Jadwal ................................
PesimisticUsecase Lihat Jadwal ......................................................
Skenario OptimisticUsecase Kelola Forum ................................
PesimisticUsecase Kelola Forum.....................................................
xv
.....................................15
...............................17
...............................19
..........................................22
.........................................23
............................................24
........................................46
.......................................49
...............................................50
........................................50
.................................................51
.........................................52
.................................................53
.................................................53
.........................54
...................................55
...........................................56
....................................56
.............................................57
..............................................58
......................59
....................................59
............................................60
.................................................61
.........................62
................................................62
......................63
.............................................63
.....................64
Page 16
4.24.Skenario OptimisticUsecase
4.25.Alur PesimisticUsecase
4.26.Skenario OptimisticUsecase Lihat Info
4.27.Alur PesimisticUsecase Lihat Info
4.28.Skenario OptimisticUsecase Kelola Materi
4.29.Alur PesimisticUsecase Kelola Materi
4.30.Skenario OptimisticUsecase
4.31.AlurPesimisticUsecase
4.32.Skenario OptimisticUsecase
4.33.Alur PesimisticUsecase
4.34.Skenario OptimisticUsecase
4.35.Alur PesimisticUsecase
4.36. Skenario OptimisticUsecase Upload Tugas
4.37. Alur PesimisticUsecase Upload Tuga
4.38. Tabel siswa ................................
4.39. Tabel guru ................................
4.40. Tabel users ................................
4.41. Tabel kelas ................................
4.42. Tabel thn_ajar................................
4.43. Tabel guru_mapel
4.44. Tabel mapel ................................
4.45. Tabel jadwal ................................
4.46. Tabel forum ................................
4.47. Tabel komforum
4.48. Tabel info ................................
4.49. Tabel materi ................................
4.50. Tabel tugas ................................
4.51. Tabel dettugas ................................
4.52. Tabel perus ................................
4.53. Tabel nilai................................
4.54. Tabel link ................................
Skenario OptimisticUsecase Forum .........................................................
PesimisticUsecase Forum ................................................................
Skenario OptimisticUsecase Lihat Info ...................................................
PesimisticUsecase Lihat Info ...........................................................
Skenario OptimisticUsecase Kelola Materi ................................
Alur PesimisticUsecase Kelola Materi.....................................................
Skenario OptimisticUsecase Kelola Tugas ................................
Usecase Kelola Tugas .......................................................
Skenario OptimisticUsecase Download Materi ................................
PesimisticUsecase Download Materi................................
Skenario OptimisticUsecase Download Tugas ................................
PesimisticUsecase Download Tugas ................................
Skenario OptimisticUsecase Upload Tugas ................................
Alur PesimisticUsecase Upload Tugas ...................................................
..............................................................................................
...............................................................................................
..............................................................................................
..............................................................................................
..........................................................................................
Tabel guru_mapel....................................................................................
.............................................................................................
............................................................................................
.............................................................................................
komforum ......................................................................................
................................................................................................
............................................................................................
..............................................................................................
.........................................................................................
..............................................................................................
................................................................................................
................................................................................................
xvi
.........................64
................................64
...................65
...........................66
.............................................66
.....................67
..............................................68
.......................69
.......................................69
...............................................70
........................................70
...............................................71
............................................71
...................71
..............................131
...............................131
..............................132
..............................132
..........................133
....................133
.............................134
............................134
.............................135
......................135
................................136
............................137
..............................137
.........................138
..............................139
................................139
................................140
Page 17
1.1. Metode Waterfall
2.1. Tampilan Rational Rose
2.2. Tampilan My SQL Database
2.2. Tampilan Macromedia Dreamweaver
3.1. Struktur Organisasi
3.2. Denah Lokasi SMK Raden Umar Said Kudus
3.3. Flow Of Document Kegiatan Belajar Mengajar
4.1. Use Case Diagram
4.2. Class admin ................................
4.3. Class siswa ................................
4.4. Class guru ................................
4.5. Class user ................................
4.6. Class kelas ................................
4.7. Class tahun_ajar
4.8. Class guru_mapel
4.9. Class mata_pelajaran
4.10. Class jadwal ................................
4.11. Class forum ................................
4.12. Class komforum
4.13. Class info ................................
4.14. Class kelas materi
4.15. Class kelas tugas
4.16. Class dettugas ................................
4.17. Class perusahaan
4.18. Class det_perus
4.19. Class Diagram
4.20. sequence diagram
4.21. sequence diagram
4.22. sequence diagram
DAFTAR GAMBAR
1.1. Metode Waterfall ........................................................................................
2.1. Tampilan Rational Rose ................................................................
Tampilan My SQL Database ................................................................
Tampilan Macromedia Dreamweaver ......................................................
3.1. Struktur Organisasi SMK Raden Umar Said Kudus ................................
Denah Lokasi SMK Raden Umar Said Kudus ................................
Flow Of Document Kegiatan Belajar Mengajar ................................
ase Diagram Pembelajaran Online ................................
..............................................................................................
...............................................................................................
................................................................................................
................................................................................................
................................................................................................
tahun_ajar .......................................................................................
guru_mapel .....................................................................................
mata_pelajaran ................................................................
.............................................................................................
..............................................................................................
komforum .......................................................................................
................................................................................................
kelas materi ....................................................................................
kelas tugas ......................................................................................
..........................................................................................
perusahaan ......................................................................................
det_perus ........................................................................................
Sistem Pembelajaran Online ................................
sequence diagram kelola data siswa ........................................................
gram kelola data guru ..........................................................
sequence diagram kelola data user ..........................................................
xvii
........................ 7
............................................ 27
.................................... 30
...................... 31
................................ 36
......................................... 38
...................................... 40
................................................. 48
.............................. 72
............................... 73
................................ 73
................................. 73
................................ 74
....................... 74
..................... 74
............................................... 75
............................. 75
.............................. 76
....................... 76
................................. 76
.................... 77
...................... 77
.......................... 78
...................... 78
........................ 78
........................................... 79
........................ 80
.......................... 81
.......................... 82
Page 18
4.23. sequence diagram
4.24. sequence diagram
4.25. sequence diagram
4.26. sequence diagram
4.27. sequence diagram
4.28. sequence diagram
4.29. sequence diagram
4.30.sequence diagram
4.31. sequence diagram
4.32. sequence diagram
4.33. sequence diagram
4.34. sequence diagram
4.35. sequence diagram
4.36. sequence diagram
4.37. sequence diagram
4.38. Activity diagram
4.39. Activity diagram
4.40. Activity diagram
4.41. Activity diagram
4.42. Activity diagram
4.43. Activity diagram
4.44. Activity diagram
4.45. Activity diagram
4.46. Activity diagram
4.47. Activity diagram
4.48. Activity diagram
4.49. Activity diagram
4.50. Activity diagram
4.51. Activity diagram
4.52. Activity diagram
4.53. Activity diagram
sequence diagram kelola kelas................................................................
sequence diagram kelola tahun ajaran .....................................................
sequence diagram kelola guru mapel .......................................................
sequence diagram kelola mapel ...............................................................
sequence diagram kelola data jadwal ......................................................
sequence diagram kelola informasi .........................................................
sequence diagramkelola forum ................................................................
sequence diagram forum ................................................................
sequence diagram lihat jadwal ................................................................
sequence diagram lihat info ................................................................
sequence diagram kelola materi...............................................................
sequence diagram kelola tugas ................................................................
sequence diagramdownload materi..........................................................
sequence diagramdownload tugas ...........................................................
sequence diagramupload tugas ................................................................
Activity diagramkelola data siswa ............................................................
Activity diagramkelola data guru .............................................................
Activity diagramkelola data user ..............................................................
Activity diagramkelola kelas ................................................................
Activity diagramkelola tahun ajaran ......................................................
Activity diagramkelola guru mapel ........................................................
Activity diagramkelola mapel ................................................................
Activity diagramkelola data jadwal ........................................................
Activity diagramkelola informasi ...........................................................
Activity diagram kelolaforum ................................................................
Activity diagramforum ................................................................
Activity diagramlihat jadwal ................................................................
Activity diagramlihat info ................................................................
Activity diagramkelola materi ................................................................
Activity diagramkelola tugas ................................................................
Activity diagramdownload materi ..........................................................
xviii
................................. 83
..................... 84
....................... 85
............................... 86
...................... 87
......................... 88
................................ 89
........................................... 90
................................. 91
..................................... 92
............................... 93
................................ 94
.......................... 95
........................... 95
................................ 96
............................ 97
............................. 98
.............................. 99
.................................. 100
...................... 101
........................ 102
................................ 103
........................ 104
........................... 105
................................ 106
........................................... 107
.................................. 108
...................................... 109
................................ 110
.................................. 111
.......................... 112
Page 19
4.54. Activity diagram
4.55. Activity diagram
4.56. Statechart diagram
4.57. Statechart diagram
4.58. Statechart diagram
4.59. Statechart diagram
4.60. Statechart diagram
4.61. Statechart diagram
4.62. Statechart diagram
4.63. Statechart diagram
4.64. Statechart diagram
4.65. Statechart diagram
4.66. Statechart diagram
4.67. Statechart diagram
4.68. Statechart diagram
4.69. Statechart diagram
4.70. Statechart diagram
4.71. Statechart diagram
4.72. Statechart diagram
4.73. Statechart diagram
4.74. Statechart diagram
4.75. Statechart diagram
4.76. Statechart diagram
4.77. Statechart diagram
4.78. Statechart diagram
4.79. Statechart diagram
4.80. Statechart diagram
4.81. Statechart diagram
4.82. Statechart diagram
4.83. Statechart diagram
4.84. Statechart diagram
Activity diagramdownload tugas ............................................................
Activity diagramupload tugas ................................................................
Statechart diagram tambah data siswa ..................................................
Statechart diagram ubah data siswa ......................................................
diagram hapus data siswa .....................................................
Statechart diagram tambah data guru ....................................................
Statechart diagram ubah data guru ........................................................
Statechart diagram hapus data guru ......................................................
Statechart diagram tambah user ............................................................
Statechart diagram ubah user ................................................................
chart diagram hapus user ...............................................................
Statechart diagram tambah kelas ...........................................................
Statechart diagram ubah kelas ...............................................................
Statechart diagram hapus kelas .............................................................
Statechart diagram tambah tahun ajaran ................................
Statechart diagram ubah tahun ajaran ...................................................
Statechart diagram hapus tahun ajaran ..................................................
Statechart diagram tambah guru mapel .................................................
Statechart diagram ubah guru mapel .....................................................
Statechart diagram hapus guru mapel ...................................................
Statechart diagram tambah mapel .........................................................
Statechart diagram ubah mapel .............................................................
Statechart diagram hapus mapel ............................................................
Statechart diagram tambah data jadwal .................................................
Statechart diagram hapus data jadwal ...................................................
Statechart diagram tambah informasi ....................................................
Statechart diagram ubah informasi ........................................................
Statechart diagram hapus informasi ......................................................
Statechart diagram hapus tema forum ...................................................
Statechart diagram hapus komentar forum................................
Statechart diagram tambah forum .........................................................
xix
............................ 113
................................ 114
.................. 115
...................... 115
..................... 115
.................... 116
........................ 116
...................... 116
............................ 117
................................ 117
............................... 117
........................... 118
............................... 118
............................. 118
............................................... 119
................... 119
.................. 119
................. 120
..................... 120
................... 120
......................... 121
............................. 121
............................ 121
................. 122
................... 122
.................... 123
........................ 123
...................... 123
................... 124
............................................ 124
......................... 124
Page 20
4.85. Statechart diagram
4.86. Statechart diagram
4.87. Statechart diagram
4.88. Statechart diagram
4.89. Statechart diagram
4.90. Statechart diagram
4.91. Statechart diagram
4.92. Statechart diagram
4.93. Statechart diagram
4.94. Statechart diagram
4.95. Statechart diagram
4.96. Statechart diagram
4.97. ERD Sistem Informasi Pembelajaran Online
4.98. Relasi antar table pembelajaran
4.99. Desain Form Login Sistem
4.100. Desain Menu Admin
4.101. Desain Menu Guru
4.102. Desain Menu Siswa
4.103. Desain registrasi user
4.104. Desain user account
4.105. Desain menu tahun ajaran
4.106. Desain tambah
4.107. Desain ubah tahun ajaran
4.108. Desain menu kelas
4.109. Desain menu tambah kelas
4.110. Desain menu ubah kelas
4.111. Tampilan nama mata pelajaran
4.112. Desain tambah mata pelajaran
4.113. Desain ubah mata
4.114. Desain menu data siswa
4.115. Desain menu tambah siswa
Statechart diagram tambah komentar forum ................................
Statechart diagram lihat jadwal .............................................................
Statechart diagram lihat info ................................................................
Statechart diagram tambah materi .........................................................
Statechart diagram ubah materi .............................................................
Statechart diagram hapus materi ...........................................................
Statechart diagram tambah tugas...........................................................
Statechart diagram ubah tugas ..............................................................
Statechart diagram hapus tugas .............................................................
Statechart diagramdownload materi ......................................................
Statechart diagramdownload tugas .......................................................
Statechart diagramupload tugas ............................................................
Sistem Informasi Pembelajaran Online ................................
Relasi antar table pembelajaran online ..................................................
Desain Form Login Sistem................................................................
Desain Menu Admin ................................................................
Desain Menu Guru ................................................................
Desain Menu Siswa ................................................................
registrasi user ................................................................
Desain user account ................................................................
Desain menu tahun ajaran ................................................................
Desain tambah tahun ajaran ................................................................
Desain ubah tahun ajaran ................................................................
Desain menu kelas................................................................................
Desain menu tambah kelas ................................................................
Desain menu ubah kelas ................................................................
Tampilan nama mata pelajaran ............................................................
Desain tambah mata pelajaran .............................................................
Desain ubah mata pelajaran ................................................................
Desain menu data siswa ................................................................
Desain menu tambah siswa ................................................................
xx
........................................ 125
............................. 125
................................. 125
......................... 126
............................. 126
........................... 126
........................... 127
.............................. 127
............................. 127
...................... 128
....................... 128
............................ 129
......................................... 130
.................. 140
..................................... 141
............................................ 142
............................................... 143
.............................................. 143
........................................... 144
............................................. 144
.................................... 145
................................. 145
..................................... 145
................ 146
................................... 146
....................................... 146
............................ 147
............................. 147
................................. 147
....................................... 148
.................................. 149
Page 21
4.116. Desain menu ubah data siswa
4.117. Desain menu data guru
4.118. Desain menu tambah data guru
4.119. Desain menu ubah data guru
4.120. Desain menu guru mata pelajaran
4.121. Desain menu tambah guru mata pelajaran
4.122. Desain menu edit guru mata pelajaran
4.123. Desain menu jadwal pelajaran
4.124. Desain menu tambah jadwal pelajaran
4.125. Desain menu kelola user
4.126. Desain menu tambah user
4.127. Desain menu edit user
4.128. Desain menu informasi
4.129. Desain menu tambah informasi
4.130. Desain menu edit informasi
4.131. Desain menu kelola forum
4.132. Desain menu kelola komentar
4.133. Desain menu web link
4.134. Desain menu tambah
4.135. Desain menu ubah
4.136. Desain menu perusahaan
4.137. Desain menu tambah perusahaan
4.138. Desain menu edit perusahaan
4.139. Desain menu tambah siswa PKL
4.140. Desain menu jadwal pelajaran (user guru)
4.141. Desain menu jadwal
4.142. Desain menu tambah pertemuan
4.143. Desain menu ubah pertemuan
4.144. Desain menu tugas (user guru)
4.145. Desain menu detail tugas (
4.146. Desain menu tambah tugas (user guru)
Desain menu ubah data siswa ..............................................................
Desain menu data guru ................................................................
Desain menu tambah data guru ............................................................
Desain menu ubah data guru ................................................................
menu guru mata pelajaran ........................................................
Desain menu tambah guru mata pelajaran ................................
Desain menu edit guru mata pelajaran .................................................
Desain menu jadwal pelajaran .............................................................
Desain menu tambah jadwal pelajaran .................................................
Desain menu kelola user ................................................................
Desain menu tambah user ................................................................
Desain menu edit user ................................................................
Desain menu informasi ................................................................
Desain menu tambah informasi ............................................................
Desain menu edit informasi ................................................................
Desain menu kelola forum ................................................................
Desain menu kelola komentar ..............................................................
web link ................................................................
Desain menu tambah link ................................................................
Desain menu ubah link ................................................................
Desain menu perusahaan ................................................................
Desain menu tambah perusahaan .........................................................
Desain menu edit perusahaan ...............................................................
Desain menu tambah siswa PKL .........................................................
Desain menu jadwal pelajaran (user guru) ................................
Desain menu jadwal detail pelajaran (user guru) ................................
Desain menu tambah pertemuan ..........................................................
Desain menu ubah pertemuan ..............................................................
Desain menu tugas (user guru) .............................................................
Desain menu detail tugas (user guru) ...................................................
Desain menu tambah tugas (user guru) ................................................
xxi
.............................. 150
......................................... 151
............................ 151
................................ 152
........................ 152
........................................... 153
................. 153
............................. 153
................. 154
...................................... 154
.................................... 155
.......................................... 156
........................................ 157
............................ 157
................................. 158
................................... 158
.............................. 159
.......................................... 159
..................................... 159
......................................... 160
...................................... 160
......................... 160
............................... 161
......................... 161
........................................... 162
................................. 162
.......................... 163
.............................. 164
............................. 165
................... 165
................ 166
Page 22
4.147. Desain menu edit tugas
4.148. Desain menu forum
4.149. Desain menu detail forum
4.150. Desain menu balas topik
4.151. Desain menu topik baru
4.152. Desain menu jadwal pelajaran (user siswa)
4.153. Desain menu jadwal
4.154. Desain menu detail pertemuan (user siswa)
4.155. Desain menu detail tugas (user siswa)
4.156. Desain menu check tugas (user siswa)
5.1. Halaman menu utama user
5.2. Tampilan halaman admin
5.3. Tampilan halaman guru
5.4. Tampilan halaman siswa
5.5. Tampilan halaman
5.6. Tampilan halaman tambah data siswa
5.7. Tampilan pesan eror ketika data siswa blum len
5.8. Data siswa berhasil disimpan
5.9. Data siswa berhasil diubah
5.10. Halaman hapus data siswa
5.11. Halaman kelola data guru mapel
5.12. Pesan error data kelas belum dimasukkan
5.13. Pesan penyimpanan data guru mapel
5.14. Pesan error penyimpanan data guru mapel gagal
5.15. Pesan penyimpanan data guru mapel berhasil
5.16. Halaman hapus data guru mapel
5.17. Halaman kelola jadwal pelajaran
5.18. Halaman detail jadwal pelajaran
5.19. Halaman tambah pertemuan
5.20. Pesan error data tanggal materi belum dimasukkan
5.21. Pesan penyimpanan data pertemuan berhasil
Desain menu edit tugas ................................................................
Desain menu forum ................................................................
Desain menu detail forum ................................................................
Desain menu balas topik ................................................................
Desain menu topik baru ................................................................
jadwal pelajaran (user siswa) ................................
Desain menu jadwal detail pelajaran (user siswa) ...............................
Desain menu detail pertemuan (user siswa) ................................
Desain menu detail tugas (user siswa) .................................................
Desain menu check tugas (user siswa) .................................................
n menu utama user ................................................................
halaman admin ................................................................
halaman guru................................................................
halaman siswa ................................................................
Tampilan halaman kelola data siswa........................................................
Tampilan halaman tambah data siswa......................................................
Tampilan pesan eror ketika data siswa blum lengkap ..............................
Data siswa berhasil disimpan ................................................................
Data siswa berhasil diubah ................................................................
Halaman hapus data siswa ................................................................
Halaman kelola data guru mapel ............................................................
data kelas belum dimasukkan ................................
Pesan penyimpanan data guru mapel berhasil ................................
Pesan error penyimpanan data guru mapel gagal ................................
Pesan penyimpanan data guru mapel berhasil ................................
alaman hapus data guru mapel ............................................................
Halaman kelola jadwal pelajaran ...........................................................
Halaman detail jadwal pelajaran ............................................................
Halaman tambah pertemuan ................................................................
data tanggal materi belum dimasukkan ..............................
Pesan penyimpanan data pertemuan berhasil ................................
xxii
........................................ 167
.............................................. 167
.................................... 168
...................................... 169
....................................... 169
......................................... 170
............................... 170
......................................... 171
................. 172
................. 173
....................................... 174
......................................... 175
............................................ 175
.......................................... 176
........................ 177
...................... 178
.............................. 178
................................... 179
....................................... 179
..................................... 180
............................ 180
............................................. 181
....................................... 181
................................... 182
....................................... 182
............................ 183
........................... 183
............................ 184
................................... 184
.............................. 185
......................................... 185
Page 23
5.22. halaman edit data pertemuan
5.23. Pesan edit data pertemuan gagal
5.24. proses hapus data
5.25. Halaman detail jadwal pelajaran
5.26. Halaman detail pertemuan
5.27. Halaman detail tugas
halaman edit data pertemuan ................................................................
Pesan edit data pertemuan gagal ............................................................
proses hapus data pertemuan ................................................................
detail jadwal pelajaran ............................................................
Halaman detail pertemuan ................................................................
Halaman detail tugas ................................................................
xxiii
.................................. 186
............................ 186
.................................. 187
............................ 188
..................................... 188
.............................................. 189
Page 24
Lampiran 1 : Buku bimbingan skripsi
Lampiran 2 : Biografi penulis
Lampiran 3 : Surat Keterangan Penelitian
Lampiran 4 : Foto Tempat Penelitian
Lampiran 5 : Lampiran pendukung
DAFTAR LAMPIRAN
: Buku bimbingan skripsi
: Biografi penulis
: Surat Keterangan Penelitian
: Foto Tempat Penelitian
Lampiran pendukung
xxiv