SISTEM ADMINISTRASI NILAI PADA LEMBAGA PENDIDIKAN DAN PELATIHAN LPIKOM SRAGEN NASKAH PUBLIKASI Diajukan untuk melengkapi tugas dan syarat-syarat guna memperoleh derajat Sarjana Strata Satu ( S1) Program Studi Teknik Informatika Fakultas Teknologi Informatika Universitas Surakarta Disusun Oleh : Nama : Wahyu Budi Utomo Nim : 200922030 Program Studi : Teknik Informatika FAKULTAS TEKNOLOGI INFORMATIKA UNIVERSITAS SURAKARTA 2013 1 FAKULTAS TEKNOLOGI INFORMATIKA PROGRAM STUDI TEKNIK INFORMATIKA UNIVERSITAS SURAKARTA PERNYATAAN PENULIS Judul : SISTEM ADMINISTRASI NILAI PADA LEMBAGA PENDIDIKAN DAN PELATIHAN LPIKOM SRAGEN Nama : WAHYU BUDI UTOMO NIM : 200922030 Jurusan : Teknik Informatika / S1 Saya menyatakan dan tanggung jawab dengan sebenarnya bahwa kerja praktik ini adalah hasil karya saya sendiri kecuali cuplikan, dan ringkasan masing-masing telah saya jelaskan sumbernya. Jika pada waktu selanjutnya, ada pihak lain yang menemukan sebagian atau seluruh skripsi ini yang di sertai bukti-bukti yang cukup maka saya bersedia untuk dibatalkan gelar strata 1 saya beserta segala hak dan kewajiban yang melekat pada gelar tersebut. Surakarta, September 2013 Wahyu Budi Utomo FAKULTAS TEKNOLOGI INFORMATIKA 2 PROGRAM STUDI TEKNIK INFORMATIKA UNIVERSITAS SURAKARTA HALAMAN PERSETUJUAN Judul : SISTEM ADMINISTRASI NILAI PADA LEMBAGA PENDIDIKAN DAN PELATIHAN LPIKOM SRAGEN Nama : WAHYU BUDI UTOMO NIM : 200922030 Jurusan : Teknik Informatika / S1 Telah diperiksa dan disetujui Hari / tanggal :......................................... Dosen Pembimbing I Ir.Tri Irianto Tjendro, M.T Dosen Pembimbing II Candra Bakara, S.Kom FAKULTAS TEKNOLOGI INFORMATIKA PROGRAM STUDI TEKNIK INFORMATIKA UNIVERSITAS SURAKARTA 3 PENGESAHAN NASKAH PUBLIKASI Judul : SISTEM ADMINISTRASI NILAI PADA LEMBAGA PENDIDIKAN DAN PELATIHAN LPIKOM SRAGEN Nama : WAHYU BUDI UTOMO NIM : 200922030 Jurusan : Teknik Informatika / S1 Naskah ini telah diujikan didepan dewan penguji Pada hari / tanggal : Ketua Penguji : Sekretaris : Anggota : Mengetahui Dekan Fakultas Tekonologi Informatika Achmad Nurhidayat, S.T.,M.Pd Ketua Progam Studi Teknik Informatika Ir.Tri Irianto Tjendro, M.T 4 DAFTAR ISI HALAMAN JUDUL ................................................................................................... i HALAMAN PERSETUJUAN .................................................................................... ii HALAMAN PENGESAHAN ..................................................................................... iii HALAMAN PERYATAAN PENULIS ......................................................................... iv HALAMAN PERSEMBAHAN ................................................................................... v MOTTO .................................................................................................................... vi KATA PENGANTAR ................................................................................................ vii ABSTRACT ............................................................................................................. ix ABSTRAKSI ............................................................................................................ x DAFTAR ISI ............................................................................................................. xi DAFTAR TABEL ...................................................................................................... xvi DAFTAR GAMBAR .................................................................................................. xvii BAB I. PENDAHULUAN 1.1 Latar Belakang .................................................................................... 1 1.2 Rumusan Masalah .............................................................................. 2 1.3 Batasan Masalah ................................................................................ 3 1.4 Tujuan Penelitian ................................................................................ 3 1.5 Manfaat Penelitian .............................................................................. 3 1.6 Metode Penelitian ............................................................................... 4 1.7 Sistematika Penulisan ........................................................................ 6 BAB II. GAMBARAN UMUM 2.1 Gambaran Umum ............................................................................. 8 2.1.1 Profil Lembaga ...................................................................... 8 2.1.2 Visi Misi dan Tujuan ............................................................... 9 2.1.3 Progam Kerja LPK LPIKOM Sragen ...................................... 10 2.1.4 Struktur Organisasi ................................................................ 12 2.2 Landasan Teori .................................................................................. 13 2.2.1 Pengertian Sistem, Informasi, Sistem Informasi ................... 13 2.2.2 Sistem Informasi Akademik .................................................. 14 2.2.3 Data dan Basis Data ............................................................. 14 2.2.4 Context Diagram ................................................................... 15 2.2.5 DFD (Dafa Flow Diagram) .................................................... 15 2.2.6 Flowchat ................................................................................ 16 2.2.7 Hypertext Markup Language (HTML) ................................... 18 2.2.8 PHP (PHP : Hypertext Preprocessor) ................................... 18 2.2.9 MySQL .................................................................................. 19 2.2.10 Web Browser ...................................................................... 20 2.2.11 CSS ..................................................................................... 21 5 2.2.12 JQuery................................................................................. 22 2.2.13 Adobe Dreamweaver CS 3 ................................................. 22 2.3 Tinjauan Pustaka ............................................................................... 23 BAB III. ANALISIS DAN PERANCANGAN SISTEM 3.1 Analisi Sistem Yang Sedang Berjalan ............................................... 26 3.1.1 Analasis Prosedur Pendaftaran Siswa Baru ......................... 26 3.1.2 Analisis Prosedur Pendataan Instruktur ................................ 27 3.1.3 Analisis Prosedur Penilaian .................................................. 28 3.1.4 Analis Prosedur Pembuatan Laporan ................................... 28 3.1.5 Flow Map Sistem Yang Sedang Berjalan .............................. 29 3.1.6 Fasilitas Yang Tersedia......................................................... 30 3.1.7 Evaluasi Sistem Yang Sedang Berjalan ................................ 32 3.2 Kerangka Pemikiran .......................................................................... 33 3.3 Perencanaan Biaya ............................................................................ 34 3.4 Jadwal Penyusunan Penelitian .......................................................... 34 3.5 Perencanaan Sistem Usulan ............................................................. 35 3.5.1 Gambaran Umum Sistem Yang Diusulkan ........................... 35 3.5.2 Flow Map Yang Diusulkan .................................................... 36 3.5.3 Bagan Alir (Flowchart) Progam ............................................. 37 3.5.4 Diagram Konteks .................................................................. 39 3.5.5 DFD Level 0 Sistem Informasi Pelatihan Kursus .................. 40 3.5.6 DFD Level 1 Perekaman Data .............................................. 41 3.5.7 DFD Level 1 Laporan ............................................................ 42 3.6 Perancangan Basis Data ................................................................... 42 3.6.1 Entity Relation Diagram (ERD) ............................................. 42 3.6.2 Relasi Tabel .......................................................................... 44 3.6.3 Struktur Tabel ....................................................................... 45 3.7 Perancangan Desain (Layout) Sistem Informasi ............................... 49 3.7.1 Rancangan Halaman Login Administrasi .............................. 50 3.7.2 Rancangan Halaman Administrator ...................................... 50 3.8 Rancangan Keluaran ......................................................................... 51 3.8.1 Rancangan Laporan Instruktur ............................................. 51 3.8.2 Rancangan Laporan Data Siswa .......................................... 51 3.8.3 Rancangan Laporan Data Nilai ............................................. 52 3.9 Pembuatan Sistem ............................................................................ 52 3.9.1 Instalasi Xampp .................................................................... 52 3.9.2 Membuat Database ............................................................... 58 3.9.3 Pembuatan Folder Kerja Website ......................................... 59 3.9.4 Script ..................................................................................... 60 BAB IV. IMPLEMENTASI 6 4.1 Implementasi Sistem ......................................................................... 61 4.1.1 Instalasi Sistem ..................................................................... 61 4.1.2 Menjalankan Sistem Informasi Akademik Lembaga Pendidikan dan Pelatihan LPIKOM Sragen ….……… 63 4.2 Uji Coba Sistem ................................................................................. 92 4.2.1 Hasil Implementasi Sistem Informasi Akademik Lembaga Pendidikan dan Pelatihan LPIKOM Sragen ………………………………………….…….… 93 4.1.2 Uji Coba Kepada Responden................................................ 94 BAB V. PENUTUP 5.1 Kesimpulan ........................................................................................ 102 5.2 Saran ................................................................................................. 102 DAFTAR PUSTAKA LAMPIRAN 7 SISTEM ADMINISTRASI NILAI PADA LEMBAGA PENDIDIKAN DAN PELATIHAN LPIKOM SRAGEN Wahyu Budi Utomo, Ir. Tri Irianto TJ, MT1), Candra Bakara, S.kom2) Program Studi Teknik Informatika, Universitas Surakarta E-mail : [email protected] Abstrak Salah satu penggunaan teknologi komputer adalah sebagai media informasi dan pengolahan data yang interaktif komunikatif. Lembaga Pendidikan dan Pelatihan LPIKOM Sragen adalah Lembaga Pendidikan Kursus (LPK) komputer dan bahasa Inggris yang banyak diminati di Kabupaten Sragen. Hal ini terbukti dengan semakin bertambahnya jumlah siswa dari tahun ke tahun, namun saat ini dalam pengelohan data siswa masih dilakukan dengan menggunakan cara yang konvensional, Oleh sebab itu maka dalam proses pengolahan data sampai pembuatan laporan masih banyak terjadi kesalahan dan keterlambatan dalam proses. Kekurangan lainnya yaitu ketika proses pencarian data yang sudah lama sulit dilakukan. Jika kesalahan seperti ini dibiarkan berlanjut maka pihak lembaga akan mengalami kerugian akibat kesalahan dalam laporan yang akan dijadikan acuan pengambilan keputusan. Berdasarkan pada rumusan masalah tersebut, tujuan utama dari penelitian ini adalah terbangunnya sistem administrasi nilai yang dapat meningkatkan pelayanan dalam bidang administrasi seperti pendataan siswa, pendataan instruktur dan pencetakan laparoran nilai. Metode yang diambil penulis yaitu melakukan pendataan yang meliputi observasi, wawancara, kepustakaan, metode pendekatan : analisis, perancangan sistem dilanjutkan dengan pembangunan sistem, kemudian uji coba dan implementasi. Dengan pembuatan sistem informasi informasi ini disimpulkan bahwa pengelola administrasi dapat dengan mudah mengentri data, membuat laporan, mengedit data apabila terjadi kesalahan dalam pengelolaan data akademik LPK LPIKOM Sragen. Kata kunci : Sistem Administrasi Nilai Lembaga Pendidikan dan Pelatihan LPIKOM Sragen Abstract One is the use of computer technology as a medium of information and communicative interactive data processing. Education and Training institutions are LPIKOM Sragen Course Institution (LPK) computers and English are much in demand in Sragen. This is evidenced by the increasing number of students from year to year, but this time the student data pengelohan still done using a conventional manner, therefore it is in the process of data processing to manufacture many reports of errors and delays in the process. Another downside is when the search process data already difficult time. If a mistake like this is allowed to continue then the institution will suffer losses due to errors in the report that will be used as reference for decision making. Based on the formulation of the problem, the main objective of this research is the establishment of an administrative system to improve services in the areas of student administration such as data collection, data collection and printing instructor laparoran value. Methods adopted writer is to collect data that include observations, interviews, literature, method of approach: analysis, system design followed by construction of the system, then test, and implement. By making this value system administration concluded that administrators can easily mengentri the data, create reports, editing data in case of errors in the management of academic data LPIKOM Sragen LPK. Keywords: Academic Information Systems Education and Training Institute LPIKOM Sragen 1. PENDAHULUAN 1.A. Latar Belakang Perkembangan yang sangat luar biasa, ketika teknologi komputer dapat digunakan untuk mendukung penciptaan sistem informasi instansi-instansi yang ingin meningkatkan kualitasnya harus mengikuti era informasi dengan menggunakan alat pendukung pengolah data yaitu komputer. Dengan adanya komputer sebagai alat pengolah data, maka semua bidang dalam suatu perusahaan ataupun instansi dapat dikomputerisasikan, dalam hal ini bidang-bidang yang dianggap penting dan utama karena hal ini dapat mendukung keberhasilan suatu instansi dalam mencapi tujuannya (Danang Nur Hadianto : 2007) Lembaga pendidikan nonformal atau kursus dijadikan alternatif untuk mempelajari keterampilan yang dibutuhkan dunia kerja, karena itu banyak bermunculan Lembaga Pendidikan Kursus (LPK) yang menyelenggarakan pendidikan siap kerja. Salah satunya LPK LPIKOM Sragen adalah LPK komputer dan bahasa inggris yang 8 banyak diminati di Kabupaten Sragen. Hal ini terbukti dengan semakin bertambahnya jumlah siswa dari tahun ke tahun, didukung dengan ruang belajar yang nyaman, tenaga pendidik yang profesional serta biaya pendidikan relatif murah menjadi salah satu alasan banyak diminati. (Sumber : wawancara dengan Pimpinan LPK LPIKOM Sragen, 2013) Dari pengamatan dan informasi yang diperoleh pada LPK LPIKOM Sragen khususnya pada bagian administrasi selama ini penyajian dan pengolahan datanya masih bersifat manual yaitu dengan mencatat datadata ke dalam pembukuan. Seperti penyimpanan data siswa sehingga untuk memperoleh informasi yang dibutuhkan terkadang harus mencarinya satu persatu. Hal itu disebabkan oleh karena pengolahan data masih manual. Dari kegiatan administrasi tersebut memberi kesan kepada peneliti tidak optimal sehingga menyebabkan lambatnya proses pencarian dan penyajian data yang dibutuhkan, dan mengkibatkan banyaknya waktu yang terbuang. Berdasarkan uraian di atas. penulis tertarik untuk mengambil judul penelitian dengan judul “SISTEM ADMINISTRASI NILAI PADA LEMBAGA PENDIDIKAN DAN PELATIHAN LPIKOM SRAGEN”. 1.B. Rumusan Masalah Dari latar belakang penelitian yang disampaikan oleh penulis didapatkan perumusuan masalah sebagai berikut : 1) Sistem pengolahan data akademik Lembaga Pendidikan dan Pelatihan LPIKOM Sragen saat ini masih konvensional, yakni mencatat pada pembukuan ? 2) Bagaimana membangun Sistem Administrasi Nilai Lembaga Pendidikan dan Pelatihan LPIKOM Sragen ? 1.C. Batasan Masalah Agar penelitian lebih terfokus, maka penulis membatasi permasalahan yang dibahas. Batasan-batasan tersebut antara lain : 1) Sistem membahas tentang sistem administrasi pengolahan data siswa, data progam, data materi, data kelas, nilai siswa dan data instruktur di Lembaga Pendidikan dan Pelatihan LPIKOM Sragen. Sedangkan untuk data akademik lain seperti absensi, data pembayaran tidak masuk didalam sistem tersebut. 2) Sistem dibangun dengan menggunakan bahasa pemrograman PHP dan database MySQL. 1.D. Tujuan Penelitian Tujuan dari penelitian ini adalah t e r b e n t u k n ya Sistem administrasi Nilai pada Lembaga Pendidikan dan Pelatihan LPIKOM Sragen. 1.E. Manfaat Penelitian Untuk mempermudah pengolahan data akademik Lembaga Pendidikan dan Pelatihan LPIKOM Sragen. 1.F. Metode Penelitian Untuk mendapatkan hasil yang baik, maka digunakan beberapa metode penelitian sebagai berikut : 1) Metode Pendataan: a) Observasi Dalam metode ini mengadakan pengamatan secara langsung pada obyek yang diteliti sehingga diperoleh data yang akurat. b) Wawancara Yaitu metode pengumpulan data dengan cara penulis mengajukan pertanyaan kepada orang yang berkepentingan, hal ini bertujuan agar dapat memperoleh data yang lebih obyektif, dan mendapatkan jawaban yang tepat mengenai hal-hal yang dibutuhkan. c) Kepustakaan Merupakan pengumpulan data dengan cara mengambil data dari catatan kuliah dan buku-buku pedoman, buku-buku perpustakaan serta browsing internet untuk mendapatkan hal yang ada kaitannya dengan tema pembuatan sistem akademik. 2) Metode Pendekatan a) Analisis Menganalisis sistem yang sudah berjalan, menganalisis permasalahan yang ada pada sistem, mencari kelemahan dari sistem yang ada serta memecahkan permasalahan yang ada. b) Perancangan Melakukan perancangan atau mendesain sistem yang baik meliputi perancangan Data Flow Diagram (DFD), perancangan Entity Relationship Diagram (ERD), perancangan dialog layar yaitu perancangan untuk interaksi antara sistem dengan user atau admin. Perancangan input output serta merancang kebutuhan informasi yang disajikan. c) Pembuatan Sistem / Pengkodean Pada tahapan ini penulis melakukan penyusunan atau penulisan bahasa pemrogaman PHP sesuai rancangan sistem yang telah dibuat sehingga 9 menjadi sebuah sistem administrasi yang dibutuhkan. d) Uji Coba Dengan menguji progam yang telah dibuat untuk mengetahui apakah progam menerima input dengan baik atau tidak, serta memberikan output sesuai dengan yang diharapkan. e) Implementasi Menginstal dan memulai sistem baru untuk menggantikan sistem yang lama. 2. DASAR TEORI 2.A. Pengertian Sistem, Informasi, Sistem Informasi Sistem (system) dapat didefinisikan dengan pendekatan prosedur dan dengan pendekatan komponen. dengan pendekatan prosedur, sistem dapat didefisikan sebagai kumpulan dari prosedur-prosedur yang mempunyai tujuan tertentu. Dengan pendekatan komponen, sistem dapat didefinisikan sebagai kumpulan dari komponen yang saling berhubungan satu dengan lainnya membentuk satu kesatuan untuk mencapai tujuan tertentu.(Jogiyanto, 2009) Informasi adalah data yang telah diubah menjadi konteks yang berarti dan berguna bagi para pemakai akhir tertentu. (Deborah Kuniawati dan Edy Prayitno, 2009) Menurut Alexander F.K. Sibero (2011), Informasi adalah sekumpulan data yang memiliki maksud dan tujuan serta dapat memberikan keterangan akurat yang diperlukan dalam pengambilan keputusan. Sistem informasi (SI) dapat didefinisiskan sebagai kumpulan elemen yang saling berhubungan satu sama lain yang membentuk satu kesatuan untuk mengintegrasikan data, memproses dan menyimpan serta mendistribusikan informasikan. Budi Sutedjo, 2002 (Dalam Deborah Kuniawati dan Edy Prayitno, 2009) 2.B. Sistem Informasi Akademik Sistem Informasi Akademik adalah sistem yang diciptakan dan digunakan untuk memenuhi kebutuhan manajamen suatu instansi yang berupa data dalam hal ini yang berhubungan dengan akademik. (Agus Saputra, 2012) Data yang dimaksud terdiri atas informasi akademik sebagai berikut : 1) Melakukan input data siswa dan menyimpannya ke dalam database. 2) Melakukan input data instruktur dan menyimpannya ke dalam database. 3) Membuat jadwal kegiatan pelatihan. 4) Menerima nilai akhir dari instruktur. 5) Membuat laporan data siswa, data jadwal dan data nilai keseluruhan siswa untuk diserahkan kepada pimpinan. 2.C. Data dan Basis Data Data adalah fakta-fakta tentang segala sesuatu di dunia nyata yang dapat direkam dan disimpan pada media komputer. McFadden el al (1999). (Dalam Adi Nugroho, 2011) Basis Data adalah sebagai sekumpulan terorganisasi dari data-data yang berhubungan sedemikian rupa sehingga mudah disimpan, dimanipulasi, serta dipanggil oleh pengguna. (Adi Nugroho, 2011) Pendapat lain mengatakan bahwa, Basis Data atau Database dapat diartikan kumpulan tertintegrasi dari elemen data yang secara logika saling berhubungan. (Deborah Kuniawati dan Edy Prayitno, 2009). 2.D. Context Diagram Context Diagram atau Diagram konteks adalah diagram paling tinggi (top level) hanya menggambarkan sistem secara garis besar. Context Diagram hanya mempunyai satu proses saja, yaitu proses dengan nomor 0. Context Diagram ini menunjukkan hubungan antara sistem dengan lingkungan luarnya. (Jogiyanto, 2009) 2.E. DFD (Data Flow Diagram) Data Flow Diagram adalah data yang mengalir dari satu entiti ke entiti lain. DFD mencoba untuk menggambarkan sistem pertama kali secara garis basar (disebut dengan top level) dan memecah-mecahnya menjadi bagianbagian yang lebih kecil dalam bentuk modulmodul (disebut dengan lower level). (Jogiyanto, 2009) Menurut Agus Saputra (2012), Data Flow Diagram atau disingkat DFD merupakan suatu diagram yang menggambarkan alir data dalam suatu entitas ke sistem atau sistem ke entitas. DFD juga dapat diartikan sebagai teknik grafis yang menggambarkan alir data dan transformasi yang digunakan sebagai perjalanan data dari input atau masukan menuju keluaran atau output. 2.F. Flowchart Bagan alir (flowchart) adalah bagan (chart) yang menunjukkan alir (flow) didalam program atau prosedur sistem secara logika. (Jogiyanto Hartono, 1999) Flowchart atau bagan alir adalah skema/bagan (chart) yang menunjukkan aliran (flow) didalam suatu progtam secara logika. Flowchart merupakan alat yang banyak digunakan untuk menggambarkan algoritma dalam bentu 10 notasi-notasi tertentu. Pada flowchart ada beberapa simbol penting yang digunakan untuk membuat algoritma. (Aunur R. Mulyanto, 2008) 2.G. Hypertext Markup Language (HTML) Hypertext Markup Language (HTML) adalah suatu bahasa pemrogaman hypertext. Yang memiliki fungsi membangun kerangka menampilkan berbagai informasi di dalam sebuah browser dan formatting hypertext sederhana ke dalam berkas format ASCII agar menghasilkan tampilan yang terintegrasi. (Agus Saputra, 2012) Berikut contoh penulisan kode HTML : <HTML> <HEAD> <TITLE>Latihan Pertama</TITLE> </HEAD> <BODY> Selamat Belajar HTML.<BR> </BODY> </HTML> 2.H. PHP (PHP : Hyperttext Preprosesor) PHP atau yang memiliki kepanjangan PHP Hypertext Preprocessor, merupakan suatu bahasa pemrograman yang difungsikan untuk membangun suatu website dinamis. (Agus Saputra, 2012) Kode PHP diawali dengan <?php dan diakhiri dengan ?>. Pasangan kedua kode inilah yang berfungsi sebagai tag kode PHP. Bedasarkan tag inilah, pihak server dapat memahami kode PHP dan kemudian memprosesnya. Hasilnya dikirim ke browser. Adapun kode berikut adalah contoh kode PHP yang berada di dalam kode HTML : <HTML> <HEAD> <TITLE>Latihan Pertama</TITLE> </HEAD> <BODY> Selamat belajar PHP.<BR> <?php Printf(“Tgl. Sekarang : %s “, Date(“d f y”)); ?> </BODY> </HTML> (Abdul Kadir, 2008). 2.I. MySQL MySQL bukan termasuk bahasa pemrograman. MySQL bekerja mengunakan SQL Language (Structure Query Language). Dapat diartikan MySQL merupakan standar penggunaan database didunia untuk pengelolaan data. Perintah yang paling sering digunakan dalam MySQL adalah SELECT (mengambil), INSERT (Menambah), UPDATE (Mengubah), dan DELETE (Menghapus). Selain itu, SQL juga menyediakan perintah untuk membuat database, field, ataupun index untuk menambah atau menghapus data. (Agus Saputra, 2012) MySQL adalah salah satu jenis database server yang sangat terkenal karena MySQL menggunakan SQL sebagai bahasa dasar untuk mengakses databasenya. MySQL termasuk jenis RDBMS (Relational Database Management System). Itulah sebabnya, istilah seperti table, baris, dan kolom digunakan pada MySQL. (Abdul Kadir, 2008). 2.J. Web Browser Web Browser Merupakan program yang berfungsi untuk menampilkan dokumendokumen web dalam format HTML. Bagaimana halaman web yang dibuat ditampilkan sangat tergantung pada web engine yang digunakan oleh masing-masing browser. Semua jenis web browser yang ada saat ini mengikuti standarisasi yang dibuat World Wide Web Consortium (W3C) yang mengurus semua hal yang berkaitan dengan web di dunia. Berikut contoh web browser yang cukup terkenal beserta web engine yang digunakan: 1) Web Engine Webkit : Safari, Google Chrome. 2) Web Engine Trident : Microsoft Internet Explorer, Maxthon. 3) Web Engine Gecko : Mozilla Firefox. 4) Web Engine Presto : Opera. (M. Rudyanto Arief, 2011) 2.K. CSS CSS yang memiliki kepanjangan Cascading Style Sheet merupakan suatu bahasa pemrograman web yang digunakan untuk mengendalikan berbagai komponen dalam web sehingga tampilan web akan lebih rapi, terstruktur, dan seragam. (Agus Saputra, 2012). Cascading Style sheet dikembangkan untuk menata gaya pengaturan halaman web. Pada awalnya CSS dikembangkan pada SGML pada tahum 1970, dan terus dikembangkan hingga saat ini CSS telah mendukung banyak bahasa 11 Markup seperti : HTML, XHTML, XML, SVG (Scalable Vector Graphics) dan Mozilla XUL (XML User Interface Language). Mengacu dari arti bahasa, Cascading Style Sheet memiliki arti gaya menata halaman bertingkat, yang berarti setiap satu elemen yang telah diformat dan memiliki anak dan telah diformat, maka anak dari elemen tersebut secara otomatis mengikuti format elemen induknya. Contoh : <div style=”font-weight : bold”> <p> Contoh paragraph dalam DIV dengan style font-weight : bold</p> <span>Contoh SPAN dalam DIV dengan style font-weight : bold</span> </div> (Alexander F.K. Sibero, 2011). 2.L. JQuery JQuery adalah salah satu javascript framework terbaik saat ini. JQuery pertama dibuat untuk meringkas penggunaan CSS Selector dalam suatu pustaka fungsi. JQuery memiliki ciri khas penggunaan perintahnya, prefix untuk JQuery dengan tanda $ kemudian dilanjutkan dengan fungsi atau perintah. (Alexander F.K. Sibero, 2011). 2.M. Adobe Dreamweaver CS 3 Adobe Dreamwaver CS 3 adalah suatu produk Web Developer yang dikembangkan oleh Adobe System Inc. Sebelumnya produk Dreamweaver dikembangkan oleh macromedia Inc. yang kemudian sampai saat ini pengembangaannya diteruskan oleh Adobe system Inc. Setelah diambil oleh Adobe Systems Inc. Dreamweaver dikembangkan dan dirilis dengan kode nama Creative Suit (CS). Ruang kerja atau Workspace adalah bagian keseluruhan tampilan Adobe dreamweaver yang terdiri dari Welcome Screen, Menu, Insert bar, Document Window, CSS Panel, Application Panel,Tag Inspector Property Inspector, Result Panel, dan Files Panel. Masing – masing dari komponen tersebut memiliki fungsi dan aturan. (Alexander F.K. Sibero, 2011). 2.N. Tinjauan Pustaka Dari penelitian sebelumnya yang dilakukan oleh Rahmat Hidayat (2011) Mahasiswa Sekolah Tinggi Manajemen Informatika dan Komputer (STIMIK) AMIKOM Yogyakarta dengan judul “SISTEM INFORMASI LEMBAGA PENDIDIKAN BAHASA ASING DAN KOMPUTER GOMBONG ENGLISH COURSE MENGGUNAKAN NETBEANS 6.8” dengan latar belakang masalah ” Dalam eraglobalisasi seperti sekarang ini sistem informasi memegang peranan penting untuk meningkatkan kinerja pada suatu organisasi perusahaaan, dalam hal ini Lembaga Pendidikan Bahasa Asing dan Komputer Gombong English Course” yang masih menggunakan sistem pemrosesan manual, dimana data yang ada berupa setumpuk kertas yang tersimpan di rak-rak bekas”. Dalam penelitianya Rahmat Hiyadat (2011) menggunakan software Netbeans 6.8, dengan bahasa pemrogaman java dan MySQL sebagai database yang digunakan. Terbentuknya Sistem yang baru dapat menyimpan data siswa, karyawan, nilai siswa, data tentor, presensi karyawan pada “Lembaga Pendidikan Bahasa Asing dan Komputer Gombong English Course” secara komputerisasi. Sebagai bahan pertimbangan tinjauan pustaka, penulis mengambil tambahan referensi dari penelitian yang dilakukan oleh Danang Nur Hadianto penulis Tugas Akhir Universitas Sebelas Maret Surakarta (2007) dengan judul “SISTEM INFORMASI AKADEMIK SMK KOSGORO 1 SRAGEN”, pembuatan Sistem Informasi Akademik SMK Kosgoro 1 Sragen dalam pembangunan sistem menggunakan Borland Delphi 7 dan Microsoft acces 2003. Hasil dari penelitian ini adalah menghasilkan sistem informasi akademik yang dapat memberikan kemudahan dalam mempercepat proses pendataan, pencarian data, dan pembuatan laporan yang sebelumnya dilakukan dengan manual. Untuk lebih memperkuat penelitian yang dilakukan penulis di LPK LPIKOM Sragen, penulis menambah bahan pertimbangan tinjauan pustaka dengan menganalisis dari penelitian yang dilakukan oleh Gatot Antok Wibowo Mahasiswa Sekolah Tinggi Manajemen Informatika dan Komputer (STIMIK) AMIKOM Yogyakarta dengan judul “ANALISIS DAN DESAIN SISTEM INFORMASI SEKOLAH BERBASIS WEB PADA SMA PADMAWIJAYA KLATEN” Sistem informasi yang dibuat menggunakan bahasa PHP dan database MySQL, sehingga lebih mudah dalam memperbaharui informasi didalam sistem karena telah dibuatkan halaman untuk mengelola isi dari sistem atau umum disebut sebagai Content Management System ( CMS ), Dengan adanya sistem informasi sekolah berbasis web, SMA Padmawijaya Klaten dapat memberikan cara penyampaian informasi dan pelayanan yang baru kepada siswa, guru ataupun karyawan yaitu dengan penyampaian informasi secara online. Persamaan dalam penelitian penulis dengan ketiga penelitian sebelumnya adalah 12 dalam hal tujuan yaitu tujuan dari dari pembuatan sistem informasi sebagai solusi bagi pihak instansi melalui sistem ini dapat digunakan untuk proses informasi akademik dan pelaporan pada sebuah lembaga. Yang nantinya aplikasi ini dapat digunakan untuk mengolah data akademik serta laporan kepada pimpinan, baik laporan harian, mingguan, maupun bulanan sehingga proses pengolahan data di lembaga menjadi lebih mudah. Dalam penelitian yang dilakukan Gatot Antok Wibowo memiliki kesamaan dengan dalam hal penggunaan bahasa pemograman yaitu menggunakan bahasa pemograman PHP dan MySQL sebagai pengolah database. Perbedaan dalam penelitian penulis dengan Rahmat Hidayat adalah dalam aplikasi yaitu menggunakan software Netbeans 6.8, dengan bahasa pemrogaman java, sedangkan penelitian yang dilakukan Danang Nur Hadianto pembangunan sistem menggunakan Borland Delphi 7 dan Microsoft acces 2003. Perbedaan dari penelitian penulis Gatot Antok Wibowo pembangunan sistem yang dibangun dengan penyampaian informasi secara online. keseluruhan sistem. Gambar 3.2 di bawah ini merupakan diagram konteks dari pembuatan Sistem Informasi Akademik. Gambar 3.2 Diagram Konteks 3.C. DFD Level 0 Sistem Informasi Pelatihan Kursus 3. ANALISIS DAN PERANCANGAN SISTEM 3.A. Kerangka Pemikiran Gambar 3.1 Kerangka Pemikiran 3.B. Diagram Konteks Diagram konteks merupakan level tertinggi dari Diagram Flow Data (DFD) yang menggambarkan seluruh input ke atau dari sistem yang memberikan gambaran tentang Gambar 3.3 DFD Level 0 Sistem Informasi Pelatihan Kursus 13 3.D. DFD Level 1 Perekaman Data Gambar 3.6 Entity Relationship Diagram 3.G. Relasi (ERD) Gambar 3.4 DFD Level 1 Perekaman Data 3.E. DFD Level 1 Laporan Gambar 3.5 DFD Level 1 Laporan 3.F. Entity Relation Diagram (ERD) Tahap ini merupakan perancangan sistem yang berfokus terhadap data dimana ERD (entity relationship diagram) menjadi design tools dan merupakan hasil akhir dari proses perancangan sistem berorientasi data. ERD menggambarkan hubungan antar entitas dalam pembuatan sistem. Gambar 3.7 Relasi Tabel 3.H. Struktur Tabel Tabel.3.1. Tabel admin Field Type Length Id_admin Int 3 Nama_admi n Vachar 50 Foto Vachar 30 username varchar 30 password varchar 35 Extra Primar y * 14 Tabel.3.2. Tabel Siswa Length Extra Prim ary 3 auto_i ncrem ent * Field Type Id_siswa Int No_induk Varchar Nama_sis wa Varchar Alamat Text JK Enum(‘L,’P ’) Telp Int 12 Hp Int 8 Agama Vachar 8 Email Varchar 35 Tempat_la hir Tangal_lah ir Vachar 10 Field Type Length Extra Prim ary Id_progam Int 3 auto_i ncrem ent * Kd_progam Varchar 10 Nama_proga m Vachar 50 Lama Vachar 35 Biaya Vachar 15 Aktif Enum(‘Y, ’N’) 60 Tabel.3.5. Tabel Kelas 10 Extra Date Int 3 Id_kelas Int 3 Foto Vachar 35 Aktif Enum(‘Y,’ N’) Id_progam Tabel.3.4. Tabel Progam Field Type Length Id_kelas Int 3 Id_progam Int 3 Nama_kela s Varchar 50 Pri mar y auto_incre ment * Tabel.3.6. Tabel Materi Tabel.3.3. Tabel Instruktur Field Type Leng th Id_Instruktur Int 3 Kd_instruktur Vachar 10 Nama_instruktur Varchar 50 Alamat Text Agama Vachar 8 Email Varchar JK Varchar Extra auto_i ncrem ent Field Type Length Prim ary Id_materi Int 3 * Nama_mat eri Varchar 50 Id_progam Int 3 Type Length 35 Id_nilai Int 3 Enu m(‘L, ’P’) Id_siswa Int 3 Id_materi Int 3 Nilai Float Vachar 12 Hp Vachar 12 Foto Vachar 30 Pendidikan_terak hir Vachar 30 Prima ry auto_in crement * Tabel.3.7. Tabel Nilai Field Telepon Extra Extra auto_incr ement Primar y * 3.I. Perancangan Desain (layout) Sistem Administrasi Nilai Struktur menu dibuat sederhana agar setiap pemakai dapat menggunakannya tanpa kesulitan. Untuk lebih jelasnya tentang bentuk rancangan menu dapat dilihat pada gambar di bawah ini : Berikut adalah rancangan Site Map dari Sistem Administrasi Nilai Lembaga Pendidikan dan Pelatihan LPIKOM Sragen 15 Gambar 3.8 Site Map Sistem Administrasi Nilai Lembaga Pendidikan dan Pelatihan LPIKOM Sragen. diharapakan agar mengetahui sejauh mana efektiitas dan efiensi informasi yang disajikan. Sistem ini dicoba berulang-ulang kali dengan pengetesan guna mendapatkan hasil yang maksimal dan meminimalkan kesalahankesalahan yang mungkin akan terjadi di kemudian waktu. Dengan adanya implementasi ini akan ditemukan hal-hal yang dirasa kurang atau kesalahan-kesalahan yang mungkin terjadi, sehingga pengembangan dan perbaikkan sistem administrasi nilai pendidikan dan pelatihan LPIKOM Sragen akan dapat dilakukan dengan segera. Berikut ini akan dijelaskan langkah-langkah untuk mengimplementasikan sistem administrasi nilai pendidikan dan pelatihan LPIKOM Sragen pada server lokal : 3.J. Rancangan Halaman Login Administrator Sebelum masuk ke halaman administrator, terlebih dahulu harus memasukkan username dan password. Apabila username dan password cocok, maka akan dibuka halaman administrator. Gambar 4.1 Uji Coba Oleh Petugas Lembaga Pendidikan dan Pelatihan LPIKOM Sragen Gambar 3.9 Rancangan Tampilan Login Administrasi 3.K. Rancangan Halaman Administrator Pada halaman administrator sistem informasi LPIKOM sragen terdapat slide kiri, juga ada halaman konten, serta menu 4.A. Tampilan Halaman Splash Gambar 4.2 Halaman Splash 4.B. Tampilan Halaman Login Gambar 3.10 Rancangan Tampilan Halaman Administrator 4. IMPLEMENTASI Implementasi sistem adalah proses penerapan sistem administrasi nilai pendidikan dan pelatihan LPIKOM Sragen, untuk mendapatkan tujuan sebagaimana yang Gambar 4.3 Halaman Login 16 4.C. Tampilan Halaman Menu Utama Gambar 4.4 Halaman Menu Utama 4.D. Tampilan Halaman Laporan Instruktur Gambar 4.5 Halaman Laporan Instruktur 4.E. Tampilan Halaman Cetak Instruktur Gambar 4.6 Halaman Cetak Instruktur 4.F. Tampilan Halaman Laporan Siswa Gambar 4.7 Halaman Laporan Siswa 4.G. Tampilan Halaman Cetak Siswa Gambar 4.8 Halaman Cetak Siswa 4.H. Tampilan Halaman Laporan Nilai Gambar 4.9 Halaman Laporan Nilai 17 4.I. Tampilan Halaman Cetak Nilai Gambar.4.14 Grafik Responden Memberikan Manfaat 5. Tampilan Sistem Informasi Gambar 4.10 Halaman Cetak Nilai 4.J. Hasil Uji Coba Berdasarkan hasil data quessioner yang diperoleh dari penilaian responden dapat diketahui bahwa : 1. Pengoperasian Sistem Administrasi Nilai Gambar.4.15 Grafik Responden Memberikan Baik Gambar.4.11 Grafik Responden Memberikan Mudah 2. Waktu Lebih Cepat Gambar.4.12 Grafik Responden Memberikan Waktu Cepat 3. Terbantu Dengan Sistem Informasi Gambar.4.13 Grafik Responden Memberikan Ya 4. Manfaat Sistem Informasi 5. PENUTUP 5.A. Kesimpulan Berdasarkan pada perumusan masalah dan evaluasi yang telah dilakukan penulis, mengenai Sistem Informasi Akademik Pendidikan dan Pelatihan LPIKOM Sragen dapat diambil kesimpulan : 1) Lembaga Pendidikan dan Pelatihan LPIKOM Sragen telah memiliki Sistem Informasi Akademik yang terkomputerisasi. 2) Dengan adanya Sistem Informasi Akademik ini memudahkan petugas administrasi dalam melakukan pemberkasan data atau penyimpanan data lebih efiien, melakukan pencarian data, membuat laporan, dan mengedit kesalahan data dapat bekerja lebih cepat. 5.B. Saran Penulis menyadari adanya keterbatasan kemampuan penulis dan terbatasnya waktu dalam penelitian, maka pembuatan Sistem Informasi Akademik dirasa masih banyak kekurangan. Maka, diharapkan peneliti selanjutnya dapat melengkapi segala kekurangan Sistem Informasi Akademik Lembaga Pendidikan dan Pelatihan LPIKOM Sragen, antara lain: 1) Melengkapi administrasi keuangan siswa belum masuk data base 2) Sistem hanya dirancang untuk single user saja, untuk kedepannya dapat dikembangkan menjadi multy user. 18 DAFTAR PUSTAKA H, Jogiyanto. Analisis & Desain. ANDI : Yogyakarta. 1999 Hadianto, Danang Nur. Journal Sistem Informasi Akademik SMK Kosgoro 1 Sragen. 2007 Jogiyanto. Sistem Teknologi Informasi. ANDI : Yogyakarta. 2009 Kadir, Abdul. Dasar Pemrogaman Web Dinamis Menggunakan PHP. ANDI : Yogyakarta. 2008 R. Mulyanto, Aunur. Rekayasa Perangkat Lunak Jilid 1. Direktorat Sekolah Menengah Kejuruan : Jakarta. 2008 Kurniawati, Deborah dan Prayitno, Edy. Pengantar sistem Informasi. Mahameru Perss : Yogyakarta. 2010 Nugroho, Adi. Perancangan dan Implementasi Sistem Basis Data. ANDI : Jogyakarta. 2011 Rahmat, Hidayat. Journal Sistem Informasi Lembaga Pendidikan Bahasa Asing dan Komputer Gombong English Course Menggunakan Netbeans 6.8. 2011 Sibero F.K. Alexander. Kitab Suci Web Programing. MediaKom : Jakarta. 2011 Saputra, Agus. Sistem Informasi Nilai Akademik untuk Panduan Skripsi. PT Elex Media komputindo : Jakarta. 2012 Wibowo, Gatot Antok. Journal Analisi dan Desain Sistem Informasi Sekolah Berbais Web pada SMA Padmawijaya Klaten. 2012 19 1