SI1111468926
PERANCANGAN SISTEM INFORMASI MONITORING
LAPORAN KEPRIBADIAN SISWA
PADA SMK GEMA GAWITA
Disusun Oleh :
NIM |
: 1111468926
|
NAMA |
JURUSAN SISTEM INFORMASI
KONSENTRASI SISTEM INFORMASI MANAJEMEN
(STMIK) RAHARJA
(2015/2016)
SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER
(STMIK) RAHARJA
LEMBAR PENGESAHAN SKRIPSI
PERANCANGAN SISTEM INFORMASI MONITORING
LAPORAN KEPRIBADIAN SISWA
PADA SMK GEMA GAWITA
Disusun Oleh :
NIM |
: 1111468926
|
Nama |
|
Jenjang Studi |
: Strata Satu
|
Jurusan |
|
Konsentrasi |
Disahkan Oleh :
Tangerang, 25 Januari 2015
Ketua |
Kepala Jurusan
| ||||
Jurusan Sistem Informasi
| |||||
(Ir. Untung Rahardja, M.T.I) |
(Nur Azizah, M.Akt, M.Kom)
| ||||
NIP : 000594 |
NIP : 078010
|
SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER
(STMIK) RAHARJA
LEMBAR PERSETUJUAN PEMBIMBING
PERANCANGAN SISTEM INFORMASI MONITORING
LAPORAN KEPRIBADIAN SISWA
PADA SMK GEMA GAWITA
Dibuat Oleh :
NIM |
: 1111468926
|
Nama |
Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif
Jurusan Sistem Informatika
Konsentrasi Sistem Informasi Manajemen
Tahun Akademik 2015/2016
Disetujui Oleh :
Tangerang, 25 Januari 2016
Pembimbing I |
Pembimbing II
| ||
(Hani Dewi Ariessanti, M.Kom) |
(M. Roihan, M.T)
| ||
NID : 12003 |
NID : 02007
|
SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER
(STMIK) RAHARJA
LEMBAR PERSETUJUAN DEWAN PENGUJI
PERANCANGAN SISTEM INFORMASI MONITORING
LAPORAN KEPRIBADIAN SISWA
PADA SMK GEMA GAWITA
Dibuat Oleh :
NIM |
: 1111468926
|
Nama |
Disetujui setelah berhasil dipertahankan dihadapan Tim Penguji Ujian
Komprehensif
Jurusan Sistem Informasi
Konsentrasi Sistem Informasi Manajemen
Tahun Akademik 2015/2016
Disetujui Penguji :
Tangerang, Februari 2016
Ketua Penguji |
Penguji I |
Penguji II
| ||
([[]], ) |
([[]], ) |
([[]], )
| ||
NID : |
NID : |
NID :
|
SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER
(STMIK) RAHARJA
LEMBAR KEASLIAN SKRIPSI
PERANCANGAN SISTEM INFORMASI MONITORING
LAPORAN KEPRIBADIAN SISWA
PADA SMK GEMA GAWITA
Disusun Oleh :
NIM |
: 1111468926
|
Nama |
|
Jenjang Studi |
: Strata Satu
|
Jurusan |
: Sistem Informasi
|
Konsentrasi |
: Sistem Informasi Manajemen
|
Menyatakan bahwa Skripsi ini merupakan karya tulis saya sendiri dan bukan merupakan tiruan, salinan, atau duplikat dari Skripsi yang telah dipergunakan untuk mendapatkan gelar Sarjana Komputer baik di lingkungan Perguruan Tinggi Raharja maupun di Perguruan Tinggi lain, serta belum pernah dipublikasikan.
Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab, serta bersedia menerima sanksi jika pernyataan diatas tidak benar.
Tangerang, 25 Januari 2016
NIM : 1111468926
|
)*Tandatangan dibubuhi materai 6.000;
ABSTRAKSI
SMK Gema Gawita merupakan sekolah swasta yang terpercaya dalam menyelenggarakan pendidikan menengah di Indonesia dan sudah telah berkiprah di dunia pendidikan sejak tahun 1994 lebih. Sejak adanya surat keputusan pembukaan program studi tersebut maka, sampai dengan saat ini SMK Gema Gawita menjalani proses pembelajaran dengan pilihan program studi sebagai berikut: Akomodasi Perhotelan, Jasa Boga, Usaha Perjalanan Wisata dan Multimedia yang beralamatkan Jl. Perintis kemerdekaan II Cikokol Tangerang. Dalam dunia pendidikan informasi adalah hal yang sangat penting menjalin suatu hubungan antara orang tua dan sekolah. Sistem informasi monitoring perkembangan siswa masih umumnya dilakukan setiap penerimaan raport diakhir semester saja, sehingga akan sulit bagi para orang tua untuk memperoleh informasi yang diinginkan. Perlu adanya sistem secara terkomputerisasi untuk memberikan kemudahan bagi orang tua mengawasi perkembangan proses belajar-mengajar anaknya secara cepat, tepat dan akurat. Dari permasalahan tersebut maka dirancang sebuah sistem monitoring perkembangan siswa secara online. Penelitian ini dibuat untuk membangun dan merancang sebuah sistem monitoring laporan kepribadian siswa dengan metode analisa SWOT (Strenghts, Weaknesses, Opportunities, Threats) dan metode perancangan menggunakan metode SDLC (System Development Life Cycle). Membangun dan merancang menggunakan Unified Modeling Language (UML), pembuatan coding menggunakan PHP dengan framework angularJS 2.0, HTML5, jQuery, javascript dan CSS untuk merancang tampilan yang telah dibuat di photoshop portable. Dan Macromedia Dreamweaver CS3 untuk desain web serta metode testing menggunakan black box testing. Penulisan ini menghasilkan rancangan website monitoring laporan kepribadian siswa untuk memudahkan bagi pihak sekolah dalam menyampaikan informasi perkembangan siswa kepada orang tua siswa atau wali murid. Dan juga terutama bagi orang tua siswa dalam mendapatkan informasi dan memonitoring perkembangan putra/putrinya dengan cepat, tepat dan akurat.
Kata Kunci : Kepribadian Siswa, Monitoring, Perancangan, Sistem Informasi
ABSTRACT
SMK Gawita Gema is a private school that is reliable in organizing secondary education in Indonesia and has been involved in education since 1994 more. Since the decree opening the course then, until today SMK Gema Gawita undergo a learning process with elective courses as follows: Hotel Accommodation, Hospitality, Business Travel and Multimedia addressed Jl. Pioneering independence II Cikokol Tangerang. In the world of information education is very important to establish a relationship between parents and school. The information system monitoring student progress is still generally done every receipt of report cards at the end of a semester, so it will be difficult for parents to obtain the desired information. The need for a computerized system to make it easy for parents supervise the development of the teaching-learning process of their children in a rapid, precise and accurate. Of the problems it is designed a system of monitoring student progress online. This study was made to build and design a monitoring system reports the student's personality by the method of SWOT analysis (Strenghts, Weaknesses, Opportunities, Threats) analysis and design methods using SDLC (System Development Life Cycle). Build and design using the Unified Modeling Language (UML), the manufacture of coding using PHP with the framework angularJS 2.0, HTML5, jQuery, JavaScript and CSS for designing the look that has been made in photoshop portable. And Macromedia Dreamweaver CS3 for web design and testing methods using black box testing. This results in writing the draft report website monitoring students' personalities to make it easier for school parties in informing the development of students to parents or guardians. And also especially for parents to get information and monitor the development of your son / daughter with a rapid, precise and accurate.
Keywords : Personality of Students, Monitoring, Design, Information Systems
KATA PENGANTAR
Bismillahirrahmanirrahiim
Segala puji dan syukur penulis panjatkan kehadirat Allah SWT atas berkat rahmat dan anugerah-Nya yang dilimpahkan kepada penulis, sehingga penulisan Laporan Skripsi ini dapat terselesaikan dengan baik dan tepat pada waktunya.
Tujuan dari pembuatan Laporan Skripsi ini adalah sebagai salah satu persyaratan dalam memperoleh gelar Sarjana Komputer (S.Kom) untuk jenjang S1 di Perguruan Tinggi Raharja, Cikokol Tangerang. Sebagai bahan penulisan, penulis mengambil data berdasarkan hasil observasi, wawancara, survey serta studi pustaka yang mendukung penulisan ini.
Pada kesempatan ini juga penulis ingin mengucapkan banyak terima kasih dan penghargaan setinggi-tingginya kepada semua pihak yang telah membantu penulis dalam menyelesaikan penulisan Laporan Skripsi ini, antara lain:
- Bapak Ir. Untung Rahardja, selaku Ketua STMIK Raharja.
- Bapak Sugeng Santoso, M.Kom selaku Pembantu Ketua I Bidang Akademik STMIK Raharja.
- Ibu Nur Azizah, M.Akt.,M.Kom., selaku Kepala Jurusan Sistem Informasi STMIK Raharja.
- Ibu Hani Dewi Ariessanti ,M.Kom selaku pembimbing I yang telah berkenan meluangkan waktu, pikiran dan tenaganya untuk membantu dan memberikan bimbingan serta pengarahan kepada penulis.
- Bapak M. Roihan, M.T. selaku Dosen Pembimbing II yang telah berkenan meluangkan waktu, pikiran dan tenaganya untuk membantu dan memberikan bimbingan serta pengarahan kepada penulis.
- Bapak dan Ibu Dosen Perguruan Tinggi Raharja yang telah memberikan ilmu pengetahuan kepada penulis.
- Bapak Agung Banendro, SST.Par, M.Pd selaku Kepala Sekolah SMK Gema Gawita yang telah penulis dalam menyelesaikan Laporan Skripsi.
- Seluruh Guru dan Karyawan SMK Gema Gawita atas bantuannya membantu memberikan data-data yang penulis butuhkan.
- Kedua Orang Tua berserta keluarga tercinta yang selalu memberikan dukungan baik secara moril maupun materil.
- Semua sahabat-sahabat seperjuangan khususnya untuk Nurlaeli Qoriah yang telah memberikan dukungan kepada penulis.
- Semua pihak yang pada kesempatan ini yang telah banyak membantu penulis dalam menyelesaikan penyusunan Laporan Skripsi ini, baik secara langsung maupun tidak langsung.
Akhir kata, Semoga Allah SWT memberikan balasan rahmat kepada semua pihak yang telah membantu penulis dalam pembuatan Laporan Skripsi ini.
Demikian, penulis sampaikan dengan harapan semoga Laporan Skripsi ini dapat berguna dan bermanfaat bagi semua pihak.
Tangerang, 26 Januari 2016 | |
Dika Nurul Handayani | |
NIM. 1111468926 |
DAFTAR TABEL
Tabel 1.1 Simbol Usecase Diagram
Tabel 1.2 Simbol Activity Diagram
Tabel 1.3 Simbol Sequence Diagram
Tabel 3.6. Analisa SWOT iRangers
Tabel 3.7 Elisitasi tahap I
Tabel 3.8 Elisitasi tahap II
Tabel 3.9 Elisitasi tahap III
Tabel 3.10 Final Draft Elisitasi
Tabel 4.31 Prosedur Sistem Berjalan dan Usulan
Tabel 4.38 Testing iRangers
Tabel 4.39 Schedule Implementasi Sistem iRangers
Tabel 4.40 Penerapan Sistem iRangers
Tabel 4.41 Estimasi Biaya Sistem iRangers
DAFTAR GAMBAR
Gambar 1.1 Alur USM Manual
Gambar 1.2 Pilar 4B iLearning
Gambar 2.1 Logo iRangers
Gambar 2.2 SWOT
Gambar 2.3 Critical Success Factors
Gambar 2.4 Value Chain
Gambar 2.5 Adobe Dreamweaver CS5
Gambar 2.6 Tampilan Software Cool Edit Pro
Gambar 2.7 Tampilan Cool Edit Pro Edit View Screen
Gambar 2.8 Tampilan Multitrack View Screen
Gambar 3.1 Struktur Organisasi Perguruan Tinggi Raharja
Gambar 3.2 Struktur Organisasi Akademik Perguruan Tinggi Raharja
Gambar 3.3 Wewenang dan Tanggung Jawab
Gambar 3.4. Use Case Diagram
Gambar 3.5. Activity Diagram
Gambar 3.11 Kebutuhan 5 Assigment untuk Ujian
Gambar 3.12 Kebutuhan Standar Gradebook
Gambar 3.13 Kebutuhan Menonaktifkan Contact Administrator
Gambar 3.14 Kebutuhan Shortcut Twitter,Facebook dan iMe PPMB
Gambar 3.15 Kebutuhan Channed Messages berbahasa indonesia
Gambar 3.16 Kebutuhan post school announcement
Gambar 3.17 Kebutuhan default account Rinfo
Gambar 3.18 Kebutuhan Embed Audio pada soal listening TOEFL
Gambar 3.19 Kebutuhan Class Training RiJP di iRangers
Gambar 3.20 Kebutuhan Slider Portal sebanyak 3 design
Gambar 4.1 Langkah Pemecahan 5 Assigment
Gambar 4.2 Hasil Pemecahan Tampilan 5 Assigment
Gambar 4.3 Langkah Pemecahan Gradebook
Gambar 4.4 Hasil Pemecahan Gradebook
Gambar 4.5 Langkah Pemecahan Menonaktifkan Contact Admin
Gambar 4.6 Hasil Pemecahan Menonaktifkan Contact Admin
Gambar 4.7 Langkah Pemecahan Shortcut
Gambar 4.8 Hasil Pemecahan Shortcut
Gambar 4.9 Langkah Pemecahan Channed Berbahasa Indonesia
Gambar 4.10 Hasil Pemecahan Channed Berbahasa Indonesia
Gambar 4.11 Langkah Pemecahan School Announcement
Gambar 4.12 Hasil Pemecahan School Announcement
Gambar 4.13 Menggunakan Default Rinfo
Gambar 4.14 Langkah Embed Audio Listening
Gambar 4.15 Tampilan Embed Audio Listening disoal ujian
Gambar 4.16 Langkah Pemecahan Class RijP
Gambar 4.17 Hasil Pemecahan Class RijP
Gambar 4.18 Langkah Pemecahan Portal Slider
Gambar 4.19 Hasil Pemecahan Tampilan Portal Slider
Gambar 4.20 Tampilan Site iRangers
Gambar 4.21 Tampilan Sign Up iRangers
Gambar 4.22 Tampilan Mail Notification Login iRangers
Gambar 4.23 Terdapat Logo iRangers
Gambar 4.24 Terdapat FAQ untuk USM Offsite
Gambar 4.25 Usecase Diagram Insite USM
Gambar 4.26 Usecase Diagram Offsite USM
Gambar 4.27 Activity Diagram Insite USM
Gambar 4.28 Activity Diagram Offsite USM
Gambar 4.29 Sequence Diagram Insite USM
Gambar 4.30 Sequence Diagram Offsite USM
Gambar 4.32 Flowchart Sistem Login
Gambar 4.33 HIPO iRangers
Gambar 4.34 Prototype Halaman Login
Gambar 4.35 Prototype Halaman Home
Gambar 4.36 Prototype Halaman Classes
Gambar 4.37 Prototype Halaman Assigments
Gambar 4.41 Layout Kasar Design Portal 1
Gambar 4.42 Layout Kasar Design Portal 2
Gambar 4.43 Layout Kasar Design Portal 3
Gambar 4.44 Layout Komprehensif Design Portal 1
Gambar 4.45 Layout Komprehensif Design Portal 2
Gambar 4.46 Layout Komprehensif Design Portal 3
Gambar 4.47 Final Art Design Portal 1
Gambar 4.48 Final Art Design Portal 2
Gambar 4.49 Final Art Design Portal 3
DAFTAR SIMBOL
DAFTAR SIMBOL USE CASE DIAGRAM
DAFTAR SIMBOL ACTIVITY DIAGRAM
DAFTAR SIMBOL SEQUENCE DIAGRAM
DAFTAR SIMBOL CLASS DIAGRAM