SISTEM INFORMASI PEMBELAJARAN ONLINE BAGI SISWA PRAKTEK KERJA LAPANGAN SMK RADEN UMAR SAID

LAPORAN SKRIPSI SISTEM IN

   INFORMASI PEMBELAJARAN ON NLINE BAGI SI SISWA PRAKTEK KERJA LAPANG NGAN SMK RADEN UMAR SAID KUDUS SM Disusun Oleh : Na Nama : Zakkiy Ataka Rikza NIM NI : 2007 - 53 - 118 Pr Program Studi : Sistem Informasi Fa Fakultas : Teknik U UNIVERSITAS MURIA KUDUS KUDUS 2012

LAPORAN SKRIPSI SISTEM IN

  Laporan in ini disusun guna memenuhi salah satu syarat u t untuk menyelesaikan program Studi udi Sistem Informasi S-1 pada Fakultas Teknik

  Universitas Muria Kudus

  Disusun Oleh : Nama Na : Zakkiy Ataka Rikza NIM NI : 2007 - 53 - 118 Pr Program Studi : Sistem Informasi Fa Fakultas : Teknik U UNIVERSITAS MURIA KUDUS KUDUS 2012

  ii

HALAMAN PERSETUJUAN

  Nama Pelaksana Skrip NIM Bidang Studi Judul Skripsi Pembimbing I Pembimbing II

  ripsi : Zakkiy Ataka Rikza : 2007 – 53 – 118 : Sistem Informasi S- 1 : Sistem Informasi Pembelajaran Onli

  Praktek Kerja Lapangan SMK Rad Kudus. : Yudie Irawan, M.Kom : Syafiul Muzid, ST

  Telah disetujuioleh tim pembimbing untuk diuji Kudus,Mei 20

  Menyetujui : iii nline Bagi Siswa aden Umar Said 2012 Nama Pelaksana Skrip NIM Bidang Studi Judul Skripsi Pembimbing I Pembimbing II

  Telah d ripsi : Zakkiy Ataka Rikza : 2007 – 53 – 118 : Sistem Informasi : Sistem Informasi Pembelajaran Onli

  Praktek Kerja Lapangan SMK Rad Kudus. : Yudie Irawan, M.Kom : Syafiul Muzid, ST h diujikan pada ujian sarjana, tanggal 4Juni 201 dan dinyatakan LULUS

  Kudus, 11Jun iv nline Bagi Siswa aden Umar Said

  012 uni 2012

  

U UNTUK KEPENTINGAN AKADEMIS

  Yang bertanda tangan an dibawah ini, saya : Nama : Zakkiy Ataka Rikza NIM : 2007 53 118 Progranm studi : Sistem Informasi Jenjang : Strata Satu (S1) Jenis karya : Skripsi Demi pengembanga gan ilmu pengetahuan, dengan ini men enyetujui untuk memberikan ijin kepa epada pihak Program Studi Sistem Informasi si Fakutas Teknik Universitas Muria a Kudus Hak Bebas Royalti Non-Ek Eksklusif (Non-

  

exclusiveRoyalti-Free ree Right) atas karya ilmiah saya yang berjudul

  :“Pembelajaran Onlin line Bagi Siswa Praktek Kerja Lapangan SM MK Raden Umar Said”, beserta perangk ngkat yang diperlukan (apabila ada). Dengan Hak Bebas R s Royalti Non-Eksklusif ini pihak Universita sitas Muria Kudus berhak menyimpan, n, mengalih-media atau bentuk-kan, pengelo elolaannya dalam pangkalan data (da (database) , mendistribusikannya dan men enampilkan atau mempublikasikannya ya di internet atau media lain untuk kepenti ntingan akademis tanpa perlu meminta i ta ijin dari saya. Saya bersedia untuk tuk menanggung secara pribadi, tanpa me melibatkan pihak Universitas Muria K Kudus, segala bentuk tuntutan hukum ya yang timbul atas pelanggaran Hak Cipt ipta dan karya ilmiah saya ini. Demikian pernyataan an ini saya buat dengan sebenarnya. v

  MOTTO

Hormatilah kedua or orang tuamu karena tanpa mereka segala u usaha yang kita

capai akan sia-sia

Selama orang tuamu mu masih ada, hidupmu bukan untuk karir rirmu, tapi untuk

mengabdi kepadanya. ya.

  Ojo gumunan, ojo me melik’an, lan ojo gampang kepencut (KH. Arwa wani) Jangan berlebihan me mengejar sesuatu yang tak tentu menjadi bekal kal akhirat.

  PERSEMBAHAN

1. Kedua orang tuaku tercin rcinta yang selalu memberikan dukungan, do doa dan restunya.

  2. Kakakku Yusriya Inayati (M i (Mbak Yaya) dan Chirzil Ala (Mas Injung)da dan keponakan ku Masyayu Rasyika yang sela selalu memberikan do’a, dorongan dan perhat atian.

  3. Istriku tercinta Wihdal M l Muna Lukluaty, pendamping hidupku hi hingga keSurga nanti, Amin.

  4. Semua teman-teman kelas las C dan teman- teman kerja dan sahabat-s sahabat ku yang telah membantuku baik te tenaga, pikiran , dukungan dan do’a.

5. Almamater, thanks for all.

  vi The skripsi rep report, entitled “ The Information System of O f Online Learning for Industrial Practic tice Students of Raden Umar Said Vocation onal High School Kudus”, this report d t define about an online learning which could ld be used by the students of Raden U Umar Said Vocatinal High School who w were doing the Industrial Practice in s in some companies for about four months. This his report has been done in order to mak ake the students easier in doing the Industrial ial Practice, mean while they also got the the learning material and assingments from teac eachers.

  The taken of th f the Information System of this subject was de designed by used the UML model and P d PHP programming language, also database M MySQL. Keywords: System, In , Information, Online Learning vii

  

RINGKASAN

  Laporan skrip ripsi dengan judul “Sistem InformasiPembe belajaran Online

  

Bagi Siswa Prak aktek Kerja Lapangan SMK Raden en Umar Said

Kudus” membahas te tentang pembelajaran online yang dapat d digunakan siswa

  SMK Raden Umar ar Said yang sedang melakukan Praktek K Kerja Lapangan diperusahaan selama a 4 bulan. Laporan skripsi ini dilaksanakan an dengan tujuan untuk memudahkan n siswa yang sedang melakukan Praktek K Kerja Lapangan diperusahaan tetap me mendapatkan materi pelajaran dan tugas dari gu guru.

  Sistem Inform ormasi pengambilan Mata kuliah ini dira dirancang dengan menggunakan pemod odelan UML dan menggunakan bahasa pemp mprograman PHP dan database MySQL QL. Kata Kunci : Sistem em, Informasi, Pembelajaran online. viii

  Segala puji ba bagi Allah SWT atas segala rahmat dan hiday ayahnya sehingga penulis dapat menyel yelesaikan laporan skripsi ini dengan judul “S Sistem Informasi Pembelajaran Online ne Bagi Siswa Praktek Kerja Lapangan SMK R Raden Umar Said Kudus”.

  Penyusunan l laporan skripsi ini merupakan salah satu atu syarat untuk menyelesaikan progr ogram studi Sistem Informasi S-1 pada F Fakultas Teknik Program Studi Sistem em Informasi Universitas Muria Kudus.

  Atas tersusunn unnya laporan skripsi ini, penulis mengucapk pkan terima kasih yang sebesar-besarnya nya kepada :

  1. Bapak Prof. Dr. r. dr. Sarjadi, Sp. PA, selaku Rektor Universita itas Muria Kudus.

  2. Bapak Rochma mad Winarso ST, MT, selaku Dekan F Fakultas Teknik Universitas Mur uria Kudus

  3. Bapak Arif Seti etiawan, S.Kom, M.Cs, selaku Kepala Progra gram Studi Sistem Informasi Fakul ultas Teknik Universitas Muria Kudus.

  4. Bapak Yudie Ira Irawan, M.Kom selaku Pembimbing I yang tela telah membimbing dan memberik rikan dorongan serta bantuan sehingga a penulis dapat menyelesaikan s n skripsi ini.

  5. Bapak Syafiul M l Muzid, ST selaku pembimbing IIyang telah m membimbing dan memberikan sar saran kepada penulis sehingga penulis dapat pat menyelesaikan skripsi ini.

  6. Dosen-dosen da dan seluruh staf karyawan di Universitas Muria ria Kudus..

  7. Orang tuaku, B Bapak Anief Farizi, S.Pd dan IbuZulfah, A.M .Md, terima kasih untuk setiap do do’a yang terucap, dan kasih sayang yang tid tidak ternilai yang selama ini telah ah dicurahkan untuk penulis.

  8. Kedua mertuak aku yang selalu mendukung dan memberik rikan do’a untuk kesuksesanku.

  9. Kakakku Yusriy sriya Inayati (Mbak Yaya) dan Chirzil Ala ( (Mas Injung)dan keponakan ku u Masyayu Rasyika yang selalu memberikan an do’a, dorongan dan perhatian. ix pendamping hid

  11. Teman-teman untukku dan ber Penulis menya dari sempurna. Oleh membangun demi k bermanfaat untuk sem hidupku hingga keSurga nanti, Amin.. kelas C dan semua pihak yang telah me bersedia berbagi ilmu dengan penulis. nyadari bahwa dalam penulisan laporan skripsi eh karena itu, penulis mengharapkan saran d kesempurnaan laporan ini. Semoga lapor emua pihak.

  Kudus,M Zakkiy A x memberikan do’a psi ini masih jauh n dan kritik yang poran skripsi ini

  Mei 2012 Ataka Rikza

  HALAMAN JUDUL L ......................................................................... ....................... ii HALAMAN PERSET ETUJUAN .......................................................... ...................... iii HALAMAN PENGES ESAHAN ........................................................... ...................... iv SURAT PERNYATA TAAN ................................................................ ....................... v HALAMAN MOTTO TO DAN PERSEMBAHAN ............................... ...................... vi ABSTRAC ................ ............................................................................. ..................... vii RINGKASAN ........... ............................................................................. .................... viii KATA PENGANTAR AR ...................................................................... ...................... ix DAFTAR ISI ............. ............................................................................. ...................... xi DAFTAR TABEL ..... ............................................................................. ..................... xv DAFTAR GAMBAR R ........................................................................ ................... xvii DAFTAR LAMPIRA AN ..................................................................... .................. xxiv

  BAB IPENDAHULU UAN

  1.1. Latar Be Belakang Masalah .............................................. ....................... 1

  1.2. Perumus usan Masalah ..................................................... ....................... 2

  1.3. Batasan an Masalah .......................................................... ....................... 3

  1.4. Tujuan S Skripsi .............................................................. ....................... 3

  1.5.ManfaatS atSkripsi .............................................................. ....................... 3

  1.5.1. Ba Bagi Penulis ....................................................... ....................... 3

  1.5.2. Ba Bagi Akademik .................................................. ....................... 4

  1.5.3. Ba Bagi Instansi (SMK Raden Umar Said) ............. ....................... 4

  1.6. Tinjauan an Pustaka ......................................................... ....................... 4

  1.7.Metodolo ologi Penelitian ................................................... ....................... 5

  1.7.1.Me Metode Pengumpulan Data ................................ ....................... 5

  1.7.2.Me Metode Rekayasa Perangkat Lunak .................... ....................... 6

  1.8. Sistemat atika Penulisan .................................................. ....................... 8

  BAB IILANDASAN N TEORI

  2.1. Konsep D p Dasar Sistem .................................................. ....................... 9

  2.1.1. Pe Pengertian Sistem ............................................. ....................... 9 xi

  2.2.Konsep D p Dasar Informasi ............................................... ..................... 10

  2.2.1. Pe Pengertian Informasi ......................................... ..................... 10

  2.2.2. Ni Nilai Informasi ................................................... ..................... 10

  2.2.3. Ku Kualitas Informasi .............................................. ..................... 11

  2.3. Pengertia rtian Sistem Informasi ........................................ ..................... 12

  2.4. Pembela elajaran Online ................................................... ..................... 12

  2.4.1. Pe Pengertian Pembelajaran Online ....................... ..................... 12

  2.4.2. Ke Kelebihan dan Kekurangan Pembelajaran Onlin nline ............. 13

  2.4.3. Pe Pengembangan Model Pembelajaran Online ..... ..................... 14

  2.5. Bagan A Alir Dokumen .................................................. ..................... 15

  2.6. Entity R Rationalship Diagram ....................................... ..................16

  2.6.1. El Elemen-elemen ERD ......................................... ..................... 17

  2.7. UML ..... ............................................................................. ..................... 18

  2.7.1. Us Use Case Diagram ............................................. ..................... 19

  2.7.2. Cl Class Diagram .................................................... ..................... 20

  2.7.3. Se Sequence Diagram ............................................. ..................... 21

  2.7.4 St Statechart Diagram ............................................ ..................... 23

  2.7.5. Ac Activity Diagram ............................................... ..................... 24

  2.8.Mengena nal Rational Rose (Visual Modelling) ................ ..................... 27

  2.9. Pengertia rtian Internet ....................................................... ..................... 28

  2.10. Web .... ............................................................................ ..................... 28

  2.11. HTML L ........................................................................ ..................... 29

  2.11.1. T Tag HTML ....................................................... ..................... 29

  2.11.2. S . Struktur HTML Dokumen ............................... ..................... 29

  2.12. PHP .... ............................................................................ ..................... 30

  2.13. MySql ql ......................................................................... ..................... 30

  2.14. Macrom romedia Dreamwever 8 ....................................... ..................... 31

  BAB IIITINJAUAN U N UMUM OBYEK PENELITIAN

  3.1.Sejarah B Berdirinya SMK Raden Umar Said Kudus ...... ..................... 34 xii

  3.3. Visi, Mis isi, dan Tujuan Sekolah.................................... .................... 36

  3.3.1.Vis Visi Sekolah ........................................................ ..................... 36

  3.3.2.Mi Misi Sekolah ....................................................... ..................... 36

  3.3.3. Tu Tujuan SMK Raden Umar Said ......................... ..................... 37

  3.3

  3.3.1.Tujuan Program Keahlian Persiapan Gra Grafika ......... 37

  3.3

  3.3.2. Tujuan Program Keahlian Produksi Gra rafika ......... 37

  3.4.Denah Lo Lokasi ................................................................ ..................... 38

  3.5. Prosedur dur Kegiatan Belajar Mengajar ........................... ..................... 39

  3.6. Kebutuh uhan Objek Penelitian Terhadap Pembelajaran n Online ..... 41

  BAB IV ANALISA D DAN PERANCANGAN

  4.1.Analisa P Pengembangan Pembelajaran Online Pada Sis Siswa Praktek K k Kerja Lapangan di SMK Raden Umar Said ... ................... 43

  4.1.1.An Analisa Sistem yang Berjalan ............................. ..................... 43

  4.1.2.Sis Sistem informasi yang Diusulkan ...................... ..................... 43

  4.2.Analisa K a Kebutuhan Sistem ........................................... ..................... 44

  4.2.1.An Analisa Kebutuhan Sistem Data dan Informasi .. .................. 44

  4.2.2.An Analisa Aktor Sistem .......................................... ..................... 45

  4.3.Desain Si Sistem dan Perangkat Lunak ............................. ..................... 45

  4.3.1. Us Use Case Diagram ............................................. ..................... 46

  4.3.2. An Analisis Kelas .................................................... ..................... 72

  4.3.3. Cl Class Diagram .................................................... ..................... 79

  4.3.4. Se Sequence Diagram ............................................. ..................... 80

  4.3.5. Ac Activity Diagram ............................................... ..................... 97

  4.3.6. St Statechart Diagram ............................................ ................... 114

  4.4.Perancan angan Database .................................................. ................... 130

  4.4.1. En Entity Rationalship Diagram ............................. ................... 130

  4.4.2. Pe Perancangan Basis Data (Database) .................. ................... 131

  4.4.3. Re Relasi Antar Tabel ............................................. ................... 140

  4.5. Perancan cangan Interface .................................................. ................... 141

  BAB V PEMBAHAS ASAN DAN IMPLEMENTASI

  5.1.1. Ta Tampilan Halaman Utama User (Umum) .......... ................... 174

  5.1.2. Ta Tampilan Halaman Admin ................................ ................... 175

  5.1.3. Ta Tampilan Halaman Guru ................................... ................. 175

  5.1.4. Ta Tampilan Halaman Siswa .................................. ................ 176

  5.2. Pengujia jian Aplikasi ....................................................... ................... 174

  5.2.1. Pe Pengujian Pertama ............................................. ................... 177 5.2.1.1. Pengujian Mengelola Data Siswa .......... 5.2 ................... 177

  5.2.1.2. Pengujian Mengelola Data Guru Mata Pelaj lajaran

  5.2

  ........ 180

  5.2.2. Pe Pengujian Kedua ................................................ ................... 183

  5.2.2.1. Pengoprasian Data Jadwal Pelajaran ..... ................... 183

  5.2

  5.2.3. Pe Pengujian Ketiga ................................................ ................... 187

  5.2.3.1. Men-download Materi dan Meng-upload Tu Tugas ........ 187

  5.2

  BAB VI PENUTUP

  6.1. Kesimpu pulan .................................................................. ................ 190

  6.2. Saran .... ............................................................................ ................... 190

  6.2.1. Ak Akademik ........................................................... ................... 190

  6.2.2. SM SMK Raden Umar Said ..................................... ................... 191 DAFTAR PUSTAKA A ...................................................................... ................... 192 LAMPIRAN .............. ............................................................................. ................... 193 xiv

  2.1. Simbol Bagan Al 2.2. Simbol ERD .......

  4.12.Skenario Optimi

  Diagram ............................................................ isnis Sistem ........................................................ istic Usecase Kelola Data Siswa ....................... Usecase Kelola Data Siswa ............................... istic Usecase Kelola Data Guru ........................ Usecase Kelola Data Guru ................................ isticUsecase Kelola Data Guru ......................... Usecase Kelola Data Guru ................................ isticUsecase Kelola Kelas ................................ Usecase Kelola Kelas ......................................... misticUsecase Kelola Tahun Ajaran ................... cUsecase Kelola Tahun Ajaran ........................... imisticUsecase Kelola Guru Mapel .................... icUsecase Kelola Guru Mapel ............................. imisticUsecase Kelola Mapel .............................. icUsecase Kelola Mapel ...................................... misticUsecase Kelola Data Jadwal .................... icUsecase Kelola Data Jadwal............................ imisticUsecase Kelola Info ................................ icUsecase Kelola Info......................................... imisticUsecaseLihat Jadwal ................................ icUsecase Lihat Jadwal ...................................... imisticUsecase Kelola Forum ............................. icUsecase Kelola Forum.....................................

  ............................................................................. ............................................................................. ce Diagram .......................................................... art Diagram .........................................................

  4.23.Alur PesimisticU Alir Dokumen .....................................................

  4.22.Skenario Optimi

  4.21.Alur PesimisticU

  4.20.Skenario Optimi

  4.19.Alur PesimisticU

  4.18.Skenario Optimi

  4.17.Alur PesimisticU

  4.16.Skenario Optimi

  4.15.Alur PesimisticU

  4.14.Skenario Optimi

  4.13.Alur PesimisticU

  4.11Alur PesimisticU

  2.3. Notasi UML .......

  4.10Skenario Optimis

  4.9.Alur PesimisticUs

  4.8.Skenario Optimis

  4.7.Alur PesimisticUs

  4.6.Skenario Optimis

  4.5.Alur PesimisticUs

  4.4.Skenario Optimis

  4.3.Alur Pesimistic U

  4.2. Skenario Optimis

  4.1. Tabel Aturan Bisn

  2.6. Notasi Activity D

  2.5. Notasi Statechart

  2.4. Notasi Sequence

  .....................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

  4.25.Alur PesimisticU

  4.43. Tabel guru_map 4.44. Tabel mapel ......

  .....................66 .....................66 .....................67 .....................68 .....................69 .....................69 .....................70 .....................70 .....................71 .....................71

  .....................64 ...................65

  .......................................................................... ............................................................................. ............................................................................. ............................................................................. xvi

  ........................................................................... apel..................................................................... ............................................................................. ............................................................................. ............................................................................. um ....................................................................... ............................................................................. ............................................................................. .............................................................................

  Usecase Kelola Tugas ....................................... imisticUsecase Download Materi ....................... icUsecase Download Materi............................... imisticUsecase Download Tugas ........................ icUsecase Download Tugas ............................... timisticUsecase Upload Tugas ............................ ticUsecase Upload Tugas ................................... ............................................................................. ............................................................................. ............................................................................. .............................................................................

  4.54. Tabel link ......... icUsecase Forum ................................................ imisticUsecase Lihat Info ................................... icUsecase Lihat Info ........................................... imisticUsecase Kelola Materi ............................. icUsecase Kelola Materi..................................... imisticUsecase Kelola Tugas ..............................

  4.53. Tabel nilai.........

  4.52. Tabel perus .......

  4.51. Tabel dettugas ..

  4.50. Tabel tugas .......

  4.49. Tabel materi .....

  4.47. Tabel komforum 4.48. Tabel info .........

  4.46. Tabel forum ......

  4.45. Tabel jadwal .....

  4.42. Tabel thn_ajar...

  4.26.Skenario Optimi

  4.41. Tabel kelas .......

  4.40. Tabel users .......

  4.39. Tabel guru ........

  4.37. Alur Pesimistic 4.38. Tabel siswa .......

  4.36. Skenario Optim

  4.35.Alur PesimisticU

  4.34.Skenario Optimi

  4.33.Alur PesimisticU

  4.32.Skenario Optimi

  4.31.AlurPesimisticU

  4.30.Skenario Optimi

  4.29.Alur PesimisticU

  4.28.Skenario Optimi

  4.27.Alur PesimisticU

  ...................71 ....................131 ....................131 ....................132 ....................132 ....................133 ....................133 ....................134 ....................134 ....................135 ....................135 ....................136 ....................137 ....................137 ....................138 ....................139 ....................139 ....................140

  1.1. Metode Waterfal

  4.9. Class mata_pela 4.10. Class jadwal .....

  xvii ....................... 7 ..................... 27 ..................... 30 ..................... 31 ..................... 36 ..................... 38 ..................... 40 ..................... 48 ..................... 72 ..................... 73 ..................... 73 ..................... 73 ..................... 74 ..................... 74 ..................... 74 ..................... 75 ..................... 75 ..................... 76 ..................... 76 ..................... 76

  gram kelola data siswa ........................................ gram kelola data guru .......................................... gram kelola data user ..........................................

  Sistem Pembelajaran Online ...........................

  .......................................................................... aan ...................................................................... us ........................................................................

  4.19. Class Diagram 4.20. sequence diagra 4.21. sequence diagra 4.22. sequence diagra fall ...................................................................... onal Rose ............................................................ SQL Database .................................................... cromedia Dreamweaver ...................................... nisasi SMK Raden Umar Said Kudus ................ i SMK Raden Umar Said Kudus ......................... ument Kegiatan Belajar Mengajar ...................... gram Pembelajaran Online ................................ ............................................................................. ............................................................................. ............................................................................. ............................................................................. ............................................................................. jar ....................................................................... apel ..................................................................... elajaran ............................................................... ............................................................................. ............................................................................. um ....................................................................... ............................................................................. ateri .................................................................... gas ......................................................................

  4.18. Class det_perus

  4.17. Class perusahaa

  4.15. Class kelas tuga 4.16. Class dettugas ..

  4.14. Class kelas mate

  4.12. Class komforum 4.13. Class info .........

  4.11. Class forum ......

  4.8. Class guru_map

  2.1. Tampilan Ration

  4.7. Class tahun_ajar

  4.6. Class kelas ........

  4.5. Class user .........

  4.4. Class guru ........

  4.3. Class siswa .......

  4.1. Use Case Diagra 4.2. Class admin ......

  3.3. Flow Of Docum

  3.2. Denah Lokasi SM

  3.1. Struktur Organis

  2.2. Tampilan Macro

  2.2. Tampilan My SQ

  .................... 77 ..................... 77 ..................... 78 ..................... 78 ..................... 78 ..................... 79 ..................... 80 ..................... 81 ..................... 82

  4.24. sequence diagra 4.25. sequence diagra 4.26. sequence diagra 4.27. sequence diagra 4.28. sequence diagra 4.29. sequence diagra 4.30.sequence diagram 4.31. sequence diagra 4.32. sequence diagra 4.33. sequence diagra 4.34. sequence diagra 4.35. sequence diagra 4.36. sequence diagra 4.37. sequence diagra

  4.47. Activity diagram

  gram kelola guru mapel ....................................... gram kelola mapel ............................................... gram kelola data jadwal ...................................... gram kelola informasi ......................................... gram kelola forum ................................................ ram forum ........................................................... gram lihat jadwal ................................................. gram lihat info ..................................................... gram kelola materi............................................... gram kelola tugas ................................................ gramdownload materi.......................................... gramdownload tugas ........................................... gramupload tugas ................................................ am kelola data siswa ............................................ am kelola data guru ............................................. am kelola data user .............................................. am kelola kelas .................................................... am kelola tahun ajaran ........................................ am kelola guru mapel .......................................... am kelola mapel .................................................. am kelola data jadwal .......................................... am kelola informasi ............................................. am kelolaforum .................................................. am forum ............................................................. am lihat jadwal .................................................... am lihat info ........................................................ am kelola materi .................................................. am kelola tugas .................................................... am download materi ............................................

  4.53. Activity diagram gram kelola tahun ajaran .....................................

  4.52. Activity diagram

  4.51. Activity diagram

  4.50. Activity diagram

  4.49. Activity diagram

  4.48. Activity diagram

  4.46. Activity diagram

  4.38. Activity diagram

  4.45. Activity diagram

  4.44. Activity diagram

  4.43. Activity diagram

  4.42. Activity diagram

  4.41. Activity diagram

  4.40. Activity diagram

  4.39. Activity diagram

  ..................... 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

  4.55. Activity diagram

  4.82. Statechart diagr

  4.76. Statechart diagr

  4.77. Statechart diagr

  4.78. Statechart diagr

  4.79. Statechart diagr

  4.80. Statechart diagr

  4.81. Statechart diagr

  4.83. Statechart diagr

  4.74. Statechart diagr

  4.84. Statechart diagr amupload tugas ..................................................

  gram tambah data siswa .................................... gram ubah data siswa ........................................ gram hapus data siswa ....................................... gram tambah data guru ...................................... gram ubah data guru .......................................... gram hapus data guru ........................................ gram tambah user .............................................. gram ubah user .................................................. gram hapus user ................................................. gram tambah kelas ............................................. gram ubah kelas ................................................. gram hapus kelas ............................................... gram tambah tahun ajaran ................................ gram ubah tahun ajaran ..................................... gram hapus tahun ajaran .................................... gram tambah guru mapel ................................... gram ubah guru mapel ....................................... gram hapus guru mapel ..................................... gram tambah mapel ........................................... gram ubah mapel ............................................... gram hapus mapel .............................................. gram tambah data jadwal ................................... gram hapus data jadwal ..................................... gram tambah informasi ...................................... gram ubah informasi .......................................... gram hapus informasi ........................................ gram hapus tema forum ..................................... gram hapus komentar forum.............................. gram tambah forum ...........................................

  xix ................... 114

  .................. 115 ................... 115 ................... 115 ................... 116 ................... 116 ................... 116 ................... 117 ................... 117 ................... 117 ................... 118 ................... 118 ................... 118 ................... 119 ................... 119

  .................. 119 ................. 120

  ................... 120 ................... 120 ................... 121 ................... 121 ................... 121

  4.75. Statechart diagr

  4.73. Statechart diagr

  4.56. Statechart diagr

  4.63. Statechart diagr

  4.57. Statechart diagr

  4.58. Statechart diagr

  4.59. Statechart diagr

  4.60. Statechart diagr

  4.61. Statechart diagr

  4.62. Statechart diagr

  4.64. Statechart diagr

  4.72. Statechart diagr

  4.65. Statechart diagr

  4.66. Statechart diagr

  4.67. Statechart diagr

  4.68. Statechart diagr

  4.69. Statechart diagr

  4.70. Statechart diagr

  4.71. Statechart diagr

  ................. 122 ................... 122 ................... 123 ................... 123 ................... 123 ................... 124 ................... 124 ................... 124

  4.86. Statechart diagr

  4.97. ERD Sistem Info

  .................. 140 ................... 141 ................... 142 ................... 143 ................... 143 ................... 144 ................... 144 ................... 145 ................... 145 ................... 145

  ................... 125 ................... 125 ................... 126 ................... 126 ................... 126 ................... 127 ................... 127 ................... 127 ................... 128 ................... 128 ................... 129 ................... 130

  Login Sistem....................................................... u Admin .............................................................. u Guru ................................................................ u Siswa ................................................................ trasi user ............................................................. account ............................................................... u tahun ajaran ...................................................... ah tahun ajaran ................................................... tahun ajaran ....................................................... u kelas.................................................................. u tambah kelas ..................................................... u ubah kelas ......................................................... ma mata pelajaran .............................................. ah mata pelajaran ............................................... mata pelajaran ................................................... u data siswa ......................................................... u tambah siswa .................................................... xx

  Informasi Pembelajaran Online ........................... able pembelajaran online ....................................

  gram lihat info ................................................... gram tambah materi ........................................... gram ubah materi ............................................... gram hapus materi ............................................. gram tambah tugas............................................. gram ubah tugas ................................................ gram hapus tugas ............................................... gramdownload materi ........................................ gramdownload tugas ......................................... gramupload tugas ..............................................

  4.99. Desain Form Lo 4.100. Desain Menu A 4.101. Desain Menu G 4.102. Desain Menu S 4.103. Desain registra 4.104. Desain user acc 4.105. Desain menu ta 4.106. Desain tambah 4.107. Desain ubah ta 4.108. Desain menu k 4.109. Desain menu ta 4.110. Desain menu u 4.111. Tampilan nama 4.112. Desain tambah 4.113. Desain ubah m 4.114. Desain menu d 4.115. Desain menu ta gram lihat jadwal ...............................................

  4.98. Relasi antar tabl

  4.96. Statechart diagr

  4.87. Statechart diagr

  4.95. Statechart diagr

  4.94. Statechart diagr

  4.93. Statechart diagr

  4.92. Statechart diagr

  4.91. Statechart diagr

  4.90. Statechart diagr

  4.89. Statechart diagr

  4.88. Statechart diagr

  ................ 146 ................... 146 ................... 146 ................... 147 ................... 147 ................... 147 ................... 148 ................... 149

  4.117. Desain menu d 4.118. Desain menu ta 4.119. Desain menu u 4.120. Desain menu g 4.121. Desain menu ta 4.122. Desain menu e 4.123. Desain menu ja 4.124. Desain menu ta 4.125. Desain menu k 4.126. Desain menu ta 4.127. Desain menu e 4.128. Desain menu in 4.129. Desain menu ta 4.130. Desain menu e 4.131. Desain menu k 4.132. Desain menu k 4.133. Desain menu w 4.134. Desain menu ta 4.135. Desain menu u 4.136. Desain menu p 4.137. Desain menu ta 4.138. Desain menu e 4.139. Desain menu ta 4.140. Desain menu ja 4.141. Desain menu ja 4.142. Desain menu ta 4.143. Desain menu u 4.144. Desain menu tu 4.145. Desain menu d 4.146. Desain menu ta u data guru ........................................................... u tambah data guru .............................................. u ubah data guru .................................................. u guru mata pelajaran .......................................... u tambah guru mata pelajaran ............................. u edit guru mata pelajaran ................................... u jadwal pelajaran ............................................... u tambah jadwal pelajaran ................................... u kelola user ........................................................ u tambah user ...................................................... u edit user ............................................................ u informasi .......................................................... u tambah informasi .............................................. u edit informasi ................................................... u kelola forum ..................................................... u kelola komentar ................................................

  web link ............................................................

  u tambah link ....................................................... u ubah link ........................................................... u perusahaan ........................................................ u tambah perusahaan ........................................... u edit perusahaan ................................................. u tambah siswa PKL ........................................... u jadwal pelajaran (user guru) ............................. u jadwal detail pelajaran (user guru) ................... u tambah pertemuan ............................................ u ubah pertemuan ................................................ u tugas (user guru) ............................................... u detail tugas (user guru) ..................................... u tambah tugas (user guru) .................................. xxi

  ................... 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

  4.148. Desain menu fo 4.149. Desain menu d 4.150. Desain menu b 4.151. Desain menu to 4.152. Desain menu ja 4.153. Desain menu ja 4.154. Desain menu d 4.155. Desain menu d 4.156. Desain menu c

  5.13. Pesan penyimpa

  ................. 172 ................. 173

  ................... 167 ................... 168 ................... 169 ................... 169 ................... 170 ................... 170 ................... 171