RANCANG BANGUN SISTEM INFORMASI KURSUS
KOMPUTER IQBAL TECH BERBASIS WEB
LAPORAN PROYEK 2
Diajukan untuk memenuhi kelulusan matakuliah Proyek 2 pada Program Studi DIII Teknik Informatika
Disusun Oleh :
Nama : Egy Almajid
NPM : 1153045
Nama : Irsan Adi Nugraha
NPM : 1153055
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
POLITEKNIK POS INDONESIA
RANCANG BANGUN SISTEM INFORMASI KURSUS
KOMPUTER IQBAL TECH BERBASIS WEB
PROYEK 2
Laporan Proyek 2 ini telah diperiksa, disetujui dan disidangkan Di Bandung, Febuari 2018
Oleh :
Pembimbing Utama,
(Saepudin Nirwan, S.Kom., M.Kom.) NIK/NIP: 102.73.041
Menyetujui,
Ketua Program Studi Teknik Informatika
(Muhammad Ruslan Maulani,S.Kom., MT.) NIK/NIP: 103.82.070
LEMBAR PENGESAHAN DOSEN PENGUJI
RANCANG BANGUN SISTEM INFORMASI KURSUS
KOMPUTER IQBAL TECH BERBASIS WEB
PROYEK 2
Laporan Proyek 2 ini telah diperiksa, disetujui dan disidangkan Di Bandung, Februari 2018
Oleh :
Penguji II, Penguji I,
( M.Ruslan Maulani, S.Kom.,MT. ) NIK/NIP:103.82.070
(Saepudin Nirwan, S.Kom., MT.) NIK/NIP: 102.73.041
Menyetujui, Koordinator Proyek 2
(I Made Yadi Dharma, S.Kom., M.Kom.) NIK: 215.81.153
Dengan ini saya menyatakan bahwa:
1. Proyek 2 ini adalah asli dan belum pernah diajukan untuk mendapatkan gelar akademik, baik di Politeknik Pos Indonesia maupun perguruan tinggi lainnya;
2. Proyek 2 ini murni merupakan karya penelitian saya sendiri dan tidak menjiplak karya pihak lain. Dalam hal ada bantuan atau arahan dari pihak lain maka telah saya sebutkan identitas dan jenis bantuannya di dalam lembar ucapan terima kasih;
3. Seandainya ada karya pihak lain yang ternyata memiliki kemiripan dengan karya saya ini, maka hal ini adalah di luar pengetahuan saya dan terjadi tanpa kesengajaan dari pihak saya.
Pernyataan ini saya buat dengan sesungguhnya dan apabila di kemudian hari terbukti adanya kebohongan dalam pernyataan ini, maka saya bersedia menerima sanksi akademik sesuai norma yang berlaku di Politeknik Pos Indonesia.
Bandung, Febuari 2018
Egy Almajid
SURAT PERNYATAAN
Dengan ini saya menyatakan bahwa:
1. Proyek 2 ini adalah asli dan belum pernah diajukan untuk mendapatkan gelar akademik, baik di Politeknik Pos Indonesia maupun perguruan tinggi lainnya;
2. Proyek 2 ini murni merupakan karya penelitian saya sendiri dan tidak menjiplak karya pihak lain. Dalam hal ada bantuan atau arahan dari pihak lain maka telah saya sebutkan identitas dan jenis bantuannya di dalam lembar ucapan terima kasih;
3. Seandainya ada karya pihak lain yang ternyata memiliki kemiripan dengan karya saya ini, maka hal ini adalah di luar pengetahuan saya dan terjadi tanpa kesengajaan dari pihak saya.
Pernyataan ini saya buat dengan sesungguhnya dan apabila di kemudian hari terbukti adanya kebohongan dalam pernyataan ini, maka saya bersedia menerima sanksi akademik sesuai norma yang berlaku di Politeknik Pos Indonesia.
Bandung, Febuari 2018
Irsan Adi Nugraha
Puji syukur penulis panjatkan kehadirat Allah swt atas segala limpahan rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan proyek 2, yang berjudul “Rancang Bangun Sistem Informasi Kursus Komputer Iqbal Tech Berbasis Web”. Penulisan proyek 2 ini dilakukan dalam rangka memenuhi salah satu syarat untuk mencapai gelar Ahli Madya pada Program Studi Teknik Informatika Politeknik Pos Indonesia bandung. Dalam proses penyusunan karya Ilmiah ini, tentunya penulis mendapatkan bimbingan, arahan, koreksi, dan saran. Oleh karena itu, saya mengucapkan terima kasih kepada:
1. Allah SWT, dengan Rahmat dan Karunia-Nya kami dapat menyelesaikan laporan ini dengan tepat waktu;
2. Muhammad Ruslan Maulani, S.Kom., MT., selaku Ketua Prodi D3 Teknik Informatika;
3. Saepudin Nirwan, S.Kom., M.Kom., selaku dosen pembimbing yang telah menyediakan waktu, tenaga, dan pikiran untuk mengarahkan saya dalam penyusunan laporan proyek 2 ini;
Akhir kata, saya berharap Tuhan Yang Maha Esa berkenan membalas segala kebaikan semua pihak yang telah membantu. Semoga proyek 2 ini membawa manfaat bagi pengembangan ilmu.
Bandung, Februari 2018
Egy A & Irsan A.
ABSTRAK
Iqbal Tech merupakan sebuah lembaga Kursus Komputer untuk membantu para siswa belajar dalam menguasai bidang komputer, terutama multimedia dan website. Di Iqbal Tech siswa akan diajarkan dari awal tentang jurusan yang mereka pilih, dan akan selalu dipantau sejau mana kemampuan siswa tersebut dengan cara mengerjakan soal yang berkaitan dengan jurusan mereka.
Dalam pelayanan informasi kepada siswanya ini di Kursus Komputer Iqbal Tech belum mengoptimalkan sistem informasi dengan baik, terutama pada sistem informasi jadwal kursus, mata pelajaran, daftar nilai, mata pelajaran, dan pendaftaran yang masih menggunakan sistem manual. Disamping adanya teknologi komputer, untuk mendukung semua aktifitas diseluruh bidang serta untuk meningkatkan efesiensi dan kecepatan pelayanan membutuhkan banyak sumber daya manusia yang handal dan mampu untuk mengoperasikan komputer dengan baik.
Proses analis yang digunakan dalam website ini adalah flowmap dan DFD dengan menggunakan bahasa pemrograman PHP dan MySQL sebagai Database Management System (DBMS).Website ini diimplementasikan untuk ditempatkan di Kursus Komputer Iqbal Tech untuk digunakan oleh admin yang bisa melihat data dan memilki akses untuk menginput, mengedit data, serta siswa yang bisa melihat dan mengerjakan soal tryout online.
Implementasi adalah suatu penerapan aplikasi yang merupakan lanjutin dari proses analisis. Menjelaskan perangkat keras dan perangkat lunak untuk membangun program aplikasi. Selain itu dalam tahap implementasi terdapat pengujian, yaitu menggunakan pengujian blackbox yaitu metode pengujian yang berfokus pada spesifikasi fungsional aplikasinya tanpa harus mengetahui struktur internal dari aplikasi.
Dapat disimpulkan hasil dari pembuatan aplikasi Kursus Komputer Iqbal Tech, admin dapat melihat, menginput, dan mengedit data dan siswa dapat melihat data serta dapat mengerjakan soal uji coba secara online.
Kata Kunci : Perancangan Sistem Informasi Web, PHP, MySQL
Iqbal Tech is a Computer Course Institute to help students learn in the field of computer, especially multimedia and website. At Iqbal Tech students will be taught from the start about their chosen majors, and will always be monitored by how their students are able to work on issues related to their majors.
In this information service to the students in Computer Course Iqbal Tech has not optimized the information system properly, especially in the course information schedule system, subjects, list of values, subjects, and registration are still using the manual system. Besides the existence of computer technology, to support all activities throughout the field as well as to improve the efficiency and speed of service requires a lot of reliable human resources and able to operate the computer well.
Process analyst used in this website is flowmap and DFD by using programming language PHP and MySQL as Database Management System (DBMS). This website is implemented to be placed in Iqbal Tech Computer Course for use by admin who can see data and have access to input, edit data, and students who can see and do the test questions.
Implementation is an application implementation which is a continuation of the analysis process. Describes the hardware and software to build the application program. In addition in the implementation phase there is a test, that is using blackbox testing is a test method that focuses on the functional specification of the application without having to know the internal structure of the application.
It can be concluded the result of the application of Iqbal Tech Computer Course Course, admins can view, input, and edit data and students can view the data and can work on test questions online.
Keywords: Information System Design, Web, PHP, MySQL.
DAFTAR ISI
RANCANG BANGUN SISTEM INFORMASI KURSUS KOMPUTER IQBAL
TECH BERBASIS WEB...i
LEMBAR PENGESAHAN DOSEN PEMBIMBING...i
LEMBAR PENGESAHAN DOSEN PENGUJI...ii
SURAT PERNYATAAN...iii
SURAT PERNYATAAN...iv
KATA PENGANTAR...v
ABSTRAK...vi
ABSTRACT...vii
DAFTAR ISI...viii
DAFTAR TABEL...xi
DAFTAR GAMBAR...xii
DAFTAR NOTASI/SIMBOL...xiii
Bab 1 PENDAHULUAN...1
1.1 Latar Belakang...1
1.2 Rumusan Masalah...2
1.3 Tujuan...2
1.4 Ruang Lingkup Penelitian...2
1.5 Sistematika Penulisan...3
Bab 2 TINJAUAN PUSTAKA...4
2.1 Pendidikan dan Pelatihan...4
2.2 WEB...4
2.3 Bimbingan Belajar...4
2.4 Context Diagram...4
2.5 DFD ( Data Flow Diagram)...5
2.6 HTML...5
2.7 Database...6
2.8 Flowmap...6
2.9 MySQL...6
2.11 XAMPP...7
2.12 CDM...7
2.13 PDM...7
2.14 Pengujian...8
Bab 3 ANALISA DAN PERANCANGAN...9
3.1 Analisis...9
3.1.1 Analisis Sistem yang Sedang Berjalan (Current System)...9
3.1.2 Analisis Prosedur (Flowchart) yang Sedang Berjalan...10
3.1.3 Analisis Sistem yang akan Dibangun...11
3.1.4 Analisis Kebutuhan Perangkat Lunak...11
3.1.5 Analisis Prosedur Flowmap Admin yang Akan Dibangun...12
3.1.6 Analisis Prosedur (Flowmap) yang Akan Dibangun pada Siswa....13
3.1.7 Context Diagram Sistem Kursus Komputer Iqbal Tech...14
3.1.8 Data Flow Diagram (disertai Tabel spesifikasi Proses)...16
3.1.9 Kamus Alir Data (Data Dictionary)...34
3.1.10 Perancangan Database...39
3.1.11 Conceptual Data Model...40
3.1.12 Physical Data Model...41
3.1.13 Kamus Data Tabel (Database)...42
3.1.14 Struktur Menu...47
3.1.15 Perancangan Antarmuka...47
3.1.16 Perancangan Input...48
3.1.17 Perancangan Input Data Siswa...49
3.1.18 Perancangan Input Soal Uji Coba...50
3.1.19 Perancangan Input Soal Uji Coba...51
3.1.20 Perancangan Output...51
Bab 4 IMPLEMENTASI DAN PENGUJIAN...53
4.1 Lingkungan Implementasi...53
4.2 Pembahasan Hasil Implementasi...53
4.2.1 Perangkat Lunak / Software...53
4.2.2 Perangkat Keras / Hardware...53
4.2.3 Halaman Muka / Interface...54
4.3 Pengujian dan hasil Pengujian...64
4.3.1 Identifikasi dan Perancangan...64
Bab 5 KESIMPULAN DAN SARAN...67
5.1 Kesimpulan...67
5.2 Saran...67
DAFTAR PUSTAKA...1
Tabel 3-1 Spesifikasi Proses Data Siswa...18
Tabel 3-2 Spesifikasi Proses Modifikasi Data Siswa...19
Tabel 3-3 Spesifikasi Proses Data Pengajar...21
Tabel 3-4 Spesifikasi Proses Modifikasi Data Pengajar...22
Tabel 3-5 Spesifikasi Proses Data Jadwal...24
Tabel 3-6 Spesifikasi Proses Modifikasi Data Jadwal...25
Tabel 3-7 Spesifikasi Proses Data Kelas...27
Tabel 3-8 Spesifikasi Proses Modifikasi Data Kelas...28
Tabel 3-9 Spesifikasi Proses Data Soal Uji coba...30
Tabel 3-10 Spesifikasi Proses Modifikasi Data Soal Uji coba...31
Tabel 3-11 Spesifikasi Proses Data Soal Uji coba...33
Tabel 3-12 Spesifikasi Proses Modifikasi Data Mata Pelajaran...34
Tabel 3-13 Kamus Data Login...35
Tabel 3-14 Kamus Data Siswa...35
Tabel 3-15 Kamus Data Pengajar...36
Tabel 3-16 Kamus Data Jadwal...37
Tabel 3-17 Kamus Data Kelas...38
Tabel 3-18 Kamus Data Mata Pelajaran...39
Tabel 3-19 Tabel Data Siswa...42
Tabel 3-20 Tabel Data Login...44
Tabel 3-21 Tabel Data Jadwal...45
Tabel 3-22 Tabel Data Soal...46
Tabel 3-23 Tabel Data Siswa...52
Tabel 3-24 Tabel Jadwal Kursus...52
Tabel 4-1 Identifikasi dan Rencana Pengujian...64
Tabel 4-2 Deskripsi dan Hasil Pengujian...65
DAFTAR GAMBAR
Gambar 3-1 Flowchart yang sedang berjalan...10
Gambar 3-2 Flowmap sistem admin yang dibangun...12
Gambar 3-3 Flowmap sistem siswa yang dibangun...13
Gambar 3-4 Context Diagram Sistem Admin dan Sistem Siswa...15
Gambar 3-5 DFD Level 1...16
Gambar 3-6 DFD Level 1.2...17
Gambar 3-7 DFD Level 1.3...20
Gambar 3-8 DFD Level 1.3...23
Gambar 3-9 DFD Level 1.5...26
Gambar 3-10 DFD Level 1.7...29
Gambar 3-11 DFD Level 1.8...32
Gambar 3-12 Conceptual Data Model...40
Gambar 3-13 Physical Data Model...41
Gambar 3-14 Struktur Menu...47
Gambar 3-15 Perancangan Login...48
Gambar 3-16 Perancangan Input Siswa...49
Gambar 3-17 Perancangan Input Soal...50
Gambar 3-18 Perancangan Input Jadwal...51
Gambar 4-1 Tampilan Awal...54
Gambar 4-2 Tampilan Login...55
Gambar 4-3 Tampilan Admin...56
Gambar 4-4 Tampilan Input Data Siswa...57
Gambar 4-5 Tampilan Input Jadwal...58
Gambar 4-6 Tampilan Input Data Soal...59
Gambar 4-7 Tampilan Siswa...60
Gambar 4-8 Tampilan Data Siswa...61
Gambar 4-9 Tampilan Jadwal...62
Gambar 4-10 Tampilan Soal uji coba...63
Simbol yang digunakan pada Data Flow Diagram
No Simbol Nama Keterangan
1 sekelompok orang, organisasi, departemen di dalam organisasi, atau perusahaan yang sama tetapi di luar kendali sistem yang sedang dibuat modelnya. menunjukkan arus data yang dapat berupa masukkan untuk sistem atau hasil dari proses sistem.
3 Notasi
Proses
Suatu proses adalah kegiatan atau kerja yang dilakukan oleh orang, mesin, atau komputer dan hasil suatu arus data yang masuk ke dalam proses untuk dilakukan arus data yang akan keluar dari proses.
4 Simpan
an Data
Simpanan data (data store) merupakan simpanan dari data yang dapat berupa file atau database di sistem komputer.
Simbol yang digunakan pada Flowmap
No Simbol Nama Keterangan
1 Dokumen
Digunakan untuk menggambarkan semua jenis dokumen yang merupakan formulir yang digunakan untuk mengentry data keluarga.
2 Proses Merupakan kegiatan proses dari operasi
program computer
3 Proses
manual
Merupakan proses manual pada flowmap
4 File
Harddisk
Merupakan media penyimpanan dari proses
entry data dan proses komputerisasi
5 Offline
Storage
Merupakan tempat penyimpanan data berupa arsip
6 Garis
Alir Merupakan arus data
7 Keyboard Merupakan proses penyimpanan
menggunakan keyboard
Simbol yang digunakan pada Context Diagram
o sekelompok orang, organisasi, departemen di dalam organisasi, atau perusahaan yang sama tetapi di luar kendali sistem yang sedang dibuat modelnya.
Bab 1
PENDAHULUAN
1.1
Latar Belakang
Perkembangan teknologi dan informasi saat ini makin cepat dan pesat. Terutama dalam hal teknologi program aplikasi yang berguna untuk membantu pengolahan data, mengenai keamanan data, dan pembuatan laporan bagi suatu instansi sektor perusahaan, sektor pemerintahan atau bahkan sektor pendidikan.
Iqbal Tech merupakan perusahaan yang bergerak dibidang jasa kursus komputer yang ada di kota Bandung. Iqbal Tech berdiri sejak tahun 2015 yang memiliki pengajar sebanyak 8 (delapan) orang pengajar dan 2 (dua) orang administrasi yang biasa mengelola data siswa yang kursus. Pengolahan data di Iqbal Tech sampai saat ini masih secara manual. Selain itu, masyarakat masih sulit mendapatkan informasi seputar Iqbal Tech. Siswa juga mengalami kesulitan untuk mendapat informasi terbaru.
Melihat permasalahan yang terjadi dengan hal tersebut, maka diperlukan adanya suatu sistem yang dapat digunakan untuk pendaftaran, sekaligus melakukan pengelolaan data, dan memberikan informasi kepada masyarakat maupaun siswa. Untuk menyelesaikan masalah tersebut maka pada tugas proyek ini akan mengangkat judul “RANCANG BANGUN INFORMASI KURSUS IQBAL TECH BERBASIS WEB” yaitu suatu sistem informasi pengolahan data kursus komputer
berbasiskan web. Sistem ini nantinya akan membantu tempat kursus komputer untuk melakukan proses pendataan siswa.
1.2
Rumusan Masalah
Berdasarkan latar belakang diatas, ada beberapa masalah yang ditemukan dalam pemecahan masalah, yaitu :
1) Membangun sistem informasi berbasis web yang diimplementasikan untuk pengolahan data Iqbal Tech.
2) Mengatasi penyampaian informasi Iqbal Tech, sehingga mendapatkan suatu hasil yang maksimal dalam pengolahan data.
1.3
Tujuan
Maksud dan tujuan dari penelitian ini adalah perancangan pembangunan website menggunakan PHP dan MySQL, untuk memberikan layanan media informasi secara update melalui media internet kepada peserta bimbingan belajar ataupun masyarakat luas. dan diharapkan akan memberikan kontribusi sebagai berikut :
1. Membuat Aplikasi yang menambah atau menginput, menghapus, dan mengedit data seperti data siswa, data pengajar, data jadwal, dan soal uji coba.
2. Dapat menyajikan informasi tentang kursus iqbal tech, data siswa, data jadwal kursus, data nilai, dan soal uji coba.
1.4
Ruang Lingkup Penelitian
3
1.5
Sistematika Penulisan
Dalam laporan ini terdiri dari 5 bab yang masing-masing bab berbeda pembahasannya. Berikut pemaparan setiap bab :
BAB 1 PENDAHULUAN, pada bab ini dibahas mengenai latar belakang yang berisi usulan ringkas mengenai keadaan atau kondisi yang ada sehingga muncul topik yang diambil. Dalam bab I juga terdapat rumusan masalah yang berisi aplikasi yang dibuat. Pada bab ini juga berisi tujuan yang ingin dicapai dalam pembuatan aplikasi, dan manfaat penulisan serta bab ini juga dibuat ruang lingkup pada pembuatan aplikasi ini dan sistematika penulisan yang menjelaskan isi pada proyek 2 ini.
BAB 2 LANDASAN TEORI, pada bab ini akan dibahas teori-teori yang digunakan sebagai landasan dalam proses perancangan dan pembuatan aplikasi yang digunakan. Landasan teori pada bab ini meliputi bahasa pemograman (PHP, HTML), database (Mysql) , Data Flow Diagram, Xampp, Web Browser, Sistem Informasi, Internet.
BAB 3 ANALISIS DAN PERANCANGAN, bab ini akan menjelaskan dan menganalisis proses bisnis yang berjalan pada tempat kursus saat ini, untuk mengetahui kebutuhan sistem yang akan dibuat. Adapun tahap perancangan user interface digunakan untuk merancang aplikasi yang akan dibuat.
BAB 4 IMPLEMENTASI DAN PENGUJIAN, bab ini akan membahas dan memaparkan hasil implementasi aplikasi yang dijalankan dan pengujian terhadap aplikasi yang dihasilkan untuk mengukur sejauh mana aplikasi tersebut dapat digunakan.
TINJAUAN PUSTAKA
2.1
Pendidikan dan Pelatihan
Menurut Veithzal dan Ella Jauvani Sagala dalam bukunya Manajemen Sumber Daya Manusia untuk Perusahaan, mengemukakan bahwa :
“Pelatihan sebagai pendidikan yang mempunyai proses belajar untuk memperoleh dan meningkatkan keterampilan di luar sistem pendidikan yang berlaku dalam waktu yang relative singkat dengan metode yang lebih mengutamakan pada praktik daripada teori. Sementara itu keterampilan adalah meliputi pengertian
physical skill, intellectual skill, managerial skill dan lain-lain” [1].
2.2
WEBWebsite merupakan fasilitas internet yang menghubungkan dokumen dalam lingkup lokal maupun jarak jauh. Dokumen pada website disebut dengan web page dan link dalam website memungkinkan pengguna bisa berpindah dari satu page ke page lain (hyper text), baik diantara page yang disimpan dalam server yang sama maupun server diseluruh dunia. Pages diakses dan dibaca melalui browser seperti Netscape Navigator, Internet Explorer, Mozila Firefox, Google Chrome dan aplikasi browser lainnya [2].
2.3
Bimbingan Belajar
Bimbingan belajar adalah proses pemberian bantuan dari pengajar pembimbing terhadap siswa dengan cara mengembangkan suasana belajar mengajar yang kondusif agar siswa dapat mengatasi kesulitan belajar yang mungkin dihadapinya sehingga mencapai hasil belajar yang optimal [3].
2.4
Context Diagram
Context Diagram menunjukkan sistem secara keseluruhan. Proses ini diberi nomor nol. Di dalam diagram konteks ini tidak terdapat penyimpanan data yang
5
sederhana untuk diciptakan, untuk entetitas eksternal dan aliran data menuju dalam sistem yang bisa diketahui dari analisis wawancara dengan user dan sebagai hasil analisis dokumen.Bentuk dari terminator ini adalah persegi panjang dan dapat berkomunikasi dengan sistem melalui aliran data atau penyimpanan eksternal dengan terminator dan tidak diperbolehkan komunikasi langsung [4].
2.5
DFD ( Data Flow Diagram)
Data Flow Diagram (DFD) merupakan alat yang membuat model untuk memungkinkan profesional sistem untuk menggambarkan sistem sebagai suatu jaringan proses yang dapat dihubungkan satu dengan yang lain lain dengan menggunakan alur data, baik secara manual atau komputerisasi. DFD sering disebut juga dengan nama model fungsi. DFD yaitu suatu perangkat pembuatan model yang dapat digunakan untuk fungsi-fungsi sistem. DFD sendiri merupakan perangkat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program [7].
2.6
HTML
HTML adalah struktur bahasa pemrograman di dalam pembuatan WEB, HTML merupakan bahasa standar yang digunakan untuk menyusun serta membangun suatu halaman Web karena HTML, menampilkan informasi dalam bentuk hypertext dan juga mendukung sekumpulan perintah yang dapat digunakan untuk mengatur tampilan informasi tersebut.
2.7
Database
Database berfungsi sebagai temapt penyimpanan data, sehingga pengelolaan yang dilakukan juga berkaitan dengan penyimpanan data yang meliputi: memasukkan data, mengubah data, menampilkan data, dan menghapus data. Sebelum kita melakukan pengelolaan data, tentunya kita harus merancang dahulu database serta atribut-atribut penyimpanan yang meliputi: pembuatan databases, pembuatan table, pembuatan query, penambahan query, hingga pemilihan database. Database ini disebut dengan database MySQL karena dalam perancangan pembuatan database menggunakan software MySQL [4].
2.8
Flowmap
Sama halnya dengan flowchart, jika flowmap digambarkan dari kiri ke kanan dan atas kebawah. Seperti pada jumlah barang yang diperdagangkan, atau jumlah paket dalam jaringan tersebut. Flowmap ini dapat menolong analisis dan programmer dalam memecahkan masalah kedalam segmen-segmen yang lebih kecil dan dapat membantu untuk menganalisa alternatif-alternatif lain dalam pengoperasian [4].
2.9
MySQL
MySQL adalah suatu perangkat lunak dan implementasi dari basisdata
relasional (RDBMS). SQL juga sebuah pengoprasian basis data yang memungkinkan pengerjaan pengoprasian datanya dikerjakan dengan mudah dan secara lebih optimal [5].
2.10 PHP
PHP(Hypertext Pre-processor) adalah pemrograman web yang diciptakan oleh Rasmus Lerdorf. PHP pada awalnya hanya digunakan oleh penciptanya untuk mencatat pengunjung pada hompagenya.
7
misalnya PHP Designer, Notepad ++, Dreamwaver dll. Kode PHP diawali dengan tanda <? Dan di akhiri dengan ?>. Cara lain adalah diawali dengan <? php dan diakhiri dengan ?> [8].
2.11 XAMPP
XAMPP adalah aplikasi untuk pembuatan aplikasi berbasis web. Dalam pembuatan ini, XAMPP berguna sebagai server pribadi yang kita instalkan pada komputer atau laptop kita. Melalui server berupa XAMPP ini kita juga mengimplementasikan aplikasi berbasis web yang telah kita buat.
Ada banyak keunggulan dari aplikasi XAMPP ini sebagai server pada komputer atau laptop kita. Salah satu keunggulan tersebut adalah tersedianya program apache yang berguna sebagai server web kita serta MySQL yang berguna untuk pembuatan database pada aplikasi yang akan dibuat [6].
2.12 CDM
CDM (Conceptual Data Model) merupakan model yang dapat dibuat dengan berdasarkan entitas(entity) serta hubungan (relationship) antara entitas entitas tersebut. Biasanya dalam CDM dapat dijelaskan dalam bentuk Entity Relationship Diagram. Manfaat penggunaan CDM ini dalam perancangan database adalah : 1) Dapat memberikan gambaran dari struktur basis data.
2) Menggunakan alat komunikasi sesama pemakai basis data, designer, dan analis [5].
2.13 PDM
data yang merupakan gambaran secara detail suatu basis data dalam bentuk fisik serta memperlihatkan struktur penyimpanan data yang benar pada basis data dalam bentuk fisik serta memperlihatkan struktur penyimpanan data yang digunkan sesungguhnya [5].
2.14 Pengujian
Bab 3
ANALISA DAN PERANCANGAN
3.1
Analisis
Analisis merupakan suatu percobaan yang menghasilkan kesimpulan dari penguraian suatu sistem informasi yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi segala permasalahan yang timbul, hambatan yang terjadi serta kesempatan dan kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikan yang dapat membangun sistem kerja yang akan dibuat.
3.1.1 Analisis Sistem yang Sedang Berjalan (
Current System
)
Dari hasil pengamatan yang telah dilakukan pada perancangan sistem informasi kursus komputer berbasis web (studi kasus: kursus komputer iqbal tech) maka dapat disimpulkan bahwa kelemahan-kelemahan yang dihadapi dalam pengolahan data kursus yaitu sebagai berikut:1) Pengolahan data yang masih manual menggunakan excel. 2) Siswa mengerjakan soal uji coba secara manual.
3.1.2 Analisis Prosedur (
Flowchart
) yang Sedang Berjalan
Adapun Flowmap yang sedang berjalan dalam perancangan sistem informasi kursus komputer berbasis web (studi kasus: kursus komputer iqbal tech) adalah sebagai berikut :
11
3.1.3 Analisis Sistem yang akan Dibangun
Dengan adanya kelemahan-kelemahan pada sistem yang sedang berjalan maka dibutuhkan sistem yang baru dengan ini diharapkan bisa berjalan dengan optimal sehingga dapat memberikan manfaat yang berguna bagi kelangsungan sistem informasi Kursus Komputer Iqbal Tech. Sistem baru yang kiranya dapat mengatasi masalah yang terjadi di Kursus Komputer Iqbal Tech adalah dengan membuat sebuah Perancangan dengan Desain Output dan Input.
Kelebihan-kelebihan yang ada jika menerapkan sistem yang diusulkan diantaranya sebagai berikut:
1) Admin dapat mengolah data siswa. 2) Admin dapat mengolah data jadwal.
3) Siswa dapat mengerjakan soal Uji coba pada website dan dapat melihat nilai yang di dapat.
3.1.4 Analisis Kebutuhan Perangkat Lunak
1) Aplikasi dapat mengolah data siswa setelah admin menginput data siswa dan data akan di tampilkan di menu admin kemudian data tersebut dapat diolah jika ada kesalahan pada saat memasukkan data siswa.
2) Aplikasi dapat mengolah data pengajar setelah admin memasukkan data pengajar yang mengajar dan hasilnya akan ditampilkan di tampilan menu admin.
3) Aplikasi dapat mengolah data jadwal setelah admin mengolah data jadwal seperti kelas, jam masuk, jam keluar, mata pelajaran, dan pengajar, kemudian data tersebut akan di tampilkan di tampilan menu siswa agar siswa mengetahui jadwal sesuai jurusannya.
4) Aplikasi dapat mengolah data soal uji coba setelah admin mengolah data soal, kemudian soal tersebut akan ditampilkan di tampilan menu siswa.
3.1.5 Analisis Prosedur Flowmap Admin yang Akan Dibangun
Adapun Flowmap yang akan dibangun dalam perancangan sistem informasi Kursus komputer berbasis web (studi kasus: kursus komputer iqbal tech) adalah sebagai berikut:Gambar 3-2 Flowmap sistem admin yang dibangun
13
memasukkan username dan password, jika login berhasil maka admin masuk ke halaman menu admin. Pertama admin mengolah data siswa, data pengajar, data mata pelajaran, data jadwal, data soal uji coba dan dapat menampilkan data siswa, data pengajar, data mata pelajaran, data jadwal, dan data soal uji coba.
3.1.6 Analisis Prosedur (Flowmap) yang Akan Dibangun pada
Siswa
Pada gambar flowmap sistem siswa yang akan dibangun di atas menjelaskan pertama siswa melakukan login jika login gagal siswa kembali memasukkan username dan password, jika login berhasil maka siswa masuk ke halaman menu siswa. Pada tampilan menu siswa, siswa dapat melihat data siswa yang login, data jadwal, dan siswa dapat mengerjakan soal uji coba dan mendapat nilai dari soal uji coba yang dikerjakan.
3.1.7 Context Diagram Sistem Kursus Komputer Iqbal Tech
Diagram konteks merupakan suatu teknik untuk menggambarkan pemodelan sistem secara global menggunakan notasi-notasi grafis yang menunjukkan aliran informasi dan perubahannya yang diterapkan sebagai perubahan atau perpindahan data dari masukan (input) menjadi keluaran (output). Atau menurut pengertian lain diagram yang menggambarkan level teratas (top level) dan memecah-mecahnya menjadi bagian yang lebih terinci (lower level).
Adapun diagram yang telah dirancang yaitu sebagai berikut :
Context diagram adalah diagram yang berisi proses suatu sistem dan menggambarkan alur dari ruang lingkup pada sistem tersebut. Context diagram
15
info soal uji coba info data jadwal
info data siswa
data mata pelajaran
data soal uji coba
data jadwal
data pengajar
data siswa
info data admin data admin info login admin
login admin login siswa
info login siswa
info data siswa
info data pengajar info data jadwal
info data soal uji coba
info data mata pelajaran 1
Sistem Kursus Komputer Iqbal Tech
Siswa Admin
Gambar 3-4 Context Diagram Sistem Admin dan Sistem Siswa
3.1.8 Data Flow Diagram (disertai Tabel spesifikasi Proses)
info data login
data login login siswa ke siswa
info login siswa
login admin ke sistem
info login admin
info data
info data kelas
data kelas
info data nilai uji coba
data nilai uji coba
info data soal uji coba
data soal uji coba data siswa ke sistem
info data guru
data pengajar ke sistem
info data pengajar
data jadwal ke sistem
info data jadwal
data kelas ke sistem
info data kelas
data nilai uji coba ke sistem
info data nilai
data soal uji coba
info data soal uji coba menambahkan data
siswa kursus
1.3 menambahkan data
pengajar kursus
1.4 menambahkan data
jadwal kursus
1.5 menambahkan data kelas
kursus
1.6 menambahkan data nilai
uji coba
1.7 menambahkan data soal
uji coba
info data matpel
data matpel data matpel
info data matpel
8 matpel 1.8
menambahkan data mata pelajaran
17
Pada DFD ini terdapat 7 proses yaitu proses login yang dilakukan admin, proses mengolah data siswa yang dilakukan admin, proses mengolah data pengajar yang dilakukan admin, mengolah data jadwal yang dilakukan admin, mengolah data mata pelajaran yang dilakukan oleh admin, mengolah data kelas yang dilakukan oleh admin, mengolah soal uji coba yang dilakukan admin, dan login siswa yang dilakukan oleh siswa. Terdapat 8 tabel umtuk menyimpan data yaitu tabel login, tabel daftar_siswa, tabel pengajar, tabel mata pelajaran, tabel jadwal, tabel kelas, tabel nilai, tabel soal.
data siswa data siswa
info data siswa
modifikasi data siswa
info hasil modifikasi data siswa
Admin menambahkan data siswa
1.2.2
Admin Memodifikasi Data Siswa
1.2.3 Cetak Data Siswa cetak data siswa
info data siswa data siswa
info cetak data siswa
Gambar 3-6 DFD Level 1.2
Tabel 3-1 Spesifikasi Proses Data Siswa
No Proces : 1.2.1
Nama Proces : Menambahkan Data Siswa
Source Data
Admin
Tabel data siswa
Admin menambahkan data siswa
Menampilkan data siswa yang telah diinput
Destination Data
Admin
Tabel data siswa
Info data siswa
data siswa
Logika proses
Koneksi ke database iqbaltech1
Mengolah data nama, alamat, id_kelas, no_telepon, jenis_kelamin
Insert into tabel data_siswa
Mengolah username dan password untuk login
Insert into login (username, status, password)
Insert into nilai sesuai dengan id_user
Data siswa berhasil disimpan di tabel data_siswa
19
No Proces : 1.2.2
Nama Proces : Modifikasi Data Siswa
Source Data
Admin
Tabel data siswa
Admin memodifikasi data siswa
Menampilkan modifikasi data siswa
Destination Data
Admin
Tabel data siswa
Info data siswa
data siswa
Logika proses
Koneksi ke database
Mengolah data yang di update (nama, alamat, id_kelas, no_telepon, jenis_kelamin)
Update ke tabel data_siswa
Where No siswa
info data pengajar
data pengajar
info data pengajar
data pengajar
info data pengajar
data pengajar modifikasi data
pengajar
info modifikasi data pengajar
Admin 3 pengajar
1.3.1
admin menambahkan data pengajar kursus
1.3.2 admin memodifikasi data
pengajar
Gambar 3-7 DFD Level 1.3
21
Tabel 3-3 Spesifikasi Proses Data Pengajar
No Proces : 1.3.1
Nama Proces : Menambahkan Data Pengajar
Source Data
Admin
Tabel data pengajar
Admin Menambahkan data pengajar
Menampilkan data pengajar
Destination Data
Admin
Tabel data pengajar
Info data pengajar
data pengajar
Logika proses
Koneksi ke database iqbaltech1
Mengolah data id_pengajar, nama, jenis_kelamin
Insert into tabel pengajar
Data siswa berhasil disimpan di tabel pengajar
No Proces : 1.3.2
Nama Proces : Modifikasi Data Pengajar
Source Data
Admin
Tabel Edit data pengajar
Admin memodifikasi data pengajar
Menampilkan modifikasi data pengajar
Destination Data
Admin
Tabel Edit data pengajar
Info data pengajar
data pengajar
Logika proses
Koneksi ke database
Mengolah data yang di update (id_pengajar, nama, jenis_kelamin) Update ke tabel pengajar
Where id_pengajar
Data berhasil di update ke tabel pengajar
data jadwal
Admin 4 jadwal
1.4.1
Admin menambahkan data jadwal
1.4.2
23
Gambar 3-8 DFD Level 1.3
Pada gambar di atas berisi dua proses yaitu bagian Admin menambahkan data jadwal dan Admin memodifikasi data jadwal serta data tersebut disimpan ke dalam satu tabel jadwal.
Tabel 3-5 Spesifikasi Proses Data Jadwal
No Proces : 1.4.1
Nama Proces : Menambahkan Data Jadwal
Source Data
Admin
Tabel data jadwal
Admin menambahkan data jadwal
Menampilkan data jadwal
Destination Data
Tabel data jadwal data jadwal
Logika proses
Koneksi ke database iqbaltech1
Mengolah data id_jadwal, id_kelas, id_matpel, hari, jam_pelajaran_masuk, jam pelajaran keluar, id_pengajar
Insert into tabel jadwal
Data siswa berhasil disimpan di tabel jadwal
Tabel 3-6 Spesifikasi Proses Modifikasi Data Jadwal
No Proces : 1.4.2
Nama Proces : Modifikasi Data Jadwal
Source Data
Admin
Tabel Edit data jadwal
Admin memodifikasi data jadwal
Menampilkan modifikasi data jadwal
Destination Data
Admin
Tabel Edit data jadwal
Info data jadwal
25
Logika proses
Koneksi ke database
Mengolah data yang di update (id_jadwal, id_kelas, id_matpel, hari, jam_pelajaran_masuk, jam pelajaran keluar, pengajar)
Update ke tabel jadwal
Where id_jadwal
Data berhasil di update ke tabel jadwal
data kelas
info modifikasi data kelas
info data kelas
data kelas
Admin menambahkan data kelas
1.5.2
Admin memodifikasi data kelas
Gambar 3-9 DFD Level 1.5
Tabel 3-7 Spesifikasi Proses Data Kelas
No Proces : 1.5.1
Nama Proces : Menambahkan Data Kelas
Source Data
Admin
Tabel data kelas
Admin menambahkan data kelas
Menampilkan data kelas
Destination Data
Admin
Tabel data kelas
Info data kelas
data kelas
Logika proses
Koneksi ke database iqbaltech1
Mengolah data id_kelas, kelas, id_level
Insert into tabel kelas
27
Tabel 3-8 Spesifikasi Proses Modifikasi Data Kelas
No Proces : 1.5.2
Nama Proces : Modifikasi Data Kelas
Source Data
Admin
Tabel Edit data kelas
Admin memodifikasi data kelas
Menampilkan modifikasi data kelas
Destination Data
Admin
Tabel Edit data kelas
Info data kelas
data kelas
Logika proses
Koneksi ke database
Mengolah data yang di update (id_kelas, kelas, id_level)
Update ke tabel kelas
Where id_kelas
info data soal uji coba
data soal uji coba
info modifikasi data soal
modifikasi data soal
data soal uji coba
info soal uji coba
data soal uji coba
info soal uji coba Admin
7 soal 1.7.1
menambahkan data soal
1.7.2 memodifikasi data
soal
Gambar 3-10 DFD Level 1.7
29
Tabel 3-9 Spesifikasi Proses Data Soal Uji coba
No Proces : 1.7.1
Nama Proces : Menambahkan Data Soal Uji coba
Source Data
Admin
Tabel data soal
Admin menambahkan data soal uji coba
Menampilkan data soal uji coba
Destination Data
Admin
Tabel data soal
Info data soal uji coba
data soal uji coba
Logika proses
Koneksi ke database iqbaltech1
Mengolah data id_soal, soal, a, b, c, d, knc_jawaban, gambar, tanggal, tahapan
Insert into tabel tbl_soal
Data siswa berhasil disimpan di tabel tbl_soal
No Proces : 1.7.2
Nama Proces : Modifikasi Data Soal Uji coba
Source Data
Admin
Tabel Edit data soal
Admin memodifikasi data soal uji coba Menampilkan modifikasi data soal uji coba
Destination Data
Admin
Tabel Edit data soal
Info data soal uji coba
data soal uji coba
Logika proses
Koneksi ke database
Mengolah data yang di update (id_soal, soal, a, b, c, d, knc_jawaban, tahapan)
Update ke tabel soal
Where id_soal
Data berhasil di update ke tabel soal
info data mata pelajaran
data mata pelajaran
info modifikasi data mata pelajaran
modifikasi data mata pelajaran
data mata pelajaran
info data mata pelajaran
data mata pelajaran
info data mata pelajaran Admin
8 matpel 1.8.1
menambahkan data matpel
1.8.2 memodifikasi data
31
Gambar 3-11 DFD Level 1.8
Pada gambar di atas berisi dua proses yaitu bagian Admin menambahkan data mata pelajaran dan Admin memodifikasi data mata pelajaran serta data tersebut disimpan ke dalam tabel soal.
Tabel 3-11 Spesifikasi Proses Data Soal Uji coba
No Proces : 1.7.1
Nama Proces : Menambahkan Data Mata Pelajaran
Source Data
Admin
Tabel data matpel
Admin menambahkan data mata pelajaran
Menampilkan data mata pelajaran
Destination Data
Admin
Tabel matpel
Info data mata pelajaran
data mata pelajaran
Logika proses
Mengolah data id_matpel, nama_matpel
Insert into tabel matpel
Data mata pelajaran berhasil disimpan di table matpel
Tabel 3-12 Spesifikasi Proses Modifikasi Data Mata Pelajaran
No Proces : 1.7.2
Nama Proces : Modifikasi Data Mata Pelajaran
Source Data
Admin
Tabel Edit data matpel
Admin memodifikasi data mata pelajaran Menampilkan modifikasi data data mata
pelajaran
Destination Data
Admin
Tabel Edit data matpel
Info data data mata pelajaran
data data mata pelajaran
Logika proses
33
Mengolah data yang di update (id_matpel, nama_matpel)
Update ke tabel matpel
Where id_matpel
Data berhasil di update ke tabel matpel
3.1.9 Kamus Alir Data (Data Dictionary)
Kamus data merupakan kumpulan data yang digunakan serta dihasilkan oleh perangkat lunak. Berikut ini daftar seluruh data yang akan digunakan dan dihasilkan oleh perangkat lunak sistem informasi website pada Kursus Komputer Iqbal Tech.
Kamus data dibuat berdasarkan arus data yang ada di DFD. Kamus data sistem informasi website:
Tabel 3-13 Kamus Data Login
Kamus Data Login
Nama Arus Data Data Login
Alias Login
Bentuk Data Dokumen Komputer
Periode Setiap kali ada yang masuk
Volume Setiap kali admin dan siswa masuk ke
sistem
Struktur Data username, status, password.
Tabel 3-14 Kamus Data Siswa
Kamus Data Siswa
Nama Arus Data Data Siswa
Alias
-Penjelasan Admin yang menambah data siswa
Periode Perubahan pada data siswa akan
data siswa
Volume Tidak menentu
Aliran Arus Data
Admin-proses 1.2.1
Proses 1.2.1-menambahkan data siswa Proses 1.2.2-modifikasi data siswa
Struktur Data no, id_user, id_kelas, alamat,
no_telepon, jenis_kelamin, keterangan.
Tabel 3-15 Kamus Data Pengajar
Kamus Data Pengajar
Nama Arus Data Data Pengajar
Alias
-Penjelasan Admin yang menambah data pengajar
Periode
Perubahan pada data pengajar akan dilakukan oleh admin karena admin yang bertanggung jawab menambah data pengajar
Volume Tidak menentu
Aliran Arus Data
Admin-proses 1.3.1
Proses 1.3.1-menambahkan data pengajar
Proses 1.3.2-modifikasi data pengajar
35
Tabel 3-16 Kamus Data Jadwal
Kamus Data Jadwal
Nama Arus Data Data Jadwal
Alias
-Penjelasan Admin yang menambah data jadwal
Periode
Perubahan pada data jadwal akan dilakukan oleh admin karena admin yang bertanggung jawab menambah data jadwal
Volume Tidak menentu
Aliran Arus Data
Admin-proses 1.4.1
Proses 1.4.1-menambah data jadwal Proses 1.4.2-modifikasi data jadwal
Struktur Data
Id_jadwal, id_kelas, id_matpel, hari, jam_pelajaran_masuk,
Tabel 3-17 Kamus Data Kelas
Kamus Data Kelas
Nama Arus Data Data Kelas
Alias
-Penjelasan Admin yang menambah data kelas
Periode
Perubahan pada data kelas akan dilakukan oleh admin karena admin yang bertanggung jawab menambah data kelas
Volume Tidak menentu
Aliran Arus Data
Admin-proses 1.5.1
Proses 1.5.1-menambah data kelas Proses 1.5.2-modifikasi data kelas
Struktur Data Id_kelas, kelas, id_level.
Tabel 3. 1 Kamus Data Soal
Kamus Data Soal
Nama Arus Data Data Soal
Alias
-Penjelasan Admin yang menambah data soal
Periode
Perubahan pada data soal akan dilakukan oleh admin karena admin yang bertanggung jawab menambah data soal
Volume Tidak menentu
Aliran Arus Data
Admin-proses 1.7.1
Proses 1.7.1-menambah data soal Proses 1.7.2-modifikasi data soal
37
Tabel 3-18 Kamus Data Mata Pelajaran
Kamus Data Soal
Nama Arus Data Data Mata Pelajaran
Alias
-Penjelasan Admin yang menambah data mata
pelajaran
Periode
Perubahan pada data mata pelajaran akan dilakukan oleh admin karena admin yang bertanggung jawab menambah data mata pelajaran
Volume Tidak menentu
Aliran Arus Data
Admin-proses 1.8.1
Proses 1.8.1-menambah data mata pelajaran
Proses 1.8.2-modifikasi data mata pelajaran
Struktur Data id_matpel, nama_matpel.
3.1.10 Perancangan Database
3.1.11 Conceptual Data Model
Gambar 3-12 Conceptual Data Model
39
3.1.12 Physical Data Model
data_siswaGambar 3-13 Physical Data Model
3.1.13 Kamus Data Tabel (Database)
Tabel Data SiswaFungsi : Mengelola data siswa Jenis : data_siswa
Primary Key : no
Tabel 3-19 Tabel Data Siswa
No Nama Field Tipe Data Size Keterangan
1 no int 100
Berisi no siswa sesuai jumlah
data yang dimasukkan.
2 id_user int 11
Berisi id_user
2 nama varchar 100
Berisi nama siswa yang diinputkan oleh
admin.
3 alamat varchar 100
Berisi alamat siswa yang diinputkan oleh
admin.
4 Id_kelas varchar 100
Berisi kelas siswa multimedia,
website
5 No_telepon varchar 100 Berisi no
41
No Nama Field Tipe Data Size Keterangan
7 Nilai 1 Double 11
Berisi nilai uji coba 1 berdasarkan soal yang telah
dijawab oleh siswa.
8 Nilai 2 Double 11
Berisi nilai uji coba 2 berdasarkan soal yang telah
dijawab oleh siswa.
9 Nilai 3 Double 11
Berisi nilai uji coba 3 berdasarkan soal yang telah
dijawab oleh siswa.
10 Nilai 4 Double 11
Berisi nilai uji coba 4 berdasarkan soal yang telah
dijawab oleh siswa.
11 keterangan varchar 50
Berisi keterangan
lulus/tidak lulus dari rata-rata nilai tryout
Tabel Data Login
Fungsi : Mengelola data login Jenis : data login
Primary Key : id_user Foreign Key
:-Tabel 3-20 :-Tabel Data Login
No Nama Field Tipe Data Size Keterangan
1 id_user varchar 6
Berisi id user siswa atau
admin.
2 username varchar 15
Berisi username admin atau username siswa
yang telah diinputkan oleh
admin.
3 status varchar 20
Berisi status apakah yang login admin atau siswa.
4 password varchar 15
Berisi password masing-masing
yang telah di berikan oleh
43
Tabel Data Jadwal
Fungsi : Mengelola data Jadwal Jenis : data jadwal
Primary Key : id_jadwal Foreign Key
:-Tabel 3-21 :-Tabel Data Jadwal
No Nama Field Tipe Data Size Keterangan
1 id_jadwal Int 100 Berisi id jadwal
1 Id_kelas varchar 100
Berisi data kelas multimedia,
website.
2 Id_matpel varchar 100
Berisi mata pelajaran yang
akan diikuti siswa
3 hari varchar 100
Berisi hari kapan bimbingan beajar
dilaksanakan.
4 jam_pelajaran_masuk Time
-Berisi jam pelajaran masuk untuk bimbingan.
5 jam_pelajaran_keluar Time
-Berisi jam pelajaran keluar untuk bimbingan.
6 Id_pengajar varchar 100
Tabel Data Soal Uji Coba
Fungsi : Mengelola data soal uji coba Jenis : soal uji coba
Primary Key : id_soal Foreign Key
:-Tabel 3-22 :-Tabel Data Soal
No Nama Field Tipe Data Size Keterangan
1 id_soal Integer 100
Berisi id soal atau jumlah soal yang telah diinputkan.
2 soal Text - Berisi soal yangtelah diinputkan
oleh admin.
3 A varchar 30 Berisi pilihan A
4 B varchar 30 Berisi pilihan B
5 C varchar 30 Berisi pilihan C
6 D varchar 30 Berisi pilihan D
7 knc_jawaban int 1
Berisi tahapan soal tryout yang diinputkan seperti
uji coba tahap 1, tahap 2, tahap 3,
tahap 4.
8 tahapan varchar 100 yang diinputkanBerisi gambar
45
3.1.14 Struktur Menu
Gambar 3-14 Struktur Menu
Gambar di atas adalah gambaran dari tampilan struktur menu yang dibuat berisi: halaman utama dibagi menjadi 4 menu yaitu beranda sebagai halaman utama, tentang berisi tentang informasi jurusan yang tersedia di Iqbal Tech, Info Kursus, kontak kami yang berisi tentang alamat dan no telepon Iqbal Tech, dan login untuk masuk ke halaman admin dan halaman siswa.
3.1.15 Perancangan Antarmuka
Desain Program3.1.16 Perancangan Input
Tahapan ini dimaksudkan untuk membuat desain input ke sistem yang dikembangkan, adapun desain input login user, input data siswa, input jadwal, input soal:
Gambar 3-15 Perancangan Login
Gambar di atas adalah gambaran tampilan login yang akan dibuat yang berisi : 1. Username : Dibagian ini admin atau siswa harus memasukkan username
masing-masing.
2. Status : Jika yang login admin status dipilih admin, Jika yang login siswa status yang dipilih siswa.
47
3.1.17 Perancangan Input Data Siswa
Gambar 3-16 Perancangan Input Siswa
Gambar di atas adalah gambaran dari halaman input data siswa yang berisi: 1. Nomor data siswa.
2. Nama siswa yang diinputkan. 3. Alamat siswa yang diinputkan.
4. Kelas sesuai dengan data siswa yang diinputkan. 5. No Telepon siswa yang diinputkan.
6. Jenis Kelamin siswa yang diinputkan. 7. Username siswa untuk login.
3.1.18 Perancangan Input Soal Uji Coba
Gambar 3-17 Perancangan Input Soal
49
3.1.19 Perancangan Input Soal Uji Coba
Gambar 3-18 Perancangan Input Jadwal
Gambar di atas adalah perancangan input jawdal kursus yang dibuat. Perancangan ini berfungsi untuk menginputkan kelas yang melaksanakan kursus, kelas, mata pelajaran, hari, jam pelajaran masuk, jam pelajaran keluar, dan pengajar yang mengajar.
3.1.20 Perancangan Output
Desain Output (format keluar) merupakan hal yang tidak diabaikan, karena bentuk output atau laporan yang dihasilkan akan membentuk atau mempermudah
Tabel 3-23 Tabel Data Siswa
Nama Alamat JelaminJenis Kelas No Telepon Status Nilai1 Nilai 2 Nilai3 Nilai4
Irsan Bandung Laki-laki Website 08993150357 Siswa 100 100 100 100
Upel Lampung Laki-laki Multimedia 08812812781 Siswa 10 10 13 50
Tampilan di atas menjelaskan rancangan tampilan data siswa yang dibuat berisi nama siswa, alamat siswa, jenis kelamin, kelas, no telepon, status, nilai ujicoba 1, nilai ujicoba 2, nilai ujicoba 3, dan nilai ujicoba 4.
Tabel 3-24 Tabel Jadwal Kursus
KELAS
s 14.00 16.00
Irsan
Multimedia MultimediaAudio Senin 15.00 17.00 Irsan
Website Website PHP Selasa 15.00 17.00 Rahman
Website WebsiteHTML Rabu 18.00 17.00 Ahmad
Bab 4
IMPLEMENTASI DAN PENGUJIAN
4.1
Lingkungan Implementasi
Agar dapat mengimplementasikan perancangan yang telah dibuat, dibutuhkan perangkat lunak dan perangkat keras yang mendukung untuk menjalankan aplikasi. Pada tahap ini implementasi terdapat beberapa aktivitas yang dilakukan. Aktivitas-aktivitas yang dimaksud yaitu pemrograman dan pengujian.
4.2
Pembahasan Hasil Implementasi
Agar dapat mengimplementasikan perancangan yang telah dibuat, dibutuhkan perangkat lunak dan perangkat keras yang mendukung untuk menjalankan aplikasi. Spesifikasi perangkat lunak dan perangkat keras yang digunakan, yaitu :
4.2.1 Perangkat Lunak /
Software
Dalam pembuatan aplikasi ini, spesifikasi perangkat lunak yang dibutuhkan sebagai berikut :
Operating System : Microsoft Windows 7/8/10
Bahasa Pemrograman : HTML dan PHP
Database : MySQL
Aplikasi Pemrograman : Sublime Text
4.2.2 Perangkat Keras /
Hardware
Kebutuhan perangkat keras yang digunakan antara lain adalah : Processor : Intel Pentium
Memory : 2 GB
Hardisk : 500 GB
4.2.3 Halaman Muka /
Interface
Antar muka adalah bentuk tampilan realisasi dari aplikasi yang dibuat berdasarkan aplikasi yang dibangun. Tampilan tersebut merupakan tampilan sebenernya ketika seseorang menjalankan aplikasi tersebut. Merupakan tampilan sebenarnya ketika seseorang menjalankan aplikasi tersebut. Interface dari aplikasi ini adalah sebagai berikut :
4.2.3.1 Tampilan Awal
Gambar 4-19 Tampilan Awal
53
4.2.3.2 Tampilan Login
Gambar 4-20 Tampilan Login
4.2.3.3 Tampilan Admin
Gambar 4-21 Tampilan Admin
55
4.2.3.4Input Data Siswa
Gambar 4-22 Tampilan Input Data Siswa
4.2.3.5 Input Data Jadwal
Gambar 4-23 Tampilan Input Jadwal
57
4.2.3.6 Input Soal
Gambar 4-24 Tampilan Input Data Soal
4.2.3.7 Tampilan Siswa
Gambar 4-25 Tampilan Siswa
59
4.2.3.8Data Siswa
Gambar 4-26 Tampilan Data Siswa
4.2.3.9 Data Jadwal
Gambar 4-27 Tampilan Jadwal
61
4.2.3.10 Soal Tryout
Gambar 4-28 Tampilan Soal uji coba
4.3
Pengujian dan hasil Pengujian
Menggambarkan dan menjelaskan hasil dari pengujian yang di dapatkan, sehingga memudahkan untuk mengetahui bagaimana sistem bekerja dan keluaran sistem yang di peroleh dari hasil uji tersebut.
4.3.1 Identifikasi dan Perancangan
Tabel 4-25 Identifikasi dan Rencana Pengujian
Kelas Uji Butir Uji Identifikasi PengujianTingkat PengujanJenis
Pengujian Login
Username dan
password Proses 1.1 Pengujian
Sistem Black Box
Validasi Login Proses 1.2 Pengujian
Input Data
Menginput data
siswa Proses 2.1
Pengujian
Sistem Black Box
Pengujian Data
Menampilkan
data siswa Proses 3.1
Pengujian
Sistem Black Box
Pengujian
Input Jadwal Menginputjadwal Proses 4.1 PengujianSistem Black Box Pengujian
Jadwal Menampilkanjadwal Proses 5.1 PengujianSistem Black Box Pengujian
Input Soal
Menginput soal
uji coba Proses 6.1
Pengujian
Sistem Black Box
Pengujian soal uji coba
Menampilkan
soal uji coba Proses 7.1
Pengujian
Sistem Black Box
63
4.3.2 Deskripsi Hasil Pengujian
Dari pengujian tersebut didapatkan bahwa perancangan sesuai dengan yang diharapkan.
Tabel 4-26 Deskripsi dan Hasil Pengujian
Identi
1.2 ValidasiLogin KlikLogin
Identi
7.1 Data soal Pilihdata soal
Menamp
4.1 PencarianData
BAB 5
KESIMPULAN DAN SARAN
5.1
Kesimpulan
Dengan adanya Sistem Informasi Kursus Komputer (studi kasus : Kursus Komputer Iqbal’s Tech) Berbasis Web maka peneliti dapat mengambil kesimpulan yaitu :
1) Dengan adanya sistem informasi Kursus Komputer Iqbal Tech, proses penyimpanan data kursus menjadi lebih terorganisasi karena tersimpan dalam satu database.
2) Dengan adanya Sistem Informasi Kursus Komputer Iqbal Tech maka dalam proses pembelajaran siswa dapat mengakses data, jadwal bimbel, dan mengerjakan soal uji coba untuk mengetahui seberapa jauh kemampuan siswa di website sistem informasi tersebut.
5.2
Saran
Terdapat beberapa hal yang dapat ditambahkan atau diperbaiki dalam penelitian ini, antara lain :
1) Sistem Informasi Kursus Komputer berbasis web ini masih jauh dari sempurna, maka pada pengembangan selanjutnya oleh instansi yang bersangkutan dan yang terkait dapat digabungkan dengan program aplikasi lainnya, sehingga cakupan kegunaannya menjadi lebih luas dan lebih lengkap.
[1] Veithzal Rivai, Ella Jauvani Sagala, Manajemen Sumber Daya Manusia Untuk Perusahaan, Jakarta: PT. Raja Grafindo Persada, 2009.
[2] H. Lukmanul, Cara Cerdas menguasai Layout Desain dan Aplikasi Web, Jakarta: PT. Elex Media Komputindo, 2004.
[3] C. Rahmat, Pengukuran dan Hasil Belajar, Bandung: CV. Andira , 2006. [4] Waljiyanto, Sistem Basis Data : Analisis dan Pemodelan Data, Yogyakarta:
Graha Ilmu, 2003.
[5] A. Kadir, Dasar Pemrograman Web Dinamis Menggunakan, Yogyakarta: Andi, 2008.
[6] B. Nugroho, Database Relasional Dengan MySQL, Yogyakarta: Andi, 2008. [7] Jogiyanto, Perancangan System, Yogyakarta: Andi Offset, 2001.
[8] Husni, Pemrograman Database Berbasis Web, Yogyakarta: Graha Ilmu, 2007. [9] S. Anhar, Panduan Menguasai PHP & MySQL Secara Otodidak, Jakarta: Mediakita, 2010.
[10] A. Kadir, Dasar Pemrograman Web Dinamis Menggunakan PHP, Yogyakarta: Andi, 2002.