Aplikasi Buku Penghubung SD Ar-Rafi Berbasis Web

Transkripsi

1 e-proceeding of Applied Science : Vol.3, o. April 207 Page 87 Aplikasi Buku Penghubung SD Ar-Rafi Berbasis Web Application Integrated with book SD Ar Rafi Web Based Helmy Firmansyah, Suryatiningsih, Boby Siswanto2,2,3 Program Studi D3 Manajamen Informatika, Fakultas Ilmu Terapan Helmy.firman09@gmail.com Abstrak Buku penghubung merup catatan seputar kegiatan dilakukan anak setiap hari disekolah disertai catatan orang tua di rumah. Dengan buku penghubung ini orang tua dapat mengetahui kegiatan anaknya disekolah seperti mengetahui perkembangan anaknya, apakah anaknya dapat mengikuti materi disampaikan oleh guru, dan mengetahui perilaku anaknya disekolah. amun permasalahan terjadi adalah wali kelas mengalami kesulitan berkomunikasi dengan orang tua melalui buku penghubung. Hal ini disebabkan karena orang tua jarang membaca telah dituliskan di buku penghubung, orang tua lebih memilih membaca melalui media komunikasi handphone sehingga pihak sekolah dan orang tua membuat group sosial media berkomunikasi ketimbang membaca di buku penghubung. Tidak hanya itu saja siswa kadang lupa membawa buku penghubung atau ketinggalan dan buku penghubung ini rentan rusak atau hilang. Pada proyek akhir ini disampaikan perancangan website buku penghubung berupa perancangan basis data dan perancangan fungsionalitas. Hasil perancangan ini nantinya dapat digun membangun sebuah aplikasi buku penghubung berbasis web dapat digun sebagai media komunikasi antara orangtua murid dan pihak sekolah secara online. Metode digun menghasilkan perancangan tersebut adalah metode SDLC dengan mengambil dua tahap awal yaitu analisis kebutuhan dan perancangan. Kata kunci: Kata Kunci :Buku Penghubung, Orang Tua, Perancangan, Wali Kelas. Abstract Integrated book is record data kids activity everyday at school along with record data for parents at home, in integrated boo k parents be able know kids activity at school like informed improved kids at school, for example kids can following subject from teacher, also known kids behavior at school, however guardian teacher have problem communicated with parents through integrated book. In this case because parents rarely read information written at integrated book, parents more like read at media communication handphone with the result that school and parents made social media group for communicate than read at integrated book, not only that b ut also sometimes student forgot take integrated book to home and integrated book susceptible broken or lost. In this final project will presented website design integrated book as design base data and design functionality, as the result this design in the futur e can use for build application integrated book web base that can use as communication media between parents and teacher in online. The method used for design result is metide SDLC with take two step early that necessary analytical and design. Keywords: Key words : Integrated book, parents, design, teacher. Pendahuluan. Latar Belg Sekolah dasar adalah jenjang paling dasar pada pendidikan formal di Indonesia. Sekolah dasar ditempuh dalam waktu 6 tahun, mulai dari kelas sampai kelas 6. Begitu juga dengan Sekolah Dasar Ar-Rafi merup salah satu instansi pendidikan berada di Bandung dan setiap siswa pasti memilki dua pengajar kehidupan mereka yaitu orang tua dan guru/ wali kelas disekolahnya. Ketika siswa/anak didik telah masuk sekolah tidak berarti tanggung jawab sepenuhnya berpindah kepada guru, peranan orang tua juga sangat penting perkembangan anaknya. Untuk itulah dibuatlah sebuah buku penghubung sebagai media komunikasi antara guru dan orang tua jadi dengan buku penghubung ini orang tua mengetahui kegiatan anaknya disekolah seperti mengetahui perkembangan anaknya disekolah, apakah anaknya dapat mengikuti materi disampaikan oleh guru, dan mengetahui perilaku anaknya disekolah seperti pada SD Ar -Rafi. amun permasalahan terjadi dalam SD Ar Rafi ini adalah guru/wali kelas mengalami kesulitan berkomunikasi dengan orang tua melalui buku penghubung. Hal ini disebabkan karena orang tua jarang membaca telah dituliskan di buku penghubung, orang tua lebih memilih membaca melalui media komunikasi handphone sehingga pihak sekolah dan orang tua membuat group sosial media berkomunikasi ketimbang membaca di buku penghubung. Tidak hanya itu saja siswa kadang lupa membawa buku penghubung atau ketinggalan dan buku penghubung ini rentan rusak atau hilang. Dengan adanya permasalahan telah diuraikan diatas, maka diperlukan sebuah Aplikasi Buku Penghubung Ar - Rafi. Aplikasi ini berbasis web dimana website tersebut nantinya dapat digun sebagai media komunikasi antara orang tua dan guru /wali kelas. Pada aplikasi ini guru/wali kelas dapat mengisi data perkembangan siswanya dan mengisi mengenai kegiatan rutin di SD Ar Rafi kemudian data dan disampaikan kepada orang tua melalui aplikasi, selanjutnya orang tua dapat merespon disampaikan oleh guru/wali kelas seperti menyampaikan pertanyaan, permintaan dan saran kemudian direspon oleh guru/wali kelas dan di follow up ke pihak sekolah. Selain dari fungsi sudah dijelaskan sebelumnya aplikasi ini juga dapat mebuat laporan. Jadi dengan aplikasi ini diharapkan orang tua dan pihak sekolah dapat berkomunikasi dengan baik mengenai perkembangan dan kegiatan anaknya disekolah sehingga dengan aplikasi ini orang tua dapat memantau perkembangan anaknya di tempat kerja atau rumah tanpa harus membuang waktu pekerjaan dan realtime..2 Rumusan Masalah Adapun rumusan masalah dibahas dalam Proyek Akhir ini adalah sebagai berikut :. Bagaimana cara orang tua agar tidak lupa membaca dan membalas seperti kegiatan siswa,, sekolah telah disampaikan oleh wali kelas dalam buku penghubung serta wali kelas dapat mengetahui bahwa tersebut disampaikan telah dibaca oleh orang tua? Bagaimana cara wali kelas dapat merespon pertanyaan, permintaan dan saran dari orang tua siswa disampaikan ke pihak sekolah? Bagaimana cara pihak sekolah membuat laporan hasil respon orang tua?.3 Tujuan Adapun tujuan dari Proyek Akhir ini adalah membuat Aplikasi Buku Penghubung memiliki fitur sebagai berikut :

2 . Dengan aplikasi buku penghubung berbasis web ini orang tua mendapatkan pemberitahuan melalui aplikasi ini sehingga orang tua tidak lupa membaca dan membalas Informasi telah disampaikan seperti kegiatan siswa,, dan catatan telah disampaikan oleh wali kelas. Dengan aplikasi ini wali kelas mendapat sebuah pemberitahuan bahwa orang tua sudah membaca kegiatan siswa,, dan catatan telah disampaikan. Aplikasi ini dapat menyimpan pertanyaan, permintaan dan saran dari orang tua kemudian direspon oleh wali kelas dan di follow up ke pihak sekolah melalui aplikasi. Aplikasi ini dapat membuat sebuah laporan hasil respon orang tua dapat dicetak dari aplikasi dan hasil laporan disampaikan ke pihak sekolah..4 Batasan Masalah Batasan masalah dalam pembuatan aplikasi ini adalah :. Aplikasi ini sebagai media komunikasi antara pihak sekolah dengan pihak orang tua siswa. Aplikasi ini hanya digun di SD Ar Rafi. Data uji menggun buku penghubung kelas 3 tahun ajaran 205 / 206. Pada Aplikasi ini kegiatan siswa dilakukan meliputi ketuntasan materi/pelajaran sedangkan merup komunikasi antara orang tua serta wali kelas pada buku penghubung dan catatan merup disampaikan oleh wali kelas pada buku penghubung..5 Definisi Operasional Aplikasi Buku Penghubung adalah aplikasi dapat membantu komunikasi terutama pada pihak sekolah dan pihak orang tua. Pada guru, aplikasi ini dapat mengisi kegiatan rutin sekolah(tugas,pr, dan lain - lain) dan guru juga dapat mengisi perkembangan siswanya pada saat dikelas. Sedangkan pada orang tua, orang tua dapat memberikan merespon mengenai sekolah kepada wali kelas seperti menyampaikan pertanyaan, permintaan dan saran, kemudian di follow up ke pihak sekolah. Selain dari fungsi sudah dijelaskan sebelumnya aplikasi ini juga dapat mebuat laporan hasil respon orang tua..6 Metode Pengerjaan Model Prototype adalah salah satu model sederhana pembuatan software mengijinkan pengguna memiliki suatu gambaran awal/dasar tentang program serta melakukan pengujian awal didasarkan pada konsep model kerja (working model). Gambar - Metode Prototype Tahapan - tahapan dari metode prototype adalah sebagai berikut :. Komunikasi dan pengumpulan data awal, yaitu melakukan wawancara kepada pengguna dan menganalisis kebutuhan pengguna serta mengumpulkan data diperlukan dalam pembuatan aplikasi. Perancangan secara cepat, yaitu pembuatan rancangan proses bisnis berada pada SD Ar - Rafi. Pemodelan Secara Cepat, yaitu pembuatan model berdasarkan rancangan proses bisnis barada pada SD Ar Rafi serta pembuatan desain antar muka dari aplikasi selanjutnya dikembangkan kembali. Pembentukan prototype, yaitu pembuatan aplikasi buku penghubung termasuk pengujian dan penyempurnaan. 5. Penyerahan aplikasi pada pengguna, yaitu menyerahkan aplikasi buku penghubung kepada pengguna sehingga aplikasi dapat diterapkan di SD Ar- Rafi dengan baik. e-proceeding of Applied Science : Vol.3, o. April 207 Page 88.7 Jadwal Pengerjaan Tabel - Tabel Jadwal Pengerjaan Tinjauan Pustaka Komunikasi Komunikasi adalah proses sosial, dalam arti pelemparan /lambang mana mau tidak mau menumbuhkan pengaruh pada semua proses dan berakibat pada bentuk perilaku manusia dan adat kebiasaan. Jadi, secara garis besar, dalam suatu proses komunikasi haruslah terdapat unsur unsur kesamaan makna agar terjadi suatu pertukaran pikiran dan pengertian antara komunikator (penyebar ) dan komunikan (penerima ). Proses komunikasi sendiri bertujuan mencapai saling pengertian (mutual understanding) antara kedua pihak terlibat dalam proses komunikasi. Dalam proses komunikasi, komunikator mengirimkan / kepada komunikan sebagai sasaran komunikasi []. 2 Kegiatan Kegiatan adalah bagian dari program dilaksan oleh satu atau beberapa satuan kerja sebagai bagian dari pencapain sasaran tersetruktur pada suatu program. Kegiatan teridiri atas sekumpulan tind pengerahan sumber daya baik berupa (sumber daya manusia), maupun berupa barang modal termasuk peralatan dan teknologi, dana atau kombinasi dari beberapa atau kesemua jenis sumber daya tersebut sebagai masukan (input) menghasilkan keluaran (output) dalam bentuk barang/jasa [2]. 3 Perkembangan Perkembangan merup elemen dalam diri individu berkembang mengikut tahap kematangan dan proses pengalaan dilalui sejak kecil. Dengan demikian sebagai pendidik kita perlu memajami filasafah pendidikan dan perkembangan wujud supaya memudahkan proses pendidikan anak anak didik kita secara keseluruhan. Setiap individu perlu dididik berdasarkan kepada kecenderungan dan personaliti mereka masing masing [3]. Perkembangan individu terletak pada ciri-ciri keunikan pertumbuhan dan perkembangan itu sendiri. Antara lain adalah seperti ini : [3]. Pertumbuhan dan perkembangan fizikal tidak hanya melibatkan pertumbuhan badan tetapi perkembangan aktifitas-aktifitas menggun otot-otot badan,sistem saraf, dan lain lain. Pertumbuhan dan perkembangan kognitif tidak hanya melibatkan kemahiran menyerap dan mengingat pengatahuan tetapi kebolehan menyelesaikan masalah ada baik disekolah atau kehidupan sehari hari. Perkembangan sosial, meliputi perkembangan bertingkah laku sesuai dengan norma-norma didalam masyarakat. Perkembangan emosional, Perkembangan mengawal dan menyalurkan perasaan dan reaksi-reaksi bersesuaian dengan keadaan di dalam keluarga, rekan-rekan,masyarakat dan negara.

3 4 Buku Penghubung Buku penghubung adalah berisi catatan seputar kegiatan dilakukan anak setiap hari disekolah disertai catatan orang tua di rumah. Ada beberapa pengalaman anak perlu diselesaikan. Disini orang tua juga harus adil, tidak boleh marah jika guru menyarankan sesuatu. Tapi, orang tua juga bisa mengemuk kepada guru jika ada perlakuan terhadap anak tidak dikehendaki, ada usulan, dan sebagainya. Media buku penghubung bisa efektif jika diikuti adanya pertemuan langsung antara orang tua dan guru, misalnya awal tahun ajaran atau tengah semester, atau evaluasi akhir semester mengenai pola pendidikan selama ini dan perkembangan anak [4]. 5 Informasi Informasi adalah keterangan atau bahan nyata dapat dijadikan dasar kajian analisis atau kesimpulan. Jadi mempunyai manfaat dan mempunyai peranan sangat dominan dalam suatu organisasi/perusahaan. Tanpa ada suatu dalam suatu organisasi, para manajer tidak dapat bekerja dengan efisien dan efektif serta tidak dapat pula mengambil keputusan dengan cepat [5]. 6 Laporan Laporan adalah alat komunikasi tertulis memuat hasil pengolahan data dan serta memberikan kesimpulan atau rekomendasi atas fakta fakta atau keadaan - keadaan telah diselidiki sebelumnya. Laporan sangat penting artinya bagi seorang pemimpin karena merup salah satu alat melaksan kegiatan dalam perencanaan, pengendalian, pengawasan, dan pengampilan keputusan [6]. 7 SD Ar-Rafi Yayasan Pendidikan Kewiraswastaan Ar-Rafi beralamat di Jl. Sekejati III o. 20 Kiaracondong Bandung Provinsi Jawa Barat berdiri sejak tahun 978. Yayasan Pendidikan Kewiraswastaan Ar-Rafi bertujuan membangun nilai dan sikap kewiraswastaan dari generasi muda melalui pendidikan kejuruan, mengingat seluruh pendiri merup pendidik di sekolah kejuruan. Hal ini dilandasi pemikiran bahwa 9 dari 0 pintu rizki ada dalam perdagangan (wirausaha). SD Ar-Rafi memiliki kelas dibagi menjadi 4 yaitu joy, love, peace, dan faith. Khususnya kelas 3 dibagi menjadi 4 kelas yaitu 3 joy, 3 faith, 3 love, dan 3 peace [6]. Visi dari SD Ar-Rafi yaitu lulusan SD Ar Rafi adalah Abdullah (Hamba Allah SWT) dengan tugas sebagai khalifah pemimpin di muka bumi [6]. Misi dari SD Ar-Rafi yaitu menyelenggar pendidikan berbasis luas (broad based education) berorientasi pada kecakapan hidup (life skill), kecakapan mempelajari (learning to learn), kecakapan personal, kecakapan sosial, kecakapan akademik, serta pengembangan inovasi dan kreativitas melalui proses belajar mandiri dengan pola tematis, berbasis teknologi informatika dan komunikasi [6]. SD Ar Rafi' memiliki sebuah buku penghubung bernama buku anak sholeh isinya terdapat catatan, catatan pelanggaran, jurnal harian siswa, catatan sholat dan lain lain, tetapi dijelaskan pada proyek akhir ini adalah jurnal harian siswa, catatan dan komunikasi saja. Di SD Ar rafi Buku penghubung selalu dibawa oleh setiap siswanya, catatan seputar kegiatan atau jurnal harian siswa dilakukan oleh siswa setiap harinya disekolah ditulis oleh guru pengajar bersangkutan dan catatan diisi menurut kejadian atau peristiwanya jika kejadian menganai evaluasi seperti Tanggal ulangan, UAS, dan lain lain maka di isi oleh siswanya itu sendiri sedangkan jika bukan evaluasi maka diisi oleh wali kelasnya. Pada buku penghubung Wali kelas dapat memberikan sebuah personal kepada orang tua apabila diperlukan, sesudah itu buku penghubung dikembalikan kepada siswa. Orang tua melihat jurnal harian siswa sudah dituliskan oleh guru pengajar serta catatan dan komunikasi sudah dituliskan oleh wali kelas, Wali kelas dapat mengetahui disampaikan sudah dibalas atau tidak ketika siswa mengumpulkan buku penghubungnya begitu pula dengan catatan apabila orang tua sudah menandatangani catatannya. 8 Flow Map Flow map adalah penggambaran secara grafik dari langkahlangkah dan urutan prosedur dari suatu program. Flow map e-proceeding of Applied Science : Vol.3, o. April 207 Page 89 berguna membantu analis dan programmer memecahkan masalah kedalam segmen lebih kecil dan menolong dalam menganalisis alternatif pengoperasian. Biasanya flow map mempermudah penyelesaian suatu masalah khususnya masalah perlu dipelajari dan dievaluasi lebih lanjut [7]. Tabel 2- Flowmap o Keterangan Proses menunjukkan pengolahan dilakukan computer oleh 2 Dokumen menyat input berasal dari dokumen dalam bentuk kertas atau output dicetak ke kertas 3 Garis alir digun menghubungkan antara simbol satu dengan simbol lain 4 Terminator permulaan atau akhir dari suatu kegiatan 5 Display menyat peralatan output digun yaitu layar, plotter, printer dan sebagainya 6 Keputusan pemilihan proses berdasarkan kondisi ada 7 Kegiatan Manual menunjukkan pengolahan tidak dilakukan oleh computer 8 Store Data menyat input berasal dari disk atau disimpan ke disk

4 e-proceeding of Applied Science : Vol.3, o. April 207 Page 90 o Keterangan 9 Input-Ouput menyat proses input dan output tanpa tergantung dengan jenis peralatannya 0 Keyboard Arsip pemasukan data secara manual on-line keyboard menyat offline akses record diinginkan, biasanya berupa id. 4 ama_ 5 Penyimpanan ama_relasi Tabel 2-2 Entity Relationship Diagram Entitas/ entity ama_entitas Atirbut 2 ama_atribut 3 Atribut kunci primer #ama_kunci_primer Asosiasi Keterangan Entitas merup data inti disimpan, bakal table pada basis data. Field atau kolom data butuh disimpan dalam suatu entitas. Field atau kolom data butuh disimpan dalam suatu entitas dan digun sebagai kunci Field atau kolom data butuh disimpan dalam suatu entitas dapat memiliki nilai lebih dari satu. Relasi menghubungka n antar entitas, biasanya diawali dengan kata kerja. Penghubung antara relasi dan entitas di mana di kedua ujungnya memiliki multiplicity kemungkinan jumlah pemakaian. menyat input berasal dari proses komputer disimpan di dalam 9 Entity Relationship Diagram(ERD) ER adalah salah satu permodelan basis data konseptual menggambarkan basis data ke dalam bentuk entitas entitas dan relasi tejadi diantara entitas entitas ada. a. Entitas diartikan sebagai objek dunia nyata biasa dibed dengan objek lain. Dinotasikan dengan sebuah persegi panjang. b. Relasi diartikan hubungan tejadi diantara satu entitas dengan entitas lainnya. Dinotasikan dengan sebuah belah ketupat. c. Atribut diartikan gambaran karakteristik dari sebuah entitas atau himpunan entitas. Dinotasikan dengan sebuah lingkaran lonjong. Kardinalitas relasi menggambarkan banyaknya jumlah maksimum entitas dapat berelasi dengan entitas pada himpunan entitas lain. Pada himpunan relasi biner, pemetaan kardinalitas relasi dapat berupa salah satu dari pilihan berikut: [8] a. Satu ke satu. b. Satu ke banyak. c. Banyak ke banyak. o Relasi simpan 6 2 Atribut multinilai 0 Unified Modelling Language (UML) UML merup penggabungan berbagai konsep terbaik dari pemodelan, yaitu pemodelan data (entity-relationship diagram), pemodelan bisnis (workflow), pemodelan objek dan komponennya. UML merup bahasa standar visualisasi, sepisifikasi, konstruksi dan pendokumentasian dari artifak dari sebuah software, dan dapat digun semua tahapan dalam proses pengembangan sistem mulai dari analisis, desain, sampai implementasi. UML menyedi beberapa notasi dan artifak standar dapat digun sebagai alat komunikasi bagi para pelaku dalam proses analisis dan desain sistem. Artifak dalam UML didefinisikan sebagai dalam berbagai bentuk digun atau dihasilkan dalam proses pengembangan software [9]. Use Case Use case merup pemodelan kelakuan (behavior) sistem dibuat. Use case mendeskripsikan sebuah interaksi antara satu atau lebih aktor dengan sistem dibuat. Secara kasar, use case digun mengetahui fungsi apa saja ada di dalam sebuah sistem dan siapa saja berhak menggun fungsi itu [0]. Tabel 2-3 Use Case Diagram o Keterangan UseCase Fungsionalitas disedi sistem sebagai unit-unit saling bertukar antar unit atau aktor, biasanya dinyat dengan menggun kata kerja di awal frase nama use case.

5 2 3 Asosiasi 4 Extensi 5 Generalisasi 6 Include e-proceeding of Applied Science : Vol.3, o. April 207 Page 9 Orang, proses, atau sistem lain berinteraksi dengan sistem dibuat itu sendiri, jadi walaupun symbol dari aktor adalah gambar orang, tapi aktor belum tentu merup orang, biasanya dinyat menggun kata benda di awal frase nama aktor. Komunikasi antara aktor dengan use case berpartisipasi pada use case atau use case memiliki interaksi dengan aktor. Relasi use case tambahan ke sebuah use case dimana use case ditambahkan dapat berdiri sendiri walau tanpa use case tambahan itu, mirip dengan prinsip inheritance pada pemrograman berorientasi objek, biasanya use case tambahan memiliki nama depan sama dengan use case ditambahkan. Hubungan generalisasi dan spesialisasi (umum khusus) antara dua buah use case dimana fungsi satu adalah fungsi lebih umum dari lainnya. Relasi use case tambahan ke sebuah use case dimana use case ditambahkan memerlukan use case ini menjalankan fungsinya atau sebagai syarat dijalankan use case ini. 2 Acivity Diagram Activity diagram menggambarkan workflow (aliran kerja) atau aktivitas dari sebuah sistem atau proses bisnis. Yang perlu diperhatikan disini adalah bahwa diagram aktivitas dari sebuah sistem atau proses bisnis. Yang perlu diperhatikan disini adalah bahwa diagram aktivitas menggambarkan aktivitas sistem bukan apa dilakukan aktor, jadi aktifitas dapat dilakukan oleh sistem. Diagram aktivitas juga banyak digun mendefinisikan hal hal berikut : [0] a. Rancangan proses bisnis dimana setiap urutan aktivitas digambarkan merup proses bisnis sistem didefinisikan. b. Urutan atau pengelompokan tampilan dari sistem/ user interface dimana setiap aktivitas dianggap memiliki sebuah rancangan antarmuka tampilan. c. Rancangan pengujian dimana setiap aktivitas dianggap memerlukan sebuah pengujian perlu didefinisikan kasus ujinya. Tabel 2-4 Activity Diagram o Keterangan Status Awal Status awal aktivitas sistem, sebuah diagram aktivitas memiliki sebuah status awal. 2 Aktivitas Aktivitas dilakukan sistem, aktivitas biasanya diawali dengan kata kerja. 3 Percabangan Asosiasi percabangan dimana jika ada pilihan aktivitas lebih dari satu. 4 Penggabungan 5 Status akhir Asosiasi penggabungan dimana lebih dari satu aktivitas digabungkan menjadi satu. Status akhir dilakukan sistem, sebuah diagram aktivitas memiliki sebuah status akhir.

6 6 Swimlane e-proceeding of Applied Science : Vol.3, o. April 207 Page 92 Memisahkan organisasi bisnis bertanggung jawab terhadap aktivitas terjadi. orang, biasanya dinyat menggun kata benda di awal frase nama aktor. 2 Garis hidup/ lifeline Menyat kehidupan suatu objek. 3 Objek Menyat objek berinteraksi. 4 Waktu aktif Menyat objek dalam keadaan aktif dan berinteraksi. 5 Pesan tipe create <<create>> 6 Pesan tipe call Menyat suatu objek membuat objek lain, arah panah mengarah pada objek dibuat. Menyat suati objek memanggil operasi/ metode ada pada objek lain atau dirinya sendiri, arah panah mengarah pada objek memiliki operasi/ metode, karena ini memanggil operasi/ metode dipanggil harus ada pada diagram kelas sesuai dengan objek berinteraksi. Menyat bahwa suatu objek mengirimkan data/ masukan/ ke objek lainnya, arah panah mengarah pada objek dikirimi. Menyat bahwa suatu objek telah menjalankan Atau o 7 8 Fork, Join, Keterangan Digun menunjukkan kegiatan dilakukan secara paralel. Digun menunjukkan kegiatan digabungkan. 3 Sequence Diagram Sequence diagram menggambarkan kelakuan objek pada use case dengan mendeskripsikan waktu hidup objek dan message dikirimkan dan diterima antara objek. Oleh karena itu menggambar diagram sekuen maka harus diketahui objek objek terlibat dalam sebuah use case beserta metode metode dimiliki kelas diinstansiasi menjadi objek itu. Banyaknya diagram sekuen harus digambar adalah sebanyak pendefinisian use case memiliki proses sendiri atau penting semua use case telah didefinisikan interaksi jalannya sudah dicakup pada diagram sekuen sehingga semakin banyak use case didefinisikan maka diagram sekuen harus dibuat juga semakin banyak [0]. Tabel 2-5 Sequence Diagram o Keterangan Orang, proses, atau sistem berinteraksi dengan sistem dibuat di luar sistem Atau dibuat itu sendiri, jadi walaupun simbol dari aktor adalah gambar orang, Tanpa waktu aktif tapi aktor belum tentu merup : nama_method() 7 Pesan tipe send : masukan 8 Pesan tipe return : keluaran

7 9 Pesan tipe destroy <<destroy>> e-proceeding of Applied Science : Vol.3, o. April 207 Page 93 suatu operasi atau metode menghasilkan suatu kembalian ke objek tertentu, arah panah mengarah pada objek menerima kembalian. Menyat suatu objek mengakhiri hidup objek lain, arah panah mengarah pada objek diakhiri, sebaiknya jika ada create maka ada destroy. 4 Aplikasi Aplikasi adalah penerapan dari rancangan system mengolah data menggun aturan atau ketentuan Bahasa pemrograman tertentu. Aplikasi adalah suatu program computer dibuat mengerj dan melaksan tugas khusus dari pengguna []. 5 Web Web adalah halaman disedi melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Web adalah salah satu alat komunikasi online menggun media internet dalam pendistribusiannya. Website merup kumpulan halaman data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik bersifat statis maupun dinamis membentuk satu rangkaian bangunan saling terkait dimana masing-masing [2]. 6 MySQL MySQL adalah sistem manajemen digun menyimpan data dalam tabel terpisah dan menempatkan semua data dalam satu gudang besar. Struktur disusun dalam file fisik dioptimalkan kecepatan. Model logis, dengan benda-benda seperti, tabel, baris, dan kolom, menawarkan lingkungan pemrograman fleksibel. Mengatur aturan mengatur hubungan antara bidang data berbeda, seperti satu-ke-satu, satu-ke-banyak, diperlukan atau opsional, dan "pointer" antara tabel berbeda. Database memberlakukan aturan ini, sehingga dengan dirancang dengan baik, aplikasi tidak pernah melihat tidak konsisten, menduplikasi, out-of-date, atau data hilang [3]. 7 Web Server Web Server adalah perangkat lunak ( free software) bebas, mendukung banyak sistem operasi, merup kompilasi dari beberapa XAMPP sendiri adalah sebagai server berdiri sendiri (localhost), terdiri beberapa program antara lain : Apache HTTP Server, MySQL, dan penerjemah bahasa ditulis dengan bahasa pemrograman PHP dan Perl. ama XAMPP sendiri merup singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GU General Public License dan bebas, merup web server mudah digun dapat halaman web dinamis. Untuk mendapatkanya XAMPP anda dapat mendownload langsung dari web resminya [4]. 8 CodeIgniter CodeIgniter adalah salah satu dari sekian banyak framework tersedia secara gratis. Pengembang CodeIgniter adalah seorang musisi rock-n-roll bernama Rick Ellis dari EllisLab ( Tujuan dari pembuatan framework CodeIgniter ini menurut user manualnya adalah menghasilkan framework dapat digun pengembangan proyek pembuatan website secara lebih cepat dibandingkan dengan pembuatan website dengan cara koding secara manual, dengan menyedi banyak sekali pustaka (library) dibutuhkan dalam pembuatan website, dengan antarmuka sederhana dan struktur logika mengakses pustaka dibutuhkan. CodeIgniter memudahkan kita merancang sebuah aplikasi berbasis website. Tools ini dapat meminimalkan penulisan script sering kita lakukan secara manual, karena dilengkapi library cukup lengkap keperluan pembuatan website. Dengan demikian, kita sebagai pengembang dapat lebih memfokuskan perhatian pada sisi perencanaan. Karena proses pembuatan website secara teknis sudah diminimalkan dalam hal penulisan kodenya [5]. 9 Black Box Testing Black box testing merup stategi testing dimana hanya memperhatikan/memfokuskan kepada faktor fungsionalitas dan spesifikasi perangkat lunak. Black box testing dapat dinyat pula sebagai pengujian mengabaikan mekanisme internal perangkat lunak dan fokus pada keluaran, sebagai respon atas masukan dan eksekusi kondisi [6]. Analisis Dan Perancangan Gambaran Saat Ini. Proses Ketuntasan Belajar Siswa Gambar 3- Folw Map Proses Ketuntasan Belajar Siswa Siswa membawa buku penghubung dan mengisi kegiatan pada buku penghubung kemudian guru pengajar mengisi ketuntasan dan paraf kegiatan sudah dipelajari dan buku penghubung dikembalikan kembali kepada siswa. Dengan proses ketuntasan belajar siswa saat ini guru pengajar harus mengisi ketuntasan siswa satu per satu sehingga mem waktu lama dan mempengaruhi waktu proses belajar mengajar..2 Proses Pencatatan Informasi Siswa Gambar 3-2 Flow Map Proses Pencatatan Siswa

8 Siswa membawa buku penghubung dan pada form catatan di isi menurut kejadian / peristiwanya jika kejadian menganai evaluasi seperti Tanggal pengumuman UTS, UAS, dan lain lain maka di isi oleh siswa sedangkan jika menganai siswa diisi oleh wali kelasnya kemudian buku penghubung dikembalikan kepada siswa dan diberikan kepada orang tua. Orang tua memparaf pada form catatan setelah memparaf buku penghubung dikembalikan ke anaknya atau siswa kemudian siswa memberikan buku penghubung diparaf oleh wali kelas. amun proses pencatatan siswa saat ini wali kelas harus mengisi catatan siswa satu per satu sehingga mem waktu lama dan orang tua jarang membaca catatan telah disampaikan sehingga wali kelas harus memberitahukannya kembali lewat handphone atau media social, wali kelas mengetahui catatan sudah dibaca apabila catatan disampaikan sudah diparaf oleh orang tua..3 Proses Komunikasi Orang Tua dan Wali Kelas Gambar 3-3 Proses Komunikasi Orang Tua Dan Wali Kelas Siswa membawa buku penghubung selanjutnya buku penghubung dikumpulkan kepada guru pengajar / wali kelas kemudian wali kelas mengisi form komunikasi setelah mengisi form komunikasi guru pengajar / wali kelas mengembalikan kembali buku penghubung ke siswa selanjutnya siswa memberikan buku penhubung kepada orang tua dan orang tua mengisi dan memparaf form komunikasi telah diberitahukan oleh guru pengajar / wali kelas selanjutnya orang tua mengembalikan kembali kepada anak / siswa dan siswa mengumbukan kembali buku penghubung kepada guru pengajar / wali kelas diparaf. amun proses komunikasi orang tua dan wali kelas saat ini wali kelas tidak mengetahui bahwa disampaikan sudah dibaca atau tidak dan orang tua kadang lupa membalas telah disampaikan, wali kelas mengetahui apabila e-proceeding of Applied Science : Vol.3, o. April 207 Page 94 tentang atau komunikasi dari wali kelas selanjutnya orang tua menceklis terlebih dahulu sebagai bukti bahwa komunikasi dari wali kelas sudah dibaca kemudian orang tua mengisi form komunikasi dan komunikasi dari orang tua disimpan kemudian dikirim kepada wali kelas, kemudian wali kelas mendapat pemberitahuan dari aplikasi bahwa form komunikasi telah di isi oleh orang tua. 2 Proses Pencatatan Informasi Siswa Gambar 3-5 Flow Map Proses Pencatatan Informasi Siswa Wali kelas menginputkan form siswa diaplikasi kemudian siswa disimpan dan dikirim kepada orang tua, orang tua mendapat pemberitahuan bahwa ada dari wali kelas selanjutnya orang tua menceklis sebagai bukti bahwa dari wali kelas sudah dibaca apabila orang tua sudah membaca siswa. Wali kelas mendapat pemberitahuan bahwa orang tua sudah membaca telah dikirim. 3 Proses Respon Orang Tua disampaikan sudah diparaf oleh orang tua. 2 Analisa Kebutuhan Proses Komunikasi Orang Tua Dan Wali Kelas Gambar 3-4 Flow Map Proses Komunikasi Orang Tua dan Wali Kelas Wali kelas memilih nis dikirim dan menginput form komunikasi pada aplikasi, setelah mengisi form komunikasi maka disimpan kemudian dikirim kepada orang tua, orang tua menerima sebuah pemberitahuan dari aplikasi Gambar 3-6 Flow Map Proses Respon Orang Tua Orang tua menginputkan respon kepada wali kelas dan respon disimpan ke lalu dikirim kepada wali kelas, wali kelas menerima sebuah pemberitahuan respon dari orang tua kemudian wali kelas dapat membalas respon dari orang tua dan respon dari wali kelas disimpan ke lalu dikirim kepada orang tua, orang tua menerima pemberitahuan bahwa respon telah dibalas, orang tua dapat membalas respon kembali atau tidak membalasnya seperti halnya chatting.

9 e-proceeding of Applied Science : Vol.3, o. April 207 Page 95. Definisi Berikut adalah deskripsi pendefinisian aktor pada Aplikasi Buku Penghubung Ar-Rafi : Tabel 3- Definisi o Deskripsi Wali berperan melakukan kelola kegiatan siswa, kelas kelola / Pengumuman, kelola tanggan respon orang tua, kelola, cetak hasil respon orang tua, dan kelola laporan 2 Guru berperan melakukan kelola kegiatan siswa 3 Orang berperan melakukan kelola respon wali Tua kelas,kelola wali kelas,view kegiatan siswa,view / pengumuman 4 Proses Kegiatan Siswa. Defini Usacase O Gambar 3-7 Flow Map Proses Kegiatan Siswa Guru Pengajar / Wali Kelas menginputkan kegiatan siswa dan kegiatan siswa disimpan ke lalu Guru Pengajar / Wali Kelas Kelas menginputkan ketuntasan siswa,data kegiatan siswa dikirim kepada orang tua. Orang tua menerima sebuah pemberitahuan kegiatan siswa dari Guru Pengajar / Wali Kelas. 5 Proses Laporan Hasil Respon Orang Tua Gambar 3-8 Flow Map Proses Laporan Hasil Respon Orang Tua Wali Kelas mengambil data hasil respon orang tua dari selanjutnya wali kelas membuat laporan dari data hasil respon orang tua kemudian menyimpan laporan ke dalam dan mencetaknya menjadi laporan. Laporan tersebut diberikan kepada pihak sekolah. 6 Diagram Use Case Berikut adalah use case diagram dari sistem dibuat : Kelola P esan Usacase. Kelola Kegiatan Kelola Tanggap Respon Orang Tua Kelola Informasi Kelola Pesan 5. Kelola Pesan Orang Tua 6. Lihat Kegiatan 7. Lihat Informasi 8. Kelola Respon O Usacase 9. Kelola Laporan Kelola Pesan Orang Tua Tabel 3-2 Defini Usacase Deskripsi Proses menginput, mengubah, menghapus, dan melihat kegiatan siswa sudah dibuat di aplikasi. Proses membalas tanggapan respon orang tua, serta dalam proses ini wali kelas juga dapat melihat,mengubah dan menghapus tanggapan sudah dikirim kepada orang tua.proses ini dilakukan secara kelompok / Group antara wali kelas dan orang tua siswa diwalinya. Proses menginput, mengubah, menghapus, dan melihat / pengumuman sudah dibuat di aplikasi. Proses mengirim sebuah kepada orang tua, serta wali kelas dapat mengubah, menghapus, dan melihat sudah dikirim di aplikasi. Proses ini dilakukan secara individu / personal antara wali kelas dengan orang tua terkait dikirim secara khusus. Proses membalas sebuah dari wali kelas, serta orang tua dapat mengubah, menghapus, dan melihat sudah dikirim di aplikasi. Proses ini dilakukan secara individu / personal antara orang tua diberikan khusus oleh wali kelas dengan wali kelas. Proses melihat kegiatan - kegiatan siswa selama belajar disekolah. Proses melihat / pegumuman sekolah dari wali kelas. Proses mengirim sebuah respon kepada wali kelas seperti saran, kritikan dan lain lain. Orang tua dapat mengubah, menghapus, dan melihat respon sudah dikirim di aplikasi. Proses ini dilakukan secara kelompok / Group antara orang tua siswa diwalinya dan wali kelas. Deskripsi Lihat Kegiatan Kelola Tanggap Respon Orang Tua Wali Kelas Lihat Informasi Orang Tua Kelola Informasi Kelola Respon Cetak Hasil Respon Orang Tua Kelola Laporan Kelola Kegiatan Guru Gambar 3-9 UseCase Aplikasi Buku Penghubung SD Ar Rafi Berbasis web Proses membuat laporan hasil respon orang tua oleh wali kelas, serta wali kelas dapat mengubah dan menghapus laporan. 0. Cetak Hasil Proses melihat hasil respon orang tua Respon Orang oleh wali kelas, serta wali kelas dapat mencetak Scenario Tua Usecase laporan hasil respon orang tua. A. Kelola Pesan Orang Tua Use case : Kelola Pesan Orang Tua. : Orang Tua. Deskripsi : Proses membalas dari wali kelas dan mengubah atau menghapus sudah terkirim. Pre-condition : sudah behasil login dan memilih menu.

10 e-proceeding of Applied Science : Vol.3, o. April 207 Page 96 Post-condition : berhasil membalas dari wali kelas dan mengubah atau menghapus sudah terkirim. Tabel 3-3 Use Case Kelola Pesan Orang Tua Aksi Reaksi Skenario ormal. memberikan notifikasi bahwa ada sebuah masuk dari wali kelas Orang tua menekan menu masuk melihat masuk dari wali kelas h. Skenario Alternatif o 8 a. Jika diinputkan ingin dihapus b. Orang tua bisa melihat terkirim pada menu terkirim d. masuk dari wali kelas dari wali kelas dan checkbox 6. Orang tua mencentang membalas B. 7. dari wali kelas dan sebuah form membalas terkirim e. menghapus f. menyimpan ke dalam Reaksi Skenario ormal. memberikan notifikasi bahwa ada sebuah dari waki kelas dari wali kelas dan checkbox 5. detail dari wali kelas dan checkbox 0. Akan Meyimpan dari orang tua kedalam dan dikirimkan kepada wali kelas Skenario Alternative o 8 a. Jika diinputkan ingin diubah b. Orang tua bisa melihat terkirim pada menu terkirim c. Orang tua bisa memilih link Edit mengubah e. f. Orang tua mengubah pada form g. Menekan tombol Edit Orang tua memilih menu melihat masuk dari wali kelas terkirim d. Lihat Informasi Use case : Lihat Informasi. : Orang Tua. Deskripsi : Proses melihat. Pre-condition : sudah behasil login dan memilih menu. Post-condition : berhasil melihat. Tabel 3-4 Use Case Lihat Informasi Aksi 8. Orang tua menginputkan pada form 9. Orang tua menekan tombol Submit mengirim c. Orang tua memilih link Hapus menghapus Orang tua menekan link balas membalas. menyimpan ke dalam form edit mengubah Orang tua mencetang melihat detail masuk dari wali kelas

11 e-proceeding of Applied Science : Vol.3, o. April 207 Page 97 C. Lihat Kegiatan Use case : Lihat Kegiatan. : Orang Tua. Deskripsi : Proses melihat kegiatan siswa. Pre-condition : sudah behasil login dan memilih menu kegiatan. Post-condition : berhasil melihat kegiatan siswa. Tabel 3-5 Use Case Lihat Kegiatan Aksi Reaksi 5. Orang tua menginputkan respon pada from 6. Orang Tua menekan tombol Kirim mengirim respon kepada wali kelas 7. menyimpan respon orang tua ke dalam c. form respon mengubah respon f. menyimpan respon ke dalam c. menghapus respon d. menyimpan ke dalam Skenario ormal. Orang tua memilih menu kegiatan melihat kegiatan siswa masuk dari wali kelas memberikan notifikasi bahwa ada sebuah kegiatan siswa dari wali kelas diinputkan ingin diubah b. Orang tua bisa memilih link Edit mengubah respon pada respon sudah terkirim kegiatan siswa dari wali kelas Orang Tua memilih tombol Lihat melihat detail kegiatan 5. Skenario Alternatif o 5 a. Jika respon kegiatan siswa detail Kelola Respon Use case : Kelola Respon. : Orang Tua. Deskripsi : Proses mengiputkan respon kepada wali kelas dan mengubah atau menghapus respon sudah terkirim. Pre-condition : sudah behasil login dan memilih menu Respon. Post-condition : berhasil mengiputkan respon kepada wali kelas dan mengubah atau menghapus respon sudah terkirim. Tabel 3-6 Use Case Kelola Respon Aksi Reaksi d. Orang tua mengubah respon pada form respon e. Menekan Kirim tombol D. Skenario Alternatif no 5 a. Jika respon diinputkan ingin dihapus b. Orang tua memilih link Hapus menghapus respon pada respon sudah terkirim Skenario ormal. Orang tua membuka menu respon E. Orang chat wali kelas link grupchat wali kelas sebuah form respon memberikan respon sebuah pertanyaan, kritikan, dan saran kepada wali kelas tua grup- Kelola Kegiatan Use case : Kelola Kegiatan. : Wali Kelas dan Guru Pengajar. Deskripsi : Proses mengiputkan kegiatan siswa dan mengubah atau menghapus kegiatan siswa sudah terkirim. Pre-condition : sudah behasil login dan memilih menu kegiatan siswa. Post-condition : berhasil mengiputkan kegiatan siswa dan mengubah atau menghapus kegiatan siswa sudah terkirim.

12 Aksi e-proceeding of Applied Science : Vol.3, o. April 207 Page 98 Tabel 3-7 Use Case Kelola Kegiatan Reaksi g. Wali Kelas atau guru mengubah kegiatan pada form kegiatan h. Menekan tombol Edit Skenario ormal. Wali Kelas atau guru membuka menu Kegiatan Siswa sebuah form kegiatan siswa kepada orang tua sebuah kelas siswa pada form Wali Kelas atau guru menginputkan kegiatan siswa pada from e. Wali Kelas atau guru menekan tombol Submit mengirim kegiatan siswa kepada orang tua 7. f. menghapus g. menyimpan ke dalam Wali Kelas atau guru memilih link Hapus menghapus kegiatan menyimpan kegiatan siswa ke dalam F. diinputkan ingin diubah b. Wali Kelas atau guru bisa melihat kegiatan siswa terkirim pada menu lihat kegiatan Wali Kelas atau guru menekan tombol lihat Kelola Informasi Use case : Kelola Informasi. : Wali Kelas. Deskripsi : Proses mengiputkan dan mengubah atau menghapus sudah terkirim. Pre-condition : sudah behasil login dan memilih menu. Post-condition : berhasil mengiputkan dan mengubah atau menghapus sudah terkirim. Tabel 3-8 Use Case Kelola Informasi Aksi d. e. kegiatan terkirim Wali Kelas atau guru menekan tombol lihat Skenario Alternatif o 5 a. Jika kegiatan siswa c. d. Skenario Alternatif o 5 a. Jika kegiatan siswa c. 6. menyimpan Kegiatan siswa ke dalam diinputkan ingin dihapus b. Wali Kelas atau guru bisa melihat kegiatan terkirim pada menu kegiatan terkirim Wali Kelas atau guru mencari kelas siswa pada form dengan menekan tombol Submit 5. i. kegiatan lihat Reaksi Skenario ormal. Wali Kelas atau guru bisa memilih link Edit mengubah kegiatan terkirim Wali Kelas membuka menu f. form kegiatan siswa mengubah kegiatan siswa Wali kelas menginputkan pada from Wali kelas menekan tombol Kirim sebuah form kepada orang tua

13 e-proceeding of Applied Science : Vol.3, o. April 207 Page 99 mengubah atau menghapus sudah terkirim. : sudah behasil login dan mengirim kepada orang tua 5. menyimpan ke dalam Skenario Alternatif o 3 a. Jika diinputkan ingin diubah Pre-condition memilih menu. Post-condition : berhasil menginputkan kepada orang tua dan mengubah atau menghapus sudah terkirim. Tabel 3-9 Use Case Kelola Pesan Aksi Reaksi Skenario ormal b. Wali kelas melihat terkirim pada menu lihat. c. d. f. Wali kelas mengubah pada form g. Wali kelas menekan tombol Kirim Wali kelas menginputkan pada from Wali kelas menekan tombol Submit mengirim kepada orang tua form mengubah menyimpan ke dalam b. d. Wali kelas bisa melihat terkirim pada menu lihat c. 5. menyimpan ke dalam c. terkirim e. form mengubah e. h. menyimpan ke dalam f. f. Wali kelas mengubah pada form g. Menekan tombol Edit menghapus menyimpan ke dalam Kelola Pesan Use case : Kelola Pesan. : Wali Kelas. Deskripsi : Proses menginputkan kepada orang tua dan Skenario Alternatif o 3 a. Jika diinputkan ingin dihapus b. Wali kelas bisa memilih link Edit mengubah sudah terkirim Wali kelas memilih link Hapus menghapus G. sebuah kepada Wali Kelas bisa melihat sudah terkirim pada menu terkirim Skenario Alternatif no 3 a. Jika diinputkan ingin dihapus d. form orang tua Skenario Alternatif o 3 a. Jika diinputkan ingin diubah h. b. sudah terkirim Wali kelas bisa memilih link Edit mengubah e. Wali Kelas membuka menu Wali kelas bisa melihat

14 terkirim pada terkirim e-proceeding of Applied Science : Vol.3, o. April 207 Page 00 menu tanggapan sudah terkirim c. d. terkirim Wali kelas memilih link Hapus menghapus e. menghapus f. menyimpan ke dalam H. Kelola Tanggap Respon Orang Tua Use case : Kelola Tanggap Respon Orang Tua : Wali Kelas Deskripsi : Proses menanggapi respon orang tua dari orang tua dan mengubah atau menghapus tanggapan sudah terkirim. Pre-condition : sudah behasil login dan memilih menu Respon. Post-condition : berhasil menanggapi respon orang tua dari orang tua dan mengubah atau menghapus tanggapan sudah terkirim. Tabel 3-0 Use Case Tanggap Respon Orang Tua Aksi Reaksi d. Wali kelas mengubah tanggapan pada form e. Menekan Kirim c. form mengubah tanggapan f. menyimpan tanggapan ke dalam c. menghapus tanggapan d. menyimpan tanggapan ke dalam tombol Skenario Alternatif o 2 a. Jika tanggapan diinputkan ingin dihapus b. Wali kelas bisa memilih link Hapus menghapus tanggapan pada tanggapan sudah terkirim Skenario ormal I. Cetak Hasil Respon Orang Tua Use case : Cetak Hasil Respon Orang Tua. : Wali Kelas. Deskripsi : Proses mencetak hasil dari respon orang. Pre-condition : sudah behasil login dan memilih menu laporan. Post-condition : berhasil mencetak hasil dari respon orang. Tabel 3- Cetak Kelola Hasil Respon Orang Tua. Wali kelas memilih menu respon melihat respon masuk dari orang tua Aksi. Wali Kelas memilih menu Lihat Saran melihat hasil respon masuk dari orang tua Menekan tombol Submit mengirim tanggapan Skenario Alternatif no 2 a. Jika respon diinputkan ingin diubah Wali kelas bisa memilih link Edit mengubah tanggapan pada Reaksi Skenario ormal Wali kelas menginputkan tanggapan pada form 5. b. respon masuk dari orang tua dan sebuah form menanggapi respon orang tua Akan Meyimpan tanggapan dari wali kelas kedalam hasil respon dari orang tua Tata usaha menekan tombol Cetak mencetak hasil respon orang tua J. Kelola Laporan Use case : Kelola Laporan : Wali Kelas Deskripsi : Proses membuat laporan oleh wali kelas dan wali kelas dapat mengubah atau

15 e-proceeding of Applied Science : Vol.3, o. April 207 Page 0 menghapus tanggapan sudah terkirim. Pre-condition : sudah behasil login dan memilih menu Respon. Post-condition : berhasil membuat laporan dan mengubah atau menghapus laporan sudah tersimpan. Tabel 3-2 Use Case Kelola Laporan Aksi Reaksi g. menghapus Laporan h. menyimpan Laporan ke dalam 7 Perancangan Class Diagram Berikut ini adalah perancangan class diagram pada sistem: Skenario ormal. Wali kelas memilih menu Laporan membuat laporan diambil dari hasil respon orang tua Wali kelas menginputkan laporan pada form Menekan tombol Submit menyimpan laporan 5. Akan Meyimpan laporan ke dalam i. form mengubah laporan l. menyimpan Laporan ke dalam form Skenario Alternatif no 3 g. Jika Laporan diinputkan ingin diubah h. Tata Usaha bisa memilih link Edit mengubah Laporan pada laporan sudah tersimpan j. Tata Usaha mengubah tanggapan pada form k. Menekan tombol Edit Skenario Alternatif o 3 e. Jika Laporan diinputkan ingin dihapus f. Tata Usaha bisa memilih link Hapus menghapus laporan pada tanggapan sudah tersimpan Gambar 3-0 Class Diagram Aplikasi Buku Penghubung SD Ar Rafi Berbasis web

16 e-proceeding of Applied Science : Vol.3, o. April 207 Page 02 8 Diagram Sekuen 8. Diagram Sekuen Wali Kelas 8.. Kelola Kegiatan Siswa Oleh Wali Kelas Atau Guru Berikut ini merup diagram sekuen menggambarkan proses menambahkan kegiatan siswa oleh wali kelas atau guru Kelola Informasi Berikut ini merup diagram sekuen menggambarkan proses menginput Informasi Siswa. Kelola Informasi Kelola Kegiatan << contr ollers >> Wali_Kelas Wali Kelas: Actor << views >> W_Lihat_Info rmasiterkirim << views >> W_Buat_Informasi << models >> Wali_Kelas_model << views >> W_Edit_Informasi. insert Informasi Wali Kelas, Guru : Actor << views >> W_Lihat_ Kegiatan2 << views >> W_Buat_Kegiatan << views >> W_Edit_Kegiatan << controllers >> Wali_Kelas << models >> Wali_Kelas_model Succsess. insert kegiatan siswa 6. ins rmasi() ss 7 formasi() ertinfo 8. insert ess. Succse 9 DetailIn. Succs 5. tambahinformasi() homekegiatan() Succsess search() 5. ambil_kelas() 0. Edit Informasi 7. tambahkegiatan(). edit Inf csess formasi() 8. insertkegiatan() 9. Succsess l_datai ormasi(). Sucs 6. upd ess 7 Su 5. ubahin 0. insertdetailkegiatan(). Succsess Edit Kegiatan Siswa nformasi() ambi ess 3 ormasi() 6. Succsess ateinf get_datakegiatan() ambil_datakegiatan() 5. Sucsess. Succ 20. hap 8. hapus Informasi usidinf 9. Success 20. hapus kegiatan ess 2 9. hapusinformasi() 6. Sucsess 7. editkegiatan() ormasi() 2 Success hapuskegiatan() 2 hapusidkegiatan() 2 Success 25. Success Gambar 3-3 Diagram Sekuen Input Informasi Siswa Gambar 3- Diagram Sekuen Input Kegiatan Siswa Oleh Wali Kelas 8..2 Kelola Pesan Berikut ini merup diagram sekuen menggambarkan proses menginputkan kepada orang tua Kelola Tanggap Respon Orang Tua Berikut ini merup diagram sekuen menggambarkan proses menginput tanggap repon orang tua. Kelola Tanggap Respon Orang Tua Wa li Kelas: Actor << views >> W_Saran << view s >> W_Edit _Saran << controllers >> Wali_Kelas << models >> Wali_Kelas_model. insert Tanggap Respon Orang Tua LihatPembahasan() Succsess Kelola Pesan homerespon() 5. Succsess Wali Kelas: Actor << views >> W_Pesan _Terkirim << views >> W_Buat_Pesan << controllers >> Wali_Kelas << models >> Wali_Kelas_model 6. addsaran() << view s >> W_Edit_Pesan 7. insertrespon() 8. Succsess 9. insertdetailrespon() 0. Succsess. insert Pesan AddPesan() Succsess 5. tambahkegiatan() 6. insertpesan() 7. Succsess. Edit Tanggap Respon Orang Tua editsaran() ambil_datarespon() 8. Edit Pesan Sucsess 9. get_datapesan() 5. Sucsess 6. updaterespon() 0. ambil_datapesan(). Sucsess Sucsess editpesan() ubahpesan() 5. Success 6. hapus 7. ubahrespon() 8. Success 9. hapu s Tanggap Respon Orang Tua 20. hapussaran() hapusidrespon() 7. hapuspesan() 8. hapusidpesan() 9. Success 2 Success 2 Success 20. Success Gambar 3-4 Diagram Sekuen Input Tanggap Respon Orang Tua

17 Gambar 3-2 Diagram Sekuen Input Pesan Kepada Orang Tua e-proceeding of Applied Science : Vol.3, o. April 207 Page 03

18 e-proceeding of Applied Science : Vol.3, o. April 207 Page Kelola Laporan Berikut ini merup diagram sekuen menggambarkan proses menginput laporan oleh Wali Kelas. Kelola Laporan 8.2 Diagram Sekuen Orang Tua 8. Kelola Pesan Orang Tua Berikut ini merup diagram sekuen menggambarkan proses menginput kepada wali kelas. Kelola Pesan Orang Tua Wali Kelas : Actor << vie ws >>W_Lihat_Detail Laporan << vie ws >>W_Lihat_Laporan << vie ws >> W_Laporan << controlle rs >> Wali _Kelas << models >> Wali_Kelas_model << vie ws >> W_Edit _Laporan. insert Laporan Orang Tua: Actor homelaporan() << views >> O_Pesan_Terkirim << views >> O_Pesan_After << controllers >> Orang_Tua << views >> O_Edit _Pesan << models >> Orang_Tua_model. insert Pesan Orang Tua 5. addlaporan() AddPesan2() 6. insertlaporan() 7. Succsess 8. Edit Laporan 9. edit_laporan() Sucsess editlaporan() 6. hapus Laporan 7. deletelaporan() nwali2() GetAllPesa 5. Succsess 0. getall DataLaporan() 6. tambahkegiatan() Pesan() 7. ubahstatus ess 8. Succs _Ortu() 9. insertpesan ess 0. Succs updatelaporan() 5. Success 8. hapuslaporan() 9. editpesan() Cetak Laporan esan() 0. getdatapess. Sucs 2 viewdetail Laporan() 2 getall Detail Laporan() 2 Success 25. Success Sucsess updatepesan() 26.Pili h Tombol Preview 6. hapus Orang Tua 7. hapuspesan() n_ortu() updatepesaess 5. Succ an_ortu() 8. hapusidpes ess Gambar 3-5 iagram Sekuen Input Laporan Oleh Tata Usaha 9. Succ 20. Success 8..6 Cetak Hasil Respon Orang Tua Berikut ini merup diagram sekuen menggambarkan proses mencetak saran orang tua oleh Wali Kelas. Cetak Hasil Respon Orang Tua Wali Kelas : Actor Gambar 3-7 Diagram Sekuen Input Pesan Kepada Wali Kelas << controllers >> Tata_Usaha << views >> W_ Excel << models >> Tata_Usaha_model << views >> W_Lihat_Saran 8.2 Lihat Kegiatan Berikut ini merup diagram sekuen menggambarkan proses melihat kegiatan siswa. Lihat Kegiatan. cetak Saran viewsaran() getal Tanggapan_TWali() Success 5. getal Tanggapan_TOrtu() Orang Tua : Actor << controllers >> Orang_Tua << models >> Orang_Tua_model << views > > O_Lihat _Kegiatan viewkegiatan() 7. Success getallkegiatanama() 8. cetaksaran() Success 9. getal Tanggapan_TWali() 5. getallkegiatan_ortu2() 0. Success. getal Tanggapan_TOrtu() Success 7. Success 6. Success. Success Gambar 3-6 Diagram Sekuen Cetak Saran Orang Tua Oleh Tata Usaha Gambar 3-8 Diagram Sekuen Lihat Kegiatan Siswa

19 e-proceeding of Applied Science : Vol.3, o. April 207 Page Lihat Informasi Berikut ini merup diagram sekuen menggambarkan proses melihat siswa. 3 Perancangan Basis Data Entity Relational Diagram notifikasi_t Lihat Informasi Tanggal_ Respon Detail_ Tanggal_ Respon notif ikasi_w Isi_Respon dari Status Membuat Respon #Id_Respon notifikasi_ O ama_informasi d_tanggal_informasi Orang Tua : Actor << views >> O_Baca_Sesudah << controllers >> Orang_Tua << models >> Orang_Tua_model notif ikasi_o Isi_Informasi. lihat Informasi Meli hat Subje ct_informasi notifikasi_ W readinformasi2() M o_telepon getallinformasidetail_ortu() nomor Alamat #Idortu Success 5. Success TMT Isi_Pesan Membalas #Id_Pesan status Orang Tua M Memili ki Pesan JK Membuat M thnajar #idwali Sis wa Mempunyai M mapel Mempunyai Memasukan nama #idkelas tingkat #idbab nama thnajar kkm M nama Kelola Respon Orang Tua : Actor Kelas M Semester tipe #nis nisn KD #idkelassis wa nama 8.4 Kelola Respon Berikut ini merup diagram sekuen menggambarkan proses menginput respon oleh orang tua. Mengajar #idajar thnajar #IP M Mewali Menerima Mempunyai Gambar 3-9 Diagram Sekuen Lihat Informasi Siswa ama thnajar nama Guru Tanggal Tanggal dari Menanggapi M KI notifikasi << views >> O_Buatpembahasan << view s >> O_Edit_Saran << controllers >> Orang_Tua Mempunyai << models >> Orang_Tua_model user Jam_kegiatan. insert Respon Buatpembahasan() 5. Succsess 6. AddPembahasan() ambil_nip() Succsess 7. insertpembahasan() 8. Succsess 9. insertrespon_ortu() 0. Succsess. insertdetailrespon_ortu() Succsess tanggal_ kegiatan ama_kegia tan tahun_ajaran Kelas #username #Id_Kegiatan Tanggal_Kegiatan last_login status_user Status Memili ki Edit Respon editsaran() 5. ambil_datarespon() 6. Sucsess password 7. Sucsess 8. updaterespon() 9. ubahrespon() 20. Success #kode_group hapus Respon 2 hapussaran() 2 hapusidrespon() Memili ki Memili ki M group 2 Success 25. Success nama_group status_group #id Alamat #Id_Laporan isi_laporan Jenis_Kela min Gambar 3-20 Diagram Sekuen Input Respon Oleh Orang Tua #IK Pegawai ama at tanggal_la poran Laporan o_tele pon Gambar 3-2 ERD Aplikasi Buku Penghubung SD Ar Rafi Berbasis web

20 e-proceeding of Applied Science : Vol.3, o. April 207 Page 06 2 Skema Relasi Anter Tabel Tabel Detail Kegiatan Bab Kelas idkelas : varchar(20) idbab : varchar(20) detail_kegiatan idmapel : varchar(20) nama : varchar(20) id_kegiatan : int(8) tingkat : int() idkelas : varchar(20) nis : varchar(20) tipe : varchar(20) kegiatan tanggal_kegiatan : date nama : varchar(00) id_kegiatan : int(8) semester : int() nip : varchar(20) KD : text tanggal_kegiatan : date thnajar : varchar(0) tahun_ajaran : varchar(2) notifikasi : enum('belum dibaca','dibaca') Wali idwali : int() nip : varchar(20) Pesan idkelas : varchar(20) kelas : varchar(20) id_ : int(8) status : varchar(20) isi_ : varchar(30) Kelas_Siswa Tabel Pesan Gambar 3-25 Struktur Tabel Pesan Tabel Informasi idmapel : varchar(20) nama : varchar(20) dari : varchar(30) attribute na me Mapel nama_kegiatan : varchar(30) tanggal_ : date thnajar : varchar(20) Gambar 3-24 Struktur Tabel Detail Kegiatan jam_kegiatan : time kkm : int() Guru nip : varchar(20) thnajar : varchar(20) nomor : int(8) nama : varchar(30) idkelassiswa : int() Ajar status : varchar(30) jk : varchar() nis : varchar(20) nis : varchar(20) TMT : date idkelas : varchar(20) nip : varchar(20) username : varchar(50) idajar : int() idmapel : varchar(20) nip : varchar(20) idortu : int() thnajar : varchar(20) Informasi detail_ thnajar : varchar(20) id_: int(8) group Siswa idortu : int() nis : varchar(20) tanggal : date id_ : int(8) nisn : varchar(20) d_tanggal_ : date nama : varchar(20) otifikasi_o : enum(belum dibaca','dibaca') tgl : date tanggal_ : date nip : varchar(20) detail_respon : int(8) id : int() username : varchar(50) kode_group : int() respon jk : varchar(2) nama_group : varchar(50) group_user subject_ : varchar(20) tempat : varchar(30) idortu : int() id_respon kode_group : int() isi_ : varchar(000) otifikasi-w : enum('belum dibaca','dibaca') idortu : int() status_group : varchar(2) id_respon int(8) dari : varchar(30) user Ortu d_tanggal_respon : date tanggal : date idortu : int() otifikasi_t : enum('belum diaca','dibaca') status : varchar(30) otifikasi_o : enum('belum diaca','dibaca') tanggal_respon : datetime otifikasi_w : enum('belum diaca','dibaca') isi_respon : varchar(500) username : varchar(50) Gambar 3-26 Struktur Tabel Informasi password : varchar(50) nama : varchar(00) alamat : varchar(50) telp : varchar(3) username : varchar(50) nip : varchar(20) varchar(50) last_login :timestamp 5. Tabel Detail Informasi status_user : varchar(2) Pegawai Laporan id_pegawai : varchar(0) id_laporan : int() nama : varchar(50) tanggal_laporan : date tgl_lahir : date isi_laporan : mediumtext alamat : varchar(00) id_pegawai : varchar(0) no_hp : varchar(2) Gambar 3-27 Struktur Tabel Informasi bagian : varchar(20) foto : varchar(00) username : varchar(50) 6. Tabel Respon Gambar 3-22 Tabel Relasi Aplikasi Buku Penghubung Berbasis Web 3 Struktur Tabel. Tabel Kegiatan Gambar 3-28 Struktur Tabel Respon Gambar 3-23 Struktur Tabel Kegiatan

21 7. e-proceeding of Applied Science : Vol.3, o. April 207 Page 07 Tabel Detail Respon Tabel Orang Tua Gambar 3-34 Struktur Tabel Orang Tua Gambar 3-29 Struktur Tabel Detail Respon 8. Tabel User Tabel Laporan Gambar 3-35 Struktur Tabel User Tabel Grup User 9. Gambar 3-30 Struktur Tabel Laporan Tabel Guru Gambar 3-36 Struktur Tabel Group User 5. Tabel Grup Gambar 3-3 Struktur Tabel Guru 0. Tabel Siswa Gambar 3-37 Struktur Tabel Group 6. Tabel Bab Gambar 3-32 Struktur Tabel Siswa. Tabel Wali Gambar 3-38 Struktur Tabel Bab Gambar 3-33 Struktur Tabel Wali

22 e-proceeding of Applied Science : Vol.3, o. April 207 Page Tabel Ajar 4 Kebutuhan Perangkat Keras dan Perangkat Lunak Pengembangan. Kebutuhan Perangkat Keras Adapun perangkat keras dibutuhkan membangun sebuah aplikasi Buku Penghubung SD Ar-Rafi adalah: Tabel 3-3 Kebutuhan Perangkat Keras PC/Laptop o. Perangkat Keras RAM Harddisk Processor Screen Resolution Spesifikasi 4 GB 500 GB Intel Celeron CPU GHz 854 pixels Kebutuhan Perangkat Lunak Adapun perangkat lunak dibutuhkan membangun Gambar 3-39 Struktur Tabel Ajar sebuah aplikasi Buku Penghubung SD Ar-Rafi adalah: 8. Tabel Mapel Tabel 3-4 Kebutuhan Perangkat Lunak o. Perangkat Keras Operasi Database Server Web Server 5. Script Editor Web Browser Gambar 3-40 Struktur Tabel Mapel 9. Tabel Kelas Siswa Spesifikasi Windows 0 MySQL Apache (XAMPP v), Framework PHP CodeIgniter 2, Interface/CSS Bootstrap v0.0 otepad++ Google Chrome, Mozilla Firefox 2 Implementasi Aplikasi Berikut ini adalah kebutuhan perangkat keras dan perangkat lunak minimal pada tahap implementasi aplikasi. a. Kebutuhan Perangkat Keras - Personal Computer (PC) atau Laptop minimum spesifikasi dapat mengakses internet. b. Kebutuhan Perangkat Lunak - Personal Computer (PC) atau Laptop minimum spesifikasi Gambar 3-4 Struktur Tabel Kelas Siswa 20. Tabel Kelas dapat mengakses internet. Implementasi Implementasi Pembuatan aplikasi buku penghubung Ar Rafi berbasis web ini dapat menjalankannya terlebih dahulu harus sudah terpasang control panel application yakni XAMPP v. sebagai media menjalankan web browser.. Implementasi.. Login Pengguna Berikut ini adalah tampilan login pada aplikasi buku Gambar 3-42 Struktur Tabel Kelas penghubung Ar Rafi berbasis web. Tabel Pembahasan Gambar 4- Login Pengguna Gambar 3-42 Struktur Tabel Pembahasan

23 e-proceeding of Applied Science : Vol.3, o. April 207 Page Halaman Input Kegiatan Siswa Oleh Wali Kelas Berikut ini adalah tampilan menginput kegiatan siswa pada aplikasi buku penghubung Ar Rafi berbasis web. Pada halaman ini Wali Kelas harus mencari kelas mau diinputkan sebelum dikirim kepada orang tua. Data kelas dan kegitan sudah disesuaikan dengan di ajarkan oleh wali kelas tersebut. Gambar 4-2 Halaman Input Kegiatan Siswa Oleh Wali Kelas..3 Halaman Lihat Kegiatan Siswa Oleh Wali Kelas Berikut ini adalah tampilan melihat kegiatan siswa sudah diinputkan pada aplikasi buku penghubung Ar Rafi berbasis web. Pada halaman ini wali kelas dapat melihat list tanggal dan kelas kegiatan sudah diinputkan melihat detail kegiatan siswa seperti nama siswa,ketuntasan kegiatanya dan lain lain, wali kelas dapat memilih tombol Lihat. Gambar 4-32 Halaman Lihat Kegiatan Oleh Orang Tua..5 Halaman Lihat Kegiatan Berdasarkan Tanggal Dan IS Oleh Orang Tua Berikut ini adalah tampilan melihat kegiatan siswa sudah dikirim oleh wali kelas berdasarkan tanggal dan IS pada aplikasi buku penghubung Ar Rafi berbasis web. Pada halaman ini orang tua dapat melihat detail kegiatan siswa seperti nama kegiatan,ketuntasan kegiatanya, jam kegiatannya dan nama guru mengirim kegiatan tersebut. Gambar 4-33 Halaman Lihat Kegiatan Berdasarkan Tanggal Dan IS Oleh Orang Tua 5. Gambar 4-3 Halaman Lihat Kegiatan Siswa Oleh Wali Kelas..4 Halaman Lihat Kegiatan Oleh Orang Tua Berikut ini adalah tampilan melihat kegiatan siswa sudah dikirim oleh wali kelas pada aplikasi buku penghubung Ar Rafi berbasis web. Pada halaman ini orang tua dapat melihat list tanggal kegiatan sudah dilakukan oleh siswanya, melihat detail kegiatan seperti nama kegiatan,ketuntasan kegiatanya dan lain lain orang tua dapat memilih tombol Lihat. Orang tua dapat membed kegiatan sudah dibaca atau belum dibaca dengan cara melihat warna pada list tersebut apabila warnanya biru kegiatan sudah dibaca sedangkan apabila warnanya hitam kegiatan belum dibaca. Kesimpulan Dan Saran 5. Kesimpulan Berdasarkan tujuan dari pembangunan Aplikasi Buku Penghubung SD Ar Rafi Berbasis Web ini, maka dapat disimpulkan sebagai berikut :. Aplikasi ini dapat membantu wali kelas mengetahui bahwa telah disampaikan kepada orang tua sudah dibaca atau tidak oleh orang tua dan siswa tidak perlu lagi membawa buku penghubung ke SD Ar - Rafi. Aplikasi ini mampu menyimpan pertanyaan, permintaan, dan saran dari orang tua kemudian wali kelas dapat menanggapinya. Aplikasi ini mampu sebuah laporan hasil respon orang tua dapat dicetak berbentuk PDF dan hasil laporan repson orang tua disampaikan ke pihak sekolah.