LKP : Rancang Bangun Aplikasi Penempatan Siswa Online pada SMA Negeri 1 Porong Sidoarjo

Teks penuh

(1)RANCANG BANGUN APLIKASI PENEMPATAN SISWA ONLINE PADA SMA NEGERI 1 PORONG SIDOARJO. KERJA PRAKTIK. Program Studi DIII Manajemen Informatika. Oleh: MUHAMAD ANDI ANWARI 15390100029. FAKULTAS TEKNOLOGI DAN INFORMATIKA INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA 2018.

(2) LAPORAN KERJA PRAKTIK RANCANG BANGUN APLIKASI PENEMPATAN SISWA ONLINE PADA SMA NEGERI 1 PORONG SIDOARJO. Diajukan sebagai salah satu syarat untuk menyelesaikan Proyek Akhir. Disusun Oleh:. Nama. : Muhamad Andi Anwari. NIM. : 15390100029. Program Studi : DIII (Diploma Tiga) Jurusan. : Manajemen Informatika. FAKULTAS TEKNOLOGI DAN INFORMATIKA INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA 2018.

(3) Karya ini aku persembahkan kepada Bapak, Ibu, dan adikku, serta Orang terdekat dan tersayang yang selalu memberi semangat serta dukungan..

(4) “Cinta tidak berupa tatapan satu sama lain, tetapi memandang keluar bersama ke arah yang sama -B.J Habibie-”.

(5)

(6)

(7) ABSTRAK. SMA Negeri 1 Porong Sidoarjo adalah sebuah SMA Negeri yang berdiri di bawah naungan dinas pendidikan. SMA Negeri 1 Porong Sidoarjo berlokasi di Jalan Bhayangkari No.12, Kesambi, Porong, Sidoarjo. Berdasarkan observasi pada SMA Negeri 1 Porong Sidoarjo mengalami kesulitan dalam melakukan penempatan siswa. Kesalahan yang sering terjadi, yaitu adanya penempatan yang sama untuk kelas yang sama, atau penempatan antara siswa dan kelas yang tidak sesuai. Dengan kondisi tersebut, proses penempatan siswa membutuhkan waktu yang lama. Untuk mengatasi masalah di atas, maka dibuat Aplikasi Penempatan Siswa Online. Aplikasi yang dibuat dapat digunakan untuk mengelola data master, mengelola penempatan siswa, dan menghasilkan rekap data siswa dan guru. Berdasarkan uji coba Aplikasi Penempatan Siswa Online oleh SMA Negeri 1 Porong Sidoarjo, aplikasi tersebut dapat digunakan sesuai dengan fungsinya. Dengan adanya aplikasi ini, pihak sekolah tidak membutuhkan waktu yang lama dalam melakukan penempatan siswa.. Kata kunci : Penempatan Siswa, Sistem Informasi Akademik, website. vii.

(8) KATA PENGANTAR. Dengan menyebut nama Allah SWT yang Maha Pengasih lagi Maha Panyayang, Penulis panjatkan puja dan puji syukur atas kehadirat-Nya, yang telah melimpahkan rahmat, hidayah, dan inayah-Nya, sehingga penulis dapat melaksanakan Kerja Praktik di SMA Negeri 1 Porong Sidoarjo. Serta dapat menyelesaikan Laporan Kerja Praktik dengan judul “Rancang Bangun Aplikasi Penempatan Siwa Online Pada SMA Negeri 1 Porong Sidoarjo” dibuat sebagai bentuk pertanggungjawaban penulis terhadap pelaksanaan kerja praktik yang telah berlangsung sebelumnya. Dalam pelaksanan dan pembuatan laporan kerja praktik ini tidak terlepas dari bantuan, bimbingan, dan arahan dari berbagai pihak kepada penulis. Pada kesempatan ini, maka penulis mengucapkan banyak terima kasih kepada: 1. Orang tua yang selalu memberikan doa, bantuan, nasihat, dukungan moral kepada penulis. 2. Bapak Nanang selaku Wakil kepala sekolah yang telah memberikan izin kepada penulis untuk melaksanakan kerja praktik. 3. Ibu Titik Lusiani, M.Kom., selaku Ketua Program Studi DIII Manajemen Informatika yang telah memberikan arahan dalam pelaksanaan kerja praktik. 4. Ibu A.B.Tjandrarini, S.Si., M.Kom., selaku Dosen Pembimbing yang telah membimbing dengan sabar, memberikan dukungan dan kemudahan dalam pelaksanaan kerja praktik. 5. Bapak Wahju Priastoto yang telah memberikan arahan kepada penulis dalam proses kerja praktik ini..

(9) 6. Teman-teman di Institut Bisnis dan Informatika Stikom Surabaya khususnya DIII Manajemen Informatika yang selalu menemani, memberikan dukungan, dan membantu penulis. 7. Serta semua pihak yang tidak bisa penulis sebutkan satu per satu yang telah membantu penyelesaian laporan kerja praktik ini. Penulis menyadari bahwa selama masa kerja praktik dan penyusunan laporan ini, masih memiliki banyak kekurangan. Oleh karena itu penulis meminta maaf apabila ada kesalahan yang disengaja atau tidak disengaja. Penulis berharap laporan kerja praktik ini bermanfaat bagi penulis dan semua pihak.. Surabaya, Juli 2018. Penulis.

(10) DAFTAR ISI. Halaman ABSTRAK ............................................................................................................ vii KATA PENGANTAR ......................................................................................... viii DAFTAR ISI ........................................................................................................... x DAFTAR TABEL ................................................................................................. xii DAFTAR GAMBAR ........................................................................................... xiii DAFTAR LAMPIRAN ........................................................................................ xix BAB I PENDAHULUAN ...................................................................................... 1 1.1 Latar Belakang Masalah .................................................................... 1 1.2 Rumusan Masalah ............................................................................... 2 1.3 Batasan Masalah ................................................................................. 3 1.4 Tujuan ................................................................................................. 3 1.5 Manfaat ............................................................................................... 3 1.6 Sistematika Penulisan ......................................................................... 4 BAB II GAMBARAN UMUM SMA NEGERI 1 PORONG SIDOARJO .......... 7 2.1 Sejarah SMA Negeri 1 Porong Sidoarjo ............................................. 7 2.2 Logo dan Makna Logo SMA Negeri 1 Porong Sidoarjo .................... 7 2.3 Visi, Misi, dan Tujuan SMA Negeri 1 Porong Sidoarjo ..................... 9 2.4 Struktur Organisasi SMA Negeri 1 Porong Sidoarjo ........................ 10 2.5 Lokasi SMA Negeri 1 Porong Sidoarjo ............................................ 11 BAB III LANDASAN TEORI ............................................................................. 12 3.1 Penempatan ....................................................................................... 12 3.2 Analisis Sistem.................................................................................. 12. x.

(11) 3.3 Perancangan Sistem .......................................................................... 12 3.4 Database ............................................................................................ 13 3.5 Pemrograman Website ...................................................................... 13 BAB IV DESKRIPSI PEKERJAAN ................................................................... 15 4.1 Menganalisis Sistem ......................................................................... 16 4.1.1 Komunikasi........................................................................... 16 4.1.2 Merencanakan Kebutuhan Sistem ........................................ 24 4.2 Merancang Sistem ............................................................................. 25 4.2.1 Sitemap ................................................................................. 26 4.2.2 Merancang Proses ................................................................. 26 4.2.3 Merancang Basis Data .......................................................... 41 4.2.4 Rancangan Antarmuka Pengguna ......................................... 73 4.3 Mengimplementasikan Sistem .......................................................... 79 4.4 Membahas Sistem ............................................................................. 80 BAB V PENUTUP ............................................................................................... 93 5.1 Kesimpulan ....................................................................................... 93 5.2 Saran ................................................................................................. 93 DAFTAR PUSTAKA ........................................................................................... 94. xi.

(12) DAFTAR TABEL. Halaman Tabel 4.1 Kebutuhan Bagian Sekolah ................................................................... 18 Tabel 4.2 Kebutuhan Fungsional Mengelola Data Master Guru .......................... 20 Tabel 4.3 Kebutuhan Fungsional Mengelola Data Master Siswa ......................... 21 Tabel 4.4 Kebutuhan Fungsional Mengelola Data Master Jurusan ...................... 22 Tabel 4.5 Kebutuhan Fungsional Mengelola Data Master Mata Pelajaran .......... 22 Tabel 4.6 Kebutuhan Fungsional Mengelola Data Master Ruang ........................ 23 Tabel 4.7 Kebutuhan Fungsional Mengelola Data Master Keahlian Guru ........... 23 Tabel 4.8 Kebutuhan Fungsional Mengelola Data Master Tahun Ajaran ............ 24 Tabel 4.9 Struktur Tabel Sekolah.......................................................................... 68 Tabel 4.10 Struktur Tabel Jurusan ........................................................................ 69 Tabel 4.11 Struktur Tabel Kelas ........................................................................... 69 Tabel 4.12 Struktur Tabel Tahun Ajaran .............................................................. 69 Tabel 4.13 Struktur Tabel Siswa ........................................................................... 70 Tabel 4.14 Struktur Tabel Guru ............................................................................ 70 Tabel 4.15 Struktur Tabel Histori Siswa ............................................................... 71 Tabel 4.16 Struktur Tabel Mata Pelajaran ............................................................ 71 Tabel 4.17 Struktur Tabel Keahlian Guru ............................................................. 72 Tabel 4.18 Struktur Tabel Detil Kelas .................................................................. 72 Tabel 4.19 Struktur Tabel Plotting ........................................................................ 73. xii.

(13) DAFTAR GAMBAR. Halaman Gambar 4.1 Sitemap Aplikasi Penempatan Siswa Online ................................... 26 Gambar 4.2 DFD Level Context Diagram Aplikasi Penempatan Siswa Online... 27 Gambar 4.3 Diagram Jenjang Level 0 Penempatan Siswa ................................... 28 Gambar 4.4 Diagram Jenjang Level 1 Mengelola Data Master ............................ 28 Gambar 4.5 Diagram Jenjang Level 2 Mengelola Data Jurusan ........................... 29 Gambar 4.6 Diagram Jenjang Level 2 Mengelola Data Tahun Ajaran ................. 29 Gambar 4.7 Diagram Jenjang Level 2 Mengelola Data Guru ............................... 30 Gambar 4.8 Diagram Jenjang Level 2 Mengelola Data Siswa ............................. 30 Gambar 4.9 Diagram Jenjang Level 2 Mengelola Data Mata Pelajaran ............... 31 Gambar 4.10 Diagram Jenjang Level 2 Mengelola Data Keahlian Guru ............. 31 Gambar 4.11 Diagram Jenjang Level 2 Validasi Hak Akses Sekolah .................. 32 Gambar 4.12 Diagram Jenjang Level 1 Mengelola Penempatan Siswa ................ 32 Gambar 4.13 Diagram Jenjang Level 1 Mengelola Laporan ................................ 33 Gambar 4.14 DFD Level 0 Aplikasi Penempatan Siswa....................................... 34 Gambar 4.15 DFD Level 1 Mengelola Data Master ............................................. 35 Gambar 4.16 DFD Level 2 Mengelola Data Jurusan ............................................ 36 Gambar 4.17 DFD Level 2 Mengelola Data Master Tahun Ajaran ...................... 36 Gambar 4.18 DFD Level 2 Mengelola Data Master Guru .................................... 37 Gambar 4.19 DFD Level 2 Mengelola Data Master Siswa .................................. 37 Gambar 4.20 DFD Level 2 Mengelola Data Mata Pelajaran ................................ 38 Gambar 4.21 DFD Level 2 Mengelola Data Keahlian Guru ................................ 38 Gambar 4.22 DFD Level 1 Mengelola Hak Akses Sekolah ................................. 39. xiii.

(14) Gambar 4.23 DFD Level 1 Mengelola Data Penempatan Siswa .......................... 40 Gambar 4.24 DFD Level 1 Mengelola Laporan ................................................... 41 Gambar 4.25 CDM Aplikasi Penempatan Siswa Online ...................................... 42 Gambar 4.26 PDM Aplikasi Penempatan Siswa Online ....................................... 43 Gambar 4.27 Rancangan Halaman Login ............................................................. 74 Gambar 4.28 Rancangan Halaman Dashboard Sekolah ....................................... 75 Gambar 4.29 Rancangan Halaman Master Guru .................................................. 75 Gambar 4.30 Rancangan Halaman Master Jurusan .............................................. 76 Gambar 4.31 Rancangan Halaman Master Siswa ................................................. 77 Gambar 4.32 Rancangan Halaman Master Mata Pelajaran .................................. 78 Gambar 4.33 Rancangan Halaman Penempatan Siswa......................................... 78 Gambar 4.34 Rancangan Halaman Laporan ......................................................... 79 Gambar 4.35 Halaman Login Aplikasi.................................................................. 81 Gambar 4.36 Halaman Dashboard Sekolah .......................................................... 82 Gambar 4.37 Halaman Tabel Tahun Ajaran ......................................................... 82 Gambar 4.38 Halaman Tambah Tahun Ajaran ..................................................... 83 Gambar 4.39 Halaman Tambah Jurusan ............................................................... 84 Gambar 4.40 Halaman Tabel Jurusan ................................................................... 84 Gambar 4.41 Halaman Tambah Guru ................................................................... 85 Gambar 4.42 Halaman Tabel Guru ....................................................................... 86 Gambar 4.43 Halaman Tambah Siswa .................................................................. 87 Gambar 4.44 Halaman Tabel Siswa ...................................................................... 87 Gambar 4.45 Halaman Tambah Mata Pelajaran ................................................... 88 Gambar 4.46 Halaman Tabel Mata Pelajaran ....................................................... 89. xiv.

(15) Gambar 4.47 Halaman Penempatan Siswa ........................................................... 90 Gambar 4.48 Form Kelola Kelas .......................................................................... 90 Gambar 4.49 Form Kelola Wali Kelas.................................................................. 91 Gambar 4.50 Halaman Laporan Siswa.................................................................. 91 Gambar 4.51 Halaman Laporan Guru ................................................................... 92. xv.

(16) DAFTAR LAMPIRAN. Halaman Lampiran 1 Surat Balasan Perusahaan .................................................................. 97 Lampiran 2 Form KP-5 Acuan Kerja Hal 1 .......................................................... 98 Lampiran 3 Form KP-5 Acuan Kerja Hal 2 .......................................................... 99 Lampiran 4 Form KP-6 Log Harian Hal 1 .......................................................... 100 Lampiran 5 Form KP-6 Log Harian Hal 2 .......................................................... 101 Lampiran 6 Form KP-7 Kehadiran Kerja Praktik Hal 1 ..................................... 102 Lampiran 7 Form KP-7 Kehadiran Kerja Praktik Hal 2 ..................................... 103 Lampiran 8 Kartu Bimbingan Kerja Praktik ....................................................... 104 Lampiran 9 Report Data Siswa ........................................................................... 105 Lampiran 10 Report Data Guru........................................................................... 106. xix.

(17) BAB I PENDAHULUAN. 1.1 Latar Belakang Masalah Teknologi informasi saat ini telah mengalami perkembangan yang sangat pesat. Dalam implementasinya pemanfaatan dari teknologi informasi haruslah didukung oleh sebuah perencanaan yang baik dan tepat, Sehingga tujuan dan sasaran yang diharapkan mencapai hasil yang optimal. Dampak positif yang bisa dirasakan dari perkembangan teknologi informasi yaitu bisa mengubah proses pengolahan data menjadi lebih mudah, cepat, tepat, dan akurat. Dalam pemanfaatannya, teknologi informasi pendidikan sekarang ini banyak digunakan untuk mengelola data pendaftaran, penempatan kelas, maupun penjadwalan mata pelajaran dari suatu sekolah. Salah satunya yaitu penempatan siswa online. Dalam proses penempatannya panitia sekolah mengumpulkan seluruh siswa kemudian dilakukan seleksi satu per satu. Hasil dari seleksi didata secara manual dan dikhawatirkan terjadi kesalahan dalam proses pelaporan hasil seleksi. Panitia sekolah ingin mengalihkan proses seleksi menjadi suatu sistem terkomputerisasi agar bisa lebih cepat dan tepat dalam memperoleh hasil seleksi. SMA Negeri 1 Porong Sidoarjo adalah sebuah SMA Negeri yang berdiri di bawah naungan dinas pendidikan. SMA Negeri 1 Porong Sidoarjo berlokasi di Jalan Bhayangkari No.12, Kesambi, Porong, Sidoarjo. SMA Negeri 1 Porong Sidoarjo ini berdiri berdasarkan SK pendirian tanggal 22-12-1986 dengan status kepemilikan pemerintah pusat, dengan SK izin oprasional : 0887/0/1986 dan SK tanggal izin oprasional 22-12-1986, akreditasi A.. 1.

(18) 2. Penempatan siswa pada kebutuhan pendidikan saat ini masih memiliki beberapa kendala, yaitu pada proses penempatan siswa yang memakan waktu yang cukup lama. Hasil penempatan siswa dicatat ke dalam form penempatan siswa yang masih menggunakan kertas yang sudah dicetak, cara tersebut masih kurang tepat yang dapat menimbulkan kehilangan form penempatan mengenai siswa serta kesulitan dalam merekap penempatan siswa. Hal ini dikarenakan hasil penempatan siswa yang didapatkan belum akurat dengan kebutuhan akademik. Berdasarkan permasalahan di atas, SMA Negeri 1 Porong Sidoarjo memerlukan sistem yang dapat mengolah penempatan siswa. Aplikasi penempatan siswa yang dikembangkan dapat digunakan untuk menghasilkan informasi dengan cepat, bermanfaat dalam meningkatkan kualitas pendidikan dan proses pendidikan serta terjaminnya penyimpanan data. Oleh karena itu dibuatlah suatu aplikasi penempatan siswa. Aplikasi ini dapat digunakan untuk proses pengolahan data penempatan siswa yang dilakukan di SMA Negeri 1 Porong Sidoarjo secara tepat dan cepat.. 1.2 Rumusan Masalah Berdasarkan uraian latar belakang permasalahan di atas, maka dapat dirumuskan permasalahan yang ada, yaitu bagaimana merancang bangun aplikasi penempatan siswa online di SMA Negeri 1 Porong Sidoarjo..

(19) 3. 1.3 Batasan Masalah Berdasarkan rumusan masalah, maka dibuat batasan masalah sebagai berikut: a. Data yang digunakan untuk simulasi diambil dari bagian Staf Teknik pada periode Juni – Agustus 2017. b. Sistem yang dibuat digunakan oleh Kepala Sekolah, dan Admin Sekolah. c. Sistem yang dibahas meliputi: 1. Menampilkan informasi penempatan siswa per semester. 2. Membantu memudahkan merekap penempatan siswa setiap kelas.. 1.4 Tujuan Berdasarkan perumusan masalah dan batasan masalah di atas, maka tujuan dari kerja praktik ini adalah menghasilkan aplikasi penempatan siswa online pada SMA Negeri 1 Porong Sidoarjo.. 1.5 Manfaat Manfaat yang diharapkan dari Rancang Bangun Aplikasi Penempatan Siswa Online pada SMA Negeri 1 Porong Sidoarjo: a. Kepala Sekolah 1.. Membantu memudahkan mengelola penempatan siswa setiap kelas.. 2.. Membantu memudahkan merekap data guru dan siswa. b. Admin Sekolah 1.. Membantu memudahkan mengelola penempatan siswa setiap kelas.. 2.. Membantu memudahkan merekap data guru dan siswa.

(20) 4. 1.6 Sistematika Penulisan Sistematika penulisan laporan kerja praktik ini digunakan untuk menjelaskan penulisan laporan pada tiap bab. Sistematika kerja praktik dapat dijelaskan pada paragraf di bawah ini. Bab pertama pendahuluan menjelaskan tentang latar belakang masalah, perumusan masalah yang menjelaskan inti dari permasalahan. Kemudian menjelaskan batasan masalah dari sistem yang dibuat agar tidak menyimpang dari ketentuan yang ditetapkan. Selanjutnya menjelaskan tujuan pembuatan sistem serta manfaat yang diperoleh hingga diakhiri dengan sistematika penulisan laporan. Bab kedua gambaran umum SMA Negeri 1 Porong Sidoarjo menjelaskan terkait sekolah secara umum. Bab ini meliputi penjelasan yang meliputi sekilas sejarah sekolah, logo sekolah, visi misi dan tujuan sekolah, struktur organisasi yang ada pada sekolah, dan lokasi sekolah. Bab ketiga landasan teori menjelaskan terkait landasan teori yang digunakan dalam menyelesaikan kerja praktik. Landasan teori ini digunakan untuk pelaksanaan dan penyusunan kerja praktik dengan penjelasan terkait teori penempatan siswa, Development Life Cycle (SDLC) yang meliputi Analiysis System, Design System, Implementation System, Testing, dan Maintenance, Dan menjelaskan tentang Database dan pemrograman Website. Bab keempat deskripsi pekerjaan berisi tentang analisis, perancangan, implementasi, dan pembahasan sistem. Pada bagian analisis menjelaskan tentang sistem yang ada saat ini, dilanjutkan dengan komunikasi mengenai analisis bisnis, analisis kebutuhan data, analisis kebutuhan pengguna, dan analisis kebutuhan.

(21) 5. fungsional kemudian merencanakan kebutuhan yang diperlukan sistem. Pada bagian perancangan menjelaskan tentang sitemap, perancangan proses yang berisi Context diagram, Diagram jenjang proses, dan Data Flow Diagram, perancangan basis data yang berisi Conceptual Data Model (CDM), Physical Data Model (PDM), dan struktur tabel, dan rancangan antar muka pengguna berisi tentang perancangan aplikasi yang dibangun. Pada bagian implementasi menjelaskan tentang perangkat keras dan perangkat lunak yang dibutuhkan sistem. Pada bagian pembahasan sistem menjelaskan tentang gambaran jalannya sistem beserta fungsinya. Bab kelima penutup menjelaskan kesimpulan dan saran dari aplikasi yang telah dibuat. Saran dapat digunakan untuk perbaikan dan pengembangan sistem selanjutnya..

(22) BAB II GAMBARAN UMUM SMA NEGERI 1 PORONG SIDOARJO. 2.1 Sejarah SMA Negeri 1 Porong Sidoarjo SMA Negeri 1 Porong Sidoarjo adalah sebuah SMA Negeri yang berdiri di bawah naungan dinas pendidikan. SMA Negeri 1 Porong Sidoarjo berlokasi di Jalan Bhayangkari No.12, Kesambi, Porong, Sidoarjo. SMA Negeri 1 Porong Sidoarjo ini berdiri berdasarkan SK pendirian tanggal 22-12-1986 dengan status kepemilikan pemerintah pusat, dengan SK izin oprasional : 0887/0/1986 dan SK tanggal izin oprasional 22-12-1986, akreditasi A.. 2.2 Logo dan Makna Logo SMA Negeri 1 Porong Sidoarjo Logo SMA Negeri 1 Porong Sidoarjo dapat dilihat pada Gambar 2.1.. Gambar 2.1 Logo SMA Negeri 1 Porong Sidoarjo. SMA Negeri 1 Porong Sidoarjo memiliki makna logo yang tertulis. A. Segi lima bergaris hitam tebal berwarna dasar biru Segi lima melambangkan pendidikan yang berasaskan Pancasila, Garis hitam melambangkan dinamika pengembangan ilmu pengetahuan, teknologi, olah raga, seni, dan budaya Dasar berwarna biru melambangkan keluasan ilmu pengetahuan. 7.

(23) 8. B. Bintang berwarna kuning Melambangkan Ketuhanan Yang Maha Esa yang merupakan pemilik dan sumber dari segala sumber ilmu C. Tulisan sma negeri 1 porong setengah lingkaran berwarna hitam Melambangkan identitas nama sekolah D. Tulisan 1986 berwarna hitam Melambangkan tahun pendirian sekolah yaitu tahun 1986 E. Tangan menengadah berwarna orange dan putih Melambangkan melambangkan doa dan usaha dalam menimba ilmu F. Cahaya dengan sembilan sinar berwarna putih Melambangkan ilmu pengetahuan yang terpancar suci dan bersih sebagai wujud kasih sayang Tuhan terhadap umatnya yang menimba ilmu. Sembilan sinarnya melambangkan 9 pilar pendidikan berkarakter, meliputi: 1. Cinta tuhan dan segenap ciptaannya 2. Tanggung jawab, kedisiplinan dan kemandirian 3. Kejujuran /amanah dan kearifan 4. Hormat dan santun 5. Dermawan, suka menolong dan gotong royong/ kerjasama 6. Percaya diri, kreatif dan bekerja keras 7. Kepemimpinan dan keadilan 8. Baik dan rendah hati 9. Toleransi kedamaian dan kesatuan G. Buku terbuka berwarna kuning.

(24) 9. Melambangkan SMAN 1 Porong sebagai tempat menimba ilmu yang mengantar siswanya kepada Kejayaan, Keluhuran Budi dan Kekukuhan Cita-cita.. 2.3 Visi, Misi, dan Tujuan SMA Negeri 1 Porong Sidoarjo SMA Negeri 1 Porong Sidoarjo memiliki visi dan misi yang tertulis. A. Visi SMA Negeri 1 Porong Sidoarjo yaitu : 1. Meningkatnya perolehan nilai Ujian Nasional. 2. Bertambahnya jumlah siswa yang diterima diperguruan tinggi melalui PMDK dan SNMPTN. 3. Menjuarai lomba akademik dan non-akademik. 4. Mampu berbahasa Inggris dengan lancar dan benar. 5. Menguasai penerapan komputer. 6. Bersikap bijaksana. 7. Berkata jujur dan sopan. 8. Mengamalkan ajaran agama dengan baik. a. Berakhlaq mulia. 9. Bersikap gotong royong. 10. Bersikap rendah hati. 11. Disiplin dan menjunjung ketertiban.. B. Misi SMA Negeri 1 Porong Sidoarjo yaitu : 1. Mengembangkan dan melaksanakan pembelajaran dan bimbingan secara efektif dengan mengoptimalkan potensi dan kemampuan siswa. 2. Menumbuhkembangkan semangat kompetitif..

(25) 10. 3. Mengembangkan sikap gotong – royong, rendah hati yang dilandasi iman dan taqwa. 4. Memberdayakan sumber daya manusia (SDM) yang ada secara optimal. 5. Memupuk tali persaudaraan dan kerja sama dengan masyarakat.. 2.4 Struktur Organisasi SMA Negeri 1 Porong Sidoarjo Untuk kelancaran dan keberhasilan suatu sekolah, maka perlu dibentuk struktur organisasi dengan tujuan agar dapat terlaksananya tugas dengan lancar dan baik. Berikut ini adalah Struktur Organisasi SMA Negeri 1 Porong Sidoarjo yang terdapat pada Gambar 2.2.. Gambar 2.2 Struktur Organisasi SMA Negeri 1 Porong Sidoarjo. SMA Negeri 1 Porong dipimpin oleh seorang kepala sekolah, yang memiliki. wewenang. tugas. memimpin,. mengawasi,. mengkoordinasikan. pelaksanaan pendidikan dan pelatih teknik dan pengelolaan dokumentasi, layanan informasi, ketatausahaan dan pelayanan masyarakat, yang dalam pelaksanaan tugas sehari-hari bertanggung jawab langsung kepada kepala sekolah. Posisi yang berada di bawah kepala sekolah adalah waka kesiswaan, waka kurikulum, waka humas, dan waka sarpras..

(26) 11. 2.5 Lokasi SMA Negeri 1 Porong Sidoarjo SMA Negeri 1 Porong Sidoarjo berlokasi di Jl. Bhayangkari No.12, Kesambi, Porong, Sidoarjo yang dapat dilihat pada Gambar 2.3. a. Office. : Jl. Bhayangkari No.12, Kesambi, Porong, Sidoarjo. b. Website : www.sman1porong.sch.id c. Telp/Fax : (034) 3856068 – (034) 3842033. Gambar 2.3 Lokasi SMA Negeri 1 Porong Sidoarjo.

(27) BAB III LANDASAN TEORI. 3.1 Penempatan Menurut Kamus Besar Bahasa Indonesia (2008:285), Penempatan adalah proses, cara, perbuatan menempati (menempatkan); penempatan siswa secara sembarangan dapat mengakibatkan kekacauan.. 3.2 Analisis Sistem Menurut. Whitten,. dkk. (2004),. analisis. sistem. adalah. sebuah. pembelajaran bisnis untuk memajukan perkembangan dan menspesifikasikan kebutuhan bisnis dan prioritas solusi. Tujuan dari analisis sistem adalah sebagai berikut: a. untuk memperbaiki kualitas informasi b. untuk memperbaiki pengendalian intern c. untuk meminimalkan biaya yang berkaitan. 3.3 Perancangan Sistem Perancangan sistem merupakan penguraian suatu sistem informasi yang utuh ke dalam bagian komputerisasi yang dimaksud, mengidentifikasi dan mengevaluasi permasalahan, menentukan kriteria, menghitung konsistensi terhadap kriteria yang ada, serta mendapatkan hasil atau tujuan dari masalah tersebut serta mengimplementasikan seluruh kebutuhan operasional dalam membangun aplikasi. Analisis dan perancangan sistem dipergunakan untuk menganalisis, merancang dan mengimplementasikan peningkatan-peningkatan. 12.

(28) 13. fungsi bisnis yang dapat dicapai melalui penggunaan sistem informasi terkomputerisasi. (Kendall dan Kendall, 2004:7).. 3.4 Database Database adalah kumpulan data (elementer) yang secara logik berkaitan dalam merepresentasikan fenomena/fakta secara terstruktur dalam domain tertentu untuk mendukung aplikasi pada sistem tertentu. Basis data adalah kumpulan data yang saling berhubungan yang merefleksikan fakta-fakta yang terdapat di organisasi. Basis data mendeskripsikan kondisi organisasi/perusahaan/sistem. Saat satu. kejadian. muncul. di. dalam. dunia. nyata. mengubah. kondisi. organisasi/perusahaan/sistem maka satu perubahan pun harus dilakukan terhadap data yang disimpan di dalam basis data. Basis data merupakan komponen utama sistem informasi karena semua informasi untuk pengambilan keputusan berasal dari basis data. Pengelolaan basis data yang buruk dapat mengakibatkan ketidaktersediaan data penting yang digunakan untuk menghasilkan informasi yang diperlukan dalam pengambilan keputusan. (Hariyanto, 2004).. 3.5 Pemrograman Website Dalam pemrograman website memilik beberapa konten penting, seperti: a.. Bahasa Markup (seperti HTML, XHTML, dan XML). b.. Gaya Lembar Bahasa (seperti CSS dan XSL). c.. Client-side Scripting (seperti JavaScript dan VBScript). d.. Server-side Scripting (seperti PHP dan ASP). e.. Teknologi Database (seperti MySQL dan PostgreSQL).

(29) 14. f.. Teknologi Multimedia (seperti Flash dan Silverlight) Menurut Nugroho (2006b:61) “PHP atau singkatan dari Personal Home. Page merupakan bahasa skrip yang tertanam dalam HTML untuk dieksekusi bersifat server side”. PHP termasuk dalam open source product, sehingga source code PHP dapat diubah dan didistribusikan secara bebas. Menurut Arief (2011c:43) PHP adalah bahasa server-side –scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Karena PHP merupakan server-side-scripting maka sintaks dan perintah-perintah PHP akan diesksekusi diserver kemudian hasilnya akan dikirimkan ke browser dengan format HTML. Dengan demikian kode program yang ditulis dalam PHP tidak akan terlihat oleh user sehingga keamanan halaman web lebih terjamin. PHP dirancang untuk membuat halaman website yang dinamis, yaitu halaman website yang dapat membentuk suatu tampilan berdasarkan permintaan terkini, seperti menampilkan isi basis data ke halaman website. PHP dapat berjalan pada berbagai web server seperti IIS (Internet Information Server), PWS (Personal Web Server), Apache, Xitami. PHP juga mampu berjalan di banyak sistem operasi yang beredar saat ini. PHP dapat dibangun sebagai modul web server Apache dan sebagai binary yang dapat berjalan sebagai CGI (Common Gateway Interface). PHP dapat mengirim HTTP header, dapat mengatur cookies, mengatur authentication dan redirect user..

(30) BAB IV DESKRIPSI PEKERJAAN. Berdasarkan observasi dan wawancara yang dilakukan pada kerja praktik di SMA Negeri 1 Porong Sidoarjo, ditemukan beberapa permasalahan salah satunya permasalahan penempatan siswa yang menjadi studi kasus SMA Negeri 1 Porong Sidoarjo. SMA Negeri 1 Porong Sidoarjo kesulitan dalam melakukan proses penempatan siswa. Proses penempatan siswa yang dilakukan masih dengan cara mengecek setiap data siswa, ruang kelas, serta guru. Proses penempatan siswa pada SMA Negeri 1 Porong Sidoarjo masih menggunakan cara yang kurang efisien dengan pihak wakil kepala sekolah bagian kesiswaan mengecek setiap data kelas, siswa, serta ruang kelas agar tidak ada data yang sama. Untuk mempermudah dan meningkatkan efisiensi proses penempatan siswa, maka diperlukan software atau aplikasi yang terintegrasi dengan database. Dengan adanya software atau aplikasi sistem penempatan siswa ini diharapkan dapat mempermudah SMA Negeri 1 Porong Sidoarjo untuk membuat penempatan siswa secara terstruktur dan tidak ada kesalahan. Dalam proses kerja praktik penulis berusaha untuk membantu perusahaan dalam memecahkan masalah yang berkaitan dengan laporan penempatan siswa yang sesuai dengan kebutuhan perusahaan dengan beberapa tahapan, yaitu: Menganalisis Sistem 1. Merancang Sistem 2. Mengimplementasikan Sistem 3. Melakukan Pembahasan Terhadap Implementasi Sistem. 15.

(31) 16. 4.1 Menganalisis Sistem Menganalisis sistem merupakan tahapan awal dalam merancang suatu sistem. Pada tahap ini, penulis melakukan wawancara dan survey terkait proses yang berjalan saat ini dari perusahaan terkait bagaimana proses dari pelaksanaan penempatan pada SMA Negeri 1 Porong Sidoarjo. Dalam periode satu tahun, pihak SMA Negeri 1 Porong Sidoarjo akan melakukan penempatan siswa berdasarkan data jurusan, siswa, guru, serta ruang kelas. Pada proses penempatan siswa, pihak SMA Negeri 1 Porong Sidoarjo memilih jurusan yang akan ditempatkan terlebih dahulu, kemudian memilih siswa yang akan di tempatkan terlebih dahulu. Setelah itu memilih wali kelas yang akan digunakan, hal itu dilakukan berulang kali dengan mengecek setiap penempatan yang sudah dibuat.. 4.1.1 Komunikasi Pada tahap ini dilakukan proses observasi dan wawancara. Proses observasi dilakukan secara tidak langsung dengan cara menganalisis dokumendokumen yang dibutuhkan pada proses penempatan siswa dengan tujuan untuk mengetahui data apa saja yang akan digunakan nantinya. Sedangkan pada proses wawancara dilakukan dengan melibatkan wakil kepala sekolah. Hal ini bertujuan untuk menanyakan beberapa hal yang tidak didapatkan melalui observasi. Hasil dari proses tersebut dapat disusun proses analisis bisnis, analisis kebutuhan pengguna, analisis kebutuhan data dan analisis kebutuhan fungsional..

(32) 17. A Analisis Bisnis Analisis bisnis dilakukan setelah melalui tahapan komunikasi yang meliputi identifikasi masalah, identifikasi pengguna, identifikasi data, serta identifikasi fungsi. 1. Identifikasi Masalah Terdapat beberapa permasalahan yang muncul setelah melaksanakan kerja praktik dan melakukan observasi serta wawancara pada SMA Negeri 1 Porong Sidoarjo. Dari beberapa permasalahan yang ada, penelitian ini mengangkat satu permasalahan yaitu penempatan siswa yang menjadi studi kasus SMA Negeri 1 Porong Sidoarjo. Dalam melakukan penempatan siswa pada SMA Negeri 1 Porong Sidoarjo memiliki beberapa permasalahan sebagai berikut: a. Adanya kesalahan dalam pembuatan penempatan siswa. b. Adanya kesalahan dalam pengecekan penempatan siswa, sehingga ada data yang sama. c. Mengelola penempatan siswa membutuhkan waktu yang cukup lama. 2. Identifikasi Pengguna Berdasarkan hasil observasi dan wawancara dengan wakil kepala sekolah bidang kesiswaan, pengguna yang terlibat dalam penempatan siswa adalah pihak sekolah yaitu kepala sekolah, dan wakil kepala sekolah. 3. Identifikasi Data Identifikasi ini melibatkan kebutuhan apa saja yang digunakan dalam proses penempatan siswa. Pada proses penempatan siswa memerlukan beberapa data yaitu data tahun ajaran, data jurusan, data jurusan sekolah, data jurusan kelas sekolah, data siswa, data guru, dan data mata pelajaran..

(33) 18. 4. Identifikasi Fungsi Setelah dilakukan proses identifikasi pengguna dan identifikasi data, maka proses selanjutnya dapat dilakukan identifikasi mengenai fungsi dari penempatan siswa yaitu fungsi penempatan siswa.. B Analisis Kebutuhan Pengguna Analisis kebutuhan pengguna berfungsi untuk mengetahui kebutuhan dari masing-masing pengguna yang berhubungan langsung dengan aplikasi yang dibuat. Pengguna dari Aplikasi Penempatan Siswa Online adalah sebagai berikut: 1. Bagian Sekolah Tabel 4.1 Kebutuhan Bagian Sekolah Kebutuhan Fungsi Mengelola data master. Penempatan Siswa. Kebutuhan Data 1. Data tahun ajaran 2. Data jurusan 3. Data mata pelajaran 4. Data siswa 5. Data guru 6. Data keahlian guru Data siswa per kelas. Pembuatan laporan. Data kategori laporan. Kebutuhan Informasi 1. Data guru 2. Data siswa 3. Data tahun ajaran 4. Data jurusan 5. Data mata pelajaran 6. Data keahlian guru 1. Data siswa 2. Data guru 3. Data kapasitas kelas 4. Data siswa per kelas Data master. C. Analisis Kebutuhan Data Analisis kebutuhan data dilakukan setelah menyusun analisis kebutuhan pengguna. Data yang dibutuhkan guna menunjang aplikasi yang dibuat meliputi: 1. Data Tahun Ajaran.

(34) 19. Data tahun ajaran merupakan data master yang digunakan untuk menyimpan data tahun ajaran. Data yang diperlukan adalah tahun ajaran, tanggal mulai, dan tanggal selesai. 2. Data Jurusan Data jurusan merupakan data master yang digunakan untuk menyimpan data jurusan. Data yang diperlukan adalah id jurusan, nama jurusan dan status jurusan. 3. Data Mata Pelajaran Data mata pelajaran digunakan untuk menyimpan data mata pelajaran. Data yang diperlukan adalah kode mata pelajaran, nama mata pelajaran, jumlah jam, id kelas, id jurusan, status, dan npsn. 4. Data Siswa Data siswa digunakan untuk menyimpan data siswa. Data yang diperlukan adalah nisn, nama siswa, jenis kelamin, tempat lahir, tanggal lahir, alamat, no telepon, foto, email, password, npsn, last login, status login, dan id jurusan. 5. Data Guru Data guru digunakan untuk menyimpan data guru. Data yang diperlukan adalah nuptk, nama guru, jenis kelamin, tempat lahir, tanggal lahir, no telepon, alamat, status, email, password, npsn, foto, last login, dan status login. 6. Data Keahlian Guru Data keahlian guru digunakan untuk menyimpan data keahlian guru. Data yang diperlukan adalah nuptk dan kode mata pelajaran..

(35) 20. D. Analisis Kebutuhan Fungsional Pada tahap kebutuhan fungsional digunakan untuk mengimplementasikan seluruh fungsi yang didapatkan dari hasil analisis kebutuhan penguna yang terjadi saat ini pada SMA Negeri 1 Porong Sidoarjo. Fungsi-fungsi tersebut dibagi menjadi 13, yaitu: 1. Fungsi Mengelola Data Master Guru Tabel 4.2 Kebutuhan Fungsional Mengelola Data Master Guru Nama Fungsi Stakeholder Deskripsi. Mengelola Data Guru Sekolah Fungsi ini merupakan kegiatan untuk mengelola data guru ke dalam database. Kondisi Awal Data Guru Alur Normal Aksi Stakeholder Respon Sistem Menambah Data Guru 1. Memilih menu Data Sistem menampilkan daftar guru, Master Guru. form tambah, dan form ubah. 2. Memasukkan data Sistem menampilkan data-data guru. yang dimasukkan ke dalam textbox. 3. Menekan tombol Sistem menyimpan data guru ke Simpan. dalam tabel guru. Jika data yang diinputkan telah sesuai, maka sistem menampilkan pesan “data berhasil disimpan”. Aksi Stakeholder Respon Sistem Mengubah Data Guru 1. Pilih data yang ingin Sistem memeriksa data yang diubah. dipilih kemudian menampilkan pada form ubah. 2. Memasukkan data Sistem menampilkan data-data divisi yang ingin yang dimasukkan ke dalam diubah. textbox. 3. Menekan tombol Sistem menyimpan data guru ke Simpan. dalam tabel guru. Jika data yang diinputkan telah sesuai, maka sistem menampilkan pesan “data berhasil disimpan”. Fungsi ini menyimpan data guru ke dalam tabel guru. Kondisi Akhir.

(36) 21. 2. Fungsi Mengelola Data Master Siswa. Tabel 4.3 Kebutuhan Fungsional Mengelola Data Master Siswa Nama Fungsi Stakeholder Deskripsi. Mengelola Data Siswa Sekolah Fungsi ini merupakan kegiatan untuk mengelola data siswa ke dalam database. Kondisi Awal Data Siswa Alur Normal Aksi Stakeholder Respon Sistem Menambah Data Siswa 1. Memilih menu Data Sistem menampilkan daftar siswa, Master Siswa. form tambah, dan form ubah. 2. Memasukkan data Sistem menampilkan data-data siswa. yang dimasukkan ke dalam textbox. 3. Menekan tombol Sistem menyimpan data siswa ke Simpan. dalam tabel siswa. Jika data yang diisikan telah sesuai, maka sistem menampilkan pesan “data berhasil disimpan”. Aksi Stakeholder Respon Sistem Mengubah Data Siswa 1. Pilih data yang ingin Sistem memeriksa data yang dipilih diubah. kemudian menampilkan pada form ubah. 2. Memasukkan data Sistem menampilkan data-data jabatan yang ingin yang dimasukkan ke dalam textbox. diubah. 3. Menekan tombol Sistem menyimpan data jabatan ke Simpan. dalam tabel jabatan. Jika data yang diisikan telah sesuai, maka sistem menampilkan pesan “data berhasil disimpan”. Kondisi Akhir Fungsi ini menyimpan data siswa ke dalam tabel siswa..

(37) 22. 3. Fungsi Mengelola Data Master Jurusan. Tabel 4.4 Kebutuhan Fungsional Mengelola Data Master Jurusan Nama Fungsi Stakeholder Deskripsi. Mengelola Laporan Jurusan Sekolah Fungsi ini merupakan kegiatan untuk mengelola data jurusan ke dalam database. Kondisi Awal Data Jurusan Alur Normal Aksi Stakeholder Respon Sistem Mengelola Data Jurusan 1. Memilih menu Data Sistem menampilkan daftar Master Jurusan. jurusan, form tambah, dan form ubah. 2. Memasukkan data Sistem menampilkan data-data jurusan. yang dimasukkan ke dalam textbox. 3. Menekan tombol Sistem menyimpan jurusan ke Simpan. dalam tabel jurusan. Jika data yang diisikan telah sesuai, maka sistem menampilkan pesan “data berhasil disimpan”. Kondisi Akhir Fungsi ini menyimpan data jurusan ke dalam tabel jurusan.. 4. Fungsi Mengelola Data Master Mata Pelajaran Tabel 4.5 Kebutuhan Fungsional Mengelola Data Master Mata Pelajaran Nama Fungsi Stakeholder Deskripsi. Mengelola Data Master Mata Pelajaran Sekolah Fungsi ini merupakan kegiatan untuk mengelola data mata pelajaran ke dalam database. Kondisi Awal Data Mata Pelajaran Alur Normal Aksi Stakeholder Respon Sistem Mengelola Data Mata Pelajaran 4. Memilih menu Data Sistem menampilkan daftar mata Master Mata pelajaran, form tambah, dan form Pelajaran. ubah. 5. Memasukkan data Sistem menampilkan data-data mata pelajaran. yang dimasukkan ke dalam textbox. 6. Menekan tombol Sistem menyimpan ruang ke dalam Simpan. tabel mata pelajaran. Jika data yang diisikan telah sesuai, maka sistem menampilkan pesan “data berhasil disimpan”. Kondisi Akhir Fungsi ini menyimpan data mata pelajaran ke dalam tabel.

(38) 23. mata pelajaran.. 5. Fungsi Mengelola Data Master Ruang Tabel 4.6 Kebutuhan Fungsional Mengelola Data Master Ruang Nama Fungsi Stakeholder Deskripsi. Mengelola Data Master Ruang Sekolah Fungsi ini merupakan kegiatan untuk mengelola data ruang ke dalam database. Kondisi Awal Data Ruang Alur Normal Aksi Stakeholder Respon Sistem Mengelola Data Ruang 7. Memilih menu Data Sistem menampilkan daftar ruang, Master Ruang. form tambah, dan form ubah. 8. Memasukkan data Sistem menampilkan data-data ruang. yang dimasukkan ke dalam textbox. 9. Menekan tombol Sistem menyimpan ruang ke dalam Simpan. tabel ruang. Jika data yang diisikan telah sesuai, maka sistem menampilkan pesan “data berhasil disimpan”. Kondisi Akhir Fungsi ini menyimpan data ruang ke dalam tabel ruang.. 6. Fungsi Mengelola Data Master Keahlian Guru Tabel 4.7 Kebutuhan Fungsional Mengelola Data Master Keahlian Guru Nama Fungsi Stakeholder Deskripsi Kondisi Awal Alur Normal. Mengelola Data Master Keahlian Guru Sekolah Fungsi ini merupakan kegiatan untuk mengelola data keahlian guru ke dalam database. Data Keahlian Guru Aksi Stakeholder Respon Sistem Mengelola Data Keahlian Guru 10. Memilih menu Data Sistem menampilkan daftar Master Keahlian keahlian guru, form tambah, dan Guru. form ubah. 11. Memasukkan data Sistem menampilkan data-data keahlian guru. yang dimasukkan ke dalam textbox. 12. Menekan tombol Sistem menyimpan keahlian guru Simpan. ke dalam tabel ruang. Jika data yang diisikan telah sesuai, maka sistem menampilkan pesan “data.

(39) 24. berhasil disimpan”. Kondisi Akhir Fungsi ini menyimpan data keahlian guru ke dalam tabel keahlian guru.. 7. Fungsi Mengelola Data Master Tahun Ajaran Tabel 4.8 Kebutuhan Fungsional Mengelola Data Master Tahun Ajaran Nama Fungsi Stakeholder Deskripsi. Mengelola Data Master Tahun Ajaran Sekolah Fungsi ini merupakan kegiatan untuk mengelola data tahun ajaran ke dalam database. Kondisi Awal Data Tahun Ajaran Alur Normal Aksi Stakeholder Respon Sistem Mengelola Data Keahlian Guru 13. Memilih menu Data Sistem menampilkan daftar tahun Master Tahun ajaran, form tambah, dan form Ajaran. ubah. 14. Memasukkan data Sistem menampilkan data-data tahun ajaran yang dimasukkan ke dalam textbox. 15. Menekan tombol Sistem menyimpan tahun ajaran ke Simpan. dalam tabel tahun ajaran. Jika data yang diisikan telah sesuai, maka sistem menampilkan pesan “data berhasil disimpan”. Fungsi ini menyimpan data tahun ajaran ke dalam tabel tahun Kondisi Akhir ajaran.. 4.1.2 Merencanakan Kebutuhan Sistem Pembuatan aplikasi penempatan siswa pada SMA Negeri 1 Porong Sidoarjo memiliki beberapa spesifikasi teknologi yang perlu dipenuhi agar aplikasi berjalan dengan baik. Spesifikasi tersebut meliputi:.

(40) 25. A Kebutuhan Perangkat Keras Aplikasi kehadiran siswa yang sudah dirancang dan dibangun membutuhkan beberapa spesifikasi perangkat keras. Beberapa spesifikasi perangkat keras perlu diperhatikan adalah sebagai berikut: 1. Komputer dengan processor Intel Core 2 Duo P 8400 @ 2.30 GHz atau lebih tinggi. 2. Graphic Intel 32-bit dengan resolusi 1280 x 800 atau lebih tinggi. 3. Memori RAM 2 GB atau lebih tinggi.. B Kebutuhan Perangkat Lunak Pemenuhan kebutuhan perangkat lunak agar aplikasi dapat berjalan dengan baik adalah sebagai berikut: 1. XAMPP v.3.2.2. 2. Internet Browser Chrome.. 4.2 Merancang Sistem Tahap selanjutnya setelah melakukan analisis sistem adalah merancang sistem. Proses pada tahapan ini adalah membentuk suatu sistem dimana sistem tersebut merupakan sistem baru yang membantu Kepala Sekolah dan Wakil Kepala Sekolah dalam melakukan penempatan siswa. Merancang sistem memiliki beberapa proses, yaitu sitemap, merancang proses, merancang basis data, dan rancangan antar muka pengguna..

(41) 26. 4.2.1 Sitemap Sitemap adalah salah satu alat bantu yang mempermudah dalam pengenalan peta situs dalam suatu website. Sitemap yang telah dibuat ini berfungsi untuk mempermudah dalam menjelaskan aplikasi penempatan siswa. Sitemap dapat dilihat pada Gambar 4.1.. 4.2.2 Merancang Proses Merancang proses terdiri dari beberapa fungsi yang digambar dengan context diagram, diagram jenjang, dan data flow diagram yang didapat dari hasil kebutuhan data dan kebutuhan pengguna.. Gambar 4.1 Sitemap Aplikasi Penempatan Siswa Online.

(42) 27. A Context Diagram Context diagram menggambarkan proses sistem secara umum. Berikut ini adalah context diagram dari aplikasi penempatan siswa pada SMA Negeri 1 Porong 1 Sidoarjo. Context diagram dapat dilihat pada Gambar 4.2 Inf o Login Laporan Dat a Mast er. 0. Inf o Dat a Plotting Inf o Dat a Det il Kelas Inf o Dat a Keahlian Guru Inf o Dat a Mat a Pelajaran Inf o Dat a Ruang Kelas Inf o Dat a Jurusan Sekolah Inf o Dat a Siswa Inf o Dat a Guru. Aplikasi Penempatan Siswa Online. +. Data Jurusan Sekolah Data Guru Data Siswa Data Ruang Kelas Sekolah Data Mata Pelajaran Data Keahlian Guru Data Detil Kelas Data Plott ing Data Kategori Laporan Data Login. Gambar 4.2 DFD Level Context Diagram Aplikasi Penempatan Siswa Online B Diagram Jenjang Proses Diagram jenjang proses merupakan sebuah diagram yang digunakan untuk mendokumentasikan atau menggambarkan fungsi-fungsi yang terdapat dalam aplikasi. Diagram jenjang dapat dilihat pada Gambar 4.3..

(43) 28. Gambar 4.3 Diagram Jenjang Level 0 Penempatan Siswa 1. Proses Mengelola Data Master Proses mengelola data master memiliki dua tingkatan level diagram jenjang proses. Pada Gambar 4.4 merupakan diagram jenjang proses level 1 mengelola data master yang berfungsi untuk mengelola data master yang terdapat dalam aplikasi ini. Pada Gambar 4.5 merupakan turunan dari proses mengelola data master dimana proses ini disebut diagram jenjang proses level 1 mengelola data jurusan. Pada proses ini terdapat enam proses sistem.. Gambar 4.4 Diagram Jenjang Level 1 Mengelola Data Master.

(44) 29. Gambar 4.5 Diagram Jenjang Level 2 Mengelola Data Jurusan Pada Gambar 4.6 merupakan turunan dari proses mengelola data tahun ajaran dimana proses ini disebut diagram jenjang proses level 2 mengelola data tahun ajaran. Pada proses ini terdapat enam proses sistem. Pada Gambar 4.7 merupakan turunan dari proses mengelola data guru dimana proses ini disebut diagram jenjang proses level 2 mengelola data guru. Pada proses ini terdapat enam proses sistem.. Gambar 4.6 Diagram Jenjang Level 2 Mengelola Data Tahun Ajaran.

(45) 30. Gambar 4.7 Diagram Jenjang Level 2 Mengelola Data Guru Pada Gambar 4.8 merupakan turunan dari proses mengelola data siswa dimana proses ini disebut diagram jenjang proses level 2 mengelola data siswa. Pada proses ini terdapat enam proses sistem.. Gambar 4.8 Diagram Jenjang Level 2 Mengelola Data Siswa Pada Gambar 4.9 merupakan turunan dari proses mengelola data jurusan sekolah dimana proses ini disebut diagram jenjang proses level 2 mengelola data jurusan sekolah. Pada proses ini terdapat enam proses sistem..

(46) 31. Pada Gambar 4.10 merupakan turunan dari proses mengelola data keahlian guru dimana proses ini disebut diagram jenjang proses level 2 mengelola data keahlian guru. Pada proses ini terdapat enam proses sistem.. Gambar 4.9 Diagram Jenjang Level 2 Mengelola Data Mata Pelajaran. Gambar 4.10 Diagram Jenjang Level 2 Mengelola Data Keahlian Guru 2.. Mengecek Hak Akses Proses mengecek hak akses memiliki dua tingkatan level diagram jenjang proses. Pada Gambar 4.11 merupakan diagram jenjang proses level 1 mengecek hak akses yang berfungsi untuk mengecek hak akses yang terdapat dalam aplikasi ini..

(47) 32. Pada Gambar 4.11 merupakan turunan dari proses mengelola hak akses dimana proses ini disebut diagram jenjang proses level 2 validasi hak akses sekolah. Pada proses ini terdapat tiga proses sistem.. Gambar 4.11 Diagram Jenjang Level 2 Validasi Hak Akses Sekolah. 3.. Proses Mengelola Penempatan Siswa Proses mengelola penempatan siswa ini dilakukan oleh sekolah, berfungsi untuk menempatkan siswa dalam suatu kelas. Gambar 4.12 merupakan diagram jenjang proses level 1 mengelola penempatan siswa.. Gambar 4.12 Diagram Jenjang Level 1 Mengelola Penempatan Siswa 4. Proses Mengelola Laporan.

(48) 33. Proses mengelola laporan ini dikelola oleh sekolah berfungsi untuk menampilkan laporan berdasarkan periode yang ingin diambil. Gambar 4.13merupakan diagram jenjang proses level 1 mengelola laporan.. Gambar 4.13 Diagram Jenjang Level 1 Mengelola Laporan. C Data Flow Diagram Data Flow Diagram (DFD) merupakan cara/metode yang digunakan dalam pengembangan aplikasi yang bersifat terstruktur untuk menggambarkan aliran data yang digunakan dalam aplikasi. Diagram ini menggambarkan interaksi antara entity dan aliran data yang terdapat pada aplikasi. DFD berikut merupakan hasil dekompos dari context diagram yang digunakan untuk menggambarkan aliran data aplikasi penempatan siswa di SMA Negeri 1 Porong Sidoarjo. DFD dapat dilihat pada Gambar 4.14. Pada pembuatan Data Flow Diagram (DFD) level satu dan dua memiliki fungsi untuk menjelaskan alur sistem secara detail. Tujuh fungsi yang akan dijelaskan berdasarkan urusan proses pada sistem..

(49) 34. 1 [Data Login] [Inf o Login]. dibaca. Mengelolah Hak Akses. + 2. disimpan. 2. Sekolah. 4. Jurusan. 6. Tahun Ajaran. disimpan. 7. Jurusan Sekolah. dibaca disimpan. 8. Jurusan Kelas Sekolah. dibaca. disimpan dibaca disimpan dibaca. [Data Mata Pelajaran]. dibaca. [Data Jurusan Sekolah] [Data Jurusan Kelas Sekolah]. disimpan. [Data Guru]. disimpandibaca. [Data Siswa]. Siswa. 10. Histori Siswa. disimpan. dibaca 11. Guru. disimpan. dibaca 12. Ruang. 13. Mata Pelajaran. 14. Keahlian Guru. Mengelolah Data Master. [Data Keahlian Guru] Sekolah. 9. [Data Ruang Kelas]. dibaca disimpan dibaca. dibaca. disimpan dibaca. dibaca. [Inf o Data Guru] dibaca. [Inf o Data Siswa]. dibaca. [Inf o Data Jurusan Sekolah] [Inf o Data Jurusan Kelas Sekolah]. dibaca. [Inf o Data Ruang Kelas] dibaca. +. [Inf o Data Mata Pelajaran]. dibaca. [Inf o Data Keahlian Guru]. 3 disimpan. [Data Detil Kelas]. 18. Detil Kelas. dibaca [Inf o Data Detil Kelas]. Mengelola Penempatan Siswa. +. 4 [Data Kategori Laporan] [Laporan Data Master] Mengelola Laporan. +. Gambar 4.14 DFD Level 0 Aplikasi Penempatan Siswa.

(50) 35. 1. Mengelola Data Master Pada DFD level 1 proses mengelola data master, menjelaskan secara umum proses yang dilakukan saat mengelola data master dan dijelaskan pada Gambar 4.15. 2.1. [Data Jurusan]. Mengelola Data Jurusan. [I nf o Data Jurusan]. [Data Tahun Ajaran]. 2.2 Mengelola Data Tahun Ajaran. [I nf o Data Tahun Ajaran]. 4. Jurusan. 5. Kelas. 6. Tahun Ajaran. dibaca. disimpan dibaca. dibaca. 2.3 Mengelola Data Guru. 11. Guru. 10. Histori Siswa. Flow_391 9. Siswa. disimpan dibaca. [Data Guru] disimpan [I nf o Data Guru] [Data Siswa]. Flow_389 2.4 Mengelola Data Siswa. disimpan dibaca. [I nf o Data Siswa] 2.5 [Data Jurusan Sekolah] [I nf o Data Jurusan Sekolah]. Mengelola Data Jurusan Sekolah. disimpan. 7. Jurusan Sekolah. 8. Jurusan Kelas Sekolah. dibaca Flow_388. 2.6 Mengelola Data Jurusan Kelas Sekolah [I nf o Data Jurusan Kelas Sekolah]. [Data Jurusan Kelas Sekolah]. Sekolah. disimpan. dibaca. dibaca. dibaca. [Data Mat a Pelajaran] [I nf o Data Mata Pelajaran]. 2.7 Mengelola Data Mata Pelajaran. 2.8 [Data Keahlian Guru]. Mengelola Data Keahlian Guru. disimpan. 16. Mata Pelajaran. dibaca Flow_403. disimpan 17. Keahlian Guru. dibaca. [I nf o Data Keahlian Guru]. Gambar 4.15 DFD Level 1 Mengelola Data Master.

(51) 36. Pada DFD level 2 proses mengelola data master Jurusan, menjelaskan secara detil dari setiap proses yang ada pada DFD level 1 mengelola data master Jurusan. Gambar 4.16 merupakan detil dari proses mengelola data master Jurusan. Menu Master Jurusan Dipilih. 2.1.1. [Data Jurusan] Data Jurusan Dit ampilkan. Dibaca. Menampilkan Data Jurusan [Dibaca]. 2.1.2. Sekolah Data Dit ambah. Meny impan Data. Data Diubah. 4. [Disimpan]. Jurusan. [I nf o Data Jurusan] 2.1.3 Inf o Dat a Jurusan. Menampilkan Data. Dibaca. Gambar 4.16 DFD Level 2 Mengelola Data Jurusan Pada DFD level 2 proses mengelola data master tahun ajaran, menjelaskan secara detil dari setiap proses yang ada pada DFD level 1 mengelola data master tahun ajaran. Gambar 4.17 merupakan detil dari proses mengelola data master tahun ajaran. Menu Master Tahun Ajaran Dipilih Data Tahun Ajaran Ditampilkan [Data Tahun Ajaran]. 2.2.1 Menampilkan Data Tahun Ajaran. Dibaca. [dibaca] 2.2.2 Data Dit ambah Data DIubah. Meny impan Data. 6. [disimpan]. Tahun Ajaran. Sekolah [I nf o Data Tahun Ajaran] Inf o Dat a Tahun Ajaran. 2.2.3 Menampilkan Data. Dibaca. Gambar 4.17 DFD Level 2 Mengelola Data Master Tahun Ajaran.

(52) 37. Pada DFD level 2 proses mengelola data master guru menjelaskan secara detil dari setiap proses yang ada pada DFD level 1 mengelola data master. Gambar 4.18 merupakan detil dari proses mengelola data master guru.. Menu Master Guru Dipilih Menu Master Guru Dipilih. [Data Guru] [I nf o Data Guru]. dibaca. 1.3.1. Menampilkan Data Guru Dit ampilkan Data Guru Data Guru Dit ampilkan. dibaca. [dibaca]. 1.3.2. Data Dit ambah Data Dit ambah Data Diubah Data Diubah. Meny impan Data. 10. Guru. [disimpan]. [I nf o Data Guru] [Data Guru]. [dibaca] 1.3.3 Inf o Dat a Guru Menampilkan Data. dibaca. Inf o Dat a Guru. Sekolah. 1. dibaca. Sekolah. Gambar 4.18 DFD Level 2 Mengelola Data Master Guru. Pada DFD level 2 proses mengelola data master siswa menjelaskan secara detil dari setiap proses yang ada pada DFD level 1 mengelola data master. Gambar 4.19 merupakan detil dari proses mengelola data master siswa.. [dibaca]. 8. Sis wa. Sek olah 3 Mast er Sis wa Dipilih Data Sis wa Ditampilk an [Data SIData swa] Sis wa Ditampilk an. [I nf o Data Sis wa] Data Dit ambah. J urus an. 1.4.1 dibac a. Menampilk an Data Sis wa. 1.4.2. dibac a dibac a. dibac a. [dibaca] [dibaca]. [dis impan]. Meny impan Data. [dis impan]. Data Diubah 1.4.3 Inf o Dat a Sis wa Inf o Dat a Sis wa. Menampilk an Data. dibac a dibac a dibac a. 1 [dibaca] 9. dibac a His tori Sis wa. Gambar 4.19 DFD Level 2 Mengelola Data Master Siswa. Sek olah.

(53) 38. Pada DFD level 2 proses mengelola data master mata pelajaran menjelaskan secara detil dari setiap proses yang ada pada DFD level 1 mengelola data master. Gambar 4.20 merupakan detil dari proses mengelola data master mata pelajaran.. dibaca. 1.5.1 [Data Mata Pelajaran] Data Menu Mata Pelajaran Ditampilkan Master Mat a Pelajaran. Menampilkan Data Mata Pelajaran. dibaca [dibaca]. 1.5.2 Sekolah. Data Dit ambah. Meny impan Data. Data Diubah. 15. [disimpan]. Mata Pelajaran. 7 [I nf o Data Mata Pelajaran]. Jurusan Kelas Sekolah. [dibaca]. 1.5.3 Menampilkan Data. dibaca. dibaca Pelajaran o Dat aDFD Mat a Pelajaran GambarInf4.20 Level 2 Mengelola Data Mata. Pada DFD level 2 proses mengelola data master keahlian guru menjelaskan secara detil dari setiap proses yang ada pada DFD level 1 mengelola data master. Gambar 4.21 merupakan detil dari proses mengelola data master keahlian guru.. Menu Master Keahlian Guru Data Keahlian Guru Ditampilkan. 1.6.1 Menampilkan Data Keahlian Guru. 15. dibaca dibaca dibaca. [dibaca]. [dibaca]. 1.6.2 Sekolah. Data Dit ambah Data Diubah. Meny impan Data. Mata Pelajaran. [disimpan]. 16. Keahlian Guru [dibaca]. 1.6.3. Inf o Dat a Keahlian Guru. Menampilkan Data. dibaca dibaca dibaca. 10. Guru. Gambar 4.21 DFD Level 2 Mengelola Data Keahlian Guru 2. Mengelola Hak Akses.

(54) 39. Pada DFD level 1 proses mengelola hak akses, menjelaskan secara umum proses yang dilakukan saat mengelola hak akses dan dijelaskan pada Gambar 4.22. 2.1 [dibaca] [Data Login]. Sekolah. Verif ikasi Akses Sekolah Data Tidak Valid. 1. Sekolah. [I nf o Data Login] 2.2 Login Gagal. Data Valid. Menampilkan Login Gagal. Login Berhasil. 2.3 Menampilkan Menu Bagian Sekolah. Gambar 4.22 DFD Level 1 Mengelola Hak Akses Sekolah. 3.. Mengelola Penempatan Siswa Pada DFD level 1 proses mengelola penempatan siswa ini menjelaskan secara detil proses saat mengelola penempatan siswa. Gambar 4.23 merupakan detil dari proses mengelola penempatan siswa..

(55) 40. 3.1 Data Jurusan Kelas Sekolah. Menampilkan Jurusan Kelas Sekolah Y ang Dipilih. 7. Jurusan Kelas Sekolah. [dibaca]. Data Jurusan Kelas Sekolah 3.2 Menampilkan Dat a Siswa. Sekolah. [dibaca]. 8. Siswa. Data Siswa [Data Detil Kelas] 3.3 Data Siswa. Meny impan Data Siswa. [disimpan]. 17. Detil Kelas. Data Siswa Disimpan 3.4 Verif ikasi Kapasitas Kelas Hasil Verif ikasi 3.5 Data Guru. Menentukan Wali Kelas. [dibaca]. 10. Guru. Data Wali Kelas 3.6 Meny impan Data Wali Kelas. [disimpan]. Data Wali Kelas Disimpan 3.7 Menampilkan Data Kelas. Flow_431. [dibaca]. Gambar 4.23 DFD Level 1 Mengelola Data Penempatan Siswa 4.. Mengelola Laporan Pada DFD level 1 proses mengelola laporan, menjelaskan secara detil proses saat mengelola laporan. Gambar 4.24 merupakan detil dari proses mengelola laporan..

(56) 41. Sekolah. [Data Kategori Laporan]. [Laporan Data Master]. 5.1 Verif ikasi Kat egori Laporan. 2. Flow_486. Sekolah. 9. Siswa. 5.2 [dibaca] [dibaca] Cetak Laporan [dibaca] [dibaca]. 11. 10. Histori Siswa. Guru. Gambar 4.24 DFD Level 1 Mengelola Laporan. 4.2.3 Merancang Basis Data Pada tahap merancang basis data bertujuan untuk merancang skema database yang akan digunakan dalam aplikasi. Rancangan basis data tersebut akan dijelaskan dalam bentuk Conceptual Data Model, Physical Data Model, dan struktur tabel.. A Conceptual Data Model CDM dari aplikasi penempatan siswa ini memiliki 10 entitas yaitu jurusan, tahun ajar, siswa, guru, ruang, mata pelajaran, kelas, detil kelas, plotting, dan keahlian guru. Conceptual Data Model aplikasi penempatan siswa online pada SMA Negeri 1 Porong Sidoarjo dapat dilihat pada Gambar 4.25.. B Physical Data Model Physical Data Model menggambarkan struktur tabel yang digunakan pada aplikasi penempatan siswa media pembelajaran online. Berikut ini adalah bentuk PDM yang digunakan pada aplikasi..

(57) JURUSAN KODE JURUSAN NAMA JURUSAN STATUS. TERDAPAT. DETIL. KODE KELAS NAMA KELAS. KELAS. WALI KELAS. DETIL KELAS URUTAN. MEMILIKI. GURU NUPTK NAMA GURU JENIS KELAM IN TEM PAT LAHIR TANGGAL LAHIR NO TELP ALAMAT FOTO STATUS EMAIL PASSWORD. MEMILIKI. SISWA NISN NAMA SISWA JENIS KELAM IN TEM PAT LAHIR TANGGAL LAHIR ALAMAT NO TELP FOTO STATUS EMAIL PASSWORD. TERM ASUK. MEMILIKI. PLOTTING. DIGUNAKAN. RUANG KODE RUANG NAMA RUANG KETERANGAN STATUS. Gambar 4.25 CDM Aplikasi Penempatan Siswa Online. BERDASARKAN. Relation_323. TAHUN AJARAN TAHUN AJARAN TANGGAL MULAI TANGGAL BERAKHIR. JURUSAN KELAS. MEMILIKI. KEAHLIAN GURU. TERM ASUK. MEMILIKI. MATA PELAJARAN KODE MP NAMA M P JUM LAH JAM STATUS. 42.

(58) KODE_JURUSAN NAMA_JURUSAN STATUS. LongInteger Text(100) Text(20). JURUSAN. KODE_JURUSAN = KODE_JURUSAN. LongInteger Text(100). NUPTK = NUPTK. GURU. NISN = NISN. NUPTK NAMA_GURU JENIS_KELAMIN TEMPAT_LAHIR TANGGAL_LAHIR NO_TELP ALAMAT FOTO STATUS EMAIL PASSWORD. Text(4) LongInteger LongInteger Text(20) LongInteger Text(20). SISWA. Text(20) Text(100) Text(1) Text(50) DateTime Text(15) Text(100) Text(100) Text(20) Text(100) Text(20). NISN NAMA_SISWA JENIS_KELAMIN TEMPAT_LAHIR TANGGAL_LAHIR ALAMAT NO_TELP FOTO STATUS EMAIL PASSWORD. Gambar 4.26 PDM Aplikasi Penempatan Siswa Online. KODE_KELAS NAMA_KELAS. KELAS. KODE_KELAS = KODE_KELAS. LongInteger LongInteger. JURUSAN_KELAS. KODE_JURUSAN KODE_KELAS. TAHUN_AJARAN KODE_JURUSAN KODE_KELAS NISN URUTAN NUPTK. DET IL_KELAS. TAHUN_AJARAN = TAHUN_AJARAN. Text(4) DateTime DateTime. TAHUN_AJARAN TAHUN_AJARAN TANGGAL_MULAI TANGGAL_BERAKHIR. KODE_JURUSAN = KODE_JURUSAN KODE_KELAS = KODE_KELAS. KODE_JURUSAN = KODE_JURUSAN KODE_KELAS = KODE_KELAS. Integer Text(100) Text(100) Text(20). NUPTK = NUPTK. KODE_MP = KODE_MP. NUPTK KODE_MP. Text(20) Integer. KEAHLIAN_GURU. PLOTT ING NUPTK NUPTK Text(20)= KEA_NUPT K KODE_MP KODE_MP Integer= KEA_KODE_MP KODE_RUANG Integer KEA_NUPTK Text(20) KEA_KODE_MP Integer. KODE_MP = KODE_MP. KODE_RUANG = KODE_RUANG. NUPTK = NUPTK. Text(20) Text(100) Text(1) Text(50) DateTime Text(100) Text(15) Text(100) Text(20) Text(100) Text(20). RUANG KODE_RUANG NAMA_RUANG KET ERANGAN STATUS. Integer LongInteger LongInteger Text(100) LongInteger Text(20). MAT A_PELAJARAN KODE_MP KODE_JURUSAN KODE_KELAS NAMA_MP JUMLAH_JAM STATUS. 43.

(59) 68. C Struktur Tabel Berdasarkan PDM yang sudah terbentuk, dapat disusun struktur tabel yang akan digunakan untuk menyimpan data. Tabel-tabel yang digunakan untuk aplikasi penempatan siswa pada SMA Negeri 1 Porong Sidoarjo adalah sebagai berikut: 1. Tabel Sekolah Primary Key. : S_NPSN. Foreign Key. : JNS_KODE. Fungsi. : Digunakan untuk menyimpan data Sekolah. Tabel 4.9 Struktur Tabel Sekolah. No. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15. Field S_NPSN JNS_KODE S_NAMA S_STATUS S_ALAMAT S_KODE_POS S_NO_TELP S_FAX S_WEBSITE S_EMAIL S_STATUS_AKTIF S_PASSWORD S_LOGO S_LAST_LOG S_STATUS_LOGIN. Type Data Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Datetime Integer. Length 100 20 100 20 100 10 20 20 100 100 20 20 100 1. Constraint Primary Key Foreign Key -. 2. Tabel Jurusan Primary Key. : J_KODE. Foreign Key. : JNS_KODE. Fungsi. : Digunakan untuk menyimpan data Jurusan..

(60) 69. Tabel 4.10 Struktur Tabel Jurusan No. 1 2 3 4. Field J_KODE J_NAMA J_STATUS JNS_KODE. Type Data Varchar Varchar Varchar Varchar. Length 20 100 20 20. Constraint Primary Key Foreign Key. 3. Tabel Kelas Primary Key. : K_KODE. Foreign Key. :-. Fungsi. : Digunakan untuk menyimpan data Kelas. Tabel 4.11 Struktur Tabel Kelas. No. Field 1. K_KODE 2. K_NAMA. Type Data Varchar Varchar. Length Constraint 20 Primary Key 20 -. 4. Tabel Tahun Ajaran Primary Key. : TA_TAHUN_AJARAN. Foreign Key. :-. Fungsi. : Digunakan untuk menyimpan data unit kerja Tabel 4.12 Struktur Tabel Tahun Ajaran. No. Field 1 TA_TAHUN_AJARAN 2 TA_TGL_MULAI 3 TA_TGL_SELESAI. Type Data Varchar Date Date. Length Constraint 4 Primary Key -.

(61) 70. 5.. Tabel Siswa Primary Key. : SW_NISN. Foreign Key. : S_NPSN, J_KODE. Fungsi. : Digunakan untuk menyimpan data Siswa.. Tabel 4.13 Struktur Tabel Siswa No. 1 2 3 4 5 6 7 8 9 10 11 12 13 14. 6.. Field SW_NISN SW_NAMA SW_JENIS_KELAMIN SW_TEMPAT_LAHIR SW_TGL_LAHIR SW_ALAMAT SW_NO_TELP SW_FOTO SW_EMAIL SW_PASSWORD S_NPSN SW_LAST_LOG SW_STATUS_LOGIN J_KODE. Type Data Varchar Varchar Char Varchar Date Varchar Varchar Varchar Varchar Varchar Varchar Datetime Integer Varchar. Length 20 100 1 50 100 15 100 100 20 100 1 20. Constraint Primary Key Foreign Key Foreign Key. Tabel Guru Primary Key. : GR_NUPTK. Foreign Key. : S_NPSN. Fungsi. : Digunakan untuk menyimpan data Guru.. Tabel 4.14 Struktur Tabel Guru No. 1 2 3 4 5 6 7. Field GR_NUPTK GR_NAMA GR_JENIS_KELAMIN GR_TEMPAT_LAHIR GR_TGL_LAHIR GR_ALAMAT GR_NO_TELP. Type Data Varchar Varchar Char Varchar Date Varchar Varchar. Length 20 100 1 50 100 15. Constraint Primary Key -.

(62) 71. No. 8 9 10 11 12 13 14. 7.. Field GR_FOTO GR_EMAIL GR_PASSWORD S_NPSN GR_LAST_LOG GR_STATUS_LOGIN GR_STATUS. Type Data Varchar Varchar Varchar Varchar Datetime Integer Varchar. Length 100 100 20 100 1 20. Constraint Foreign Key -. Tabel Histori Siswa Primary Key. : SW_NISN, TA_TAHUN_AJARAN. Foreign Key. : SW_NISN, TA_TAHUN_AJARAN. Fungsi. : Digunakan untuk menyimpan data Histori Siswa. Tabel 4.15 Struktur Tabel Histori Siswa No. Field 1 SW_NISN. Type Data Varchar. 2. TA_TAHUN_AJARAN. Varchar. 3 4. STATUS_AKTIF STATUS_SISWA. Varchar Varchar. 8.. Length Constraint 20 Primary Key, Foreign Key 4 Primary Key, Foreign Key 20 20 -. Tabel Mata Pelajaran Primary Key. : MP_KODE. Foreign Key. : K_KODE, J_KODE, S_NPSN. Fungsi. : Digunakan untuk menyimpan data Mata Pelajaran. Tabel 4.16 Struktur Tabel Mata Pelajaran No. 1 2 3 4 5. Field MP_KODE MP_NAMA MP_JUMLAH_JAM MP_STATUS K_KODE. Type Data Varchar Varchar Integer Varchar Varchar. Length 20 100 11 20 20. Constraint Primary Key Foreign Key.

(63) 72. No. Field 6 J_KODE 7 S_NPSN. 9.. Type Data Varchar Varchar. Length Constraint 20 Foreign Key 100 Foreign Key. Tabel Keahlian Guru Primary Key. : GR_NUPTK, MP_KODE. Foreign Key. : GR_NUPTK, MP_KODE. Fungsi. : Digunakan untuk menyimpan data Keahlian Guru. Tabel 4.17 Struktur Tabel Keahlian Guru No. Field 1 GR_NUPTK 2. Type Data Varchar. MP_KODE. Varchar. Length Constraint 20 Primary Key, Foreign Key 20 Primary Key, Foreign Key. 10. Tabel Detil Kelas Primary Key. : K_KODE, J_KODE, S_NPSN, TA_TAHUN_AJARAN, SW_NISN. Foreign Key. : K_KODE, J_KODE, S_NPSN, TA_TAHUN_AJARAN, SW_NISN, GR_NUPTK. Fungsi. : Digunakan untuk menyimpan data Detil Kelas. Tabel 4.18 Struktur Tabel Detil Kelas No. Field 1 K_KODE. Type Data Varchar. 2. J_KODE. Varchar. 3. TA_TAHUN_AJARAN. Varchar. 4. S_NPSN. Varchar. 5. SW_NISN. Varchar. Length Constraint 20 Primary Key, Foreign Key 20 Primary Key, Foreign Key 4 Primary Key, Foreign Key 100 Primary Key, Foreign Key 20 Primary Key, Foreign Key.

(64) 73. No. Field 6 GR_NUPTK 7 URUTAN. Type Data Varchar Integer. Length Constraint 20 Foreign Key 11 -. 11. Tabel Plotting Primary Key. : H_KODE, SESI, JM_KODE, R_KODE, GR_NUPTK, MP_KODE. Foreign Key. : H_KODE, SESI, JM_KODE, R_KODE, GR_NUPTK, MP_KODE. Fungsi. : Digunakan untuk menyimpan data Plotting. Tabel 4.19 Struktur Tabel Plotting No. Field 1 H_KODE. Type Data Varchar. 2. SESI. Varchar. 3. JM_KODE. Varchar. 4. R_KODE. Varchar. 5. GR_NUPTK. Varchar. 6. MP_KODE. Varchar. Length Constraint 20 Primary Key, Foreign Key 20 Primary Key, Foreign Key 20 Primary Key, Foreign Key 20 Primary Key, Foreign Key 20 Primary Key, Foreign Key 20 Foreign Key. 4.2.4 Rancangan Antarmuka Pengguna Rancangan antarmuka pengguna digunakan untuk memberikan gambaran atas rancangan dari aplikasi penempatan siswa online yang dibangun. Berikut ini adalah rancangan aplikasi penempatan siswa online pada SMA Negeri 1 Porong Sidoarjo :.

(65) 74. 1. Rancangan Halaman Login Halaman rancangan login adalah halaman tampilan awal dari aplikasi yang dijalankan. Pada halaman ini terdapat textbox username, password dan tombol login. Rancangan halaman login dapat dilihat pada Gambar 4.28.. Gambar 4.27 Rancangan Halaman Login 2.. Rancangan Halaman Dashboard Sekolah Halaman dashboard sekolah adalah halaman utama yang hanya dapat diakses oleh sekolah. Halaman ini memiliki beberapa menu yang dapat diaskes, yaitu menu Dashboard, Data Master, Penempatan Siswa, dan Laporan. Pada menu Master terdapat jurusan, guru, siswa , ruang kelas, mata pelajaran, dan keahlian guru. Rancangan halaman dashboard sekolah dapat dilihat pada Gambar 4.29.. 3.. Rancangan Halaman Master Guru Halaman ini digunakan untuk menampilkan, menambah, ubah, dan detil. Rancangan halaman master guru ini terdiri dari tabel data guru, menu tambah dan detil. Tabel guru berfungsi untuk menampilkan data yang telah.

(66) 75. tersimpan, menu tambah berfungsi untuk menambah data, sedangkan menu detil berfungsi untuk melihat detil data. Rancangan halaman master guru dapat dilihat pada Gambar 4.30.. Gambar 4.28 Rancangan Halaman Dashboard Sekolah. Gambar 4.29 Rancangan Halaman Master Guru 4.. Rancangan Halaman Master Jurusan Halaman ini digunakan untuk menampilkan, menambah, ubah, detil, dan import data. Rancangan halaman master jurusan ini terdiri dari tabel data.

(67) 76. jurusan, menu tambah dan detil. Tabel jurusan berfungsi untuk menampilkan data yang telah tersimpan, menu tambah berfungsi untuk menambah data, sedangkan menu detil berfungsi untuk melihat detil data. Rancangan halaman master jurusan dapat dilihat pada Gambar 4.31. 5.. Rancangan Halaman Master Siswa Halaman ini digunakan untuk menampilkan, menambah dan ubah. Rancangan halaman master siswa ini terdiri dari tabel data siswa, menu tambah dan ubah. Tabel siswa berfungsi untuk menampilan data yang telah tersimpan, menu tambah berfungsi untuk menambah data, sedangkan menu ubah berfungsi untuk mengubah data. Rancangan halaman master siswa dapat dilihat pada Gambar 4.32.. Gambar 4.30 Rancangan Halaman Master Jurusan.

(68) 77. Gambar 4.31 Rancangan Halaman Master Siswa 6.. Rancangan Halaman Master Mata Pelajaran Halaman ini digunakan untuk menampilkan, menambah dan ubah. Rancangan halaman master mata pelajaran ini terdiri dari tabel data mata pealajaran, menu tambah dan ubah. Tabel mata pelajaran berfungsi untuk menampilkan data yang telah tersimpan, menu tambah berfungsi untuk menambah data, sedangkan menu ubah berfungsi untuk mengubah data. Rancangan halaman master mata pelajaran dapat dilihat pada Gambar 4.33.. 7.. Rancangan Halaman Penempatan Siswa Halaman ini digunakan untuk menampilkan, menambah, dan mengubah data penempatan siswa. Rancangan halaman penempatan siswa ini terdiri dari tabel data penempatan siswa, aksi kelola kelas, dan aksi kelola wali kelas. Tabel keahlian guru berfungsi untuk menampilkan data yang telah tersimpan, aksi kelola kelas digunakan untuk menambah data siswa ke dalam kelas, sedangkan aksi kelola wali kelas berfungsi untuk menambah wali kelas kedalam kelas. Rancangan halaman master penempatan siswa dapat dilihat pada Gambar 4.34..

(69) 78. Gambar 4.32 Rancangan Halaman Master Mata Pelajaran. Gambar 4.33 Rancangan Halaman Penempatan Siswa 8.. Rancangan Halaman Laporan Halaman ini digunakan untuk menampilkan. Rancangan halaman laporan ini terdiri dari tabel data laporan. Tabel laporan berfungsi untuk menampilkan.

(70) 79. data yang telah tersimpan. Rancangan halaman laporan dapat dilihat pada Gambar 4.35.. Gambar 4.34 Rancangan Halaman Laporan 4.3 Mengimplementasikan Sistem Tahapan selanjutnya setelah merancang desain antarmuka pengguna adalah mengimplementasikan sistem. Aplikasi Penempatan Siswa pada SMA Negeri 1 Porong Sidoarjo diimplementasikan menggunakan perangkat keras (hardware) dan perangkat lunak (software) yang telah dirancang sebelumnya. Perangkat keras yang digunakan antara lain: 1. Komputer dengan processor Intel Core 2 Duo P 8400 @ 2.30 GHz atau lebih tinggi. 2. Graphic Intel 32-bit. 3. Memori RAM 2 GB. Perangkat lunak yang digunakan antara lain: 1. XAMPP..

(71) 80. 2. Internet Browser Chrome 3. Notepeed +++ , Sublime Text 3 Setelah mengimplementasikan hardware dan software mulai dilakukan fungsi pada aplikasi. Fungsi-fungsi yang diuji antara lain: 1.. Fungsi login aplikasi. 2.. Fungsi mengelola data master siswa. 3.. Fungsi mengelola data master guru. 4.. Fungsi mengelola data master jurusan. 5.. Fungsi mengelola data master mata pelajaran. 6.. Fungsi mengelola data master tahun ajaran. 7.. Fungsi mengelola laporan. 4.4 Membahas Sistem Setelah merancancang antarmuka pengguna maka tahapan selanjutnya adalah mengimplementasikan ke dalam aplikasi. Hasil implementasi adalah sebagai berikut: 1. Halaman Login Aplikasi Gambar 4.36 merupakan gambar halaman login aplikasi penempatan siswa. Pengguna memasukkan username berupa user id dan password pada masingmasing tempat yang telah disediakan kemudian tekan tombol Login. Sistem akan memproses apakah user id dan password yang dimasukkan benar atau tidak. Jika benar maka sistem menampilkan halaman dashboard, jika tidak maka sistem menampilkan pesan login gagal dan kembali ke halaman login. Kolom User ID di isi menggunakan nip, npsn, nuptk atau nisn kolom password di isi dengan pin yang dimiliki oleh masing-masing user. Jika.

(72) 81. pengguna berhasil login maka tampilan dashboard akan sesuai dengan kriteria pengguna tersebut. 2.. Halaman Dashboard Aplikasi Halaman dashboard merupakan form lanjutan yang terbuka setelah pengguna melakukan proses autentifikasi login, form ini memiliki tampilan yang sama namun dengan menu yang berbeda untuk Dinas dan Sekolah, sedangkan untuk Guru dan Siswa memiliki tampilan yang berbeda. Untuk pengguna pada Sekolah memiliki menu Dashboard, menu Data Master yang memiliki sub menu Data Master Kelas, Data Master Jurusan, Data Master Mata Pelajaran, Data Master Tahun Ajaran, Data Master Siswa, Data Master Guru, Data Master Keahlian Guru, dan menu Laporan. Form Dashboard Sekolah dijelaskan pada Gambar 4.37.. Gambar 4.35 Halaman Login Aplikasi.

(73) 82. Gambar 4.36 Halaman Dashboard Sekolah 3. Halaman Data Master Tahun Ajaran Halaman master tahun ajaran ini berfungsi untuk mengelola data tahun ajaran yang memiliki tiga data yaitu tahun ajaran, tanggal mulai, dan tanggal selesai. Pada form ini pengguna dapat menambah data dan juga mengubah data tahun ajaran sesuai dengan yang dibutuhkan. Data di isi berdasarkan data yang ada. Setelah mengisi data dengan lengkap, tekan simpan untuk menyimpan data ke database. Form tambah tahun ajaran digambarkan pada Gambar 4.38.. Gambar 4.37 Halaman Tabel Tahun Ajaran.

(74) 83. Gambar 4.38 Halaman Tambah Tahun Ajaran Tampilan menu pada Gambar 4.39 merupakan tabel data tahun ajaran dari database. Pada tabel tersebut terdapat kolom aksi yang berisi ubah. Ubah berfungsi untuk mengubah data. 4. Halaman Mengelola Data Master Jurusan Halaman master jurusan ini berfungsi untuk mengelola data jurusan yang memiliki empat data yaitu kode jurusan, nama jurusan, status, dan jenis. Pada form ini pengguna dapat menambah data dan juga mengubah data jurusan sesuai dengan yang dibutuhkan. Kode jurusan akan tergenerasi secara otomatis ketika pengguna menekan tombol tambah. Data yang lain di isi berdasarkan data yang ada pada perusahaan. Setelah mengisi data dengan lengkap, tekan tombol simpan untuk menyimpan data ke database. Form tambah jurusan digambarkan pada Gambar 4.40, dan tabel unit kerja digambarkan pada Gambar 4.41..

(75) 84. Gambar 4.39 Halaman Tambah Jurusan. Gambar 4.40 Halaman Tabel Jurusan Tampilan menu pada Gambar 4.41 merupakan tabel data jurusan dari database. Pada tabel tersebut terdapat kolom aksi yang berisi ubah dan hapus..

(76) 85. Ubah berfungsi untuk mengubah data dan hapus berfungsi untuk menghapus data. 5.. Halaman Mengelola Data Master Guru Halaman master guru ini berfungsi untuk mengelola data guru yang memiliki sebelas data yaitu nuptk, nama guru, nama sekolah, jenis kelamin, tempat lahir, tanggal lahir, nomor telepon, alamat, email, keahlian guru, status aktif, dan foto. Pada form ini pengguna dapat menambah data dan juga mengubah data guru sesuai dengan yang dibutuhkan. Password akan tergenerasi secara otomatis ketika pengguna menekan simpan. Sedangkan data yang lain di isi berdasarkan data yang ada. Setelah mengisi data dengan lengkap, tekan simpan untuk menyimpan data ke database. Form tambah guru digambarkan pada Gambar 4.42, dan tabel guru digambarkan pada Gambar 4.43.. Gambar 4.41 Halaman Tambah Guru.