LAPORAN SKRIPSI SISTEM INFORMASI PEMBELAJARAN …eprints.umk.ac.id/589/1/Halaman_Judul.pdf ·...

SISTEM INFORMASI PEMBELAJARAN ONLINE

BAGI SISWA PRAKTEK KERJA LAPANGAN

SMK RADEN UMAR SAID

Nama

NIM

Program Studi

Fakultas

UNIVERSITAS MURIA KUDUS

LAPORAN SKRIPSI



SMK RADEN UMAR SAID KUDUS

Disusun Oleh :

Nama : Zakkiy Ataka Rikza

NIM : 2007 - 53 - 118

Program Studi : Sistem Informasi

Fakultas : Teknik


KUDUS

2012

i





SMK RADEN UMAR SAID

Laporan ini disusun guna memenuhi salah satu syarat untuk

Studi Sistem Informasi S

Nama

NIM

Program Studi

Fakultas


LAPORAN SKRIPSI



SMK RADEN UMAR SAID KUDUS


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


KUDUS

2012

ii




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


2012

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


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


2012

11Juni 2012

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

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


Hormatilah kedua orang tuamu karena tanpa mereka segala usaha


mengabdi kepadanya.


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


Hormatilah kedua orang tuamu karena tanpa mereka segala usaha yang kita



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 ,

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.

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

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


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


penulis dapat menyelesaikan laporan skripsi ini dengan judul “Sistem Informasi

Pembelajaran Online Bagi Siswa Praktek Kerja Lapangan SMK Raden Umar Said


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


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


menyelesaikan skripsi ini.

Bapak Syafiul Muzid, ST selaku pembimbing IIyang telah membimbing dan


dosen dan seluruh staf karyawan di Universitas Muria

Bapak Anief Farizi, S.Pd dan IbuZulfah, A.Md


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


Sistem Informasi

Lapangan SMK Raden Umar Said


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


yang telah membimbing dan


uria Kudus..

Zulfah, A.Md, terima kasih


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

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.


dari sempurna. Oleh karena itu, penulis mengharapkan saran dan kritik


bermanfaat untuk semua pihak.

Kudus,Mei

Zakkiy Ataka Rikza

x

separuh nyawa dihidupku dan

dan semua pihak yang telah memberikan do’a


dari sempurna. Oleh karena itu, penulis mengharapkan saran dan kritik yang


Mei 2012

Zakkiy Ataka Rikza

HALAMAN JUDUL

HALAMAN PERSETUJUAN

HALAMAN PENGESAHAN

SURAT PERNYATAAN


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

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

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

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

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.10Skenario OptimisticUsecase Kelola

4.11Alur PesimisticUsecase Kelola





4.16.Skenario OptimisticUsecase

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



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





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

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



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








4.30.sequence diagram








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



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













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

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

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

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

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

LAPORAN SKRIPSI SISTEM INFORMASI PEMBELAJARAN …eprints.umk.ac.id/589/1/Halaman_Judul.pdf ·...

Documents

Transcript of LAPORAN SKRIPSI SISTEM INFORMASI PEMBELAJARAN …eprints.umk.ac.id/589/1/Halaman_Judul.pdf ·...