LKP : Rancang Bangun Aplikasi Rekam Aktivitas Bimbingan Konseling Berbasis Web pada SMA Muhammadiyah 1 Taman Sidoarjo

RANCANG BANGUN APLIKASI REKAM AKTIVITAS BIMBINGAN KONSELING BERBASIS WEB PADA SMA MUHAMMADIYAH 1 TAMAN SIDOARJO. KERJA PRAKTIK. Program Studi S1 Sistem Informasi. Oleh: CITRA DEVI PRAMAISWARI 15410100060. FAKULTAS TEKNOLOGI DAN INFORMATIKA INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA 2018.

RANCANG BANGUN APLIKASI REKAM AKTIVITAS BIMBINGAN KONSELING BERBASIS WEB PADA SMA MUHAMMADIYAH 1 TAMAN SIDOARJO. Diajukan sebagai salah satu syarat untuk menyelesaikan Program Sarjana. Disusun Oleh : Nama. : CITRA DEVI PRAMAISWARI. NIM. : 15410100060. Program. : S1 (Strata Satu). Jurusan. : Sistem Informasi. FAKULTAS TEKNOLOGI DAN INFORMATIKA INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA 2018.

Jalani dengan berani dan semangat setiap proses yang ada..

Saya persembahkan hasil karya saya kepada Ayah, Mama, Atal, Afkar, Mas Anjar Keluarga Tercinta, Sahabat dan Teman-Teman yang selalu mendukungku serta menjadi motivasi untuk keberhasilanku..





ABSTRAK Dalam menjalankan proses bisnis yang berhubungan dengan kegiatan siswa SMA Muhammadiyah 1 Taman Sidoarjo memiliki bimbingan konseling yang dapat menjadi wadah dalam menampung serta memberikan bimbingan terkait kegiatan yang dilakukan oleh siswa. Staff bimbingan konseling mencatat semua kegiatan yang meliputi prestasi, keterlambatan, pelanggaran, ijin keluar masuk sekolah, dan catatan home visit, secara manual di dalam buku laporan siswa. Pada saat terdapat siswa yang melakukan pelanggaran terhadap peraturan sekolah seharusnya staff bimbingan konseling mencatat identitas dan pelanggaran yang dilakukan siswa yang akan dilaporkan ke wali kelas siswa terkait. Sering kali saat ada siswa yang melakukan pelanggaran staff bimbingan konseling memberikan tindakan langsung tanpa pemberitahuan kepada wali siswa terkait. Permasalahan yang dihadapi oleh SMA Muhammadiyah 1 Taman Sidoarjo adalah bagaimana merancang dan membangun aplikasi rekam aktivitas bimbingan konseling berbasis web sebagai wujud penerapan teknologi informasi yang dapat mempermudah proses rekam aktivitas siswa, mempermudah penyampaian informasi tentang kegiatan yang dilakukan oleh siswa kepada wali kelas siswa terkait, serta menghasilkan laporan kegiatan siswa secara periodik. Hasil dari kerja praktik ini adalah merancang bangun suatu aplikasi yang dapat. digunakan. untuk. melakukan. pencatatan. secara. terkomputerisasi,. menampilkan daftar kegiatan yang telah tercatat serta menjadi media perantara dalam penyampaian informasi. Pencatatan yang dilakukan secara manual selama ini sudah dapat dilakukan dengan terkomputerisasi dan dapat menghasilkan report laporan prestasi, keterlambatan, pelanggaran, ijin keluar masuk sekolah, catatan home visit dengan periode per bulan.. Kata Kunci: Aplikasi Rekam Aktivitas, Bimbingan Konseling, Berbasis Web.. vii.

KATA PENGANTAR Puji syukur kehadirat Allah SWT, karena berkat dan rahmat penulis dapat menyelesaikan Laporan Kerja Praktik yang berjudul “Rancang Bangun Aplikasi Rekam Aktivitas Bimbingan Konseling Berbasis Web Pada SMA Muhammadiyah 1 Taman Sidoarjo” ini dapat diselesaikan. Laporan Kerja Praktik ini disusun dalam rangka penulisan laporan untuk lulus mata kuliah Kerja Praktik pada Program Studi S1 Sistem Informasi Stikom Surabaya. Melalui kesempatan yang sangat berharga ini Penulis menyampaikan ucapan terima kasih yang sebesar-besarnya kepada semua pihak yang telah membantu penyelesaian Laporan Kerja Praktik ini, terutama kepada yang terhormat: 1.. Allah SWT, yang selalu memberikan kesehatan, kemampuan dan kemudahan kepada penulis untuk menyelesaikan Laporan Kerja Praktik ini.. 2.. Kedua orang tua, yang selalu memberikan dukungan dan doa kepada penulis untuk menyelesaikan Laporan Kerja Praktik ini.. 3.. Seluruh keluarga, teman dan sahabat yang selalu memberikan dukungan dan doa sehingga penulis dapat menyelesaikan Laporan Kerja Praktik ini.. 4.. Bapak Prof Dr. Budi Jatmiko, M.Pd. sekalu Rektor Institut Bisnis dan Informatika Stikom Surabaya.. 5.. Bapak Dr. Anjik Sukmaaji, S.Kom., M.Eng. selaku Kepala Program Studi S1 Sistem Informasi.. 6.. Ibu Lilis Binawati, S.E., M.Ak. selaku dosen pembimbing yang dengan sabar meluangkan waktu untuk memberikan bimbingan selama proses pembuatan Laporan Kerja Praktik ini.. 7.. Ibu Nurul Musdholifah, M. Pd.I selaku Waka Kesiswaan yang telah menjadi perantara perijinan kerja praktik di SMA Muhammadiyah 1 Taman Sidoarjo.. 8.. Bapak Istian Kriya AF., S.Kom selaku Staff IT di SMA Muhammadiyah 1 Taman Sidoarjo yang selalu bersedia meluangkan waktu untuk membimbing penulis selama proses pelaksanaan kerja praktik.. viii.

9.. Keluarga besar SMA Muhammadiyah 1 Taman Sidoarjo yang telah membantu penulis untuk menyelesaikan Kerja Praktik.. 10. Teman-teman seperjuangan kerja praktik yang bersama-sama membantu, memberikan dukungan dan saran dari awal proses pelaksanaan kerja praktik hingga pembuatan laporan ini. Semoga Allah SWT memberikan imbalan yang setimpal atas segala bantuan, bimbingan dan saran yang telah diberikan. Penulis menyadari bahwa dalam pengerjaan laporan kerja praktik ini masih banyak kekurangan, sehingga kritik dan saran dari semua sangatlah diharapkan agar aplikasi dapat lebih baik lagi dikemudian hari. Semoga laporan kerja praktik ini dapat bermanfaat bagi semua pihak.. Surabaya, Juli 2018. Penulis. ix.

DAFTAR ISI ABSTRAK ........................................................................................................ vii KATA PENGANTAR ...................................................................................... viii DAFTAR ISI ....................................................................................................... x DAFTAR TABEL ............................................................................................ xiii DAFTAR GAMBAR........................................................................................ xiv DAFTAR LAMPIRAN .................................................................................... xvi BAB I PENDAHULUAN ................................................................................... 1 1.1. Latar Belakang ..................................................................................... 1. 1.2. Rumusan Masalah ................................................................................ 2. 1.3. Batasan Masalah................................................................................... 3. 1.4. Tujuan Penelitian.................................................................................. 3. 1.5. Manfaat Penelitian................................................................................ 4. 1.6. Sistematika Penulisan........................................................................... 5. BAB II GAMBARAN UMUM PERUSAHAAN ............................................... 7 2.1. Profil SMA Muhammadiyah 1 Taman Sidoarjo .................................. 7. 2.2. Lokasi SMA Muhammadiyah 1 Taman Sidoarjo ................................ 9. 2.3. Visi SMA Muhammadiyah 1 Taman Sidoarjo ..................................... 9. 2.4. Misi SMA Muhammadiyah 1 Taman Sidoarjo .................................... 9. 2.5. Tujuan SMA Muhammadiyah 1 Taman Sidoarjo .............................. 10. 2.6. Sarana dan Prasarana SMA Muhammadiyah 1 Taman Sidoarjo ....... 10. 2.7. Struktur Organisasi SMA Muhammadiyah 1 Taman Sidoarjo .......... 12. BAB III LANDASAN TEORI .......................................................................... 13 3.1. Rekam aktivitas .................................................................................. 13. 3.2. Bimbingan Konseling ......................................................................... 13. 3.3. Rancang Bangun ................................................................................ 15. 3.4. Aplikasi .............................................................................................. 15. 3.5. Website ............................................................................................... 17. 3.6. HTML................................................................................................. 18. 3.7. JavaScript ........................................................................................... 20. 3.8. Database............................................................................................. 21. x.

3.9. MySQL ............................................................................................... 22. 3.10 PHP (Hypertext Preprocessor)........................................................... 23 3.11 CSS ..................................................................................................... 24 3.12 System Flow........................................................................................ 25 3.13 DFD (Data Flow Diagram)................................................................ 26 3.14 CDM (Conceptual Data Model) ........................................................ 27 3.15 PDM (Physical Data Model).............................................................. 27 BAB IV DESKRIPSI PEKERJAAN................................................................. 28 4.1. Identifikasi Masalah ........................................................................... 28. 4.2. Perancangan Sistem............................................................................ 29. 4.2.1 System Flow ................................................................................ 29 4.2.2 Context Diagram ......................................................................... 39 4.2.3 DFD (Document Flow Diagram) ................................................ 39 4.2.4 CDM (Conceptual Data Model) ................................................. 40 4.2.5 PDM (Physical Data Model) ...................................................... 41 4.2.6 Struktur Tabel.............................................................................. 42 4.3. Implementasi Aplikasi........................................................................ 51. 4.3.1 Halaman Login ............................................................................ 51 4.3.2 Halaman Dashboard Admin ....................................................... 52 4.3.3 Halaman Data User ..................................................................... 52 4.3.4 Halaman Data Siswa ................................................................... 53 4.3.5 Halaman Data Kelas.................................................................... 54 4.3.6 Halaman Pencatatan Prestasi....................................................... 55 4.3.7 Halaman Pencatatan Keterlambatan ........................................... 56 4.3.8 Halaman Pencatatan Pelanggaran ............................................... 57 4.3.9 Halaman Pencatatan Ijin Keluar Masuk ...................................... 58 4.3.10 Halaman Pencatatan Home Visit ................................................. 59 4.3.11 Halaman Laporan ........................................................................ 60 4.3.12 Laporan Prestasi .......................................................................... 60 4.3.13 Laporan Keterlambatan ............................................................... 61 4.3.14 Laporan Pelanggaran ................................................................... 62 4.3.15 Laporan Ijin Keluar Masuk ......................................................... 62. xi.

4.3.16 Laporan Catatan Home Visit ....................................................... 63 BAB V PENUTUP ............................................................................................ 64 5.1. Kesimpulan......................................................................................... 64. 5.2. Saran ................................................................................................... 64. DAFTAR PUSTAKA ........................................................................................ 65 LAMPIRAN ...................................................................................................... 66. xii.

DAFTAR TABEL. Tabel 3.1 Simbol-simbol System Flow................................................................ 25 Tabel 3.2 Simbol-simbol DFD ............................................................................ 27 Tabel 4.1 Tabel User ........................................................................................... 42 Tabel 4.2 Tabel Siswa ......................................................................................... 42 Tabel 4.3 Tabel Kelas ......................................................................................... 45 Tabel 4.4 Tabel Tahun Ajaran ............................................................................ 46 Tabel 4.5 Tabel Detail Kelas............................................................................... 46 Tabel 4.6 Tabel Prestasi ...................................................................................... 47 Tabel 4.7 Tabel Pelanggaran ............................................................................... 47 Tabel 4.8 Tabel Keterlambatan ........................................................................... 48 Tabel 4.9 Tabel Ijin Keluar Masuk ..................................................................... 49 Tabel 4.10 Tabel Catatan Home Visit ................................................................... 50. xiii.

DAFTAR GAMBAR Gambar 2.1 Map Lokasi SMA Muhammadiyah 1 Taman Sidoarjo ..................... 9 Gambar 2.2 Struktur Organisasi SMA Muhammadiyah 1 Taman Sidoarjo ....... 12 Gambar 3.1 Struktur Dasar Dokumen HTML .................................................... 19 Gambar 3.2 Contoh Kode PHP ........................................................................... 24 Gambar 4.1 System Flow Master Siswa.............................................................. 30 Gambar 4.2 System Flow Master Kelas .............................................................. 31 Gambar 4.3 System Flow Master Tahun Ajaran ................................................. 32 Gambar 4.4 System Flow Pencatatan Prestasi ..................................................... 33 Gambar 4.5 System Flow Pencatatan Keterlambatan.......................................... 34 Gambar 4.6 System Flow Pencatatan Pelanggaran ............................................. 35 Gambar 4.7 System Flow Pencatatan Ijin Keluar Masuk .................................... 36 Gambar 4.8 System Flow Pencatatan Home Visit ............................................... 37 Gambar 4.9 System Flow Pembuatan Laporan Rekam Aktivitas ....................... 38 Gambar 4.10 Context Diagram ............................................................................. 39 Gambar 4.11 Gambar DFD level 0 ....................................................................... 39 Gambar 4.12 Gambar CDM .................................................................................. 40 Gambar 4.13 Gambar PDM .................................................................................. 41 Gambar 4.14 Form Login ...................................................................................... 51 Gambar 4.15 Halaman Dashboard ........................................................................ 52 Gambar 4.16 Halaman Tambah Data User ........................................................... 52 Gambar 4.17 Halaman Data User ......................................................................... 53 Gambar 4.18 Halaman Input Data Siswa .............................................................. 53 Gambar 4.19 Halaman Data Siswa ....................................................................... 54 Gambar 4.20 Halaman Input Data Kelas .............................................................. 54 Gambar 4.21 Halaman Data Kelas ........................................................................ 55 Gambar 4.22 Halaman Tambah Data Prestasi ...................................................... 55 Gambar 4.23 Halaman Data Prestasi .................................................................... 56 Gambar 4.24 Halaman Tambah Data Keterlambatan ........................................... 56 Gambar 4.25 Halaman Data Keterlambatan ......................................................... 57 Gambar 4.26 Halaman Tambah Data Pelanggaran ............................................... 57. xiv.

Gambar 4.27 Halaman Data Pelanggaran ............................................................. 58 Gambar 4.28 Halaman Tambah Data Ijin Keluar Masuk ..................................... 58 Gambar 4.29 Halaman Data Ijin Keluar Masuk.................................................... 59 Gambar 4.30 Halaman Tambah Data Catatan Home Visit.................................... 59 Gambar 4.31 Halaman Data Home Visit ............................................................... 60 Gambar 4.32 Halaman Laporan ............................................................................ 60 Gambar 4.33 Laporan Prestasi .............................................................................. 61 Gambar 4.34 Laporan Keterlambatan ................................................................... 61 Gambar 4.35 Laporan Pelanggaran ....................................................................... 62 Gambar 4.36 Laporan Ijin Keluar Masuk ............................................................. 62 Gambar 4.37 Laporan Catatan Home Visit ........................................................... 63 Gambar 4.38 Laporan Detail Catatan Home Visit................................................. 63. xv.

DAFTAR LAMPIRAN Lampiran 1. Surat Balasan Instansi ....................................................................... 66 Lampiran 2. Form KP-5 ........................................................................................ 67 Lampiran 3. Form KP-6 ........................................................................................ 69 Lampiran 4. Form KP-7 ........................................................................................ 70 Lampiran 5. Kartu Bimbingan Kerja Praktik ........................................................ 71 Lampiran 6. Biodata Penulis ................................................................................. 72 Lampiran 7. Print Out Laporan Aplikasi............................................................... 73. xvi.

BAB I PENDAHULUAN 1.1. Latar Belakang Perkembangan teknologi informasi sudah menjadi kebutuhan sehari-hari. masyarakat. Salah satu teknologi informasi yang sering digunakan adalah website. Website merupakan kumpulan halaman yang menampilkan informasi berupa teks, gambar, animasi, suara, video ataupun gabungan dari semuanya. Website menggunakan jalur internet sehingga dapat diakses oleh siapapun di seluruh dunia tanpa terbatas ruang dan waktu. Website dapat berbentuk statis maupun dinamis yang membentuk satu rangkaian yang saling terkait yang dihubungkan dengan jaraingan-jaringan halaman (hyperlink). Website yang bersifat statis apabila informasi yang dimilikinya jarang berubah dan informasinya hanya satu arah dari pemilik website. Sedangkan website yang bersifat dinamis apabila informasi di dalam website dapat berubah-ubah dan interaktif dua arah yang berasal dari pemilik dan pengguna website. Website saat ini tidak hanya menampilkan informasi tetapi juga dapat digunakan untuk kegiatan yang bersifat transaksional. SMA Muhammadiyah 1 Taman Sidoarjo merupakan salah satu sekolah menengah atas swasta bernuansa islam yang banyak diminati di daerah Sepanjang Sidoarjo. SMA Muhammadiyah 1 Taman Sidoarjo berlokasi di Jl. Ketegan No.35 Sepanjang, Taman, Sidoarjo. SMA Muhammadiyah 1 Taman Sidoarjo memiliki kurang lebih 700 siswa secara keseluruhan serta kurang lebih 40 karyawan dan staff pengajar tetap maupun tidak tetap. Dalam pencatatan kegiatan siswa yang dilakukan bagian bimbingan konseling SMA Muhammadiyah 1 Taman Sidoarjo, staff bimbingan konseling. 1.

2. mencatat semua kegiatan siswa secara manual di dalam buku laporan siswa untuk wali kelas. Kegiatan siswa yang tercatat di bagian bimbingan konseling meliputi prestasi, keterlambatan, pelanggaran, ijin keluar masuk sekolah, dan catatan home visit. Pada saat terdapat siswa yang melakukan pelanggaran terhadap peraturan sekolah, maka seharusnya staff bimbingan konseling akan mencatat identitas siswa serta masalah apa yang dilakukan siswa untuk dilaporkan ke wali kelas siswa tersebut. Setiap pelanggaran yang dilakukan siswa akan diberikan sanksi oleh staff bimbingan konseling, tetapi permasalahannya sering kali staff bimbingan konseling memberikan tindakan langsung tanpa pemberitahuan kepada wali kelas siswa terkait. Berdasarkan penjabaran singkat permasalah yang ada pada bagian bimbingan konseling maka dibutuhkan solusi untuk dapat menyelesaikan permasalahan tersebut. Solusi tersebut yaitu pembuatan aplikasi rekam aktivitas bimbingan konseling berbasis web pada SMA Muhammadiyah 1 Taman Sidoarjo. Dengan adanya aplikasi ini diharapkan kegiatan siswa yang melalui bagian bimbingan konseling dapat tercatat secara terkomputerisasi serta dapat mempermudah pemberitahuan tentang apa saja kegiatan yang dilakukan oleh siswa kepada wali kelas siswa terkait. 1.2. Rumusan Masalah Berdasarkan latar belakang masalah di atas, maka dapat dirumuskan. masalah yang dihadapi adalah bagaimana merancang dan membangun aplikasi rekam aktivitas bimbingan konseling berbasis web pada SMA Muhammadiyah 1 Taman Sidoarjo..

3. 1.3 Batasan Masalah Batasan masalah dalam merancang dan membangun aplikasi rekam aktivitas bimbingan konseling berbasis web pada SMA Muhammadiyah 1 Taman Sidoarjo agar tidak menyimpang dari topik yang diambil adalah sebagai berikut: 1. Pengguna aplikasi ini adalah staff bimbingan konseling dan semua wali kelas di SMA Muhammadiyah 1 Taman Sidoarjo 2. Aplikasi ini dapat mencatat, menyimpan, dan menampilkan kegiatan yang terjadi pada bagian bimbingan konseling seperti pencatatan prestasi, keterlambatan, pelanggaran, ijin keluar masuk sekolah, dan catatan home visit dari siswa SMA Muhammadiyah 1 Taman Sidoarjo 3. Aplikasi ini berbasis web. 4. Aplikasi ini dapat menampilkan laporan kegiatan siswa secara periodik. 5. Periode data yang digunakan untuk implementasi aplikasi ini adalah sebagai berikut: a. Periode November 2017 s/d Desember 2017 untuk data prestasi b. Periode Maret 2018 s/d April 2018 untuk data keterlambatan, pelanggaran, ijin keluar masuk sekolah, dan catatan home visit. 1.4. Tujuan Penelitian Berdasarkan latar belakang dan rumusan masalah di atas, maka tujuan dari. penelitian ini adalah untuk merancang bangun aplikasi rekam aktivitas bimbingan konseling berbasis web pada SMA Muhammadiyah 1 Taman Sidoarjo yang diharapkan dapat: 1. Mempermudah proses rekam aktivitas siswa yang tercatat di bagian bimbingan konseling..

4. 2. Mempermudah penyampaian informasi kepada wali kelas tentang laporan pelanggaran siswa dan tindakan yang akan diberikan oleh bagian bimbingan konseling. 3. Menghasilkan laporan kegiatan siswa secara periodik yang tercatat pada bagian bimbingan konseling. 1.5. Manfaat Penelitian Manfaat dari pembuatan aplikasi rekam aktivitas bimbingan konseling ini. adalah membantu beberapa pihak yang terlibat. 1. Bagi Penulis 1) Memperluas wawasan dan materi guna mempersiapkan diri untuk memasuki dunia kerja. 2) Menambah kemampuan dan pengalaman dalam beradaptasi dan bersosialisasi dalam dunia kerja yang sebenarnya. 3) Sebagai syarat untuk menyelesaikan mata kuliah kerja praktik. 2. Bagi SMA Muhammadiyah 1 Taman Sidoarjo 1) Staff bimbingan konseling dapat melakukan rekam aktivitas yang terjadi selama kegiatan sekolah berlangsung seperti mencatat, menyimpan, dan menampilkan prestasi, keterlambatan, pelanggaran, ijin keluar masuk, dan catatan home visit yang dilakukan oleh siswa. 2) Wali Kelas dapat mengakses informasi tentang aktivitas siswa seperti prestasi, keterlambatan, pelanggaran, ijin keluar masuk, dan catatan home visit yang terjadi setiap hari, sehingga tindakan yang akan diberikan staff Bimbingan Konseling kepada siswa akan dilakukan dengan sepengetahuan wali kelas dari siswa terkait..

5. 1.6. Sistematika Penulisan Sistematika yang digunakan dalam penulisan laporan kerja praktik ini. adalah sebagai berikut: BAB I. : PENDAHULUAN Bab ini menjelaskan tentang latar belakang, perumusan masalah, batasan masalah, tujuan, manfaat, dan sistematika penulisan laporan kerja praktik pembuatan aplikasi rekam aktivitas bimbingan konseling berbasis web pada SMA Muhammadiyah 1 Taman Sidoarjo.. BAB II. : GAMBARAN UMUM PERUSAHAAN Bab ini menjelaskan tentang gambaran umum atau profil, lokasi, visi misi, tujuan, sarana prasarana, dan struktur organisasi dari SMA Muhammadiyah 1 Taman Sidoarjo.. BAB III. : LANDASAN TEORI Bab ini menjelaskan tentang teori-teori yang digunakan untuk menyelesaikan permasalah di dalam kerja praktik ini. Teori-teori tersebut antara lain: Rekam Aktivitas, Bimbingan Konseling, Rancang. Bangun,. Aplikasi,. Website,. HTML,. JavaScript,. Database, MySQL, PHP, CSS, System Flow, DFD, CDM, PDM. BAB IV. : DESKRIPSI PEKERJAAN Bab ini menjelaskan tentang. pembahasan implementasi dari. analisis dan perancangan yang telah dilakukan dalam pembuatan aplikasi rekam aktivitas bimbingan konseling berbasis web pada SMA Muhammadiyah 1 Taman Sidoarjo..

6. BAB V. : PENUTUP Bab ini menjelaskan tentang kesimpulan dari hasil analisis dan perancangan aplikasi rekam aktivitas bimbingan konseling berbasis web pada SMA Muhammadiyah 1 Taman Sidoarjo. Selain itu, pada bab ini juga disampaikan saran untuk pengembangan aplikasi yang telah dibuat..

BAB II GAMBARAN UMUM PERUSAHAAN 2.1. Profil SMA Muhammadiyah 1 Taman Sidoarjo Berdirinya SMA Muhammadiyah 1 Taman Sidoarjo berawal dari. banyaknya minat warga Muhammadiyah di Sepanjang yang ingin melanjutkan pendidikan ke jenjang Sekolah Menengah Atas (SMA), maka Pimpinan Cabang Muhammadiyah (PCM) Sepanjang pada tahun 1968 mendirikan Amal Usaha dibidang Pendidikan Menengah Atas, yakni SMA Muhammadiyah 1 Taman Sidoarjo. Pada awal berdirinya SMA Muhammadiyah 1 Taman Sidoarjo berlokasi di belakang pasar lama sepanjang (Jl. Raya Wonocolo) dan pada tahun 1980 lokasinya berpindah di Jl. Ketegan No. 35, Sepanjang, Taman, Sidoarjo agar lebih representatif dan dapat menamping siswa yang lebih banyak. SMA Muhammadiyah. 1 Taman Sidoarjo telah melalui perjalanan. panjang, hingga pada tahun 1984 SMA Muhammadiyah 1 Taman Sidoarjo yang berpindah lokasi telah berdiri. Dengan berbekal disiplin serta pengembangan dan peningkatan mutu pendidikan, menjadikan SMA Muhammadiyah 1 Taman Sidoarjo semakin dipercaya oleh masyarakat Sidoarjo. Kepercayaan yang didapat SMA Muhammadiyah 1 Taman Sidoarjo membuatnya mendapatkan peserta didik melebihi pagu (kuota) yang disiapkan. SMA Muhammadiyah 1 Taman Sidoarjo terus melakukan pembenahan dan pengembangan serta pembaharuan diberbagai bidang, baik dalam pembelajaran dan kurikulum pendidikan, sarana dan prasarana, serta sumber daya pelaksana yang ada.. Berbagai. upaya. nyata. dilakukan untuk dapat. menjadikan SMA. Muhammadiyah 1 Taman Sidoarjo menjadi sekolah yang bonafit (The Excellent. 7.

8. School) yang membangun keilmuan dan keislaman sehingga dapat mengantarkan civitas sekolah menjadi pribadi yang sholeh dalam prilaku, unggul dalam mutu, memiliki keimanan dan ketaqwaan yang kokoh, wawasan keilmuan yang modern serta kecakapan hidup dan akhlaqul karimah dalam prilaku kesehariannya. Dengan upaya pengembangan dan pembaharuan yang dilakukan SMA Muhammadiyah 1 Taman Sidoarjo mengantarkan terangkatnya status akreditasi sekolah secara kelembagaan dengan memiliki “Akreditasi A”. Dengan memiliki status akreditasi A menjadikan SMA Muhammadiyah 1 Taman Sidoarjo sebagai salah satu jajaran sekolah-sekolah modern di lingkungan kabupaten Sidoarjo. Mulai tahun pelajaran 2017/2018 SMA Muhammadiyah 1 Taman Sidoarjo menerapkan kurikulum 2013 sesuai dengan Permendikbud Nomor 59 Tahun 2014 dengan menawarkan 2 (dua) program peminatan yang bersifat intrakulikuler yaitu (1) peminatan pada bidang Matematika dan Ilmu Pengetahuan Alam (MIPA), (2) peminatan yang bersifat ekstrakulikuler yang diklasifikasikan dalam bidang keislaman, kesenian, keolahragaan, ilmu pengetahuan dan teknologi, kepaduan dan sosial. Sumber daya manusia (SDM) di SMA Muhammadiyah 1 Taman Sidoarjo terdiri dari Kepala Sekolah, Wakil Kepala Sekolah, Staf Wakil Kepala Sekolah, IT, Guru, Karyawan dan Penjaga Sekolah. Jika di klasifikasikan berdasarkan pendidikan SDM yang dimiliki oleh SMA Muhammadiyah 1 Taman Sidoarjo sebagai berikut : 1. SDM dengan jenjang pendidikan Sarjana (S2) sebanyak 4 orang 2. SDM dengan jenjang pendidikan Sarjana (S1) sebanyak 39 orang 3. SDM dengan jenjang pendidikan SMA/ Sederajat sebanyak 12 orang.

9. 2.2. Lokasi SMA Muhammadiyah 1 Taman Sidoarjo Alamat : Jl. Ketegan No.35, Sepanjang, Sidoarjo. Gambar 2.1 Map Lokasi SMA Muhammadiyah 1 Taman Sidoarjo 2.3. Visi SMA Muhammadiyah 1 Taman Sidoarjo Visi SMA Muhammadiyah 1 Taman Sidoarjo antara lain: 1. Shaleh Dalam Prilaku 2. Unggul Dalam Mutu 3. Dan Berdaya Saing Global. 2.4. Misi SMA Muhammadiyah 1 Taman Sidoarjo Misi SMA Muhammadiyah 1 Taman Sidoarjo antara lain: 1. Mengelolah dan mengembangkan pendidikan yang berakhlaqul karimah 2. Mengembangkan potensi akademik dengan menyediakan fasilitas belajarmengajar dan teknologi informasi 3. Menumbuhkan kesadaran seluruh warga sekolah untuk melaksanakan perintah Allah Ta’ala dan menjauhi segala larangan-Nya dan 4. Mewujudkan generasi Islam yang santun dalam berprilaku dan gemar dalam beribadah..

10. 2.5. Tujuan SMA Muhammadiyah 1 Taman Sidoarjo Tujuan SMA Muhammadiyah 1 Taman Sidoarjo antara lain: 1. Membentuk peserta didik taat menjalankan ibadah sesuai dengan syari’at Islam 2. Mempersiapkan peserta didik berprilaku sholeh dalam masyarakat 3. Mempersiapkan peserta didik Lulus Ujian Sekolah dan Ujian Nasional 4. Mewujudkan peserta didik agar bisa berkembang secara optimal dalam bidang akademik sesuai dengan kompetensi yang dimiliki 5. Mempersiapkan peserta didik untuk melanjutkan ke jenjang pendidikan yang lebih tinggi dan 6. Mempersiapkan peserta didik memiliki kecakapan hidup (life skill) dalam bermasyarakat.. 2.6. Sarana dan Prasarana SMA Muhammadiyah 1 Taman Sidoarjo Beberapa. sarana. dan. prasarana. yang. disediakan. oleh. SMA. Muhammadiyah 1 Taman Sidoarjo antara lain: 1. Ruang belajar sebanyak 16 ruang kelas, seluruh ruang ber-AC yang dilengkapi dengan LCD proyektor, CCTV, speaker active 2. Laboratorium. fisika,. laboratorium. biologi,. laboratorium. kimia,. laboratorium bahasa, laboratorium multimedia dan komputer 3. Perpustakaan yang dilengkapi dengan koleksi buku dan referensi yang representatif 4. Ruang perkantoran meliputi: ruang kepala sekolah, wakil kepala sekolah, ruang guru dilengkapi ruang rapat, ruang Tata Usaha, ruang UKS, ruang BK, ruang IPM/OSIS.

11. 5. Sarana beribadah berupa masjid. 6. Kantin representatif 7. Ruang koperasi siswa 8. Kamar mandi guru dan siswa dalam kondisi baik dan bersih 9. Sarana olahraga terdiri dari lapangan bola voli, lapangan bola basket, dan lapangan atletik..

2.7 Struktur Organisasi SMA Muhammadiyah 1 Taman Sidoarjo. 12. Gambar 2.2 Struktur Organisasi SMA Muhammadiyah 1 Taman Sidoarjo.

BAB III LANDASAN TEORI 3.1. Rekam aktivitas Definisi rekam secara umum merupakan kesan atau bekas dari sesuatu. yang diucapkan atau yang dituliskan (seperti garis, gambar berwarna, huruf, tanda, dan lain-lain). Rekam juga dapat berarti alur-alur. Sedangkan definisi aktivitas secara umum merupakan kegiatan atau keaktifan yang digambarkan sebagai segala sesuatu yang dilakukan atau kegiatan-kegiatan yang terjadi baik kegiatan fisik maupun non-fisik (KBBI, 2016). Dari penjelasan di atas maka dapat disimpulkan rekam aktivitas merupakan hasil perekaman kegiatan atau keaktifan baik fisik maupun non-fisik atau alur-alur baik yang diucapkan atau yang dituliskan yang terjadi dan tercatat di dalam suatu bagian yang mengharuskan melakukan penyimpanan history aktivitas yang terjadi di dalamnya. Sedangkan rekam aktivitas di sekolah adalah hasil perekaman berupa pencatatan kegiatan-kegiatan yang meliputi prestasi, keterlambatan, pelanggaran, ijin keluar masuk, dan catatan home visit yang dilakukan oleh siswa. Perekaman kegiatan siswa yang ada di sekolah dilakukan oleh bagian bimbingan konseling sebagai salah satu bagian penting sekolah yang bertanggung jawab untuk memantau tindakan dan perilaku siswa. 3.2. Bimbingan Konseling Bimbingan konseling di sekolah merupakan upaya proaktif dan sistematik. dalam memfasilitasi siswa mencapai tingkat perkembangan yang optimal, pengembangan perilaku yang efektif, pengembangan lingkungan, dan peningkatan. 13.

14. fungsi atau manfaat siswa dalam lingkungannya. Semua perubahan perilaku tersebut merupakan proses perkembangan siswa, yakni proses interaksi antara siswa dengan lingkungan melalui interaksi yang sehat dan produktif. Bimbingan konseling memegang tugas dan tanggung jawab yang penting untuk mengembangkan lingkungan, membangun interaksi dinamis antara siswa dengan lingkungan, membelajarkan siswa untuk mengembangkan, merubah dan memperbaiki perilaku (Kamaluddin, 2011). Fungsi bimbingan dan konseling yaitu: 1. Fungsi Pemahaman Fungsi membantu siswa memahami diri dan lingkungan. 2. Fungsi Pencegahan Fungsi untuk membantu siswa mampu mencegah atau menghindari diri dari berbagai permasalahan yang dapat menghambat perkembangan dirinya. 3. Fungsi Pengentasan Fungsi siswa mengatasi masalah yang di dalamnya. 4. Fungsi Pemeliharaan Fungsi untuk membantu siswa memelihara dan menumbuhkan berbagai potensi dan kondisi positif yang dimilikinya. 5. Fungsi Advokasi Fungsi untuk membantu siswa memperoleh pembelaan atas hak dan atau kepentingannya yang kurang mendapat perhatian. Menurut H. Kamaluddin (2011) Terdapat beberapa prinsip dasar yang dipandang sebagai pondasi atau landasan bagi pelayanan bimbingan konseling. Prinsip-prinsip ini berasal dari konsep-konsep filosofis tentang kemanusiaan yang.

15. menjadi dasar bagi pemberian pelayanan bantuan atau bimbingan. Prinsip-prinsip tersebut antara lain: 1. Diperuntukkan bagi semua konseling. 2. Sebagai proses individuasi. 3. Menekankan hal yang positif. 4. Merupakan usaha bersama. 5. Pengambilan keputusan merupakan hal yang esensial dalam bimbingan dan konseling. 3.3. Rancang Bangun Rancang bangun atau desain sistem merupakan suatu tahap yang dilakukan. setelah analisis sistem selesai dilakukan sehingga mendapatkan gambaran yang jelas apa yang akan dilakukan selanjutnya. Dengan kata lain rancang bangun atau desain sistem dapat diartikan tahap setelah analisis dari siklus pengembangan sistem yang digunakan untuk mendefinisikan kebutuhan-kebutuhan fungsional serta melakukan implementasi dengan membuat penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi, termasuk menyangkut mengkonfigurasi dari komponen-komponen perangkat lunak dan perangkat keras suatu sistem (Fajriyah, Josi, & Fisika, 2017). 3.4. Aplikasi Pengertian aplikasi menurut Kamus Besar Bahasa Indonesia, “Aplikasi. adalah penerapan dari rancang sistem untuk mengolah data yang menggunakan aturan atau ketentuan bahasa pemrograman tertentu”. Menurut Andi Juansyah (2015) aplikasi merupakan program yang telah siap untuk digunakan sebagai.

16. pemecahan masalah yang sengaja dibuat untuk dapat melaksanakan suatu fungsi sesuai dengan kebutuhan pengguna aplikasi tersebut untuk mencapai sasaran yang akan dituju. Macam-macam aplikasi antara lain: 1. Aplikasi desktop Aplikasi desktop sangat banyak tersedia dan dapat dikategorikan ke dalam beberapa kategori. Aplikasi desktop ada yang mempunyai banyak fitur dan ada juga yang hanya memiliki satu atau dua fitur. Berikut contoh aplikasi umum yang banyak digunakan, antara lain: a. Aplikasi pengolah kata Aplikasi ini dapat digunakan untuk mengolah kata seperti membuat dokuman, menulis surat dan lain sebagainya. Contoh: Microsoft Word. b. Aplikasi browser web Aplikasi ini dapat digunakan untuk menjelajah internet. Contoh: Google Chrome, Mozilla Firefox, Internet Explorer. c. Aplikasi pemutar media Aplikasi ini dapat digunakan untuk mendengarkan musik MP3 atau menonton film. Contoh: Windows Media Player. d. Aplikasi permainan (games) Ada banyak jenis aplikasi permainan yang dapat dimainkan pada komputer yang dimiliki. Contoh: Solitaire. 2. Aplikasi mobile Aplikasi tidak hanya dapat dioperasikan pada komputer desktop dan laptop. Aplikasi juga dapat digunakan pada perangkat mobile seperti smartphone.

17. atau tablet yang dimiliki dengan cara mengunduh aplikasi tersebut. Beberapa contoh aplikasi mobile, antara lain: a. Gmail Aplikasi ini dapat digunakan untuk menerima dan mengirim e-mail dengan mudah menggunakan smartphone. Aplikasi ini juga tersedia untuk perangkat Android dan IOS. b. Instagram Aplikasi ini dapat digunakan untuk berbagai foto dengan teman atau keluarga menggunakan smartphone. Aplikasi ini juga tersedia untuk perangkat Android dan IOS. 3.5. Website Menurut Febrin Aulia Batubara (2012) website (situs) merupakan. kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks, gambar, suara, animasi, dan atau gabungan dari semuanya baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait, yang masing-masing dihubungkan dengan jaringan-jaringan halaman. Hubungan antara satu halaman website dengan halaman website yang lainnya disebut hyperlink, sedangkan teks yang dijadikan media penghubung disebut hypetext. Pengelompokkan jenis-jenis website berdasarkan fungsi, sifat dan bahasa pemrograman yang digunakan. 1. Website berdasarkan sifatnya, terbagi atas: a. Website Dinamis merupakan sebuah website yang menyediakan content halaman yang selalu berubah-ubah..

18. b. Website Statis merupakan sebuah website yang contentnya sangat jarang berubah. 2. Website berdasarkan fungsinya, terbagi atas: a. Personal website, website yang berisi informasi pribadi seseorang. b. Commercial website, website yang dimiliki oleh sebuah perusahaan yang bersifat bisnis. c. Government website, website yang dimiliki oleh instansi pemerintah, pendidikan yang bertujuan memberikan pelayanan kepada pengguna. d. Non-Profit Organization website, website yang dimiliki oleh organisasi yang bersifat non-profit atau tidak bersifat bisnis. 3. Website berdasarkan segi bahasa pemrograman yang digunakan, terbagi atas: a. Server Side,. merupakan. website. yang menggunakan bahasa. pemrograman yang tergantung kepada tersedianya server. Seperti PHP, ASP, NET dan lain sebagainya. Jika tidak ada server, website yang dibangun menggunakan bahasa pemrograman di atas todak akan dapat berfungsi sebagaimana mestinya. b. Client Side, merupakan website yang tidak membutuhkan server dalam menjalankannya, cukup diakses melalui browser saja. 3.6. HTML Menurut Edy Winarno ST, Ali Zaki dan SmitDev Community (2011). Hyper Text Markup Language (HTML) merupakan sebuah bahasa untuk menampilkan konten di web. HTML sendiri merupakan bahasa pemrograman yang bebas, artinya tidak dimiliki oleh siapa pun, pengembangannya dilakukan oleh.

19. banyak orang dibanyak negara dan bisa dikatakan sebagai sebuah bahasa yang dikembangkan bersama-sama secara global. Sedangkan menurut Agus Saputra (2012) HTML adalah singkatan dari Hyper Text Markup Language. HTML disebut bahasa paling dasar dan penting yang digunakan untuk menampilkan dan mengelola tampilan pada. halaman. website. Dari beberapa pendapat di atas maka dapat disimpulkan bahwa HTML (Hyper Text Markup Languange) merupakan bahasa pemrograman dasar yang digunakan untuk dapat menampilkan konten di halaman web. Sebuah dokumen HTML sendiri adalah dokumen teks yang dapat diedit oleh editor teks apa pun. Dokumen HTML punya beberapa elemen yang dikelilingi oleh tag-teks yang dimulai dengan simbol < dan berakhir dengan sebuah simbol >. Elemen HTML dimulai dengan tag awal, yang diikuti dengan isi emelen dan tag akhir. Tag berakhir termasuk simbol/diikuti oleh tipe elemen, misalnya </HEAD>. Dokumen HTML memiliki sebuah struktur yang harus diikuti dala pembuatannya. Elemen tersebut seperti di bawah ini:. Gambar 3.1 Struktur Dasar Dokumen HTML Struktur elemen dokumen HTML di atas dapat dijelaskan sebagai berikut: 1. Elemen HTML Elemen html merupakan teks dasar apabila ingin memulai suatu dokumen html. Jika ditemukan tag ini, berarti dapat didefinisikan sebagai dokumen.

20. html. Tag ini merupakan perintah wajib bagi pemrograman web untuk menuliskan tag pertama dalam dokumen html. Contoh tag-nya adalah: <html> dan diakhiri dengan </html>. 2. Elemen Head Head merupakan tag berikutnya setelah elemen html (<html>), yang berfungsi untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan. Elemen ini nantinya akan diakhiri dengan tanda penutup </head>. 3. Elemen Title Elemen title merupakan suatu elemen yang harus dituliskan di dalam elemen head yang digunakan untuk memberikan judul/informasi pada caption browser web tentang topik/tema atau judul dari suatu dokumen web yang ditampilkan pada browser. 4. Elemen Body Elemen body merupakan bagian utama dalam dokumen web. Jika kita ingin menampilkan suatu teks atau informasi atau yang dikenal dengan sebutan konten, maka kita harus meletakkan teks tersebut pada elemen body. 3.7. JavaScript Javascript adalah bahasa script yang berjalan pada web browser (sebagai. client server programming) dan digunakan untuk menyediakan akses script untuk objek yang dimasukkan (embedded) di aplikasi lain. Javascript bergantung kepada browser (navigator) yang memanggil halaman web yang berisi script-script. Javascript juga tidak memerlukan kompilator atau penterjemah khusus untuk menjalankannya karena pada kenyataannya kompilator javascript sendiri.

21. sudah termasuk di dalam browser tersebut. Javascript merupakan bahasa scripting yang dikembangkan oleh Netscape. Untuk menjalankan script yang ditulis dengan Javascript dibutuhkan Javascript-enabled browser yaitu browser yang mampu menjalankan Javascript (MADCOMS, 2012). 3.8. Database Database adalah suatu sistem yang menginterogasi kumpulan dari data. yang saling berhubungan satu dengan yang lain. Database merupakan sebuah tempat untuk menyimpan kumpulan data yang terkait, jenisnya beraneka ragam seperti tabel atau objek lainnya. Tujuan dari pembuatan database adalah untuk memudahkan dalam mengakses data sehingga data dengan mudah dapat dibaca, ditambah, diubah dan dihapus dengan mudah dan cepat. Keuntungan dari menyimpan data di dalam database adalah kemudahannya dalam penyimpanan dana menampilkan data karena dalam bentuk tabel (Kadir, 2008). Tipe database yang paling sering diterapkan antara lain: 1. Database Hirarkis Isi diorganisasikan ke dalam model hirarkis yang mempunyai pohon. Database hirarkis tidak hanya mengidentifikasikan elemen data dalam database, namun juga mengidentifikasikan hubungan diantara elemenelemen data. 2. Database Relasional Model ini mengorganisasikan elemen-elemen data dalam tabel dua dimensi yang terdiri dari baris dan kolom. Setiap baris mengandung informasi yang memiliki dalam salah satu perekaman database, yang disebut record. Data di.

22. dalam sebuah baris dibagi menjadi beberapa item yang masing-masing menempati satu kolom tabel yang disebut field data. 3.9. MySQL Menurut Agus Saputra (2012) MySQL merupakan salah satu database. kelas dunia yang sangat sesuai bila dipadukan dengan bahasa pemrograman PHP. MySQL bekerja menggunakan bahasa SQL (Structure Query Languange) yang merupakan bahasa standar yang digunakan untuk manipulasi database. Sedangkan menurut Abdul Kadir (2008) MySQL adalah salah satu jenis database server yang sangat terkenal. MySQL menggunakan SQL sebagai bahasa dasar untuk mengakses databasenya. Dari beberapa pendapat di atas dapat disimpulkan bahwa MySQL merupakan salah satu jenis database yang besifat open source yang menggunakan SQL sebagai bahasa dasar untuk mengakses dan manipulasi database. MySQL merupakan tipe data relasional yang artinya MySQL menyimpan datanya dalam bentuk tabel-tabel yang saling berhubungan. Perintah yang sering digunakan dalam MySQL adalah SELECT (mengambil), INSERT (menambah), UPDATE (mengubah), dan DELETE (menghapus). SQL juga menyediakan perintah untuk membuat database, field, ataupun index untuk menambah atau menghapus data. MySQL termasuk jenis RDBMS (Relational Database Management System) yang menjadikan istilah seperti tabel, baris, dan kolom digunakan pada MySQL. Beberapa alasan yang menjadikan database MySQL disarankan untuk digunakan oleh para programmer, antara lain: 1. Bersifat open source (tidak perlu membayar untuk menggunakannya).

23. 2. Menggunakan bahasa SQL (Structure Query Language) yang merupakan standar bahasa dalam pengolahan data 3. Performance dan reliable, pemrosesan databasenya sangat cepat dan stabil (kecuali untuk jenis Enterprise, yang bersifat komersial) 4. Sangat mudah dipelajari 5. Memiliki dukungan pengguna MySQL 6. Lintas Platform, dapat digunakan pada berbagai Sistem Operasi berbeda 7. Multiuser, dimana MySQL dapat digunakan oleh banyak user dalam waktu yang bersamaan tanpa mengalami konflik 3.10 PHP (Hypertext Preprocessor) Menurut Edy Winarno, Ali Zaki, SmitDev Community (2011) PHP (Hypertext Preprocessor) adalah sebuah bahasa pemrograman web berbasis server (server-side) yang mampu mem-parsing kode php dari kode web dengan ekstensi .php, sehingga menghasilkan tampilan website yang dinamis di sisi client (browser). PHP adalah bahasa script yang sangat cocok untuk pengembangan Web dan dapat dimasukkan ke dalam HTML. PHP adalah salah satu bahasa pemrograman yang berjalan di dalam server, dan mampu membuat web menjadi interaktif dan dinamis. PHP dapat mengolah data dari komputer client dan dari komputer server itu sendiri, sehingga mudah disajikan dalam browser (MADCOMS, 2009). Dari beberapa pendapat di atas maka dapat disimpulkan PHP (Hypertext Preprocessor) adalah bahasa pemrograman web yang berjalan di dalam server yang dirancang untuk membentuk aplikasi web dinamis. PHP banyak digunakan karena PHP merupakan perangkat lunak bebas (open source) artinya tidak perlu membayar.

24. apa pun untuk menggunakan perangkat lunak ini. Kode PHP dapat dilihat pada gambar di bawah ini:. Gambar 3.2 Contoh Kode PHP Gambar di atas merupakan contoh kode PHP, diawali dengan <?php dan diakhiri dengan ?>. Pasangan kedua kode inilah yang berfungsi sebagai tag kode PHP. Dengan tag inilah, server dapat memahami kode PHP dan kemudian memprosesnya dan hasilnya dikirim ke browser. 3.11 CSS CSS (Cascading Style Sheet) merupakan bahasa pemrograman web yang didesain khusus untuk mengendalikan dan membangun berbagai komponen dalam web sehingga tampilan web lebih rapi, terstruktur, dan seragam. CSS merupakan salah satu pemrograman wajib disamping html yang harus dikuasai oleh para setiap pemprogram web, terlebih lagi itu adalah Web Designer. Tujuan utama dari CSS adalah untuk memisahkan konten utama dengan tampilan dokumen lainnya (html dan sejenisnya) (Saputra, 2012). Web yang menggunakan CSS akan lebih ringan dan mudah untuk dibuka dibandingkan dengan web yang tidak menggunakan CSS. Tujuan lainnya menggunakan CSS adalah untuk mempercepat pembuatan halaman web. Keuntungan yang dapat diperoleh dengan menggunakan CSS, antara lain: 1. Memisahkan pembuatan dokumen (CSS dan HTML) 2. Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen web.

25. 3. Akses web lebih cepat saat di-loading (mempercepat pembacaan HTML) 4. Fleksibel, interaktif, tampilan lebih menarik dan nyaman dipandang 5. Lebih kecil ukuran file sehingga bandwith yang digunakan juga otomatis menjadi lebih kecil 6. Dapat digunakan pada semua web browser 3.12 System Flow System flow adalah perangkat diagram grafik yang menyimpan dan mengkomunikasikan aliran data media dan prosedur proses informasi yang diperlukan dalam sistem informasi dengan menggunakan berbagai simbol yang dihubungkan dengan panah-panah untuk menampilkan proses informasi. System flow atau bagan alir sistem merupakan bagan yang menunjukkan arus pekerjaan secara keseluruhan dari sistem. System flow menunjukkan urutanurutan dari prosedur yang ada di dalam sistem dan menunjukkan apa yang dikerjakan oleh sistem. Simbol-simbol yang terdapat pada system flow dapat dilihat pada tabel di bawah ini: Tabel 3.1 Simbol-simbol System Flow Simbol Dokumen. Menunjukkan dokumen input dan output baik proses manual atau komputer. Simbol Kegiatan Manual. Menunjukkan. kegiatan. non-komputer. dilakukan. Simbol Simpanan Offline Menunjukkan fike non-komputer yang diarsip. yang.

26. Simbol Proses. Menunjukkan kegiatan proses dari operasi program komputer. Simbol Database. Menunjukkan tempat untuk menyimpan data hasil operasi program komputer. Simbol Garis Alir. Simbol Penghubung ke. -. Menunjukkan penghubung ke halaman yang sama. Halaman yang Sama. Simbol Penghubung ke. menunjukkan penghubung ke beda halaman. Halaman Lain. 3.13 DFD (Data Flow Diagram) DFD (Data Flow Diagram) merupakan proses mengidentifikasikan berbagai proses, mengkaitkannya dengan arus data untuk menunjukkan hubungan, mengidentifikasi entitas yang menyediakan input dan menerima output, serta menambahkan penyimpanan data jika perlu (Laila & Wahyuni, 2011). DFD (Data Flow Diagram) adalah diagram yang menggunakan notasinotasi untuk menggambarkan arus dari data sistem. DFD berfungsi untuk menggambarkan proses aliran data yang tertinggi sampai yang terendah, yang memungkinkan untuk melakukan dekomposis, mempartisi atau membagi sistem ke dalam bagian-bagian yang lebih kecil dan yang lebih sederhana. DFD meletakkan.

27. fokusnya pada aliran data dari dan ke dalam sistem serta dapat memproses data tersebut . Simbol-simbol dasar dalam DFD anatara lain: Tabel 3.2 Simbol-simbol DFD Suatu eksternal entity merupakan orang, kelompok, departemen, atau Eksternal Entity. sistem lain di luar sistem yang dibuat. dapat. menerima. atau. memberikan informasi atau data ke dalam sistem yang dibuat. Data Data Flow. flow. atau. aliran. data. menunjukkan arus data atau aliran data yang menghubungkan dua proses atau entitas dengan proses. Suatu proses dimana beberapa. Process. tindakan atau sekelompok tindakan dijalankan. Data store adalah simbol yang. Data Store. digunakan untuk melambangkan proses penyimpanan data.. 3.14 CDM (Conceptual Data Model) CDM (Conceptual Data Model) merupakan suatu jenis model data yang menggambarkan secara keseluruhan konsep struktur basis data atau hubungan antar tabel yang dirancang untuk suatu program atau aplikasi secara konseptual (Diaz, Sulistiowati, & Lemantara, 2016). 3.15 PDM (Physical Data Model) PDM (Physical Data Model) merupakan jenis model data yang menggambarkan struktur basis data atau hubungan antar tabel yang akan digunakan oleh perangkat lunak secara fisikal (Diaz, Sulistiowati, & Lemantara, 2016)..

BAB IV DESKRIPSI PEKERJAAN 4.1. Identifikasi Masalah Tahap mengidentifikasi masalah digunakan sebagai dasar pembangunan. aplikasi. Identifikasi yang dilakukan adalah dengan mempelajari proses yang ada, melakukan pengamatan terhadap proses bisnis rekam aktivitas bimbingan konseling di SMA Muhammadiyah 1 Taman Sidoarjo. Dari hasil pengamatan dan wawancara yang telah dilakukan, diperoleh informasi tentang proses bisnis yang terkait, bahwa dalam pencatatan kegiatan siswa yang dilakukan bagian bimbingan konseling SMA Muhammadiyah 1 Taman Sidoarjo masih tercatat secara manual di dalam buku laporan siswa untuk wali kelas. Kegiatan siswa yang tercatat di bagian bimbingan konseling meliputi prestasi, keterlambatan, pelanggaran, ijin keluar masuk sekolah, dan catatan home visit. Seringkali aktivitas yang tercatat di bagian bimbingan konseling seperti pelanggaran peraturan sekolah diberikan tindakan langsung tanpa adanya pemberitahuan dahulu kepada wali kelas siswa terkait. Sedangkan ketentuan yang ada di sekolah adalah sebelum adanya tindakan dari bagian bimbingan konseling kepada siswa, bagian bimbingan konseling harus melakukan pemberitahuan terlebih dahulu kepada wali kelas siswa terkait. Berdasarkan permasalahan yang dihadapi oleh SMA Muhammadiyah 1 Taman Sidoarjo tersebut di atas, maka akan dibuatkan solusi untuk menyelesaikan permasalahan tersebut yaitu dengan membuat aplikasi rekam aktivitas bimbingan konseling berbasis web pada SMA Muhammadiyah 1 Taman Sidoarjo. Diharapkan pembuatan aplikasi rekam aktivitas bimbingan konseling berbasis web ini sebagai. 28.

29. wujud penerapan teknologi informasi yang memudahkan dalam proses pencatatan, pengelolaan, monitoring, pelaporan rekam aktivitas bimbingan konseling, serta dapat mempermudah pemberitahuan tentang apa saja kegiatan yang dilakukan oleh siswa kepada wali kelas siswa terkait.. 4.2. Perancangan Sistem Perancangan sistem yang dilakukan untuk Aplikasi Rekam Aktivitas. Bimbingan Konseling Berbasis Web Pada SMA Muhammadiyah 1 Taman Sidoarjo yang terdiri dari system flow, context diagram, DFD (document flow diagram), CDM (conceptual data model), PDM (physical data model), struktur tabel.. 4.2.1 System Flow A.. System Flow Master Siswa System flow master siswa dimulai dari admin melakukan login dengan. memasukkan username dan password yang akan diverifikasi oleh sistem, jika username dan password yang diinputkan sesuai dengan yang ada di dalam database, maka sistem menampilkan halaman utama dari aplikasi. Selanjutnya admin dapat memilih menu master siswa dan melakukan penginputan data siswa..

30. Gambar 4.1 System Flow Master Siswa.

31. B.. System Flow Master Kelas System flow master kelas dimulai dari admin melakukan login dengan. memasukkan username dan password yang akan diverifikasi oleh sistem, jika username dan password yang diinputkan sesuai dengan yang ada di dalam database, maka sistem menampilkan halaman utama dari aplikasi. Selanjutnya admin dapat memilih menu master kelas dan melakukan penginputan data kelas.. Gambar 4.2 System Flow Master Kelas.

32. C.. System Flow Master Tahun Ajaran System flow master tahun ajaran dimulai dari admin melakukan login. dengan memasukkan username dan password yang akan diverifikasi oleh sistem, jika username dan password yang diinputkan sesuai dengan yang ada di dalam database, maka sistem menampilkan halaman utama dari aplikasi. Selanjutnya admin dapat memilih menu master tahun ajaran dan melakukan penginputan data tahun ajaran.. Gambar 4.3 System Flow Master Tahun Ajaran.

33. D.. System Flow Pencatatan Prestasi System flow pencatatan prestasi dimulai dari admin melakukan login. dengan memasukkan username dan password yang akan diverifikasi oleh sistem, jika username dan password yang diinputkan sesuai dengan yang ada di dalam database, maka sistem menampilkan halaman utama dari aplikasi. Selanjutnya admin dapat memilih menu pencatatan data prestasi dan melakukan penginputan data prestasi dari masing-masing siswa yang memiliki prestasi.. Gambar 4.4 System Flow Pencatatan Prestasi.

34. E.. System Flow Pencatatan Keterlambatan System flow pencatatan keterlambatan dimulai dari admin melakukan login. dengan memasukkan username dan password yang akan diverifikasi oleh sistem, jika username dan password yang diinputkan sesuai dengan yang ada di dalam database, maka sistem menampilkan halaman utama dari aplikasi. Selanjutnya admin dapat memilih menu pencatatan data keterlambatan dan melakukan penginputan data keterlambatan dari masing-masing siswa yang terlambat masuk ke dalam sekolah.. Gambar 4.5 System Flow Pencatatan Keterlambatan.

35. F.. System Flow Pencatatan Pelanggaran System flow pencatatan pelanggaran dimulai dari admin melakukan login. dengan memasukkan username dan password yang akan diverifikasi oleh sistem, jika username dan password yang diinputkan sesuai dengan yang ada di dalam database, maka sistem menampilkan halaman utama dari aplikasi. Selanjutnya admin dapat memilih menu pencatatan data pelanggaran dan melakukan penginputan data pelanggaran dari masing-masing siswa yang melakukan pelanggaran.. Gambar 4.6 System Flow Pencatatan Pelanggaran.

36. G.. System Flow Pencatatan Ijin Keluar Masuk System flow pencatatan ijin keluar masuk dimulai dari admin melakukan. login dengan memasukkan username dan password yang akan diverifikasi oleh sistem, jika username dan password yang diinputkan sesuai dengan yang ada di dalam database, maka sistem menampilkan halaman utama dari aplikasi. Selanjutnya admin dapat memilih menu pencatatan data ijin keluar masuk dan melakukan penginputan data ijin keluar masuk yang dilakukan oleh siswa.. Gambar 4.7 System Flow Pencatatan Ijin Keluar Masuk.

37. H.. System Flow Pencatatan Home Visit System flow pencatatan home visit dimulai dari admin melakukan login. dengan memasukkan username dan password yang akan diverifikasi oleh sistem, jika username dan password yang diinputkan sesuai dengan yang ada di dalam database, maka sistem menampilkan halaman utama dari aplikasi. Selanjutnya admin dapat memilih menu pencatatan data home visit dan melakukan penginputan data home visit.. Gambar 4.8 System Flow Pencatatan Home Visit.

38. I.. System Flow Pembuatan Laporan Rekam Aktivitas System flow pembuatan laporan rekam aktivitas ini dimulai dari admin. melakukan login terlebih dahulu dengan username dan password yang benar. Setelah login berhasil maka sistem akan menampilkan halaman utama, admin dapat memilih menu laporan, di dalam menu laporan admin dapat memilih jenis dan periode laporan yang ingin dicetak. Laporan rekam aktivitas yang disediakan oleh aplikasi ini antara lain: laporan prestasi, keterlambatan, pelanggaran, ijin keluar masuk, catatan home visit.. Gambar 4.9 System Flow Pembuatan Laporan Rekam Aktivitas.

39. 4.2.2 Context Diagram Context diagram pada aplikasi rekam aktivitas bimbingan konseling ini menggambarkan proses secara umum yang terjadi pada aplikasi rekam aktivitas bimbingan konseling berbasis web pada SMA Muhammadiyah 1 Taman Sidoarjo. Pada context diagram juga digambarkan input yang diperlukan oleh aplikasi serta gambaran output yang dihasilkan. Pada aplikasi rekam aktivitas bimbingan konseling yang akan dibangun ini hanya memiliki dua entitas, yaitu Admin (Staff BK) dan Wali Kelas.. Gambar 4.10 Context Diagram 4.2.3 DFD (Document Flow Diagram) DFD level 0 merupakan penjabaran dari context diagram. Pada DFD level 0 terdapat 3 proses yang terdiri dari input data master, melihat data, rekam aktivitas.. Gambar 4.11 Gambar DFD level 0.

4.2.4 CDM (Conceptual Data Model) CDM (Conceptual data model) dari aplikasi rekam aktivitas bimbingan konseling ini terdapat 10 tabel yaitu tabel user, siswa, kelas, tahun ajaran, detail kelas, prestasi, keterlambatan, pelanggaran, ijin keluar masuk, home visit.. 40. Gambar 4.12 Gambar CDM.

4.2.5 PDM (Physical Data Model) PDM (Physical Data Model) merupakan hasil generate dari CDM yang telah dibuat. PDM dari aplikasi rekam aktivitas bimbingan konseling ini terdapat 10 tabel yaitu tabel user, siswa, kelas, detail kelas, prestasi, keterlambatan, pelanggaran, ijin keluar masuk, home visit.. 41. Gambar 4.13 Gambar PDM.

4.2.6 Struktur Tabel A. Tabel User Primary key. : kd_user. Foreign key. :-. Fungsi. : menyimpan data username, password, dan identitas user Tabel 4.1 Tabel User. No.. Field. Data Type. Length. 1. Kd_user. Int. 11. 2. Nama. Varchar. 50. 3. Username. Varchar. 30. 4. Password. Varchar. 100. 5. Level. Int. 11. 6. Kelas. Varchar. 20. Keterangan Primary key. B. Tabel Siswa Primary key. : induk. Foreign key. :-. Fungsi. : untuk menyimpan data master siswa Tabel 4.2 Tabel Siswa. No.. Field. Data Type. Length. Keterangan. 1. Induk. Char. 4. Primary key. 2. Jenis. Char. 1. Check. 3. Nama. Varchar. 50. 4. Asal_smp. Varchar. 30.

No.. Field. Data Type. Length. 5. Nisn. Char. 10. 6. No_ijazah_smp. Varchar. 20. 7. No_skhun_smp. Varchar. 20. 8. No_un_smp. Varchar. 20. 9. Nik. Char. 16. 10. Tempat. Varchar. 20. 11. Tgl_lahir. Varchar. 30. 12. Agama. Char. 5. 13. Kebutuhan_khusus. Varchar. 10. 14. Alamat_tempat_tinggal. Varchar. 100. 15. Dusun. Varchar. 30. 16. Kelurahan. Varchar. 30. 17. Kecamatan. Varchar. 30. 18. Kabupaten. Varchar. 30. 19. Provinsi. Varchar. 30. 20. Alat_transportasi. Varchar. 30. 21. Tinggal_dengan. Varchar. 30. 22. Telp_rumah. Varchar. 14. 23. Hp_siswa. Varchar. 14. 24. Hp_ayah. Varchar. 14. 25. Hp_ibu. Varchar. 14. 26. Email. Varchar. 50. Keterangan.

No.. Field. Data Type. Length. 27. Goldar. Char. 30. 28. Kps. Varchar. 30. 29. Kip. Varchar. 50. 30. Nama_ayah. Varchar. 50. 31. Ttl_ayah. Varchar. 30. 32. Kebutuhan_khusus_ayah. Varchar. 30. 33. Pekerjaan_ayah. Varchar. 20. 34. Pendidikan_ayah. Varchar. 20. 35. Penghasilan_bulanan_ayah. Varchar. 40. 36. Nama_ibu. Varchar. 50. 37. Ttl_ibu. Varchar. 30. 38. Kebutuhan_khusus_ibu. Varchar. 30. 39. Pekerjaan_ibu. Varchar. 20. 40. Pendidikan_ibu. Varchar. 20. 41. Penghasilan_bulanan_ibu. Varchar. 40. 42. Nama_wali. Varchar. 50. 43. Ttl_wali. Varchar. 30. 44. Kebutuhan_khusus_wali. Varchar. 30. 45. Pekerjaan_wali. Varchar. 20. 46. Pendidikan_wali. Varchar. 20. 47. Penghasilan_bulanan_wali. Varchar. 40. 48. Alamat_wali. Varchar. 100. Keterangan.

No.. Field. Data Type. Length. 49. Hubungan_dengan_siswa. Varchar. 50. 50. Tinggi_badan. Varchar. 3. 51. Jarak_sekolah. Varchar. 4. 52. Sebutkan_km. Varchar. 4. 53. Waktu_tempuh. Varchar. 4. 54. Sebutkan_menit. Varchar. 4. 55. Saudara_kandung. Varchar. 2. 56. Jenis_penyakit. Varchar. 30. 57. Kelas. Varchar. 20. 58. Tahun. Varchar. 4. 59. Lama. Varchar. 20. Keterangan. C. Tabel Kelas Primary key. : id_kelas. Foreign key. :-. Fungsi. : untuk menyimpan data master kelas Tabel 4.3 Tabel Kelas. No.. Field. Data Type. Length. 1. Id_kelas. Varchar. 5. 2. Nama_kelas. Varchar. 20. Keterangan Primary key.

D. Tabel Tahun Ajaran Primary key. : id_tahun_ajaran. Foreign key. :-. Fungsi. : untuk menyimpan data master tahun ajaran Tabel 4.4 Tabel Tahun Ajaran. No.. Field. Data Type. Length. 1. Id_tahun_ajaran. varchar. 5. 2. Tahun_ajaran. varchar. 10. Keterangan Primary key. E. Tabel Detail Kelas Primary key. : id_siswa, id_kelas, id_tahun_ajaran. Foreign key. : id_kelas, id_tahun_ajaran. Fungsi. : untuk menyimpan data detail kelas Tabel 4.5 Tabel Detail Kelas. No.. Field. Data Type. Length. Keterangan. 1. Id_siswa. Char. 4. Primary key. 2. Id_kelas. Varchar. 5. Primary key, Foreign key. 3. Id_tahun_ajaran. Varchar. 5. Primary key, Foreign key. F. Tabel Prestasi Primary key. : id_prestasi. Foreign key. : nis, tahun_ajaran. Fungsi. : untuk menyimpan data prestasi.

Tabel 4.6 Tabel Prestasi No.. Field. Data Type. Length. 1. Id_prestasi. Int. 5. 2. Tanggal. Date. 3. Jenis_lomba. Varchar. 150. 4. Bidang. Varchar. 150. 5. Nis. Int. 4. 6. Nama. Varchar. 50. 7. Kelas. Varchar. 15. 8. Tingkat_prestasi. Varchar. 50. 9. Keterangan. Varchar. 150. 10. Tahun_ajaran. Varchar. 5. Keterangan Primary key. Foreign Key. Foreign Key. G. Tabel Pelanggaran Primary key. : id_pelanggaran. Foreign key. : tahun_ajaran. Fungsi. : untuk menyimpan data pelanggaran Tabel 4.7 Tabel Pelanggaran. No.. Field. Data Type. 1. Id_pelanggaran. Int. 2. Tanggal. Date. 3. Nis. Int. Length 5. 10. Keterangan Primary key.

No.. Field. Data Type. Length. 4. Nama. Varchar. 50. 5. Kelas. Varchar. 15. 6. Jenis_pelanggaran. Varchar. 100. 7. Penyelesaian. Varchar. 150. 8. Tgl_selesai. Date. 9. Keterangan. Varchar. 150. 10. Tahun_ajaran. Varchar. 5. Keterangan. Foreign Key. H. Tabel Keterlambatan Primary key. : id_keterlambatan. Foreign key. : tahun_ajaran. Fungsi. : untuk menyimpan data keterlambatan Tabel 4.8 Tabel Keterlambatan. No.. Field. Data Type. Length. 1. Id_keterlambatan. Int. 5. 2. Tanggal. Date. 3. Nis. Int. 10. 4. Nama. Varchar. 50. 5. Kelas. Varchar. 15. 6. Jam_sekolah. Varchar. 10. 7. Masuk_jam_ke. Varchar. 10. Keterangan Primary key.

No.. Field. Data Type. Length. 8. Alasan. Varchar. 150. 9. Keterangan. Varchar. 150. 10. Tahun_ajaran. Varchar. 5. I.. Keterangan. Foreign Key. Tabel Ijin Keluar Masuk Primary key. : id_ijin. Foreign key. : nis, tahun_ajaran. Fungsi. : untuk menyimpan data ijin keluar masuk Tabel 4.9 Tabel Ijin Keluar Masuk. No.. Field. Data Type. 1. Id_ijin. Int. 2. Tanggal. Date. 3. Nis. 4. Length. Keterangan. 5. Primary key. Char. 4. Foreign Key. Nama. Varchar. 50. 5. Kelas. Varchar. 15. 6. Keperluan. Varchar. 100. 7. Masuk_jam_ke. Varchar. 10. 8. Keluar_jam_ke. Varchar. 10. 9. Keterangan. Varchar. 150. 10. Tahun_ajaran. Varchar. 5. Foreign Key.

J.. Tabel Catatan Home Visit Primary key. : id_homevisit. Foreign key. : nis, tahun_ajaran. Fungsi. : untuk menyimpan data catatan home visit Tabel 4.10 Tabel Catatan Home Visit. No.. Field. Data Type. Length. 1. Id_homevisit. Int. 5. 2. Topik. Varchar. 100. 3. Bidang. Varchar. 50. 4. Tujuan. Varchar. 100. 5. Waktu. Date. 6. Nis. Char. 4. 7. Nama. Varchar. 50. 8. Kelas. Varchar. 15. 9. Gambaran. Varchar. 100. 10. Alamat. Varchar. 100. 11. Petugas. Varchar. 50. 12. Anggota. Varchar. 50. 13. Penerima. Varchar. 50. 14. Bahan. Varchar. 150. 15. Hasil. Varchar. 150. 16. Evaluasi. Varchar. 150. 17. Tahun_ajaran. Varchar. 5. Keterangan Primary key. Foreign Key. Foreign Key.

4.3. Implementasi Aplikasi Proses implementasi aplikasi dilakukan dengan tujuan agar aplikasi yang. dibangun dapat mengatasi permasalahan dalam penelitian ini. Dalam implementasi aplikasi akan dijelaskan detail tentang rancang bangun aplikasi rekam aktivitas bimbingan konseling pada SMA Muhammadiyah 1 Taman Sidoarjo adalah sebagai berikut: 4.3.1 Halaman Login Halaman login merupakan halaman awal yang akan di tampilkan oleh aplikasi, user yang akan mengakses aplikasi rekam aktivitas bimbingan konseling dapat login dengan memasukkan username dan password yang sesuai dengan username dan password yang telah terdaftar. Jika login yang dilakukan user berhasil maka aplikasi akan menampilkan halaman menu utama dari aplikasi rekam aktivitas bimbingan konseling.. Gambar 4.14 Form Login.

4.3.2 Halaman Dashboard Admin Halaman dashboard menampilkan data pencatatan yang ada dalam aplikasi rekam aktivitas bimbingan konseling mulai dari data prestasi, data keterlambatan, data pelanggaran, data ijin keluar masuk, data catatan home visit.. Gambar 4.15 Halaman Dashboard 4.3.3 Halaman Data User Halaman data user pada aplikasi rekam aktivitas bimbingan konseling menampilkan tabel data user yang telah terdaftar sebagai user dari aplikasi. Admin dapat menambahkan user sesuai dengan kebutuhan.. Gambar 4.16 Halaman Tambah Data User.

Gambar 4.17 Halaman Data User. 4.3.4 Halaman Data Siswa Halaman data siswa menampilkan halaman untuk melakukan input data master siswa. Input data siswa dilakukan oleh admin yaitu staff BK.. Gambar 4.18 Halaman Input Data Siswa.

Gambar 4.19 Halaman Data Siswa. 4.3.5 Halaman Data Kelas Halaman data kelas menampilkan input data master kelas yang akan dilakukan oleh admin yaitu staff BK.. Gambar 4.20 Halaman Input Data Kelas.

Gambar 4.21 Halaman Data Kelas. 4.3.6 Halaman Pencatatan Prestasi Halaman pencatatan data prestasi menampilkan daftar siswa yang memiliki prestasi. Pencatatan prestasi dilakukan oleh admin yaitu staff BK dengan menginputkan identitas siswa yang memiliki prestasi serta jenis prestasi yang dimiliki siswa tersebut.. Gambar 4.22 Halaman Tambah Data Prestasi.

Gambar 4.23 Halaman Data Prestasi. 4.3.7 Halaman Pencatatan Keterlambatan Halaman pencatatan data keterlambatan berisi tentang daftar siswa yang melakukan keterlambatan masuk sekolah. Pencatatan keterlambatan dilakukan oleh admin yaitu staff BK dengan memasukkan identitas siswa serta alasan keterlambatan siswa.. Gambar 4.24 Halaman Tambah Data Keterlambatan.

Gambar 4.25 Halaman Data Keterlambatan. 4.3.8 Halaman Pencatatan Pelanggaran Halaman pencatatan data pelanggaran menampilkan daftar pelanggaran yang telah dilakukan siswa. Pencatatan pelanggaran dilakukan oleh admin yaitu staff BK dengan menginputkan identitas siswa dan pelanggaran yang dilakukan oleh siswa terkait.. Gambar 4.26 Halaman Tambah Data Pelanggaran.

Gambar 4.27 Halaman Data Pelanggaran. 4.3.9 Halaman Pencatatan Ijin Keluar Masuk Halaman pencatatan data ijin keluar masuk menampilkan daftar setiap siswa yang melakukan ijin keluar masuk sekolah. Pencatatan ijin keluar masuk dilakukan oleh admin yaitu staff BK dengan menginputkan identitas siswa, alasan, serta jam pelajaran keberapa siswa tersebut melakukan ijin.. Gambar 4.28 Halaman Tambah Data Ijin Keluar Masuk.

Gambar 4.29 Halaman Data Ijin Keluar Masuk. 4.3.10 Halaman Pencatatan Home Visit Halaman pencatatan data home visit menampilkan daftar kegiatan home visit siswa. Pencatatan home visit ini dilakukan oleh admin yaitu staff BK dengan melakukan input tanggal dan hari, siapa yang ditemui, latar belakang adanya kunjungan, hasil wawancara dari kunjungan, serta tindak lanjut yang akan dilakukan.. Gambar 4.30 Halaman Tambah Data Catatan Home Visit.

Gambar 4.31 Halaman Data Home Visit. 4.3.11 Halaman Laporan Halaman laporan menampilkan halaman input data laporan yang ingin dilihat atau dicetak dengan memilih jenis laporan dan periode laporan yang diinginkan. Pemilihan jenis dan periode laporan untuk dicetak akan dilakukan oleh admin yaitu staff BK.. Gambar 4.32 Halaman Laporan. 4.3.12 Laporan Prestasi Laporan prestasi merupakan salah satu laporan rekam aktivitas di dalam bimbingan konseling yang di pilih berdasarkan jenis dan periode laporan. Berikut contoh bentuk laporan prestasi dengan format PDF..

Gambar 4.33 Laporan Prestasi 4.3.13 Laporan Keterlambatan Laporan keterlambatan merupakan salah satu laporan rekam aktivitas di dalam bimbingan konseling yang dipilih berdasarkan jenis dan periode laporan. Berikut contoh bentuk laporan keterlambatan dengan format PDF.. Gambar 4.34 Laporan Keterlambatan.

4.3.14 Laporan Pelanggaran Laporan pelanggaran merupakan salah satu laporan rekam aktivitas di dalam bimbingan konseling yang dipilih berdasarkan jenis dan periode laporan. Berikut contoh bentuk laporan pelanggaran dengan format PDF.. Gambar 4.35 Laporan Pelanggaran 4.3.15 Laporan Ijin Keluar Masuk Laporan ijin keluar masuk merupakan salah satu laporan rekam aktivitas di dalam bimbingan konseling yang dipilih berdasarkan jenis dan periode laporan. Berikut contoh bentuk laporan ijin keluar masuk dengan format PDF.. Gambar 4.36 Laporan Ijin Keluar Masuk.

4.3.16 Laporan Catatan Home Visit Laporan catatan home visit masuk merupakan salah satu laporan rekam aktivitas di dalam bimbingan konseling yang dipilih berdasarkan jenis dan periode laporan. Berikut contoh bentuk laporan catatan home visit dengan format PDF.. Gambar 4.37 Laporan Catatan Home Visit. Gambar 4.38 Laporan Detail Catatan Home Visit.

BAB V PENUTUP 5.1. Kesimpulan Berdasarkan dari hasil perancangan dan pembuatan aplikasi rekam. aktivitas bimbingan konseling pada SMA Muhammadiyah 1 Taman Sidoarjo, maka dapat dibuat kesimpulan sebagai berikut: 1. Aplikasi yang dibangun dapat melakukan pencatatan data master dan pencatatan rekam aktivitas bimbingan konseling yang terdiri atas: prestasi, keterlambatan, pelanggaran, ijin keluar masuk, catatan home visit. 2. Aplikasi ini dibangun untuk menghasilkan laporan prestasi, laporan keterlambatan, laporan pelanggaran, laporan ijin keluar masuk, dan laporan catatan home visit berdasarkan periode per bulan. 5.2. Saran Dalam pengembangan Aplikasi Rekam Aktivitas Bimbingan Konseling. Berbasis Web Pada SMA Muhammadiyah 1 Taman Sidoarjo, penulis memberikan saran yaitu: 1. Periode laporan dapat dikembangkan menjadi rentang waktu beberapa bulan, per semester, atau per tahun sesuai kebutuhan. 2. Laporan dapat dikembangkan untuk menampilkan laporan per kelas maupun per siswa. 3. Aplikasi ini dapat diintegrasikan dengan aplikasi akademik lainnya, sehingga informasi yang ada akan tersampaikan dengan lebih informatif dan akurat.. 64.

DAFTAR PUSTAKA Batubara, F. A. (2012). Perancangan Website Pada PT. Ratu Enim Palembang. REINTEK Jurnal Ilmu Pengetahuan Dan Teknologi Terapan, 16-18. Diaz, D. C., Sulistiowati, & Lemantara, J. (2016). Rancang Bangun Aplikasi Penjualan Online Pada CV. Mitra Techno Sains. JSIKA, 2. Fajriyah, Josi, A., & Fisika, T. (2017). Rancang Bangun Sistem Informasi Tender Desa Jungai Menggunakan Metode Waterfall. SISFOKOM, 111. Juansyah, A. (2015). Pembangunan Aplikasi Child Tracker Berbasis Assisted Global Positioning System (A-GPS) Dengan Platform Android. Jurnal Ilmiah Komputer dan Informatika (KOMPUTA), 2. Kadir, A. (2008). Dasar Pemrograman Web Dinamis Menggunakan PHP (Revisi). Yogyakarta: ANDI. Kamaluddin, H. (2011). Bimbingan dan Konseling Sekolah. Jurnal Pendidikan dan Kebudayaan, 448. KBBI. Kamus Bahasa Indonesia (KBBI). Diambil kembali dari kbbi.web.id: http://kbbi.web.id/pusat (Diakses tanggal 21 Juni 2018) Laila, N., & Wahyuni. (2011). Sistem Informasi Pengolahan Data Inventory Pada Toko Buku Studi CV. Aneka Ilmu Semarang. Jurnal Teknik Elektro, 48. MADCOMS. (2009). Menguasai XHTML, CSS, PHP & MySQL Melalui Dreamweaver. Yogyakarta: ANDI. MADCOMS. (2012). JavaScript untuk Membangun Website Profesional. Yogyakarta: ANDI. Saputra, A. (2012). WebTips PHP, HTML 5 dan CSS. Jakarta: Jasakom. Winarno, E., Zaki, A., & Community, S. (2011). Easy Web Programming With PHP plus HTML 5. Jakarta: PT Elex Media Komputindo.. 65.