|
|
Baris 1: |
Baris 1: |
| + | |
| + | |
| + | |
| | | |
| <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"> | | <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;"> |
Baris 1.261: |
Baris 1.264: |
| ====Definisi PHP==== | | ====Definisi PHP==== |
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> | | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"> |
− | <p style="line-height: 2">Menurut Madcoms (2013:309), PHP merupakan singkatan “hypertext processor”. Pada awalnya PHP merupakan kependekan dari Personal Home Page (situs personal) dan PHP itu sendiri pertama kali dibuat oleh ramus lerford pada tahun 1995, dan pada saat PHP masih bernama FI (form Interpreter), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web. Selanjutnya ramus merilis kode sumber tersebut untuk umum. PHP adalah sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaksnya mirip adngan bahasa pemrograman C, Java, ASP, dan Perl, ditambah beberapa fungsi PHP yang spesifik dan mudah dimengerti. | + | <p style="line-height: 2">Menurut Madcoms (2013:309), PHP merupakan singkatan “hypertext processor”. Pada awalnya PHP merupakan kependekan dari Personal Home Page (situs personal) dan PHP itu sendiri pertam |
− | Menurut Kustiyaningsih (2011:114), “PHP (atau resminya PHP: Hypertext Proprosessor) adalah skrip bersifat server-sideyang ditambahkan ke dalam HTML”.
| + | |
− | </p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">PHP sendiri merupakan singkatan dari Personal Home Page Tools. Skrip ini akan membuat suatu aplikasi dapat diintegrasikan kedalam HTML sehingga suatu halaman web tidak lagi bersifat statis, namun menjadi bersifat dinamis.
| + | |
− | Dari pendapat yang dikemukakan di atas dapat disimpulkan bahwa PHP adalah akronim dari Hypertext Preprocessor, yaitu suatu bahasa pemrograman berbasiskan kode-kode (script) yang digunakan untuk mengolah suatu data dan bersifat server-sideyang ditambahkan ke dalam HTML.
| + | |
− | Sifat Server side berarti pengerjaan skrip dilakukan diserver, baru kemudian hasilnya dikirimkan ke browser. Cara penulisan skrip PHP ada dua macam, yaitu Embedded Script dan Non embedded Script. </p></div>
| + | |
− | <p style="line-height: 2;font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | Skrip dalam php adalah sebagai berikut:</p>
| + | |
− | <p style="line-height: 2;;font-size: 12pt;font-family: times new roman">
| + | |
− | a) Embedded Script.
| + | |
− | <br>
| + | |
− | b) Non Embedded Script.</p>
| + | |
− | | + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Menjelaskan bahwa skrip PHP dapat berupa embedded script yaitu melakukan tag PHP diantara tag-tag HTML sedangkan non embedded script yaitu semua tag HTML diletakan dalam tag PHP. Semua kode php menyerupai dengan kode bahasa C, walupun tidak sepenuhnya sama.
| + | |
− | Untuk penulisan tag PHP terdiri dari empat style, yaitu Style Standar Format, dengan format: <?php ….?>, Short Style dengan format: <? ….?>, Javascript Style dengan format: <script language = “php”> … </script> dan ASP style dengan format: <% … %>.
| + | |
− | </p></div>
| + | |
− | | + | |
− | ====Sejarah PHP====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Menurut Kustiyaningsih (2011:113), Seiring dengan perkembangan teknologi maka lahirnya PHP sebagai bahasa pemrograman open source yang digunakan secara luas terutama untuk pengembangan web dan dapat disimpan dalam bentuk HTML. Sehingga web tidak hanya memberikan informasi tetapi terjalin interaksi dan menjadikan web bersifat dinamis dan diintegrasikan dengan web server Apache, PWS dan IIS.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Kelahiran PHP bermula saat Rasmus Lerdorf membuat sejumlah skrip perlyang dapat mengamati siapa saja yang melihat-lihat daftar riwayat hidupnya, yaitu tahun 1994. Tahun 1995, Rasmus menciptakan PHP/FI Versi 2, di mana Versi tersebut dapat menempelkan kode terstruktur dalam tag HTML dan juga PHP dapat berkomunikasi dengan database.</p></div>
| + | |
− | | + | |
− | ====Kelebihan dan Kekurangan PHP====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Menurut Andika (2012:53), Aplikasi bahasa Php dapat dipergunakan untuk:</p></div>
| + | |
− | <p style="line-height: 2;font-size: 12pt;font-family: times new roman">
| + | |
− | a) PHP digunakan sebagai landasan operasi pada pemrogaman jaringan berbasis web.
| + | |
− | <br>
| + | |
− | b) PHP digunakan juga untuk pemrogaman database.
| + | |
− | <br>
| + | |
− | c) PHP digunakan untuk membuat aplikasi web.</p>
| + | |
− | | + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Adapun kelebihan dan kekurangan bahasa Php antara lain sebagai berikut:
| + | |
− | </p></div>
| + | |
− | | + | |
− | <div align="center"><img width="450" height="1000" style="margin:0px" src="https://pbs.twimg.com/media/C1NoLQGUAAA527s.jpg"/></div>
| + | |
− | <p style="text-align: center;font-size: 10pt;font-family: times new roman">Tabel 2.2 Kelebihan dan Kekurangan PHP</p>
| + | |
− | | + | |
− | ====Koneksi Database PHP====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Menurut Andika (2012:71), Koneksi dari bahasa pemrograman web (baca: PHP) yang anda gunakan ke MySQL database menjadi langkah awal yang sangat penting dilakukan. Berikut sintax untuk melakukan koneksi ke MySQL database dari PHP:</p></div>
| + | |
− | <p style="line-height: 2;font-size: 12pt;font-family: 'times new roman'">
| + | |
− | mysql_connect
| + | |
− | <br>
| + | |
− | (”namahost”,”mysql_username_yang_digunakan”,”password_dari_username”);</p>
| + | |
− | | + | |
− | ====Koneksi Php pada Database====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Menurut Andika (2012:54), bahasa pemrograman berbasis server maksudnya script PHP diletakan di server dan di terjemahkan oleh web browser terlebih dahulu kemudian hasil terjemahan itu dikirim ke browser client. Bahasa pemrograman PHP memiliki kesamaan dengan bahasa ASP (Active Server Page), Cold Fusion , JSP (Java server Page), ataupun Perl.</p></div>
| + | |
− | | + | |
− | ====Elisitasi====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Menurut Raharja, dkk Jurnal CCIT Vol – 04 NO.3 (2011:302), “Elisitasi berisi usulan rancangan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk dieksekusi”. Elisitasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap yaitu sebagai berikut:</p></div>
| + | |
− | <p style="line-height: 2;font-size: 12pt;font-family: times new roman">
| + | |
− | 1. Elisitasi Tahap I
| + | |
− | <br>
| + | |
− | Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.
| + | |
− | <br>
| + | |
− | <br>
| + | |
− | 2. Elisitasi Tahap II
| + | |
− | <br>
| + | |
− | Merupakan hasil pengklasifikasian dari elisitasi tahap I berdasarkan metode MDI. Metode MDI ini bertujuan untuk memisahkan antara rancangan sistem yang penting dan harus ada pada sistem baru dengan rancangan yang disanggupi oleh penulis untuk dieksekusi.
| + | |
− | <br>
| + | |
− | a. “M” pada MDI itu artinya Mandatory (penting). Maksudnya requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru.
| + | |
− | <br>
| + | |
− | b. “D” pada MDI itu artinya Desirable. Maksudnya requirement tersebut tidak terlalu penting dan boleh dihilangkan. Tetapi jika requirement tersebut digunakan dalam pembentukan sistem, akan membuat sistem tersebut lebih sempurna.
| + | |
− | <br>
| + | |
− | c. “I” pada MDI itu artinya Inessential. Maksudnya bahwa requirement tersebut bukanlah bagian dari sistem yang dibahas dan merupakan bagian dari luar sistem.
| + | |
− | <br>
| + | |
− | <br>
| + | |
− | 3. Elisitasi Tahap III
| + | |
− | <br>
| + | |
− | Merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang optionnya I pada metode MDI. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE, yaitu sebagai berikut:
| + | |
− | <br>
| + | |
− | a. T artinya Technical, maksudnya bagaimana tata cara/teknik pembuatan requirement tersebut dalam sistem yang diusulkan.
| + | |
− | <br>
| + | |
− | b. O artinya Operational, maksudnya bagaimana tata cara penggunaan requirement tersebut dalam sistem yang akan dikembangkan.</p>
| + | |
− | <br>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu:</p></div>
| + | |
− | <p style="line-height: 2;font-size: 12pt;font-family: times new roman">
| + | |
− | 1) High (H) : Sulit untuk dikerjakan, karena tehnik pembuatan dan pemakaiannya sulit serta biayanya mahal. Sehingga requirement tersebut harus dieliminasi.
| + | |
− | <br>
| + | |
− | 2) Middle (M) : Mampu untuk dikerjakan
| + | |
− | <br>
| + | |
− | 3) Low (L) : Mudah untuk dikerjakan
| + | |
− | <br>
| + | |
− | 4. Final Draft Elisitasi</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.</p></div>
| + | |
− | | + | |
− | ===Literature Review===
| + | |
− | ====Definisi Literature Review====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Menurut Mulyandi (2013:17-153), “Penelitian sebelumnya (literature review) merupakan survey literature tentang penemuan-penemuan yang di lakukan oleh peneliti sebelumnya (empirical fiding) yang berhubungan dengan topic penelitian”.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Maka dapat disimpulkan literature review adalah merupakan survey atau penjelasan penelitian sebelumnya oleh para ahli. Pemahaman lebih lanjut mengenai hubungannya dalam penelitian yang diangkat oleh penulis saat ini adalah literature review merupakan suatu survey literature tentang penemuan-penemuan yang telah dilakukan oleh penelitian sebelumnya yang berhubungan dengan topik penelitian.</p></div>
| + | |
− | | + | |
− | ====Kajian Literature Review====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dalam melakukan kajian Literature Review ini, langkah-langkah yang harus dilakukan sebagai berikut :</p></div>
| + | |
− | <ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | <p style="line-height: 2">Mengidentifikasikan kesenjangan (Identify gaps) dari penelitian ini.</p>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | <p style="line-height: 2">Menghindari membuat ulang (reinventing the wheel) sehingga banyak menghemat waktu dan juga menghindari kesalahan-kesalahan yang pernah dilakukan oleh orang lain.</p>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | <p style="line-height: 2">Mengidentifikasi metode yang pernah dilakukan dan yang relevan terhadap penelitian ini.</p>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | <p style="line-height: 2">Mengidentifikasi metode yang pernah dilakukan dan yang relevan terhadap penelitian ini.</p>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | <p style="line-height: 2">Meneruskan capaian penelitian sebelumnya sehingga dengan adanya studi pustaka ini, penelitian yang akan dilakukan dapat dibangun diatas platform pengetahuan atau ide yang sudah ada.</p>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | <p style="line-height: 2">Untuk mengetahui orang lain yang spesialis dan mengerjakan di area penelitian yang sama, sehingga dapat terjaring dalam komunitas yang dapat memberi kontribusi sumber daya yang berharga.</p></ol>
| + | |
− | | + | |
− | ====Tujuan Literature Review====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Studi pustaka bertujuan untuk mendapatkan landasan teoritis yang berguna sebagai tolak ukur dalam membahas dan menganalisa data serta mengambil kesimpulan dan saran dalam analisis laporan keuangan perusahaan tertentu.</p></div>
| + | |
− | | + | |
− | ====Literature Review====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Perlu dilakukan studi pustaka sebagai salah satu dari penerapan metode penelitian yang dilakukan. Diantaranya adalah mengindentifikasi kesenjangan (identify gaps), menghindari pembuatan ulang (reinventing the wheel), mengindentifikasi metode yang pernah dilakukan, serta mengetahui orang lain yang spesialisasi dan area penelitian yang sama sebagai pembanding. Berikut adalah penelitian yang telah dilakukan dan memiliki kolerasi searah dengan penelitian yang akan dibahas dalam Skripsi ini, antara lain :</p></div>
| + | |
− | | + | |
− | <ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Penelitian yang dilakukan oleh Ari Hanvil (2011) yang berjudul “Perancangan Sistem Informasi Laporan Order Penjualan Berbasis Web pada PT. Wira Sakti Lindu Artha”. Dalam penelitiannya sistem yang berjalan masih menggunakan cara manual dalam memproses data dan sistem yang berjalan belum dapat menghasilkan data yang cepat dan akurat.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Penelitian yang dilakukan oleh Nicco Milano Christi (2013) yang berjudul “Perancangan Sistem Informasi Penjualan Barang pada PT Cartonindus Sumber Jaya Berbasis Web”. Dalam hasil penelitian ini proses laporan penjualan pada sistem yang berjalan masih dilakukan secara semi komputerisasi menggunakan Microsoft Excel. Sehingga banyak ditemukan kekurangan yang dapat menghambat proses kerja sistem.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Penelitian yang dilakukan oleh David Setiawan (2013) yang berjudul “Sistem Informasi Manajemen Penjualan dan Pembelian Barang dalam Bidang Spare Part Motor”. Dalam hasil penelitian ini perangkat lunak manajemen penjualan dan pembelian memberikan manfaat dalam mengatur setiap barang yang ada dan data operasional dengan bantuan komputer.
| + | |
− | | + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Penelitian yang dilakukan oleh Endaryono Wibowo (2012) STMIK Raharja Tangerang. Yang berjudul “Perancangan sistem informasi penjualan berbasis web pada PT Total Building Intext Company”. Website ini dibuat adalah kurang efektifnya sarana media informasi di PT Total building Intext Company, khususnya dalam penyampaian informasi tentang produk atau pun informasi tentang PT Total building Intext Company itu sendiri dan saat ini transaksi pembelian masih dilakukan manual atau konsumen harus mendatangi langsung, oleh karena itu maka dituangkan media atau sistem penyebaran informasi PT Total building Intext Company secara online menggunakan PHP dan MySQL.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Penelitian yang dilakukan oleh Iin Khoirunnisa (2012) STMIK Raharja Tangerang. Yang berjudul “Perancangan Sistem Penjualan Panel Listrik pada PT Indusmitra Bina Imadata Jakarta Barat”. Dalam hasil penelitiannya sistem penjualan yang memberikan informasi tepat waktu sesuai kebutuhan manajemen, dirancang berdasarkan konsep perancangan sistem informasi yang terdapat tahapan perancangan permodelan sistem dengan menggunakan UML dan MySQL sebagai penyimpanan databasenya dan dapat diakses oleh tiap staff pada PT Indusmitra Bina Indonesia.</li></ol>
| + | |
− | | + | |
− | =<div style="font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
| + | |
− | <div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''ANALISA SISTEM YANG BERJALAN'''</div>
| + | |
− | ==Gambaran Umum PT Bejo Tunggal Putera (Honda)==
| + | |
− | ===Sejarah Singkat PT Bejo Tunggal Putera (Honda)===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">PT Bejo Tunggal Putera (Honda) ialah salah satu dari 1.800 showroom yang ada di Indonesia. PT Bejo Tunggal Putera (Honda) didirikan pada tahun 2005 yang merupakan perusahaan otomotif roda dua merek Honda yang bergerak dibidang Penjualan (Sales), Perbaikan (Service) dan Suku Cadang (Spare part) dan merupakan dealer resmi dari Astra Honda Motor Internasional. Perusahaan ini didirikan oleh Bapak Bernard Gumulyo, diawali dengan membuka chanel motor dirumah pada tahun 2000 di wilayah Jakarta selama 2 tahun dan mulai bergabung dengan Astra Honda Motor pada tahun 2003 didaerah Jakarta mempunyai cabang didaerah Bogor, Depok dan Bekasi sampai sekarang. PT Bejo Tunggal Putera (Honda) perusahaan yang menjalankan fungsi produksi, penjualan dan pelayanan purna jual yang lengkap untuk kepuasan pelanggan, PT Bejo Tunggal Putera (Honda) menyediakan segala jenis motor Honda mulai dari Type Matic, Sport dan Cub.</p></div>
| + | |
− | | + | |
− | ===Visi dan Misi PT Bejo Tunggal Putera (Honda)===
| + | |
− | ====Visi Perusahaan====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Menjadi pemimpin pasar sepeda motor di Indonesia dengan cara merealisasikan mimpi dan menciptakan kegembiraan para pelanggan serta berkontribusi bagi masyarakat Indonesia.</p></div>
| + | |
− | | + | |
− | ====Misi Perusahaan====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Menciptakan solusi mobilitas bagi masyarakat Indonesia dengan produk dan layanan terbaik.</p></div>
| + | |
− | | + | |
− | ===Struktur Organisasi===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Aktivitas sebuah perusahaan dapat dijelaskan melalui struktur organisasi perusahaan, karena pada kenyataannya aktivitas suatu perusahaan sangat dipengaruhi oleh unit kerja yang tercantum atau yang berada di dalam struktur organisasi tersebut. Bagi PT Putera Motor, penjualan merupakan suatu masalah yang memegang peranan sangat penting serta mendukung kelancaran pendapatan perusahaan.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Struktur organisasi ini menunjukan garis pertanggung jawaban dari tugas-tugas yang dibebankan kepada masing-masing personil. Hal ini dapat memisahkan fungsi-fungsi operasional agar tidak menyimpang dari tujuan struktur organisasi serta mendapatkan efisiensi dan efektifitas kerjasama dari semua target yang sudah ditemukan sebelumnya.</p></div>
| + | |
− | <div align="center"><img width="450" height="450" style="margin:0px" src="https://pbs.twimg.com/media/Czh9tbHUQAADmkl.jpg:large"/></div><p style="text-align: center;"><em> '''Gambar 3.1. Struktur Organisasi PT Bejo Tunggal Putera (Honda)'''</em></p>
| + | |
− | | + | |
− | ===Tugas dan Tanggung Jawab===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Berikut wewenang dan tanggung jawab pada PT Bejo Tunggal Putera (Honda) :</p></div>
| + | |
− | <ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kepala Cabang
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Bertanggung jawab penuh terhadap perusahaan, serta bertugas mengawasi kehidupan organisasi dan menetapkan keputusan agar terarah.</p></div>
| + | |
− | | + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Supervisor
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Bertugas mengontrol marketing dalam hal penjualan, report-report yang diperlukan marketing memastikan timnya untuk mencapai tujuan perusahaan.</p></div>
| + | |
− | | + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Marketing
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Melakukan penawaran terhadap costumer, memperkenalkan produk kepada costomer biasanya mereka ada kios masing-masing setiap kelompok menyebar price list.</p></div>
| + | |
− | | + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sales Counter
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Melakukan penawaran terhadap costumer, memperkenalkan produk kepada costumer yang datang langsung ke dealer sehingga customer tertarik untuk membeli produk, sales counter adalah seorang perempuan.</p></div>
| + | |
− | | + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Admin Penjualan
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Bertanggung jawab terhadap proses pembuatan surat jalan, cek PO dan unit yang ada di dealer.</p></div>
| + | |
− | | + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kasir
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Bertanggung jawab terhadap pembayaran costumer.</p></div>
| + | |
− | | + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Finance
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Bertanggung jawab dalam mengatur pengeluaran serta pemasukan keuangan, serta membuat terobosan dalam meningkatkan keuangan perusahaan dan pengolahan financial perusahaan.</p></div>
| + | |
− | | + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Admin STNK
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Bertanggung jawab terhadap proses pembuatan STNK costomer yang sudah kirim barang.</p></div>
| + | |
− | | + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kepala Bengkel
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Bertanggung jawab penuh terhadap kegiatan bengkel, serta bertugas mengawasi kehidupan organisasi dan menetapkan keputusan agar terarah.</p></div>
| + | |
− | | + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kasir Bengkel
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Bertanggung jawab penuh terhadap costumer yang ingin service motor, mencatat apa saja yang ingin di service atau membeli suku cadang.</p></div>
| + | |
− | | + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mekanik
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Petugas perbaikan serta service motor costumer.</p></div>
| + | |
− | | + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Driver
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Bertanggung jawab penuh terhadap mengantarkan barang sampai tujuan kepada konsumen.</p></div></ol>
| + | |
− | | + | |
− | ==Analisa Sistem Yang Berjalan==
| + | |
− | ===Metode Analisa Sistem===
| + | |
− | <ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;text-indent: 0">Analisa SWOT.</ol>
| + | |
− | | + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Pada metode ini mengidentifikasi berbagai faktor secara sistematis untuk merumuskan strategi instansi. Analisa ini didasarkan pada hubungan atau interaksi antara unsur-unsur internal, yaitu kekuatan (strength) dan kelemahan (weakness), terhadap unsur-unsur eksternal yaitu peluang (opportunities) dan ancaman (threats).</p></div>
| + | |
− | | + | |
− | <div align="center"><img width="500" height="350" style="margin:0px" src="https://pbs.twimg.com/media/C1N4_DuUQAAUo0v.jpg"/></div>
| + | |
− | <p style="text-align: center;">'''Tabel 3.1. Identifikasi SWOT'''</p>
| + | |
− | | + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Berdasarkan identifikasi faktor di atas, maka dilakukan analisis untuk mencari strategi dengan menggunakan kekuatan yang ada untuk memanfaatkan peluang yang tersedia (strategi S-O) serta menggunakan kekuatan yang dimiliki untuk mengatasi ancaman yang ada (strategi S-T). Selain itu di analisis pula strategi untuk mengurangi kelemahan yang dimiliki dalam meraih peluang yang ada (strategi W-O) maupun mengatasi ancaman yang ada (strategi W-T). Pemetaan strategi S-O, W-O, S-T, dan W-T dapat dilihat pada tabel di bawah ini :</p></div>
| + | |
− | <div align="center"><img width="500" height="350" style="margin:0px" src="https://pbs.twimg.com/media/C1N5vO_UUAAjrg8.jpg"/></div>
| + | |
− | <p style="text-align: center;">'''Tabel 3.2. Analisis SWOT'''</p>
| + | |
− | | + | |
− | ===Tata Laksana Sistem Yang Berjalan===
| + | |
− | | + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Untuk dapat menganalisa sistem yang berjalan, pada penelitian ini digunakan program Unified Modelling Language (UML) untuk menggambarkan prosedur dan proses yang berjalan saat ini.</p></div>
| + | |
− | | + | |
− | <ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pemberian Surat Pemesanan
| + | |
− | <br>
| + | |
− | Proses pemberian surat pemesanan yaitu saat marketing sudah mendapatkan data konsumen untuk pemesanan yang akan disurvey diberikan kepada supervisor.
| + | |
− | | + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Proses Input
| + | |
− | <br>
| + | |
− | Proses Input dilakukan supervisor kedalam catatan penjualan setelah itu menghubungi leasing untuk mensurvey konsumen.
| + | |
− | </ol>
| + | |
− | | + | |
− | ====Rancangan Prosedur Sistem Berjalan====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Prosedur sistem berjalan hanya ada 1 dokumen yang dijelaskan pada diagram dibawah ini :</p></div>
| + | |
− | | + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | <p style="line-height: 2"><b>1. Use Case Diagram Sistem Yang Sedang Berjalan</b></p></div>
| + | |
− | <div align="center"><img width="400" height="450" style="margin:0px" src="https://pbs.twimg.com/media/C1N80ykUUAEHVSi.jpg"/></div>
| + | |
− | <p style="text-align: center;"><em> '''Gambar 3.2 Use Case Diagram yang sedang berjalan</em></p>
| + | |
− | | + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Berdasarkan gambar 3.2 Use Case Diagram yang berjalan pada saat ini menjelaskan adanya:</p></div>
| + | |
− | | + | |
− | <ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | <p style="line-height: 2">5 Actor yang terdiri dari Konsumen, Marketing, Supervisor, Leasing, dan Admin.</p>
| + | |
− | | + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | <p style="line-height: 2">13 Use Case yang terdiri dari meminta informasi unit, menjelaskan informasi unit, mencatat data transaksi, membuat surat pemesanan motor, mencatat pemesanan konsumen, menghubungi leasing untuk melakukan survey, memberi info konsumen accept atau tidak, mencatat laporan penjualan marketing, mengirim purchase order (PO), memberi surat pemesanan motor, membuat suart jalan, membuat laporan penjualan dan Survey konsumen.</p>
| + | |
− | | + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | <p style="line-height: 2">19 Association antara Actor dengan Use Case.</p></ol>
| + | |
− | | + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | <p style="line-height: 2"><b>2. Activity Diagram Sistem Yang Sedang Berjalan</b></p></div>
| + | |
− | <div align="center"><img width="550" height="450" style="margin:0px" src="https://pbs.twimg.com/media/C1OAEArUkAAe8d5.jpg"/></div>
| + | |
− | <p style="text-align: center;"><em> '''Gambar 3.3 Activity Diagram sistem yang sedang berjalan</em></p>
| + | |
− | | + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Berdasarkan gambar 3.3. Activity Diagram sistem yang berjalan diatas terdapat:</p></div>
| + | |
− | | + | |
− | <ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | <p style="line-height: 2">1 Initial Node, sebagai objek yang diawali.</p>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | <p style="line-height: 2">2 Decision Node, menggambarkan test condition untuk memastikan bahwa control flow atau object flow mengalir ke lebih dari satu jalur.</p>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | <p style="line-height: 2">20 Action state, dari sistem yang mencerminkan eksekusi dari suatu aksi..</p>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify.">
| + | |
− | <p style="line-height: 2">1 Final state, sebagai objek yang diakhiri.</p></ol>
| + | |
− | | + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | <p style="line-height: 2"><b>3. Sequence Diagram Sistem Yang Sedang Berjalan</b></p></div>
| + | |
− | | + | |
− | <div align="center"><img width="550" height="400" style="margin:0px" src="https://pbs.twimg.com/media/C1OBSa2UkAApJ6h.jpg"/></div>
| + | |
− | <p style="text-align: center;"><em> '''Gambar 3.4 Sequence Diagram sistem yang sedang berjalan</em></p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Berdasarkan gambar 3.4. Sequence Diagram sistem yang berjalan diatas terdapat:</p></div>
| + | |
− | | + | |
− | <ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | <p style="line-height: 2">5 Actor yang melakukan kegiatan yaitu Konsumen, Marketing, Supervisor, Leasing, dan Admin.</p>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | <p style="line-height: 2">21 Message yang terhubung spesifikasi dari komunikasi antar objek yang memuat informasi-informasi tentang aktifitas yang terjadi.</p>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
| + | |
− | <p style="line-height: 2">6 Lifeline antar muka yang saling berinteraksi yang terdiri dari Informasi, Data Transaksi, SPM, PO, Surat Jalan, dan Laporan.</p></ol>
| + | |
− | | + | |
− | ===Analisa Masukan, Analisa Proses dan Analisa Keluaran===
| + | |
− | | + | |
− | ====Identifikasi Masukan Data====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Analisa masukan adalah analisa atau penguraian masalah yang dilakukan terhadap semua data atau informasi yang berfungsi sebagai data input sehingga menghasilkan proses dan kemudian akan ada hasil dari sebuah proses itu sendiri.</p></div>
| + | |
− | <p style="line-height: 2;font-size: 12pt;font-family: times new roman">
| + | |
− | a. Nama Masukan: Informasi Penjualan
| + | |
− | <br>
| + | |
− | b. Fungsi: Mendapatkan data laporan
| + | |
− | <br>
| + | |
− | c. Sumber: Customer
| + | |
− | <br>
| + | |
− | d. Media: Aplikasi Web
| + | |
− | <br>
| + | |
− | e. Frekuensi: Tiap customer memberikan data sebagai bentuk transaksi
| + | |
− | <br>
| + | |
− | f. Format: Tampilan Web
| + | |
− | <br>
| + | |
− | g. Keterangan : Data customer bersifat individual
| + | |
− | </p>
| + | |
− | | + | |
− | ====Identifikasi Proses Data====
| + | |
− | <p style="line-height: 2;font-size: 12pt;font-family: times new roman">
| + | |
− | a. Nama modul: Laporan Penjualan
| + | |
− | <br>
| + | |
− | b. Masukan: Surat Pemesanan Motor
| + | |
− | <br>
| + | |
− | c. Keluaran: Laporan pemesanan motor
| + | |
− | <br>
| + | |
− | d. Ringkasan proses: Proses ini untuk mengetahui kelengkapan data customer terhadap pemesanan kendaraan agar dapat mencapai tahap proses
| + | |
− | </p>
| + | |
− | | + | |
− | ====Identifikasi Keluaran Data====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Analisa keluaran adalah analisa atau penguraian masalah yang dilakukan pada hasil dari keseluruhan proses yang terjadi dari mulai penginputan data sampai terjadi proses pengolahan data melalui sistem pengolahan data yang ada. Dan kemudian sistem akan memberikan keluaran data berupa hasil report dari file dokumen .XLSX, .DOC, .DOCX, .PDF.</p></div>
| + | |
− | | + | |
− | <p style="line-height: 2;font-size: 12pt;font-family: times new roman">
| + | |
− | a. Nama keluaran: Pengeluaran laporan pemesanan motor
| + | |
− | <br>
| + | |
− | b. Fungsi: Menampilkan detail laporan data pemesanan dari customer
| + | |
− | <br>
| + | |
− | c. Media: Aplikasi web
| + | |
− | <br>
| + | |
− | d. Distribusi: Web
| + | |
− | </p>
| + | |
− | | + | |
− | ===Konfigurasi Sistem yang berjalan===
| + | |
− | ====Spesifikasi Hardware====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Sistem tersebut menggunakan 1 unit komputer PC dengan spesifikasi sebagai berikut :</p></div>
| + | |
− | <p style="line-height: 2;font-size: 12pt;font-family: times new roman">
| + | |
− | a. Processor : Processor Intel Core i3
| + | |
− | <br>
| + | |
− | b. Monitor : SVGA 14
| + | |
− | <br>
| + | |
− | c. Ram : 3,00 GB
| + | |
− | <br>
| + | |
− | d. Keyboard : Standard
| + | |
− | <br>
| + | |
− | e. Printer : LaserJet
| + | |
− | <br>
| + | |
− | f. Hard Disk : 500 GB
| + | |
− | </p>
| + | |
− | | + | |
− | ====Spesifikasi Software====
| + | |
− | <p style="line-height: 2;font-size: 12pt;font-family: times new roman">
| + | |
− | a. Windows 7
| + | |
− | <br>
| + | |
− | b. Php MyAdmin
| + | |
− | <br>
| + | |
− | c. Notepad++
| + | |
− | <br>
| + | |
− | d. Mozila firefox
| + | |
− | <br>
| + | |
− | e. Xampp
| + | |
− | </p>
| + | |
− | | + | |
− | ====Hak Akses (Brainware)====
| + | |
− | <p style="line-height: 2;font-size: 12pt;font-family: times new roman">
| + | |
− | a. Admin Head
| + | |
− | <br>
| + | |
− | b. Kepala Cabang
| + | |
− | <br>
| + | |
− | c. Supervisor
| + | |
− | </p>
| + | |
− | | + | |
− | ==Permasalahan yang dihadapi dan Alternatif Pemecahan Masalah==
| + | |
− | ===Permasalahan yang dihadapi===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Masalah yang dihadapi pada sistem yang berjalan adalah sebagai berikut :</p></div>
| + | |
− | <ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">
| + | |
− | Sistem belum maksimal dan masih menggunakan alat tulis dalam proses penginputan data customer sehingga proses tersebut cukup memakan waktu.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">
| + | |
− | Sistem informasi penjualan pada PT Bejo Tunggal Putera (Honda) untuk menghasilkan laporan pemesanan masih belum maksimal karena terkadang data kurang lengkap akibat dari surat laporan yang belum ter-input atau arsip yang tersimpan kurang rapi.</ol>
| + | |
− | | + | |
− | ===Alternatif Pemecahan Masalah===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Adapun alternatif pemecahan masalah adalah sebagai berikut:</p></div>
| + | |
− | <ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Perlu pengembangan sistem agar tersedianya fasilitas yang dibutuhkan (yang masih belum terkomputerisasi) untuk proses pendataan laporan penjualan maupun pemesanan customer agar dipermudah dan lebih instant.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">
| + | |
− | Perlu pengembangan terhadap proses penyimpanan data agar dibuat menjadi terkomputerisasi.</ol>
| + | |
− | | + | |
− | ==User Requirement==
| + | |
− | ===Elisitasi Tahap I===
| + | |
− | <p style="text-align: center;">'''Tabel 3.4. Elisitasi Tahap I'''</p>
| + | |
− | <div align="center"><img width="400" height="700" style="margin:0px" src="https://pbs.twimg.com/media/C1Ocw1hVIAAnUoH.jpg/></div>
| + | |
− | | + | |
− | ===Elisitasi Tahap II===
| + | |
− | <p style="text-align: center;">'''Tabel 3.5. Elisitasi Tahap II'''</p>
| + | |
− | <div align="center"><img width="400" height="700" style="margin:0px" src="https://pbs.twimg.com/media/C1OeFM9VIAEoPV7.jpg"/></div>
| + | |
− | <p style="text-align: center;">Keterangan :
| + | |
− | M : Mandatory D: Desirable I : Inessential
| + | |
− | </p>
| + | |
− | | + | |
− | ===Elisitasi Tahap III===
| + | |
− | | + | |
− | <p style="text-align: center;">'''Tabel 3.6. Elisitasi Tahap III'''</p>
| + | |
− | <div align="center"><img width="400" height="700" style="margin:0px" src="https://pbs.twimg.com/media/C1Ofmx0UQAAe333.jpg"/></div>
| + | |
− | <p style="text-align: center;">Keterangan :
| + | |
− | Metode Option
| + | |
− | T : Technical L : Low
| + | |
− | O : Operation M : Middle
| + | |
− | E : Economic H : High
| + | |
− | </p>
| + | |
− | | + | |
− | ===Final Draft Elisitasi===
| + | |
− | <p style="text-align: center;">'''Tabel 3.7. Final Draft Elisitasi '''</p>
| + | |
− | <div align="center"><img width="400" height="700" style="margin:0px" src="https://pbs.twimg.com/media/C1OhIsgUUAAt8w8.jpg"/></div>
| + | |
− | | + | |
− | {{pagebreak}}
| + | |
− | | + | |
− | =<div style="font-family: 'times new roman'; text-align: center">'''BAB IV'''</div>=
| + | |
− | <div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''RANCANGAN SISTEM YANG DIUSULKAN'''</div>
| + | |
− | | + | |
− | ==Rancangan Sistem Usulan==
| + | |
− | ===Prosedur Sistem Usulan===
| + | |
− | ====Prosedur Sistem Usulan Pada Guru BK (Admin)====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Prosedur yang akan diusulkan pada sistem perhitungan nilai poin pelanggaran tata tertib pada SMK Yuppentek 1 Tangerang yang akan digunakan oleh Guru BK yang bertindak sebagai admin yaitu :</p></div>
| + | |
− | <ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Admin atau Guru BK login dengan menginputkan username dan password yang telah dibuat.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK menginputkan data-data siswa yang melakukan pelanggaran.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK menginputkan tata tertib, poin pelanggaran, jenis pelanggaran sesuai dengan peraturan yang ditetapkan di sekolah.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Setelah menginputkan data siswa dan tata tertib , selanjutnya guru BK menginputkan data-data pelanggaran siswa pada halaman pelanggaran.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK menginputkan detail tindakan berupa status tindakan (Sudah Ditindak dan Belum Ditindak) atas sanksi yang diterima oleh siswa sesuai dengan poin pelanggaran.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Setelah semua proses inputan selesai, guru BK dapat melihat laporan kedisiplinan siswa yang disajikan dalam bentuk grafik batang. Garis horizontal pada diagram menampilkan nama-nama pelanggaran sedangkan garis vertikal pada diagram menampilkan jumlah pelanggaran yang telah dilakukan oleh masing-masing siswa. Laporan yang disajikan terdiri dari tiga kategori yaitu berdasarkan kelas, jurusan, dan tingkatan. Selain itu pada halaman laporan guru BK juga dapat memonitoring pelanggaran yang paling banyak dilakukan oleh siswa.
| + | |
− | </li></ol>
| + | |
− | | + | |
− | ====Prosedur Sistem Usulan Pada Kepala Sekolah====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Prosedur yang akan diusulkan pada sistem perhitungan nilai poin pelanggaran tata tertib pada SMK Yuppentek 1 Tangerang yang akan digunakan oleh Kepala Sekolah yang bertindakn sebagai admin yaitu :</p></div>
| + | |
− | <ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kepala sekolah login dengan menginputkan username dan password yang telah dibuat oleh admin.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kepala sekolah dapat langsung melihat laporan kedisiplinan siswa disekolah berdasarkan kategori yang telah disediakan yaitu berdasarkan kelas, jurusan, dan tingkatan.</li></ol>
| + | |
− | | + | |
− | ===Diagram Rancangan Sistem===
| + | |
− | ====Use Case Diagram Sistem Yang Diusulkan====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Berikut ini adalah use case diagram yang digunakan untuk menggambarkan proses penginputan pelanggaran sampai dengan pembuatan laporan kedisiplinan siswa.</p></div>
| + | |
− | <div align="center"><img width="450" height="550" style="margin:0px" src="https://lh3.googleusercontent.com/-7lXFa5_xZW0/VragaJ2Z9kI/AAAAAAAAAbs/6ji1GjhGHh0/s486-Ic42/use%252520case.jpggif"/></div><p style="text-align: center;">'''Gambar 4.1. Use Case Diagram Sistem Informasi Perhitungan poin Pelanggaran Yang Diusulkan'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Berdasarkan gambar diatas terdiri dari :</p></div>
| + | |
− | <ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Usecase :Login
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Actor : Guru BK dan Kepala Sekolah</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Description : Agar bisa masuk kedalam sistem, Guru BK dan Kepala Sekolah harus melakukan login terlebih dahulu dengan memasukkan username dan password. Namun, setiap actor memiliki batasan hak akses, Guru BK dapat membuka seluruh halaman yang terdapat dalam sistem yaitu halaman Master Data Siswa, Tata Tertib, Pelanggaran, Sanksi, dan Laporan. Sementara Kepala Sekolah hanya dapat membuka halaman Sanksi berupa Detail Peringatan dan halaman Laporan.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Skenario :</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.1. Login'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-nKMsMjK5CuA/VragQVoi65I/AAAAAAAAAbs/qAK91afMcjg/s403-Ic42/tabel%252520usecase.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Usecase : Input Data Siswa
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Actor : Guru BK</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Description :Usecase menggambarkan sistem kegiatan menginputkan data master siswa yang melakukan pelanggaran.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Skenario :</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.2. Input Data Siswa'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-lgdEbcHaWpQ/VragQvS65NI/AAAAAAAAAbs/Z8OAiXI4jHA/s382-Ic42/tabel%252520usecase1.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Usecase : Upload Foto Siswa
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Actor : Guru BK</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Description :Usecase menggambarkan sistem kegiatan mengupload foto siswa yang melakukan pelanggaran.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Skenario :</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.3. Upload Foto Siswa'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-qqNDEIY-mQw/VragTmOHZMI/AAAAAAAAAbs/2AkXyjm-Tms/s392-Ic42/tabel%252520usecase2.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Usecase : Input Tata Tertib
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Actor : Guru BK</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Description :Usecase menggambarkan sistem kegiatan menginputkan tata tertib sesuai dengan yang telah ditetapkan oleh pihak sekolah.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Skenario :</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.4. Input Data Tata Tertib'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-o-4vkyEFF04/VragT6EkEfI/AAAAAAAAAbs/vVH00FAKADY/s359-Ic42/tabel%252520usecase3.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Usecase : Input Sanksi
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Actor : Guru BK</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Description :usecase menggambarkan sistem kegiatan menginputkan sanksi dari pelanggaran yang dilakukan oleh siswa. Sanksi-sanksi tersebut disesuaikan dengan peraturan tata tertib sekolah dan total poin pelanggaran.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Skenario :</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.5. Input Sanksi Pelanggaran'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-kjpVpyQrNjI/VragUhwLlWI/AAAAAAAAAbs/cY8JOYwbR-8/s367-Ic42/tabel%252520usecase4.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Usecase : Input Pelanggaran
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Actor : Guru BK</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Description :Usecase menggambarkan sistem kegiatan menginputkan data pelanggaran yang dilakukan oleh siswa yaitu data siswa yang melakukan pelanggaran, jenis pelanggaran yang dilakukan, dan poin sesuai dengan pelanggaran yang dilakukan.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Skenario :</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.6. Input Data Pelanggaran'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-bRayjnxS7sw/VragVYQPSEI/AAAAAAAAAbs/Sxyn_mYaOwE/s365-Ic42/tabel%252520usecase5.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Usecase : Input Kode Pelanggaran
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Actor : Guru BK</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Description :usecase menggambarkan sistem kegiatan menginputkan kode pelanggaran sesuai dengan pelanggaran yang dilakukan oleh siswa dan menyimpan data pelanggaran.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Skenario :</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.7. Input Kode Pelanggaran'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-W7FSgLZGxJI/VragWSSKpCI/AAAAAAAAAbs/-Qc7H7gF5e8/s367-Ic42/tabel%252520usecase6.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Usecase : Input Detail Tindakan
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Actor : Guru BK</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Description :Usecase menggambarkan sistem kegiatan menginputkan detail tindakan terhadap sanksi yang diterima oleh siswa sesuai dengan total poin pelanggaran yang telah dikumpulkan apakah telah diberi tindakan atau belum ada tindakan dari pihak sekolah.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Skenario :</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.8. Input Detail Tindakan'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/--rREJhHt1xE/VragWmWUXDI/AAAAAAAAAbs/m29HfyryoX0/s388-Ic42/tabel%252520usecase7.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Usecase : Update Status Tindakan
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Actor : Guru BK</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Description : Usecase menggambarkan sistem kegiatan untuk mengupdate detail tindakan atas sanksi yang diberikan kepada siswa. update detail tindakan dilakukan jika status sanksi yang diberikan kepada siswa yaitu sudah ditindak.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Skenario :</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.9. Update Status Tindakan'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-CXpLcARfQzA/VragW4zZn4I/AAAAAAAAAbs/mBn5sQgUHD8/s369-Ic42/tabel%252520usecase8.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Usecase : View Detail Peringatan
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Actor : Guru BK</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Description : Usecase menggambarkan sistem kegiatan untuk melihat detail peringatan atau sanksi yang diberikan kepada siswa yang melakukan pelanggaran sesuai dengan total poin pelanggaran.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Skenario :</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.10. View Detail Peringatan'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-Lcz8faIYui8/VragXeQaidI/AAAAAAAAAbs/cMOk4Fblxtg/s361-Ic42/tabel%252520usecase9.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Usecase : View Laporan Kedisiplinan
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Actor : Guru BK dan Kepala Sekolah</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Description :Usecase menggambarkan sistem kegiatan untuk melihat laporan kedisiplinan siswa yang ditampilkan dalam bentuk grafik yang telah dikelompokkan berdasarkan kelas, jurusan, dan tingakatan.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Skenario :</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.11. View Laporan Kedisiplinan'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-JWCT1V7YiG0/VragRbpxqqI/AAAAAAAAAbs/tmTGcv-eIOc/s369-Ic42/tabel%252520usecase10.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Usecase : Cetak Laporan Kedisiplinan
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Actor : Guru BK dan Kepala Sekolah</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Description :Usecase menggambarkan sistem kegiatan mencetak laporan kedisiplinan siswa yang ditampilkan dalam bentuk grafik yang telah dikelompokkan berdasarkan kelas, jurusan, dan tingakatan.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Skenario :</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.12. Cetak Laporan Kedisiplinan'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-mktLs-KvRI0/VragRxrW5WI/AAAAAAAAAak/hLur5FOhRtE/s365-Ic42/tabel%252520usecase11.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Usecase : Monitoring Pelanggaran Terbanyak.
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Actor : Guru BK dan Kepala Sekolah</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Description :Usecase menggambarkan sistem kegiatan untuk memonitoring pelanggaran yang paling banyak dilakukan oleh siswa berdasarkan range tanggal yang diinput.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Skenario :</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.13. Monitoring Pelanggaran Terbanyak'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-WYJjkMs0siY/VragSd9cIXI/AAAAAAAAAao/hZnC1r035mU/s373-Ic42/tabel%252520usecase12.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Usecase : Cetak Monitoring
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Actor : Guru BK dan Kepala Sekolah</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Description :Usecase menggambarkan sistem kegiatan untuk mencetak laporan monitoring pelanggaran yang paling banyak dilakukan oleh siswa berdasarkan range tanggal yang diinput</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Skenario :</p></div></ol>
| + | |
− | <p style="text-align: center;">'''Tabel 4.14. Cetak Monitoring'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-FVYc03WcMi4/VragTKnAkII/AAAAAAAAAas/505zvuhG9fs/s352-Ic42/tabel%252520usecase13.jpg"/></div>
| + | |
− | | + | |
− | ====Activity Diagram Yang Diusulkan====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Berikut ini adalah activity diagram yang menggambarkan alur aktivitas dari sistem yang diusulkan :</p></div>
| + | |
− | <ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Activity Diagram yang Diusulkan Untuk Guru BK (Admin)
| + | |
− | <div align="center"><img width="450" height="550" style="margin:0px" src="https://lh3.googleusercontent.com/-aBMhaJ6gY8Y/VrafCb5bJsI/AAAAAAAAAb4/rpzedEN0EFk/s512-Ic42/activity.jpg"/></div><p style="text-align: center;">'''Gambar 4.2. Activity Diagram Yang Diusulkan Untuk Guru BK'''</p>
| + | |
− | | + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Berdasarkan gambar 4.2. activity diagram yang diusulkan untuk Guru BK diatas terdapat :</p></div>
| + | |
− | <ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK yang bertindak sebagai admin melakukan Login dengan memasukkan username dan password.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Verifikasi login. Jika username dan password yang diinputkan benar, maka login berhasil dan akan masuk pada tampilan halaman utama (Home). Jika username dan password yang diinputkan salah, maka login gagal dan guru BK harus menginputkan kembali username dan password.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Setelah masuk halaman utama (Home), maka akan terdapat beberapa halaman seperti data siswa, tata tertib, sanksi, pelanggaran, peringatan, dan laporan.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK dapat mengakses seluruh halaman yang terdapat dalam sistem seperti :
| + | |
− | <ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Data master siswa : pada halaman ini guru BK dapat menginput, mengubah, dan menghapus data master siswa.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tata tertib : pada halaman ini guru BK dapat menginput, mengubah, dan menghapus tata tertib.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sanksi : pada halaman ini guru BK dapat menginput, mengubah, dan menghapus daftar sanksi pelanggaran.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pelanggaran : pada ini guru BK dapat menginput data pelanggaran.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Peringatan : pada halaman ini terdapat dua halaman yaitu halaman detail tindakan dan halaman detail peringatan. Pada halaman detail tindakan, Guru BK dapat menginput dan mengupdate status tindakan atas sanksi yang diberikan kepada siswa apakah sudah ditindak atau belum ditindak. Sedangkan pada halaman detail peringatan guru BK dapat melihat detail peringatan atau sanksi yang diberikan kepada siswa berdasarkan total poin dan menampilkan siswa-siswa yang sudah ditindak dan yang belum ditindak.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Laporan : pada halaman laporan terdapat empat sub menu yaitu kelas, jurusan, tingkatan serta monitoring.</li></ol>
| + | |
− | </li></ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Activity Diagram Yang Diusulkan Untuk Kepala Sekolah.
| + | |
− | <div align="center"><img width="450" height="550" style="margin:0px" src="https://lh3.googleusercontent.com/-zIZzjHtaH-8/VrafDHoue5I/AAAAAAAAAb4/isdnLuZ54gM/s498-Ic42/activity1.jpg"/></div><p style="text-align: center;">'''Gambar 4.3. Activity Diagram Yang Diusulkan Untuk Kepala Sekolah'''</p>
| + | |
− | </li></ol>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Berdasarkan gambar 4.3. activity diagram yang diusulkan untuk guru BK diatas terdapat :</p></div>
| + | |
− | <ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kepala Sekolah melakukan Login dengan memasukkan username dan password.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Verifikasi login. Jika username dan password yang diinputkan benar, maka login berhasil dan akan masuk pada tampilan halaman utama (Home). Jika username dan password yang diinputkan salah, maka login gagal dan Kepala Sekolah harus menginputkan kembali username dan password.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Setelah masuk halaman utama (Home), maka akan terdapat beberapa halaman seperti sanksi dan laporan.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kepala Sekolah hanya dapat mengakses laporan. Pada halaman laporan, kepala sekolah dapat melihat dan mencetak laporan tingkat kedisiplinan siswa yang disajikan dalam bentuk grafik dan telah dikategorikan kedalam tiga kategori yaitu berdasarkan kelas, jurusan, dan tingkatan. Selain itu, pada halaman laporan terdapat pula monitoring yang berfungsi untuk memonitoring pelanggaran yang paling bnyak dilakukan oleh siswa berdasarkan range tanggal yang telah diinputkan.</li></ol>
| + | |
− | | + | |
− | ====Sequence Diagram Yang Diusulkan====
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Berikut ini adalah sequence diagram yang menggambarkan alur aktivitas dari sistem yang diusulkan :</p></div>
| + | |
− | <ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sequence Diagram Yang Diusulkan Untuk Guru BK.
| + | |
− | <div align="center"><img width="400" height="550" style="margin:0px" src="https://lh3.googleusercontent.com/-uHs1e2JCBJQ/Vraf9U4hXNI/AAAAAAAAAb0/DBA7I2R20zw/s512-Ic42/sequence.jpg"/></div><p style="text-align: center;">'''Gambar 4.4. Sequence Diagram Yang Diusulkan Untuk Guru BK'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Berdasarkan gambar 4.4. sequence diagram diatas menjelaskan skenario sebagai berikut :</p></div>
| + | |
− | <ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK harus melakukan login terlebih dahulu.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK memasukkan username dan password.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Verifikasi login, jika username dan password yang dimasukkan benar maka login berhasil dan masuk ke halaman home tetapi jika username dan password yang dimasukkan salah maka login gagal dan harus memasukkan username dan password kembali.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Masuk ke halaman home.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK memilih dan menampilkan halaman data siswa.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK menginputkan data siswa yang melakukan pelanggaran lalu menampilkan data siswa tersebut pada halaman master data siswa.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK menginputkan tata tertib sesuai dengan peraturan sekolah lalu menampilkan tata tertib tersebut pada halaman tata tertib.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK menginputkan data sanksi pelanggaran sesuai dengan peraturan tata tertib sekolah.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK menginputkan data pelanggaran lalu menampilkan data pelanggaran tersebut pada halaman pelanggaran.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK menginputkan detail tindakan berupa status dari sanksi yang diberikan kepada siswa apakah sudah ada tindakan atau belum dan menampilkannya pada halaman detail tindakan.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK memilih halaman peringatan dan mengklik nis atau nama siswa untuk melihat siswa-siswa yang melakukan pelanggaran yang ditampilkan berdasarkan jurusan yang dipilih.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK memilih halaman laporan dan mengklik salah satu kategori laporan yang ingin ditampilkan yaitu laporan berdasarkan kelas, jurusan, dan tingkatan.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK dapat mencetak laporan.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK memilih halaman laporan dan memilih sub menu monitoring lalu menampilkan halaman monitoring.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK menginputkan tanggal awal dan akhir sehingga halaman monitoring akan menampilkan hasil berdasarkan range tanggal yang diinginkan.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK juga dapat mencetak halaman monitoring.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK mengklik tombol logout untuk keluar dari sistem.
| + | |
− | </li></ol>
| + | |
− |
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sequence Diagram Yang Diusulkan Untuk Kepala Sekolah
| + | |
− | <div align="center"><img width="400" height="550" style="margin:0px" src="https://lh3.googleusercontent.com/-ETK9ZFxQF6U/Vraf-s414qI/AAAAAAAAAb0/oDQ0ii54X6c/s614-Ic42/sequence1.jpg"/></div><p style="text-align: center;">'''Gambar 4.5. Sequence Yang Diusulkan Untuk Kepala Sekolah'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Berdasarkan gambar 4.5. sequence diagram diatas menjelaskan skenario sebagai berikut :</p></div>
| + | |
− | <ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kepala Sekolah harus melakukan login terlebih dahulu.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kepala Sekolah memasukkan username dan password.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Verifikasi login, jika username dan password yang dimasukkan benar maka login berhasil dan masuk ke halaman home tetapi jika username dan password yang dimasukkan salah maka login gagal dan harus memasukkan username dan password kembali.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Masuk ke halaman home.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kepala Sekolah memilih halaman laporan lalu mengklik salah satu sub menu yaitu kelas, jurusan, dan tingkatan lalu menampilkannya.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kepala Sekolah dapat mencetak hasil laporan.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kepala Sekolah memilih halaman monitoring lalu menginputkan range tanggal dan menampilkan hasil monitoring pelanggaran yang paling banyak dilakukan oleh siswa berdasarkan range tanggal yang diinginkan.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kepala Sekolah dapat mencetak halaman monitoring.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kepala Sekolah mengklik tombol logout untuk keluar dari sistem.</li></ol>
| + | |
− | </li></ol>
| + | |
− | | + | |
− | ===Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Berdasarkan hasil analisis yang telah dilakukan, perbedaan sistem yang sedang berjalan dengan sistem yang diusulkan adalah sebagai berikut :</p></div>
| + | |
− | <div align="center"><img width="450" height="400" style="margin:0px" src="https://lh3.googleusercontent.com/-w1ur0XCb4rA/VraftCJiIFI/AAAAAAAAAaw/xo6pWJaXyok/s572-Ic42/perbedaan%252520prosedur.jpg"/></div><p style="text-align: center;">'''Gambar 4.6. Perbedaan Prosedur Sistem Berjalan dan Sistem Usulan'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dari beberapa poin uraian perbedaan prosedur sistem berjalan dan sistem usulan dapat disimpulkan bahwa :</p></div>
| + | |
− | <ol><li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Proses penindaklanjutan terhadap siswa yang bermasalah masih membutuhkan waktu yang lama.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sistem yang digunakan untuk mencatat data pelanggaran siswa dan proses perhitungan poin pelanggaran masih dilakukan secara manual
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sering terjadi kesalahan dalam merekapitulasi poin pelanggaran siswa
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sanksi yang diberikanpun tidak sesuai dengan jumlah poin pelanggaran yang dilakukan oleh siswa.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Proses penindaklanjutan terhadap siswa yang melakukan pelanggaran tidak lagi membutuhkan waktu yang lama sehingga pekerjaan guru BK menjadi lebih cepat.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Data siswa yang melakukan pelanggaran disimpan dalam sebuah database sehingga keamanan datanya terjamin.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Menghasilkan laporan yang detail dan akurat perhitungannya.
| + | |
− | </li></ol>
| + | |
− | | + | |
− | ==Rancangan Basis Data==
| + | |
− | ===Class Diagram Sistem Yang Diusulkan===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Berikut ini adalah class diagram yang menggambarkan alur aktivitas dari sistem yang diusulkan :</p></div>
| + | |
− | <div align="center"><img width="550" height="450" style="margin:0px" src="https://lh3.googleusercontent.com/-s3wJ_uD9vgY/VrafLkzAg9I/AAAAAAAAAb4/AtQvSp7qKdA/s616-Ic42/class.jpg"/></div><p style="text-align: center;">'''gambar 4.7. Class Diagram Sistem Yang Diusulkan'''</p>
| + | |
− | | + | |
− | ===Spesifikasi Basis Data (Database)===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Spesifikasi database merupakan desain basis data yang dianggap telah normal. Desain database menjelaskan media penyimpanan yang digunakan, isi data (record) yang disimpan, primary key, dan panjang record. </p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Spesifikasi database yang digunakan dalam sistem yang akan dibangun adalah sebagai berikut :</p></div>
| + | |
− | <ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Nama File : User
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Fungsi : Untuk memasukkan daftar user yang berhak mengakses sistem poin pelanggaran </p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Isi : (id + username + password + level + nama + jurusan + tanggal_registrasi + terakhir_login)</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Media : Harddisk</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Primary Key : id</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Foreign Key : jurusan</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Panjang Record : 143</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.15. Tabel User'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-u2E3v_cH2K8/VragFr2kB-I/AAAAAAAAAb0/ATW_6ttU2O4/s431-Ic42/tabel%252520database.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Nama File : Siswa
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Fungsi : Untuk memasukkan data siswa yang melakukan pelanggaran</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Isi : (id + nis + nama_siswa + jk + tempat + tanggal + alamat + nama_ortu + hp_ortu + foto + jurusan + kelas + tapel + buat + ubah)</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Media : Harddisk</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Primary Key : nis</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Foreign Key : jurusan, kelas</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Panjang Record : 348</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.16. Tabel Siswa'''</p>
| + | |
− | <div align="center"><img width="350" height="550" style="margin:0px" src="https://lh3.googleusercontent.com/-a2X6XMi2o-w/VragGWBTZ3I/AAAAAAAAAb0/Tr_e1XQVAoU/s512-Ic42/tabel%252520database1.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Nama File :Jurusan
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Fungsi : Untuk memasukkan data jurusan </p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Isi : (kode_jurusan + nama + aktif + buat + ubah)</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Media : Harddisk</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Primary Key : kode_jurusan</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Foreign Key : -</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Panjang Record : 84</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.17. Tabel Jurusan'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-vreUkPaVR0o/VragHfVgMCI/AAAAAAAAAb0/f2W8o_TROYQ/s392-Ic42/tabel%252520database2.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Nama File :Kelas
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Fungsi : Untuk memasukkan data kelas</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Isi : (id + nama + wali_kelas + aktif + buat + ubah)</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Media : Harddisk</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Primary Key : id</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Foreign Key : -</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Panjang Record : 84</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.18. Tabel Kelas'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-DWEpQ3haSb0/VragH2X4RDI/AAAAAAAAAb0/ex3IKqE_PFs/s392-Ic42/tabel%252520database3.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Nama File :Tapel
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Fungsi : Untuk memasukkan data tahun pelajaran</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Isi :(id + awal + akhir + aktif)</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Media : Harddisk</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Primary Key : id</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Foreign Key : -</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Panjang Record : 14</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.19. Tabel Tapel'''</p>
| + | |
− | <div align="center"><img width="350" height="200" style="margin:0px" src="https://lh3.googleusercontent.com/-eawcPYxxZ2A/VragIYbHXFI/AAAAAAAAAb0/dEy6WwWZsIQ/s371-Ic42/tabel%252520database4.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Nama File :Tata_tertib
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Fungsi : Untuk memasukkan data tata tertib</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Isi : (id + nama + poin + jenis + aktif + ubah)</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Media : Harddisk</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Primary Key : id</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Foreign Key : poin</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Panjang Record : 188</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.20. Tabel Tata'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-mxIIpd8E6og/VragJF7wbTI/AAAAAAAAAb0/Te5hKfzdYz0/s385-Ic42/tabel%252520database5.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Nama File :poin
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Fungsi : Untuk memasukkan poin pelanggaran </p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Isi :(id + nis + poin + ubah)</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Media : Harddisk</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Primary Key : id</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Foreign Key : nis</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Panjang Record : 41</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.21. Tabel Poin'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-ngNgBM8LEq4/VragJYw1DLI/AAAAAAAAAbs/ZB7A7oLCb7E/s369-Ic42/tabel%252520database6.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Nama File :Sanksi
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Fungsi :Untuk memasukkan data sanksi pelanggaran</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Isi :(id + nama + minimal + maksimal + aktif + ubah)</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Media : Harddisk</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Primary Key : id</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Foreign Key : -</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Panjang Record : 64</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.22. Tabel Sanksi'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-PxGBkQ4CNHk/VragKN1-FmI/AAAAAAAAAbs/9Z59GSOST3A/s375-Ic42/tabel%252520database7.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Nama File :Pelanggaran
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Fungsi :Untuk memasukkan pelanggaran-pelanggaran yang dilakukan oleh siswa</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Isi :(id + idsiswa + idtata + tanggal)</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Media : Harddisk</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Primary Key : id</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Foreign Key :id_siswa dan idtata_tertib</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Panjang Record : 41</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.23. Tabel Pelanggaran'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-tXwL_F8YKNg/VragKtPDR8I/AAAAAAAAAbs/7Sdbh_Bhj-g/s370-Ic42/tabel%252520database8.jpg"/></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Nama File :Tindak
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Fungsi :Untuk memasukkan status tindakan dari sanksi yang diterima oleh siswa</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Isi :(id + id_siswa + id_sanksi + tindak + id_guru + buat + ubah)</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Media : Harddisk</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Primary Key : id</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Foreign Key :id_siswa, id_sanksi, tindak, id_guru</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Panjang Record : 70</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.24. Tabel Tindak'''</p>
| + | |
− | <div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-HbGbuq8YKhc/VragLE5RXvI/AAAAAAAAAbs/oAfgwVpCJpI/s368-Ic42/tabel%252520database9.jpg"/></div>
| + | |
− | </li></ol>
| + | |
− | | + | |
− | ==Rancangan Prototipe==
| + | |
− | ===Rancangan Tampilan Halaman Login===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini adalah contoh gambar rancangan prototype pada tampilan halaman login.</p></div>
| + | |
− | <div align="center"><img width="450" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-_Ipqok8ZmkE/VrafrJy0azI/AAAAAAAAAaw/GuJxfOVirzA/s454-Ic42/prototype.jpg"/></div><p style="text-align: center;">'''Gambar 4.8. Rancangan Tampilan Halaman Login'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman login berfungsi untuk menjaga isi database agar hanya dapat diakses oleh user yang memiliki hak akses terhadap sistem.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Agar dapat masuk ke system maka user harus login terlebih dahulu dengan cara memasukkan username dan password kemudian klik masuk. Halaman login juga dilengkapi dengan tombol button lupa password yang digunakan untuk mengatur ulang username dan password jika suatu saat user lupa password.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Selain itu, halaman login juga dilengkapi dengan slide show berupa tampilan foto-foto sekolah dan penjelasan singkat mengenai visi dan misi SMK YUPPENTEK 1 Tangerang.</p></div>
| + | |
− | | + | |
− | ===Rancangan Tampilan Halaman Home===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini adalah contoh gambar rancangan prototype pada tampilan halaman home.</p></div>
| + | |
− | <div align="center"><img width="450" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-GRBALCfBwHk/VrafvYodS0I/AAAAAAAAAaw/pTXakt6htjM/s544-Ic42/prototype1.jpg"/></div><p style="text-align: center;">'''Gambar 4.9. Rancangan Tampilan Halaman Home'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman home merupakan tampilan awal dari sistem ini dan dapat diakses oleh semua level yaitu guru BK sebagai admin dan Kepala Sekolah sebagai pimpinan.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Pada halaman home terdapat slide show berupa gambar dan penjelasan tentang visi dan misi SMK Yuppentek 1 Tangerang. Halaman home juga akan menampilkan beberapa menu lain yang terdapat pada sistem yaitu menu Data Siswa, Tata Tertib, Sanksi, Pelanggaran, Peringatan, dan Laporan. Menu-menu tersebut dapat diakses oleh user sesuai dengan hak akses yang diberikan untuk menggunakan sistem.</p></div>
| + | |
− | ===Rancangan Tampilan Halaman Input Data Siswa===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini adalah contoh gambar rancangan prototype pada tampilan halaman input data siswa.</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-WeAnp4635fs/Vrafz78_lgI/AAAAAAAAAb4/3JtEzIq5RU4/s556-Ic42/prototype2.jpg"/></div><p style="text-align: center;">'''Gambar 4.10. Rancangan Tampilan Halaman Data Siswa'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman data siswa berfungsi untuk menginputkan data siswa yang melakukan pelanggaran. Penginputan tersebut dilakukan oleh guru BK yang bertindak sebagai admin dalam sistem ini.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Field-field yang diinputkan pada halaman data siswa yaitu NIS, nama siswa, jenis kelamin, alamat, jurusan, kelas, wali kelas, nama orangtua, nomor handphone (HP) orangtua, dan mengupload foto siswa.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Fungsi-fungsi yang terdapat pada halaman data siswa yaitu simpan dan reset. fungsi simpan untuk menyimpan data yang telah diinput sedangkan fungsi reset untuk mengatur ulang field-field yang telah diinput.</p></div>
| + | |
− | ===Rancangan Tampilan Halaman Master Data Siswa===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini adalah contoh gambar rancangan prototype pada tampilan halaman master data siswa.</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-48Dx1jfC1sg/Vraf02D7QRI/AAAAAAAAAb0/yjrjjFWaSgU/s554-Ic42/prototype3.jpg"/></div><p style="text-align: center;">'''Gambar 4.11. Rancangan Tampilan Halaman Master Data Siswa'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Field-field yang ditampilkan pada halaman master data siswa yaitu NIS, Nama siswa, jurusan, dan kelas.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Terdapat fungsi search untuk memudahkan dalam pencarian data siswa. Selain itu terdapat fungsi ubah dan hapus. Fungsi ubah untuk mengubah data siswa yang telah diinput oleh admin sedangkan fungsi hapus untuk menghapus data siswa.</p></div>
| + | |
− | | + | |
− | ===Rancangan Tampilan Halaman Input Tata Tertib===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini adalah contoh gambar rancangan prototype pada tampilan halaman input tata tertib.</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-L0zD3wcOQyI/Vraf1UQZzsI/AAAAAAAAAb0/Klc2TwPf4z0/s555-Ic42/prototype4.jpg"/></div><p style="text-align: center;">''' Gambar 4.12. Rancangan Tampilan Halaman Input Tata Tertib'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman input tata tertib berfungsi untuk menginputkan tata tertib sesuai dengan peraturan yang berlaku di SMK Yuppentek 1 Tangerang. Yang diberikan hak untuk melakukan Penginputan ini yaitu guru BK.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Komponen-komponen yang terdapat pada halaman input tata tertib ini yaitu kode tata tertib, nama tata tertib, jenis tata tertib dan poin.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Pada halaman ini terdapat dua fungsi yaitu fungsi simpan dan reset. Fungsi simpan digunakan ketika akan menyimpan data yang telah diinput sedangkan fungsi reset berfungsi untuk mengatur ulang data jika terjadi kesalahan pada data yang telah diinput sebelumnya.</p></div>
| + | |
− | ===Rancangan Tampilan Halaman Tata Tertib===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini adalah contoh gambar rancangan prototype pada tampilan halaman tata tertib.</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-ZcRVq7l0E8Y/Vraf3JetOQI/AAAAAAAAAb0/DnZKEAdWloQ/s560-Ic42/prototype5.jpg"/></div><p style="text-align: center;">'''Gambar 4.13. Rancangan Tampilan Halaman Tata Tertib'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Field- field yang ditampilkan pada halaman tata tertib yaitu poin, kode tata tertib, nama tata tertib, jenis tata tertib yang dikelompokkan berdasarkan poin pelanggaran yaitu ringan, sedang, dan berat , dan status dari tata tertib tersebut aktif atau tidak aktif.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Terdapat fungsi search untuk memudahkan dalam pencarian data tata tertib. Selain itu terdapat fungsi ubah dan hapus. Fungsi ubah untuk mengubah data tata tertib yang telah diinput oleh admin sedangkan fungsi hapus untuk menghapus data tata tertib.</p></div>
| + | |
− | ===Rancangan Tampilan Halaman Input Sanksi===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini adalah contoh gambar rancangan prototype pada tampilan halaman input sanksi.</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-ayyvNGDjnCA/Vraf3RVjv7I/AAAAAAAAAb0/q79Hmdgfe_8/s562-Ic42/prototype6.jpg"/></div><p style="text-align: center;">'''Gambar 4.14. Rancangan Tampilan Halaman Input Sanksi'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman input sanksi berfungsi untuk menginputkan sanksi-sanksi sesuai dengan range poin yang telah ditentukan. Penginputan ini dilakukan oleh guru BK.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Komponen-komponen yang terdapat pada halaman sanksi yaitu id sanksi, jenis sanksi, minimal poin, dan maksimal poin.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Fungsi yang terdapat pada halaman ini yaitu fungsi simpan dan reset. Fungsi simpan digunakan ketika akan menyimpan data yang telah diinput sedangkan fungsi reset berfungsi untuk mengatur ulang data jika terjadi kesalahan pada data yang telah diinput sebelumnya.</p></div>
| + | |
− | | + | |
− | ===Rancangan Tampilan Halaman Sanksi===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini adalah contoh gambar rancangan prototype pada tampilan halaman sanksi</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-0XIG2Gre-_4/Vraf4RLicBI/AAAAAAAAAb0/PJ6c2b8a_Lg/s582-Ic42/prototype7.jpg"/></div><p style="text-align: center;">'''Gambar 4.15. Rancangan Tampilan Halaman Sanksi'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Field-field yang ditampilkan pada halaman sanksi yaitu jenis sanksi, poin, dan status.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Terdapat fungsi search untuk memudahkan dalam pencarian data sanksi. Selain itu terdapat fungsi ubah dan hapus. Fungsi ubah untuk mengubah data sanksi yang telah diinput oleh admin sedangkan fungsi hapus untuk menghapus data tata tertib.</p></div>
| + | |
− | ===Rancangan Tampilan Halaman Input Pelanggaran===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini adalah contoh gambar rancangan prototype pada tampilan halaman input pelanggaran.</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-xrzuWf7AIK0/Vraf5x7khZI/AAAAAAAAAb0/gAv9euoFXbs/s554-Ic42/prototype8.jpg"/></div><p style="text-align: center;">'''Gambar 4.16. Rancangan Tampilan Halaman Input Pelanggaran'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Komponen-komponen yang terdapat pada halaman ini yaitu tanggal, NIS, nama siiswa, kelas, wali kelas, jurusan, kode pelanggaran, dan poin. Namun guru BK tidak perlu menginputkan semua komponen yang ada tetapi hanya menginputkan NIS dan kode pelanggaran dan secara otomatis komponen lain akan berisi data sesuai dengan NIS dan kode pelanggaran yang telah diinput dan field tanggal akan secara otomatis menampilkan tanggal ketika guru BK menginputkan pelanggaran.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Pada halaman ini juga terdapat dua fungsi yaitu fungsi simpan dan fungsi reset.</p></div>
| + | |
− | ===Rancangan Tampilan Halaman Pelanggaran===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini adalah contoh gambar rancangan prototype pada tampilan halaman pelanggaran.</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-nNz8M_VLQ8o/Vraf6PBFAfI/AAAAAAAAAb0/0NTq57HDQJo/s512-Ic42/prototype9.jpg"/></div><p style="text-align: center;">'''Gambar 4.17. Rancangan Tampilan Halaman Pelanggaran'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">field-field yang ditampilkan pada halaman pelanggaran yaitu nama siswa, jenis pelanggaran, poin, dan waktu.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Terdapat fungsi search untuk memudahkan dalam pencarian data pelanggaran dan terdapat fungsi untuk menginputkan pelanggaran baru. Selain itu terdapat fungsi yang berisi penjelasan untuk masuk ke halaman berikutnya yaitu halaman detail pelanggaran dengan cara mengklik pada nama siswa.</p></div>
| + | |
− | ===Rancangan Tampilan Halaman Detail Pelanggaran===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini adalah contoh gambar rancangan prototype pada tampilan halaman detail pelanggaran.</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-o_K4EsLrfzI/VrafvSAPlZI/AAAAAAAAAaw/E4NTz5CFwNM/s543-Ic42/prototype10.jpg"/></div><p style="text-align: center;">'''Gambar 4.18. Rancangan Tampilan Halaman Detail Pelanggaran'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Field-field yang ditampilkan pada halaman detail pelanggaran yaitu NIS, nama siswa, nama orangtua, nomor handphone orangtua, foto siswa, tanggal pelanggaran, id pelanggaran, nama pelanggaran, poin, dan total poin pelanggaran.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Terdapat fungsi kembali yang digunakan untuk kembali pada halaman sebelumnya yaitu halaman tampilan pelanggaran.</p></div>
| + | |
− | ===Rancangan Tampilan Halaman Detail Tindakan===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini adalah contoh gambar rancangan prototype pada tampilan halaman detail tindakan.</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-MUFQOIle1w0/VrafvWsdd7I/AAAAAAAAAaw/puE7XX-vlGk/s551-Ic42/prototype11.jpg"/></div><p style="text-align: center;">'''Gambar 4.19. Rancangan Tampilan Halaman Detail Tindakan'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Pada menu peringatan terdapat halaman detail tindakan. Halaman detail tindakan berfungsi untuk memasukkan status dari sanksi yang diterima oleh siswa sudah ditindak atau belum ditindak. Terdapat fungsi search untuk memudahkan dalam pencarian data.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Selain itu terdapat fungsi yang berisi penjelasan untuk masuk ke halaman berikutnya yaitu halaman detail peringatan dengan cara mengklik pada NIS atau nama siswa.</p></div>
| + | |
− | ===Rancangan Tampilan Halaman Detail Peringatan===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini adalah contoh gambar rancangan prototype pada tampilan halaman detail peringatan.</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-5eBaOd1WjJE/VrafzQKLECI/AAAAAAAAAaw/F_lsabcbzvc/s549-Ic42/prototype12.jpg"/></div><p style="text-align: center;">'''Gambar 4.20. Rancangan Tampilan Halaman Detail Peringatan'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Field-field yang ditampilkan pada halaman detail peringatan yaitu NIS, nama siswa, nama orangtua, nomor handphone orangtua, foto siswa, tanggal pelanggaran, jenis peringatan, tanggal tindakan, dan guru penindak.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Terdapat fungsi kembali yang digunakan untuk kembali pada halaman sebelumnya yaitu detail tindakan.</p></div>
| + | |
− | ===Rancangan Tampilan Halaman Laporan===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini adalah contoh gambar rancangan prototype pada tampilan halaman Laporan.</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-fWXAY46Lp6Q/VrafyIwW7PI/AAAAAAAAAaw/fOlUKo4R24c/s512-Ic42/prototype13.jpg"/></div><p style="text-align: center;">'''Gambar 4.21. Rancangan Tampilan Halaman Laporan'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman laporan berfungsi untuk menampilkan laporan kedisiplinan siswa yang telah dikategorikan menjadi tiga kategori yaitu berdasarkan kelas, jurusan, dan tingkat.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Laporan yang ditampilkan pada sistem ini yaitu berupa grafik berbentuk diagram lingkaran dan dilengkapi dengan tabel.</p></div>
| + | |
− | ===Rancangan Tampilan Halaman Monitoring Pelanggaran===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini adalah contoh gambar rancangan prototype pada tampilan halaman monitoring pelanggaran.</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-N197oGz1bbw/VrafzN4q3XI/AAAAAAAAAaw/fd09aHQHSUE/s514-Ic42/prototype14.jpg"/></div><p style="text-align: center;">''' Gambar 4.22. Rancangan Tampilan Halaman Monitoring Pelanggaran'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman monitoring berfungsi untuk menampilkan atau memonitoring pelanggaran yang paling banyak dilakukan oleh siswa berdasarkan range tanggal yang diinput. Laporan monitoring yang ditampilkan berupa grafik berbentuk diagram batang dan tabel.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Fungsi yang terdapat pada halaman laporan yaitu fungsi cetak yang digunakan untuk mencetak laporan sesuai dengan kategori yang telah dipilih.</p></div>
| + | |
− | | + | |
− | ==Rancangan Program==
| + | |
− | ===Tampilan Halaman Login===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibaawah ini merupakan tampilan halaman login pada sistem yang diusulkan :</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-tNA6wF8bHBI/VsGtsEJRQ3I/AAAAAAAAAcc/scRWbn-sMZc/s572-Ic42/login.jpg"/></div><p style="text-align: center;">'''Gambar 4.23. Tampilan Halaman Login'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Agar dapat masuk kedalam sistem, maka user harus melakukan login terlebih dahulu dengan cara memasukkan username dan password. Halaman login dilengkapi dengan tombol button untuk mengatur ulang username dan password jika suatu saat user lupa password.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman login terdapat background berupa slide show yang menampilkan foto-foto sekolah. Selain itu terdapat penjelasan singkat mengenai visi misi SMK YUPPENTEK 1 Tangerang.</p></div>
| + | |
− | | + | |
− | ===Tampilan Halaman Home===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini merupakan tampilan halaman home pada sistem yang diusulkan :</p></div>
| + | |
− | <div align="center"><img width="500" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-3vxGwf3ZpJg/VrafdGQpaWI/AAAAAAAAAb4/0DGCaQT55xE/s569-Ic42/output1.jpg"/></div><p style="text-align: center;">'''Gambar 4.24. Tampilan Halaman Home'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman home merupakan halaman pertama yang tampil pada sistem setelah user berhasil login.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman home juga menampilkan slide show berupa gambar sekolah dan penjelasan singkat mengenai visi dan misi SMK YUPPENTEK 1 Tangerang. Halaman home akan menampilkan menu-menu yang terdapat pada sistem diantaranya yaitu menu home, menu data siswa, menu tata tertib, menu sanksi, menu pelanggaran, menu peringatan, menu laporan yang didalamnya terdapat sub menu yaitu kelas, jurusan, tingkat, dan monitoring, pengaturan dan nama user yang masuk ke dalam sistem.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2"> Pada halaman pengaturan terdapat sub menu yaitu tahun pelajaran berisi data tahun pelajaran akademik, jurusan berisi data nama-nama jurusan, kelas berisi data nama-nama kelas dan wali kelas, dan master data pengguna berisi data pengguna (user) yang memiliki hak akses pada sistem. Sedangkan pada menu nama user yang terdapat pada pojok kanan atas terdapat sub menu yaitu ubah profil berfungsi untuk mengubah profil pengguna dan logout untuk keluar dari sistem.</p></div>
| + | |
− | | + | |
− | ===Tampilan Halaman Master Data Siswa===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini merupakan tampilan halaman master data siswa pada sistem yang diusulkan</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-E-fVcsZ1T2U/VrafiVtkSzI/AAAAAAAAAaw/l8aN0SjOlBk/s595-Ic42/output2.jpg"/></div><p style="text-align: center;">'''Gambar 4.25. Tampilan Halaman Master Data Siswa'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman master data siswa berfungsi untuk menampilkan daftar data siswa yang melakukan pelanggaran. Fungsi yang terdapat pada halaman master data siswa yaitu fungsi input, ubah, dan hapus. Fungsi input digunakan untuk menginputkan data siswa yang baru melakukan pelanggaran, fungsi ubah digunakan untuk mengubah data siswa yang telah diinput, dan fungsi hapus digunakan untuk menghapus data siswa.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Field-field yang ditampilkan pada halaman master data siswa yaitu no, nis, nama siswa, jurusan, dan kelas. Halaman master data siswa juga akan menampilkan jumlah siswa yang melakukan pelanggaran dari masing-masing jurusan.</p></div>
| + | |
− | | + | |
− | ===Tampilan Halaman Input Data Siswa===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini merupakan tampilan halaman input data siswa pada sistem yang diusulkan</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-K43LuuQbTwo/Vrafjn0YawI/AAAAAAAAAaw/XYy9FZJ3T6Q/s529-Ic42/output3.jpg"/></div><p style="text-align: center;">'''Gambar 4.26. Tampilan Halaman Input Data Siswa'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman input data siswa berfungsi untuk menginputkan data siswa yang melakukan pelanggaran. Field-field yang diinputkan yaitu nis, nama siswa, tempat tanggal lahir, jenis kelamin, alamat, jurusan, kelas, nama orangtua, nomor handphone orangtua, dan mengupload foto siswa yang melakukan pelanggaran.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Fungsi yang terdapat pada halaman input data siswa yaitu fungsi simpan data, update data, dan reset. fungsi simpan data digunakan untuk menyimpan data yang telah diinput oleh admin, fungsi update data digunakan untuk mengupdate data siswa dan fungsi reset digunakan untuk mengatur ulang data yang telah diinput.</p></div>
| + | |
− | | + | |
− | ===Tampilan Halaman Tata Tertib===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini merupakan tampilan halaman tata tertib pada sistem yang diusulkan.</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-gmvbRwxysVE/VrafnFT3tbI/AAAAAAAAAaw/CUQuKi3Q2i8/s580-Ic42/output4.jpg"/></div><p style="text-align: center;">'''Gambar 4.27. Tampilan Halaman Tata Tertib'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman tata tertib berfungsi untuk menampilkan data tata tertib yang telah diinput. Field-field yang ditampilkan yaitu kode, nama tata tertib, poin, jenis, dan status.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Fungsi-fungsi yang terdapat pada halaman tata tertib yaitu fungsi input yang digunakan untuk menginputkan data tata tertib, fungsi ubah untuk mengubah data tata tertib yang telah diinput, fungsi hapus untuk menghapus data tata tertib, fungsi show untuk menampilkan jumlah data sesuai dengan yang diinginkan, fungsi sorting untuk mengurutkan data yang akan ditampilkan, fungsi previous dan next untuk mengembalikan dan melanjutkan ke halaman sebelumnya atau selanjutnya. Selain itu juga terdapat kolom search yang digunakan untuk memudahkan proses pencarian data.</p></div>
| + | |
− | | + | |
− | ===Tampilan Halaman Input Tata Tertib===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini merupakan tampilan halaman input tata tertib pada sistem yang diusulkan.</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-YVBVtrQNgaU/VrafnTDnhqI/AAAAAAAAAaw/Tfm-yTa-phY/s647-Ic42/output5.jpg"/></div><p style="text-align: center;">'''Gambar 4.28. Tampilan Halaman Input Tata Tertib'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman input tata tertib berfungsi untuk menginputkan data tata tertib sesuai dengan peraturan yang berlaku di sekolah.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Field-field yang diinput yaitu kode tata tertib, nama tata tertib, jenis tata tertib, dan poin. Fungsi-fungsi yang terdapat pada halaman input tata tertib yaitu fungsi simpan yang digunakan untuk menyimpan data yang telah diinput, fungsi reset yang digunakan untuk mengatur ulang data yang telah diinput, dan fungsi kembali yang digunakan untuk kembali ke halaman sebelumnya yaitu halaman tata tertib.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Penginputan data tata tertib ini dilakukan oleh guru BK yang bertindak sebagai admin. </p></div>
| + | |
− | | + | |
− | ===Tampilan Halaman Sanksi===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini merupakan tampilan halaman sanksi pada sistem yang diusulkan.</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-w_-uS-tw56c/VrafnfChSJI/AAAAAAAAAaw/jvjGf4M-T84/s589-Ic42/output6.jpg"/></div><p style="text-align: center;">'''Gambar 4.29. Tampilan Halaman Sanksi'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman sanksi berfungsi untuk menampilkan sanksi-sanksi pelanggaran berdasarkan range poin yang telah ditetapkan oleh sekolah.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Field-field yang ditampilkan yaitu no, jenis sanksi, poin, dan status. Fungsi-fungsi yang terdapat pada halaman sanksi yaitu fungsi input yang digunakan untuk menginputkan data sanksi, fungsi ubah untuk mengubah data sanksi yang telah diinput, fungsi hapus untuk menghapus data sanksi, fungsi show untuk menampilkan jumlah data sesuai dengan yang diinginkan, fungsi sorting untuk mengurutkan data yang akan ditampilkan, fungsi previous dan next untuk mengembalikan dan melanjutkan ke halaman sebelumnya atau selanjutnya, dan terdapat kolom search yang digunakan untuk memudahkan proses pencarian data.</p></div>
| + | |
− | | + | |
− | ===Tampilan Halaman Input Sanksi===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini merupakan tampilan halaman input sanksi pada sistem yang diusulkan.</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-kO88vGi6cb8/VrafpbGPNtI/AAAAAAAAAaw/Ozkl1yPD7Ag/s622-Ic42/output7.jpg"/></div><p style="text-align: center;">'''Gambar 4.30. Tampilan Halaman Input Sanksi'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman input sanksi berfungsi untuk menginputkan data tata sanksi sesuai dengan range poin yang telah ditetapkan.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Field-field yang diinput yaitu jenis sanksi, minimal poin, dan maksimal poin. Fungsi-fungsi yang terdapat pada halaman input sanksi yaitu fungsi simpan yang digunakan untuk menyimpan data yang telah diinput, fungsi reset yang digunakan untuk mengatur ulang data yang telah diinput, dan fungsi kembali yang digunakan untuk kembali ke halaman sebelumnya yaitu halaman sanksi.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Penginputan data tata tertib ini dilakukan oleh guru BK yang bertindak sebagai admin. </p></div>
| + | |
− | | + | |
− | ===Tampilan Halaman Input Pelanggaran===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini merupakan tampilan halaman input pelanggaran pada sistem yang diusulkan</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-U6iOrX4oBgU/VrafpwPgFeI/AAAAAAAAAaw/UoCfLx92-gg/s555-Ic42/output8.jpg"/></div><p style="text-align: center;">'''Gambar 4.31. Tampilan Halaman Input Pelanggaran'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman input pelanggaran berfungsi untuk menginputkan data pelanggaran yang dilakukan oleh siswa. Field-field yang terdapat pada halaman ini yaitu tanggal, nis, nama siswa, kelas, wali kelas, jurusan, kode pelanggaran, pelanggaran, dan poin.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Field yang harus diinput oleh admin hanya field nis dan kode pelanggaran sesuai dengan nis siswa yang melakukan pelanggaran dan kode pelanggaran dari pelanggaran yang dilakukan oleh siswa. Jika nis dan kode pelanggaran telah diinput maka data yang lain akan secara otomatis tampil. Fungsi yang terdapat pada halaman ini yaitu fungsi simpan untuk menyimpan data yang telah diinput, fungsi reset untuk mengatur ulang data yang telah diinput dan fungsi kembali untuk kembali pada halaman sebelumnya.</p></div>
| + | |
− | | + | |
− | ===Tampilan Halaman Pelanggaran===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini merupakan tampilan halaman pelanggaran pada sistem yang diusulkan</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-tNA6wF8bHBI/VsGtsEJRQ3I/AAAAAAAAAcc/scRWbn-sMZc/s572-Ic42/login.jpg"/></div><p style="text-align: center;">'''Gambar 4.32. Tampilan Halaman Pelanggaran'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman pelanggaran berfungsi untuk menampilkan data-data pelanggaran yang dilakukan oleh setiap siswa. Field-field yang ditampilkan yaitu no, nama siswa, jumlah pelanggaran, total poin, dan waktu. </p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Fungsi-fungsi yang terdapat pada halaman sanksi yaitu fungsi input yang digunakan untuk menginputkan data sanksi, fungsi show untuk menampilkan jumlah data sesuai dengan yang diinginkan, fungsi sorting untuk mengurutkan data yang akan ditampilkan, fungsi previous dan next untuk mengembalikan dan melanjutkan ke halaman sebelumnya atau selanjutnya, kolom search yang digunakan untuk memudahkan proses pencarian data. Selain itu terdapat fungsi petunjuk untuk ke halaman detail pelanggaran dengan cara mengklik pada nama siswa.</p></div>
| + | |
− | | + | |
− | ===Tampilan Halaman Detail Pelanggaran===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini merupakan tampilan halaman detail pelanggaran pada sistem yang diusulkan</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-cGMLf11G_y8/VraffSkznEI/AAAAAAAAAaw/ZhjtK18E1dc/s560-Ic42/output10.jpg"/></div><p style="text-align: center;">''' Gambar 4.33. Tampilan Halaman Detail Pelanggaran'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman detail pelanggaran berfungsi untuk menampilkan detail pelanggaran yang dilakukan oleh siswa. Halaman ini akan menampilkan detail pelanggaran dari siswa yang namanya di klik pada halaman sebelumnya yaitu halaman pelanggaran.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Field-field yang ditampilkan dalam table yaitu no, tanggal, id pelanggaran, pelanggaran, poin, dan total poin. Selain itu pada bagian atas table terdapat field nis, nama, nama orangtua, no HP orangtua, dan foto siswa yang melakukan pelanggaran. Fungsi yang terdapat pada halaman ini yaitu fungsi kembali yang digunakan pada saat ingin kembali ke halaman sebelumnya yaitu halaman pelanggaran.</p></div>
| + | |
− | | + | |
− | ===Tampilan Halaman Detail Tindakan===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini merupakan tampilan halaman detail tindakan pada sistem yang diusulkan</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-JeZbDEbvS7A/VraffStKG-I/AAAAAAAAAaw/p3gNJ5dSmBQ/s552-Ic42/output11.jpg"/></div><p style="text-align: center;">'''Gambar 4.34. Tampilan Halaman Detail Tindakan'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman detail tindakan terdapat pada menu peringatan yang berfungsi untuk menampilkan siswa-siswa yang sudah ditindak dan belum ditindak. Pada bagian menu peringatan terdapat angka yang menunjukkan jumlah siswa yang belum ditindak dan pada bagian table siswa yang sudah ditindak dan siswa yang belum ditindak dibedakan dengan menggunakan indikator warna.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Fungsi-fungsi yang terdapat pada halaman detail peringatan yaitu fungsi tindak untuk mengupdate status sanksi yang diberikan kepada siswa apakah sudah ditindak atau belum ditindak, fungsi show untuk menampilkan jumlah data sesuai dengan yang diinginkan, fungsi sorting untuk mengurutkan data yang akan ditampilkan, fungsi previous dan next untuk mengembalikan dan melanjutkan ke halaman sebelumnya atau selanjutnya, kolom search yang digunakan untuk memudahkan proses pencarian data. Selain itu terdapat fungsi petunjuk untuk ke halaman detail peringatan dengan cara mengklik pada nis atau nama siswa.</p></div>
| + | |
− | | + | |
− | ===Tampilan Halaman Detail Peringatan===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibaawah ini merupakan tampilan halaman login pada sistem yang diusulkan :</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-H-hHWwIonyA/Vrafhk4xk3I/AAAAAAAAAaw/m5I7_MgjGHM/s570-Ic42/output12.jpg"/></div><p style="text-align: center;">'''Gambar 4.35. Tampilan Halaman Detail Peringatan'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman detail peringatan juga terdapat pada halaman peringatan. Data yang ditampilkan pada halaman detail peringatan berdasarkan pada nis atau nama siswa yang diklik pada halaman detail tindakan.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Field-field yang ditampilkan yaitu nis, nama siswa, nama orangtua, nomor HP orangtua, dan foto siswa yang melakukan pelanggaran. Sedangkan field yang ditampilkan pada tabel yaitu no, tanggal pelanggaran, jenis pelanggaran, tanggal tindakan, dan guru penindak. Fungsi yang terdapat pada halaman ini yaitu fungsi kembali untuk kembali ke halaman sebelumnya yaitu halaman detail tindakan.</p></div>
| + | |
− | | + | |
− | ===Tampilan Halaman Laporan Monitoring Pelanggaran===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Dibawah ini merupakan tampilan halaman laporan monitoring pelanggaran pada sistem yang diusulkan.</p></div>
| + | |
− | <div align="center"><img width="450" height="350" style="margin:0px" src="https://lh3.googleusercontent.com/-vy3K2oQdALw/VrafhqwuekI/AAAAAAAAAaw/P0LYDkHv2ns/s612-Ic42/output13.jpg"/></div><p style="text-align: center;">'''Gambar 4.36. Tampilan Halaman Laporan Monitoring Pelanggaran'''</p>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Halaman laporan monitoring pelanggaran berfungsi untuk menampilkan laporan pelanggaran yang paling banyak dilakukan oleh siswa berdasarkan range tanggal yang diinput yang disajikan dalam bentuk grafik batang.</p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Garis horizontal pada grafik menunjukkan nama pelanggaan yang tiap pelanggarannya dibedakan berdasarkan indikator warna sedangkan garis vertical menunjukkan jumlah pelanggaran yang telah dilakukan oleh siswa. Selain grafik, laporan monitoring pelanggaran juga disajikan dalam bentuk tabel. Field-field yang ditampilkan yaitu no, nama pelanggaran, dan jumlah pelanggaran. Laporan monitoring pelanggaran dapat dicetak dan didownload dalam format pdf.</p></div>
| + | |
− | | + | |
− | ==Konfigurasi Sistem Usulan==
| + | |
− | ===Spesifikasi Hardware===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Perangkat keras yang dibutuhkan oleh aplikasi atau sistem adalah suatu unit personal computer (PC). Perangkat keras yang diusulkan ini dibuat berdasarkan kebutuhan sistem saat ini dan antisipasi kebutuhan dimasa yang akan datang. Maka penulis mengklasifikannya sebagai berikut :</p></div>
| + | |
− | <ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Prosesor : Intel Core i3
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Monitor : 14 inch LED
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Memori RAM : 4GB DDR3
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Operating System : Windows 7 ultimate 64-bit
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Harddisk : 320 GB</li></ol>
| + | |
− | | + | |
− | ===Aplikasi Yang Digunakan===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Perangkat lunak yang digunakan untuk membuat dan menjalankan aplikasi ini adalah sebagai berikut :</p></div>
| + | |
− | <ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Windows 7 ultimate 64 bit
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Adobe Dreamweaver CS6
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">XAMPP Version 1.7.1
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Apache 2.2.21 (Win32) DAV/2 mod_ssl/2.2.21 OpenSSL/1.0.0e
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">PHP 5.3.8
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Mysql 5.0.8-dev
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Edraw Max 6.8
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Visual Paradigm For UML 8.0</li></ol>
| + | |
− | | + | |
− | ===Hak Akses===
| + | |
− | <ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Guru BK sebagai admin dapat mengakses semua halaman pada sistem yaitu halaman home, data siswa, tata tertib, sanksi, pelanggaran, peringatan, dan laporan.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Kepala sekolah hanya dapat mengakses halaman home dan laporan.
| + | |
− | </li></ol>
| + | |
− | | + | |
− | ==Testing==
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Pengujian terhadap sistem perhitungan poin pelanggaran memakai metode pengujian black box atau yang biasa disebut dengan pengujian fungsional. Pengujian black box berfokus pada persyaratan fungsional perangkat lunak.</p></div>
| + | |
− | ===Rencana Pengujian===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Adapun rancangan pengujian sistem yang akan diuji dengan teknik pengujian Black Box akan penulis kelompokan dalam tabel dibawah ini :</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.25. Rancangan pengujian sistem yang akan diuji'''</p>
| + | |
− | <div align="center"><img width="450" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-Bl3uy4FLTKw/VrafE3HxUTI/AAAAAAAAAb4/Ae3Zmr0mkgU/s387-Ic42/blackbox.jpg"/></div>
| + | |
− | | + | |
− | ===Kasus dan Hasil Pengujian===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Berikut ini adalah kasus untuk menguji perangkat lunak yang sudah dibangun menggunakan metode Black Box berdasarkan Tabel 4.25 Rencana Pengujian yang telah dibuat sebelumnya.</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.26. Kasus dan Hasil Pengujian'''</p>
| + | |
− | <div align="center"><img width="300" height="600" style="margin:0px" src="https://lh3.googleusercontent.com/-E2w5lJOuk6A/VrafJstinTI/AAAAAAAAAb4/nGJ_VIgQuJE/s512-Ic42/blackbox1.jpg"/></div>
| + | |
− | | + | |
− | ==Implementasi==
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Setelah sistem yang diusulkan ini selesai dianalisa dan didesain secara terperinci dengan teknologi dan desain yang terpilih, maka tiba saatnya sistem diimplementasikan dan diterapkan. Tahap ini terdiri dari beberapa kegiatan yang harus dilakukan sebelum sistem yang baru benar benar digunakan. Kegiatan yang harus dilakukan antara lain:</p></div>
| + | |
− | <ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Tahap Pengumpulan Data
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Proses pengumpulan data digunakan sebagai perancangan sistem, sehingga data apa saja yang diperlukan dapat dianalisa dan dibuatkan sistem programnya.</p></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Analisa Sistem
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">merupakan kegiatan melakukan analisa terhadap aktifitas guru BK dalam mengelola data pelanggaran dan penanganan terhadap siswa yang melakukan pelanggaran yang akan dijadikan sebuah informasi dan akan diterapkan dalam suatu sistem yang dibutuhkan.</p></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Perancangan Sistem
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Perancangan sistem merupakan penerapan dari suatu hasil analisa yang telah dilakukan oleh seorang analis terhadap data yang dianalisanya, sehingga menghasilkan suatu rancangan sistem program yang mudah dipahami oleh seorang pembuat program.</p></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pembuatan Program
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Pembuatan program adalah kegiatan menulis kode program yang akan dieksekusi oleh komputer sesuai dengan kebutuhan user.</p></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Testing Program
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Testing program dilakukan untuk mengetahui kesalahan kesalahan yang ada. Dan untuk memastikan kebenaran dalam penulisan kode program ke dalam komputer.</p></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Evaluasi Program
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Kegiatan ini dilakukan setelah tes program, tujuannya untuk mengetahui kesalahan serta kekurangan pada program yang telah dibuat.</p></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Perbaikan Program
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Perbaikan program adalah penambahan atau pengurangan pada poin poin tertentu yang tidak diperlukan, sehingga program benar benar dapat dioptimalkan sesuai dengan kebutuhan user.</p></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Pelatihan
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Pelatihan setelah diketahui sudah tidak ada lagi kesalahan dan kekurangan, tahap selanjutnya dilakukan pelatihan terhadap guru BK maka perancangan sistem yang diusulkan dapat segara di implementasikan.</p></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Implementasi
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Setelah kelayakan program telah diketahui, maka langkah selanjutnya dilakukan implementasi program pada perusahaan terkait. </p></div>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dokumentasi
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0in">
| + | |
− | <p style="line-height: 2">Pengarsipan file yang tersusun rapi sangat membantu memudahkan pencarian data jika terdapat kesalahan nanti.</p></div>
| + | |
− | ==Time Schedule==
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Pada tahap ini dibutuhkan rencana implementasi yang berguna dalam pelaksanaan langkah-langkah kegiatan penerapannya. Langkah-langkah yang dilakukan dalam usaha mewujudkan sistem yang direncanakan ini dalam bentuk time table yaitu sebagai berikut:</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.27. Schedule Implementasi'''</p>
| + | |
− | <div align="center"><img width="550" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-TLPO9NbM5sk/Vraf69GKsBI/AAAAAAAAAb0/waNw3FTEQ5M/s482-Ic42/schedule.jpg"/></div>
| + | |
− | | + | |
− | ==Estimasi Biaya==
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Estimasi biaya digunakan sebagai penghitungan kebutuhan biaya yang diperlukan untuk menyelesaikan penelitian yang diusulkan. Dibawah ini adalah rincian biaya yang diperlukan penulis untuk menyelesaikan penelitian yang berjudul '''"Perancangan Sistem Informasi Perhitungan Nilai Poin Pelanggaran Pada SMK Yuppentek 1 Tangerang”'''.</p></div>
| + | |
− | <p style="text-align: center;">'''Tabel 4.28. Estimasi Biaya'''</p>
| + | |
− | <div align="center"><img width="550" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-oHRkESxGNcw/VrafFCr9dFI/AAAAAAAAAb4/rurWU2ilMQI/s441-Ic42/biaya.jpg"/></div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | {{pagebreak}}
| + | |
− | | + | |
− | =<div style="font-family: 'times new roman'; text-align: center">'''BAB V'''</div>=
| + | |
− | <div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PENUTUP'''</div>
| + | |
− | | + | |
− | ==Kesimpulan==
| + | |
− | ===Kesimpulan Terhadap Rumusan Masalah===
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Berdasarkan uraian rumusan masalah dan mempelajari permasalahan yang dihadapi pada bab 1, maka pada penelitian ini penulis menyimpulkan bebarapa hal sebagai berikut :</p></div>
| + | |
− | <ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Sistem perhitungan nilai poin pelanggaran tata tertib yang sedang berjalan saat ini pada SMK YUPPENTEK 1 Tangerang masih menggunakan sistem yang konvensional. Hal ini dikarenakan data siswa yang melakukan pelanggaran masih dicatat dalam sebuah buku pelanggaran siswa dan poin pelanggarannya pun masih dihitung secara manual sehingga mengakibatkan sering terlambatnya proses penindaklanjutan terhadap siswa yang bermasalah, selain itu sering terjadi kesalahan dalam merekapitulasi poin pelanggaran siswa sehingga sanksi yang diberikanpun tidak sesuai dengan jumlah poin pelanggarannya.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dalam merancang sistem yang akan diusulkan, penulis menggunakan metode berorientasi objek dengan tools Unified Modeling Language (UML) sehingga mendapatkan informasi yang cepat dan tepat sesuai dengan kebutuhan user.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Dengan diterapkannya aplikasi perhitungan nilai poin pelanggaran tata tertib pada SMK YUPPENTEK 1 Tangerang, pekerjaan guru BK dalam mencatat data pelanggaran siswa, menghitung total poin pelanggaran, pemberian sanksi kepada siswa dan pembuatan laporan untuk diberikan kepada kepala sekolah menjadi lebih mudah dan cepat.</li></ol>
| + | |
− | | + | |
− | ==Saran==
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
| + | |
− | <p style="line-height: 2">Berdasarkan hasil pada penelitian analisis yang telah dilakukan pada SMK YUPPENTEK 1 Tangerang, maka terdapat beberapa saran yang dapat dijadikan masukan untuk penelitian selanjutnya yaitu sebagai berikut :</p></div>
| + | |
− | <ol>
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Perlu dilakukan pengontrolan dan maintenance secara rutin terhadap sistem perhitungan nilai poin pelanggaran ini guna menghindari terjadinya kesalahan-kesalahan pada sistem dan dapat dilakukan perbaikan sesuai dengan perubahan dan perkembangan pada SMK YUPPENTEK 1 Tangerang.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Perlu adanya sosialisasi dan training terhadap aplikasi ini untuk memperkenalkan bagaimana aplikasi dijalankan dan untuk mengoptimalkan sistem ini dalam membantu kinerja guru bimbingan konseling (BK) dalam menyelesaikan pekerjaannya.
| + | |
− | <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2">Bagi mahasiswa yang akan melakukan penelitian selanjutnya dengan judul yang sama, diharapkan dapat mengembangkan sistem ini menjadi lebih baik. Serta dapat menambahkan beberapa fungsi untuk meningkatkan kinerja guru BK seperti memberikan hak akses kepada orangtua atau wali siswa untuk dapat melihat dan mengontrol secara langsung kedisiplinan siswa di sekolah.</li></ol>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | {{pagebreak}}
| + | |
− | | + | |
− | =<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''DAFTAR PUSTAKA'''</p></div>=
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
| + | |
− | <p style="line-height: 2">
| + | |
− | <references />
| + | |
− | </p></div>
| + | |
− | | + | |
− | {{pagebreak}}
| + | |
− | | + | |
− | =<div style="font-family: 'times new roman'; text-align: center">'''DAFTAR LAMPIRAN'''</div>=
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text indent: 0.5in">
| + | |
− | <p style="line-height: 1">'''Lampiran A''' </p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.1.Lampiran Kartu Bimbingan Skripsi (Pembimbing I dan Pembimbing II)]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.2. Validasi Skripsi]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.3. Kartu Studi Tetap Final]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.4. Formulir Seminar Proposal]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.5. Formulir Pertemuan Stakeholder]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.6. Formulir Pendaftaran Mengikuti Sidang Skripsi]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.7. Pengantar Observasi Skripsi]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.8. Kwitansi Pembayaran Skripsi]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.9. Kwitansi Pembayaran Raharja Career dan Sidang]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.10. Sertifikat Pelatihan REC]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.11. Sertifikat Seminar IT (Nasional 9 Sertifikat)]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.12. Sertifikat Internasional (1 Sertifikat)]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.13. Sertifikat Penerimaan Beasiswa]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.14. Sertifikat TOEFL]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.15. Sertifikat Prospek]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.16. Daftar Riwayat Hidup (CV)]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.17. Formulir Final Presentasi]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.18. Validasi Sidang]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.19. Formulir Ceklist Validasi Sidang]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit A.20. Daftar Nilai]</div>
| + | |
− | | + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text indent: 0.5in">
| + | |
− | <p style="line-height: 1">'''Lampiran B''' </p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit B.1. Form Observasi]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit B.2. Bukti Wawancara]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit B.3. Surat Persetujuan Penelitian]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit B.4. Surat Keterangan Penelitian Diterima]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit B.5. Surat Keterangan Hibah]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit B.6. Surat Keterangan Implementasi]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit B.7. Bukrti Penerimaan Jurnal CCIT]</div>
| + | |
− | | + | |
− | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text indent: 0.5in">
| + | |
− | <p style="line-height: 1">'''Lampiran C''' </p></div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit C.1. Absensi Siswa (Per Kelas)]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit C.2. Buku Daftar Pelanggaran]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit C.3. Surat Pemanggilan Orangtua]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit KATALOG PRODUK]</div>
| + | |
− | <div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify; text indent: 0.5in; line-height: 1">
| + | |
− | [https://docs.google.com/document/d/1cl0-ZmMObOr68KBzQDoPpk_DhO36LVNnBSmEAqmGmEk/edit SLIDE PRESENTASI]</div>
| + | |
− | | + | |
− |
| + | |
− | | + | |
− | | + | |
− | [[Category: Skripsi 2015/2016]]
| + | |
− | {{pagebreak}}
| + | |
− | </div>
| + | |
1. MySql merupakan database server, jadi dapat diakses dari jauh karena dapat tersambung ke media internet, selain itu juga dapat berperan sebagai client.
2. MySql adalah sebuah software database yang bersifat open source artinya software ini bebas digunakan oleh siapa saja tanpa harus membeli lisensinya kepada pembuatnya.
3. MySql didukung oleh driver ODBC, artinya database MySql dapat diakses menggunakan aplikasi apa saja termasuk berupa visual.
4. MySql adalah database menggunakan enkripsi password, jadi cukup aman karena memiliki password untuk mengaksesnya.
5. MySql merupakan database yang multi user, artinya database ini tidak hanya digunakan oleh sepihak orang, akan tetapi dapat digunakan oleh banyak pengguna.
6. MySql menggunakan suatu bahasa permintaan standar yaitu SQL (Struktured Query Language) yaitu sebuah permintaan yang distandarkan pada database server.