i
APLIKASI MOBILE LEARNING MENGGUNAKAN
SKETCHWARE PADA SMK NEGERI 2 PANGKALPINANG
BERBASIS ANDROID
SKRIPSI
Harvy Irawan 1411500068
PROGRAM STUDI TEKNIK INFORMATIKA
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER ATMA LUHUR PANGKALPINANG
ii
APLIKASI MOBILE LEARNING MENGGUNAKAN
SKETCHWARE PADA SMK NEGERI 2 PANGKALPINANG
BERBASIS ANDROID
SKRIPSI
Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer
Oleh: Harvy Irawan
1411500068
PROGRAM STUDI TEKNIK INFORMATIKA
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER ATMA LUHUR PANGKALPINANG
iii
LEMBARAN PERYATAAN
Yang bertanda tangan dibawah ini:
NIM : 1411500068
Nama : Harvy Irawan
Judul Skripsi : APLIKASI MOBILE LEARNING MENGGUNAKAN
SKETCHWARE PADA SMK NEGERI 2 PANGKALPINANG BERBASIS ANDROID
Menyatakan bahwa Laporan Tugas Akhir saya adalah hasil karya sendiri dan bukan plagiat. Apabila ternyata ditemukan didalam laporan Tugas Akhir saya terdapat unsur plagiat, maka saya siap untuk mendapatkan sanksi akademik yang terkait dengan hal tersebut.
PANGKALPINANG, 2 Juli 2019
Harvy Irawan
iv
LEMBAR PENGESAHAN SKRIPSI
Aplikasi Mobile Learning Menggunakan Sketchware pada SMK Negeri 2 Pangkalpinang berbasis Android
Yang dipersiapkan dan disusun oleh
Harvy Irawan 1411500068
Telah dipertahankan di depan Dewan Penguji Pada Tanggal 2 Juli 2019
Anggota Dosen Pembimbing
Yurindra, M.T Yohanes Setiawan, M.Kom. NIDN. 0429057402 NIDN. 0219068501 Kaprodi Teknik Informatika Ketua
R. Burham Isnanto F, S.Si, M.Kom Ari Amir Alkodri, M.Kom NIDN. 0224048003 NIDN. 0201038601
Skripsi ini telah diterima dan sebagai salah satu persyaratan Untuk memperoleh gelar Sarjana Komputer
Tanggal 30 Juli 2019
KETUA STMIK ATMA LUHUR PANGKALPINANG
v
KATA PENGANTAR
Dengan memanjatkan puji syukur atas kehadirat Allah SWT serta salawat dan salam kepada junjungan Nabi Besar Muhammad SAW yang selalu memberikan taufik dan hidayahnya sehingga penulis dapat menyelesaikan laporan skripsi ini sebagaimana yang diharapkan.
Adapun maksud dan tujuan penyusunan laporan skripsi ini program studi Strata (S1) jurusan Teknik Informatika. Penulis menyadari bahwa masih banyak kekurangan, namun penulis telah berusaha keras untuk menyelesaikan laporan skripsi ini dengan sebaik-baiknya.
Dengan segala keterbatasan, penulis menyadari pula bahwa laporan skripsi ini takkan terwujud tanpa bantuan, pemimbing, dan dorongan berbagai pihak, Untuk itu, dengan segala kerendahan hati, penulis menyampaikan ucapan terima kasih kepada:
1. Allah SWT yang telah menciptakan dan memberikan kehidupan di dunia. 2. Ayahanda Nirwan Suradi tercinta, terima kasih untuk dukungannya baik itu
berupa materi maupun doa.
3. Bapak Drs. Djaetun HS yang telah mendirikan Atma Luhur.
4. Bapak Dr. Husni Teja Sukmana, S.T., M.Sc. selaku ketua STMIK Atma Luhur. 5. Bapak R. Burham Isnanto Farid, S.Si., M.kom Selaku Kaprodi Teknik
Informatika.
6. Bapak Yohanes Setiawan, M.Kom. selaku pembimbing skripsi. 7. Bapak Ari Amir Alkodri, M.Kom. selaku Ketua Penguji. 8. Bapak Yurindra, MT. selaku Anggota Penguji.
9. Bapak Drs. Yulizarman, MT yang telah memberikan izin untuk melakukan riset skripsi.
10. Terimakasih juga kepada Teman-teman seperjuangan STMIK Atma Luhur angkatan 2014 dan angkatan 2015.
vi
Penulis mengharapkan sekali masukan yang sifatnya membangun, supaya penulis dapat lebih baik lagi dimasa mendatang demikianlah laporan skripsi ini saya buat, semoga bermanfaat bagi kita semua.
Pangkalpinang, 2 Juli 2019
vii ABSTRACT
The Mobile Learning Application Using Sketchware at SMK Negeri 2 Pangkalpinang is a form of learning application at SMK Negeri 2 Pangkalpinang. This application provides the main function, one of which, to help the teacher for the learning process, so that the teacher can still provide learning material and facilitate the teacher in conducting the teaching process. This application aims to make it easy for teachers to teach, with ease and efficiency and also to improve teacher performance easily. This application can also help teachers in school activities comfortably. This application is made so that teachers can easily do
teaching using only an Android mobile device.
viii ABSTRAK
Aplikasi Mobile Learning Menggunakan Sketchware pada SMK Negeri 2 Pangkalpinang ini merupakan bentuk aplikasi pembelajaran di SMK Negeri 2 Pangkalpinang. Aplikasi ini menyediakan fungsi utama yaitu salah satunya, untuk membantu guru untuk proses pembelajaran, sehingga guru tetap dapat memberikan materi pembelajaran dan mempermudah guru dalam melakukan proses pengajaran. Aplikasi ini bertujuan memberikan kemudahan guru untuk mengajar, dengan kumudahan secara efektif dan efisien dan juga meningkatkan kinerja guru secara mudah. Aplikasi ini juga dapat membantu guru dalam kegiatan sekolah secara nyaman. Aplikasi ini dibuat agar guru dapat dengan mudah melakukan pengajaran hanya dengan menggunakan perangkat mobile android.
ix DAFTAR ISI
Halaman
LEMBAR PERNYATAAN ... i
LEMBAR PENGESAHAN SKRIPSI ... ii
KATA PENGANTAR ... iii
ABSTRACT ... v
ABSTRAK ... vi
DAFTAR ISI ... vii
DAFTAR GAMBAR ... x
DAFTAR TABEL ... xii
DAFTAR SIMBOL ... xiii
BAB I PENDAHULUAN 1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 3
1.3 Batasan Masalah... 3
1.4 Tujuan dan Manfaat Penelitian ... 4
1.5 Sistematika Penulisan ... 4
BAB II LANDASAN TEORI 2.1 Model Prototype ... 6
2.2 Metode Object Oriented Programming ... 7
2.3 UML (Unifed Modeling Languange) ... 8
2.3.1 Use case Diagram ... 8
2.3.2 Activity Diagram... 9
2.3.3 Sequence Diagram ... 10
2.3.4 Class Diagram ... 11
2.4 Aplikasi Mobille ... 11
x
2.6 Software Pengembang Perangkat Lunak ... 14
2.7 Pengujian Black Box ... 18
2.8 Penelitian Terdahulu ... 18
BAB III Metodologi Penelitian 3.1 Model Prototype Pengembangan Sistem ... 20
3.2 Metode Pengembangan Sistem ... 21
3.3 Tools Pengembangan Sistem ... 21
3.4 Pengertian M-Learning (Mobille Learning) ... 22
3.4.1. Perbedaan E-Learning dan M-Learning ... 23
BAB IV Hasil dan Pembahasan 4.1 Sejarah SMK Negeri 2 Pangkalpinang ... 25
4.1.1 Visi Misi dan Tujuan SMK N 2 Pangkalpinang ... 28
4.1.2 Struktur Organisasi SMK N 2 Pangkalpinang ... 30
4.1.3 Tugas dan Wewenang ... 30
4.2 Analisis Sistem ... 39
4.2.1 Analisis Masalah Sistem yang Berjalan ... 39
4.2.2 Analisis Sistem Berjalan ... 39
4.2.3 Analisis Kebutuhan Sistem Usulan ... 41
4.2.4 Model Pengembangan ... 42 4.3 Perancangan ... 43 4.3.1 Activity Diagram ... 43 4.3.2 Use Case ... 58 4.3.3 Class Diagram ... 66 4.3.4 Sequence Diagram ... 68
xi
4.3.5 Rancangan layar ... 80 4.4 Implementasi ... 85
4.4.1 Interface Aplikasi Mobile Learning pada SMK N 2
Pangkalpinang ... 85 4.5 Pengujian ... 93 4.5.1 Kelebihan Dan Kekurangan Aplikasi ... 93
BAB V PENUTUP
5.1 Kesimpulan ... 95 5.2 Saran ... 95
DAFTAR PUSTAKA ... 96
xii
DAFTAR GAMBAR
Halaman
Gambar 2.1 Metode Pengembangan Prototype ... 6
Gambar 2.2 Use Case Diagram ... 9
Gambar 2.3 Activity Diagram ... 9
Gambar 2.4 Sequece Diagram ... 10
Gambar 2.5 Class Diagram ... 11
Gambar 2.6 Java ... 17
Gambar 3.1 Metode Pengembangan Prototype ... 20
Gambar 4.1 Struktur organisasi Mahkota SMK N 2 Pangkalpinang ... 30
Gambar 4.2 Activity diagram Pembelajaran Berjalan ... 40
Gambar 4.3 Activity Diagram Login ... 44
Gambar 4.4 Activity Diagram Daftar ... 45
Gambar 4.5 Activity Diagram Lupa Password ... 46
Gambar 4.6 Activity Diagram Kalender ... 47
Gambar 4.7 Activity Diagram Tentang Kami ... 48
Gambar 4.8 Activity Diagram Kontak ... 49
Gambar 4.9 Activity Diagram Website ... 50
Gambar 4.10 Activity Diagram Menu ... 51
Gambar 4.11 Activity Diagram Buku ... 52
Gambar 4.12 Activity Diagram Soal ... 53
Gambar 4.13 Activity Diagram Tutorial ... 54
Gambar 4.14 Activity Diagram Absensi Siswa ... 55
Gambar 4.15 Activity Diagram Catatan Siswa ... 56
Gambar 4.16 Activity Diagram Nilai ... 57
Gambar 4.17 Diagram Use Case Pengguna ... 58
Gambar 4.18 Class Diagram Aplikasi Pena Guru ... 67
Gambar 4.19 Sequence Diagram Login Guru ... 69
Gambar 4.20 Sequence Diagram Daftar ... 70
xiii
Gambar 4.22 Sequence Diagram Kalender ... 72
Gambar 4.23 Sequence Diagram Tentang Kami ... 72
Gambar 4.24 Sequence Diagram Kontak... 74
Gambar 4.25 Sequence Diagram Web Site... 75
Gambar 4.26 Sequence Diagram Buku ... 76
Gambar 4.27 Sequence Diagram soal ... 77
Gambar 4.28 Sequence Diagram tutorial ... 77
Gambar 4.29 Sequence Diagram absensi siswa ... 78
Gambar 4.30 Sequence Diagram catatan siswa ... 78
Gambar 4.31 Sequence Diagram nilai siswa ... 79
Gambar 4.32 Sequence Diagram logout ... 79
Gambar 4.33 Rancangan Layar Halaman Beranda Aplikasi ... 80
Gambar 4.34 Rancangan Layar Halaman Aksi Submenu Aplikasi ... 80
Gambar 4.35 Rancangan Layar Halaman Kalender Aplikasi ... 81
Gambar 4.36 Rancangan Layar Halaman Tentang Kami Aplikasi ... 81
Gambar 4.37 Rancangan Layar Halaman Kontak Aplikasi ... 82
Gambar 4.38 Rancangan Layar Halaman Login Aplikasi ... 82
Gambar 4.39 Rancangan Layar Halaman Daftar Aplikasi... 83
Gambar 4.40 Rancangan Layar Halaman Lupa password Aplikasi ... 83
Gambar 4.41 Rancangan Layar Halaman Website Aplikasi ... 84
Gambar 4.42 Rancangan Layar Halaman List Kelas Aplikasi ... 84
Gambar 4.43 Tampilan beranda ... 85
Gambar 4.44 Tampilan sub menu beranda ... 86
Gambar 4.45 Tampilan kalender ... 86
Gambar 4.46 Tampilan tentang kami ... 87
Gambar 4.47 Tampilan kontak ... 87
Gambar 4.48 Tampilan login ... 88
Gambar 4.49 Tampilan Daftar ... 88
Gambar 4.50 Tampilan Lupa Password ... 89
Gambar 4.51 Tampilan Buku ... 89
xiv
Gambar 4.53 Tampilan Soal ... 90
Gambar 4.54 Tampilan Tutorial ... 91
Gambar 4.55 Tampilan Absensi Siswa, catatan siswa, dan nilai ... 91
Gambar 4.56 Tampilan website ... 92
Gambar 4.57 Tampilan Halaman Soal ... 92
xv
DAFTAR TABEL
Halaman
Tabel 4.1 Data Profil Sekolah ... 29
Tabel 4.2 Deskripsi Use case Beranda ... 59
Tabel 4.3 Deskripsi Use case Kalender ... 59
Tabel 4.4 Deskripsi Use case Tentang Kami ... 60
Tabel 4.5 Deskripsi Use case Kontak ... 60
Tabel 4.6 Deskripsi Use case Login ... 61
Tabel 4.7 Deskripsi Use case Daftar ... 62
Tabel 4.8 Deskripsi Use case Lupa Password ... 62
Tabel 4.9 Deskripsi Use case lihat website ... 63
Tabel 4.10 Deskripsi Use case buku ... 63
Tabel 4.11 Deskripsi Use case soal ... 64
Tabel 4.12 Deskripsi Use case tutorial ... 65
Tabel 4.13 Deskripsi Use case Absensi siswa ... 65
Tabel 4.14 Deskripsi Use case Catatan siswa ... 66
xvi
DAFTAR SIMBOL
1. Use Case Diagram
No simbol Nama Keterangan
1 Use Case
Fungsionalitas yang disediakan sistem sebagai unit-unit yang saling bertukar pesan antar unit atau aktor.
2 Aktor
Orang yang berinteraksi dengan sistem informasi yang akan dibuat di luar sistem informasi yang akan dibuat itu sendiri.
3 Asosiasi
Komunikasi antara aktor dan usecase yang berpartisipasi pada usecase atau usecase memiliki interaksi dengan aktor.
4 Ekstend
Relasi usecase tambahan ke sebuah usecase yang ditambahkan dapat berdiri sendiri walau tanpa usecase tambahan itu
5 Include
Relasi usecase dimana proses bersangkutan akan dilanjutkan ke proses yang dituju.
xvii 2. Activity Diagram
No simbol Nama Keterangan
1 Status Awal/Start
Fungsionalitas yang disediakan sistem sebagai unit-unit yang saling bertukar pesan antar unit atau aktor.
2 Aktifitas
Orang, proses, atau sistem lain yang berinteraksi dengan sistem informasi yang akan dibuat di luar sistem informasi yang akan dibuat itu sendiri.
3 Pencabangan/Decition
Komunikasi antara aktor dan usecase yang berpartisipasi pada usecase atau usecase memiliki interaksi dengan aktor.
4 Penggabungan/Join
Relasi usecase tambahan ke sebuah usecase yang ditambahkan dapat berdiri sendiri walau tanpa usecase tambahan itu
5 Status Akhir/End
Relasi usecase dimana proses
bersangkutan akan
dilanjutkan ke proses yang dituju.
xviii 3. Squeance Diagram
No simbol Nama Keterangan
1 Aktor Menggambarkan seseorang yang
berinteraksi dengan sistem
2 Boundary
Sebuah objek yang menjadi penghubung antara user dengan sistem.
3 Control
Suatu objek yang berisi logika aplikasi yang tidak memiliki tanggung jawab kepada entitas
4 Entity
Menggambarkan suatu objek yang berisi informasi kegiatan yang terkait yang tetap dan disimpan kedalam database
5 Object
Message
Menggambarkan pengiriman pesan dari sebuah objek ke objek lain
6 Recursive
Sebuah objek yang mempunyai sebuah operasi kepada dirinya sendiri
7 Lifeline
Garis titik yang terhubung dengan objek, sepasang lifeline terdapat activation
8 Activation Sebuah eksekusi operasi dari
xix
berbanding dengan durasi aktivasi sebuah operasi
xx 4. Simbol Class Diagram
No Simbol Nama Keterangan
1
Class
Himpunan dari object yang berbagi atribut dan operasi yang sama.
2
Association
Merupakan abtraksi berupa garis tanpa panah yang menghubung antara class.
