[revisi tidak terperiksa]

[revisi terperiksa]

Revisi terkini pada 11 September 2018 01.42

PERANCANGAN SISTEM INFORMASI MODUL

PEMBELAJARAN BERBASIS WEB PADA

SMA NEGERI 2 KOTA TANGERANG

Disusun Oleh :

NIM	: 1412481237
NAMA	: CHESTA MAYESTICA PRIYADI

JURUSAN SISTEM INFORMASI

KONSENTRASI BUSINESS INTELLIGENCE

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

STMIK RAHARJA

TANGERANG

(2017/2018)

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR PENGESAHAN SKRIPSI

PERANCANGAN SISTEM INFORMASI MODUL

PEMBELAJARAN BERBASIS WEB PADA

SMA NEGERI 2 KOTA TANGERANG

Disusun Oleh :

NIM	: 1412481237
Nama	: Chesta Mayestica Priyadi
Jenjang Studi	: Strata Satu
Jurusan	: Sistem Informasi
Konsentrasi	: Business Intelligence

Disahkan Oleh :

Tangerang, September 2018

Ketua					Kepala Jurusan
STMIK RAHARJA					Jurusan Sistem Informasi




(Dr. Ir. Untung Rahardja, M.T.I., M.M)					(Nur Azizah, M.Akt M.Kom.)
NIP : 000594					NIP : 078010

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR PERSETUJUAN PEMBIMBING

PERANCANGAN SISTEM INFORMASI MODUL

PEMBELAJARAN BERBASIS WEB PADA

SMA NEGERI 2 KOTA TANGERANG

Dibuat Oleh :

NIM	: 1412481237
Nama	: Chesta Mayestica Priyadi

Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif

Jurusan Sistem Informasi

Konsentrasi Business Intelligence

Tahun Akademik 2017 / 2018

Disetujui Oleh :

Tangerang, September 2018

Pembimbing I			Pembimbing II




(Nur Azizah, M.Akt.,M.Kom)			(Erna Astriyani, S.Kom.,M.T.I)
NID : 10002			NID : 15017

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR PERSETUJUAN DEWAN PENGUJI

PERANCANGAN SISTEM INFORMASI MODUL

PEMBELAJARAN BERBASIS WEB PADA

SMA NEGERI 2 KOTA TANGERANG

Dibuat Oleh :

NIM	: 1412481237
Nama	: Chesta Mayestica Priyadi

Disetujui setelah berhasil dipertahankan dihadapan Tim Penguji Ujian

Komprehensif

Jurusan Sistem Informasi

Konsentrasi Business Intelligence

Tahun Akademik 2017/2018

Disetujui Penguji :

Tangerang, .... 2018

Ketua Penguji	Penguji I	Penguji II




(_______________)	(_______________)	(_______________)
NID :	NID :	NID :

SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER

(STMIK) RAHARJA

LEMBAR KEASLIAN SKRIPSI

PERANCANGAN SISTEM INFORMASI MODUL

PEMBELAJARAN BERBASIS WEB PADA

SMA NEGERI 2 KOTA TANGERANG

Disusun Oleh :

NIM	: 1412481237
Nama	: Chesta Mayestica Priyadi
Jenjang Studi	: Strata Satu
Jurusan	: Sistem Informasi
Konsentrasi	: Business Intelligence

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, September 2018

(Chesta Mayestica Priyadi)

NIM : 1412481237

)*Tandatangan dibubuhi materai 6.000;

ABSTRAK

Penggunaan sistem komputer pada dunia pendidikan bukan hal yang asing lagi, karena dalam dunia pendidikan komputer merupakan alat atau akses yang sangat penting dalam menunjang majunya dunia pendidikan. Sistem pembelajaran pada SMA Negeri 2 Kota Tangerang saat ini masih sangat bergantung dengan kehadiran guru di dalam kelas, dan belum terkomputerisasi sehingga jika guru tidak hadir dalam proses pembelajaran maka siswa tidak mendapatkan materi. Dengan adanya permasalahan tersebut maka penulis merancang Modul pembelajaran berbasis web guna mempermudah guru untuk memberikan materi dan memudahkan siswa untuk mendapatkan materi bahan ajar dengan mengakses modul berbasis web yang dapat diakses dimana saja dan kapan saja. Metodelogi yang digunakan dalam penelitian ini yaitu metode observasi, wawancara dan studi pustaka. Untuk metode analisa menggunakan analisa SWOT. Untuk merumuskan perancangan modul berbasis web dimungkinkan dengan menggunakan metode Analisis Sistem, yaitu Elisitasi dan Metode Perancangan yaitu UML (Unified Modeling language) dengan software visual paradigm, menggunakan software XAMPP dengan bahasa pemrograman PHP, serta database menggunakan MySQL. Hasil penelitian ini diharapkan dapat meningkatkan kegiatan belajar mengajar dan dapat mempermudah guru dalam mengupload materi bahan ajar serta memudahkan siswa dalam mendapatkan materi bahan ajar dimana saja dan kapan saja.

Kata Kunci: XAMPP, UML, Perancangan, Modul, Online, Guru, Siswa.

ABSTRACT

The use of computer systems in education is not something more than that, because in the world of computer education is a very helpful tool in world education. The learning system at SMA Negeri 2 Kota Tangerang is currently very closely related to the teachers in the classroom, and not yet computerized if the teacher is not present in the learning process. With that, you can use the modules used to help teachers to deliver materials and help students to acquire materials using modules that can be accessed anywhere and anytime. Methodology used in this research, ie measurement, interview and literature study. For analysis method use SWOT analysis. To formulate a web-based module is possible by using the System Analysis method, namely Elisitasi and Designing Method that is UML (Unified Modeling language) with visual paradigm software, using XAMPP software with PHP programming language, and database using MySQL. The results of this study are expected to improve teaching and learning activities and can facilitate teachers in uploading teaching materials materials and facilitate students in obtaining teaching materials anywhere and anytime.

Keywords: XAMPP, UML, Designer, Module, Online, Teacher, Student.

KATA PENGANTAR

Puji syukur Alhamdulillah, saya panjatkan kehadirat Allah SWT yang telah melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis dapat menyelesaikan Laporan Skripsi ini yang penulis sajikan dalam bentuk buku yang sederhana. Adapun judul penulis Laporan Skripsi ini yaitu “Perancangan Sistem Informasi Modul Pembelajaran Berbasis Web Pada SMA Negeri 2 Kota Tangerang”.

Penulis menyadari bahwa dalam penyusunan laporan sakripsi ini masih terdapat banyak kekurangan, dikarenakan keterbatasan kemampuan penulis dalam mendapatkan berbagai sumber yang menjadi bahan acuan dalam penyusunan. Oleh karena itu, penulis menyampaikan rasa terima kasih kepada pihak-pihak yang telah membimbing serta mendukung penulis dalam menyelesaikan Laporan Kuliah Kerja Praktek, antara lain :

Bapak Dr. Ir. Untung Rahardja, M.T.I, MM selaku Presiden Direktur Perguruan Tinggi Raharja.
Bapak Dr. Po. Abas Sunarya, M.Si, selaku Direktur Perguruan Tinggi Raharja.
Bapak Sugeng Santoso, M.Kom selaku Ketua Pembantu I Bidang Akademik STMIK Raharja
Ibu Nur Azizah, M.Akt.,M.Kom., selaku Kepala Jurusan Sistem Informasi (SI) dan selaku Pembimbing I yang telah berkenan memberikan bimbingan, arahan serta semangat kepada penulis sehingga laporan ini dapat terselesaikan dengan baik.
Ibu Erna Astriyani, S.Kom., M.T.I selaku Pembimbing II yang juga telah berkenan memberikan bimbingan, bantuan masukan dan semangat kepada penulis untuk menyelesaikan laporan skripsi ini.
Bapak dan Ibu Dosen STMIK Raharja yang telah memberikan ilmu pengetahuan selama kuliah kepada penulis.
Bapak Sukardi, S.Pd selaku stakeholder yang telah membantu penulis dalam melakukan observasi dan pengumpulan data.
Kedua orang tua, dan keluarga yang telah memberikan support, baik moril, materil maupun doa, dan juga memberikan motivasi bagi saya dalam penyusunan laporan Skripsi ini.
Kepada teman-teman seperjuangan (Putri fauziah, Hadra choiriyah, Rifki Azij, Recky Taemima, Prayudha Bima, Angga Panugali, YGK’14) yang selalu memberikan support kepada penulis.

Penulis menyadari bahwa dalam penulisan Laporan Skripsi ini masih jauh dari kata sempurna. Oleh karena itu kritik dan saran yang membangun penulis harapkan untuk pemicu karya yang lebih baik lagi. Dan semoga Laporan Skripsi ini dapat bermanfaat bagi pihak yang membutuhkannya.

	Tangerang, 17 Juli 2018
















	Chesta Mayestica Priyadi
	NIM. 1412481237

Daftar isi

1 BAB I PENDAHULUAN
2 BAB II LANDASAN TEORI
3 BAB III PEMBAHASAN
4 BAB IV METODOLOGI PENELITIAN
5 BAB V PENUTUP
- 5.1 Kesimpulan
- 5.2 Saran
6 DAFTAR PUSTAKA

DAFTAR TABEL

Tabel 3.1 Analisis SWOT Yang Berjalan
Tabel 3.2 Matriks Analisis SWOT Yang Berjalan
Tabel 3.3 Elisitasi Tahap I
Tabel 3.4 Elisitasi Tahap II
Tabel 3.5 Elisitasi Tahap III
Tabel 3.6 Final Draft Elisitasi
Tabel 4.1 Perbedaan Prosedur yang Berjalan dan Sistem Usulan
Tabel 4.2 Analisa SWOT Sistem Yang Diusulkan
Tabel 4.3 Matriks SWOT Yang Diusulkan
Tabel 4.4 Tabel Struktur Admin
Tabel 4.5 Tabel Struktur Data Pengajar
Tabel 4.6 Tabel Struktur Data Pelajaran
Tabel 4.7 Tabel Struktur Data Materi
Tabel 4.8 Black Box Testing Login Admin Menggunakan NIP/Email
Tabel 4.9 Black Box Testing Login Guru Menggunakan NIP/Email
Tabel 4.10 Black Box Testing Guru Upload Materi
Tabel 4.11 Black Box Testing Siswa Download Materi
Tabel 4.12 Black Box Testing Admin Menambahkan Mata Pelajaran
Tabel 4.13 Time Schedule Pengembangan Sistem
Tabel 4.14 Estimasi Biaya

DAFTAR GAMBAR

Gambar 2.1 Internet
Gambar 2.2 Logo MySQL
Gambar 2.3 Logo Bootstrap
Gambar 2.4 Logo XAMPP
Gambar 3.1 Struktur Organisasi SMA Negeri 2 Tangerang
Gambar 3.2 Use Case Sistem Yang Berjalan
Gambar 3.3 Activity Diagram Yang Berjalan
Gambar 3.4 Sequence Diagram Yang Berjalan
Gambar 4.1 Use Case Diagram Yang Diusulkan
Gambar 4.2 Activity Diagram Yang Diusulkan
Gambar 4.3 Sequence Diagram Yang Diusulkan
Gambar 4.4 Class Diagram Yang Diusulkan
Gambar 4.5 Prototype Tampilan Halaman Utama
Gambar 4.6 Prototype Halaman Login
Gambar 4.7 Prototype Halaman Utama Admin
Gambar 4.8 Prototype Halaman Utama Guru
Gambar 4.9 Prototype Tampilan Halaman Upload Materi Guru
Gambar 4.10 Prototype Tampilan Profil Guru
Gambar 4.11 Prototype Tampilan Halaman Materi
Gambar 4.12 Tampilan Halaman Utama
Gambar 4.13 Tampilan Login
Gambar 4.14 Tampilan Halaman Utama Admin
Gambar 4.15 Tampilan Halaman Utama Guru
Gambar 4.16 Tampilan Halaman Upload Materi Guru
Gambar 4.17 Tampilan Profil Guru
Gambar 4.18 Tampilan Halaman Materi

DAFTAR SIMBOL

Simbol Use Case Diagram

Simbol Activity Diagram

Simbol Sequence Diagram

Simbol Class Diagram

BAB I

PENDAHULUAN

Latar Belakang

Perkembangan teknologi saat ini sangat pesat termasuk dalam hal sistem informasi yang sangat besar pengaruhnya terhadap dunia pendidikan di Indonesia. Begitu banyak sekolah yang terus berlomba-lomba dalam mengembangkan bidang teknologi dan sistem informasi untuk mempromosikan kualitas sekolah tersebut. Demikian juga diperlukan sarana dan prasarana yang memadai, manajemen yang tepat, pengolahan data yang lebih efektif dan efisien, juga teknologi dan sistem informasi yang dapat mendukung proses kegiatan belajar mengajar.

Pada paradigma tradisional proses belajar mengajar pada umumnya berlangsung diruang kelas dan ditandai dengan kehadiran pendidik didepan kelas, dimana pendidik memiliki tanggung jawab penuh terhadap jalannya proses belajar mengajar dan bisa dianggap sebagai sumber daya paling penting dari sebuah proses belajar mengajar. Sebaiknya pada paradigma baru, proses belajar mengajar harus berfokus pada aktifitas “belajar” dan bukan pada aktifitas “mengajar” seperti pada paradigma tradisional. Dengan paradigma seperti ini maka keberadaan pendidik tidak lagi menjadi satu-satunya faktor penting dalam proses pembelajaran. Keberadaan pendidik bisa digantikan oleh bahan belajar berupa modul, diktat, dan beberapa materi lainnya yang memiliki hubungan dengan pembelajaran tersebut.

Dalam proses pembelajaran pada SMA Negeri 2 Kota Tangerang, yang berlokasi di Jalan Makam Pahlawan Taruna Tangerang-Banten. Dibutuhkan suatu sistem pembelajaran yang mendukung paradigma baru tentang proses belajar mengajar dan sesuai dengan perkembangan teknologi adalah sistem pembelajaran e-Learning ini menjadikan peserta didik sebagai active learner. E-Learning mampu mengantarkan berbagai bahan belajar tersebut ke hadapan peserta didik tanpa batasan jarak dan waktu dengan adanya internet sebagai medianya.

Berdasarkan uraian tersebut, dalam proses penerapan dan penyelenggaraan e-Learning dibutuhkan sebuah Learning Management System (LMS). Learning Management System (LMS) berfungsi untuk mengatur data laksana penyelenggaraan pembelajaran didalam model e-Learning. Dengan adanya aplikasi sistem e-learning berbasis open source, maka pelaksanaan pembelajaran lebih berkualitas karena semua yang diperlukan akan dapat disediakan secara online sehingga dapat diakses kapan saja dengan biaya yang murah dalam penerapan dan penyelenggaraannya. Salah satu earning Management System yang open source adalah Moodle. Setelah menganalisa permasalahan yang ada, maka penulis berkeinginan membuat suatu sistem tersebut dengan judul “PERANCANGAN SISTEM INFORMASI MODUL PEMBELAJARAN BERBASIS WEB PADA SMA NEGERI 2 KOTA TANGERANG”.

Rumusan Masalah

Berdasarkan latar belakang tersebut maka permasalahan pada SMA Negeri 2 Kota Tangerang yang akan dibahas dalam penelitian ini yaitu :

Bagaimana sistem pembelajaran yang sedang berjalan saat ini di SMA Negeri 2 Kota Tangerang?
Bagaimana cara memudahkan siswa dalam mendapatkan materi bahan ajar yang dapat diakses dimana saja dan kapan saja?
Bagaimana merancang sistem modul pembelajaran berbasis web pada SMA Negeri 2 Kota Tangerang?

Ruang Lingkup

Untuk mempermudah penyusunan penelitian Skripsi ini ruang lingkup berfokus pada penelitian sistem informasi modul berbasis web yang akan dirancang untuk memudahkan guru dan siswa dalam proses pembelajaran. Proses pembelajaran pada SMA Negeri 2 Kota Tangerang yang berjalan saat ini masih menggunakan paradigma tradisional dimana proses belajar mengajar pada umumnya berlangsung diruang kelas dan ditandai dengan kehadiran pendidik didepan kelas.

Tujuan dan Manfaat Penelitian

Tujuan Penelitian

Dalam tujuan penelitian Skripsi ini tujuan yang ingin dicapai diantaranya adalah sebagai berikut :

Memberi solusi untuk kegiatan belajar mengajar agar siswa mendapatkan materi bahan ajar yang bisa diakses dimana saja dan kapan saja dengan mudah.
Mengubah proses pembelajaran yang sedang berjalan saat ini agar dapat memudahkan guru dan siswa.
Mendapatkan sistem modul berbasis web untuk proses pembelajaran.

Manfaat Penelitian

Manfaat yang dihasilkan dari penelitian yang dilakukan diharapkan bagi penulis dan SMA Negeri 2 Kota Tangerang, diantaranya :

Memudahkan dalam kegiatan belajar mengajar pada SMA Negeri 2 Kota Tangerang.
Memudahkan guru untuk memberikan bahan ajar kepada siswa/i.
Memudahkan siswa/i dalam mendapatkan bahan ajar dimana saja dan kapan saja.

Metodologi Penelitian

Dalam metode penelitian penyusunan Skripsi ini menggunakan beberapa metode, diantaranya adalah sebagai berikut :

Metode Pengumpulan Data

Metode Observasi (Pengamatan)
Observasi merupakan suatu metode mendapatkan data dengan melakukan pengamatan dan pendataan secara langsung terhadap objek yang dianalisa secara detail keseluruhan kendala yang terdapat di sekolah tersebut.
Metode Wawancara (Interview)
Wawancara merupakan suatu metode pengumpulan data yang dilakukan dengan Tanya jawab dengan pihak pihak terkait, agar mendapatkan data yang diperlukan guna menyelesaikan laporan Skripsi ini.
Metode Studi Pustaka
Metode pengumpulan data yang didapatkan dengan mempelajari data yang berhubungan dengan kerja lapangan yang berkaitan dengan sistem yang berjalan saat ini melalui sumber-sumber seperti buku, internet, dan lain sebagainya yang berkaitan dengan judul yang sedang diteliti.

Metode Analisa Sistem

Metode analisa sistem yang digunakan yaitu metode Analisa SWOT (Strength, Weakness, Opportunities, dan Threats) sebagai perbandingan pemikikan dan berbagai sudut pandang, baik dari segi kekuatan, kelemahan, peluang serta ancaman yang mungkin terjadi di masa yang akan datang. Dan juga menggunakan metode Elisitasi, dari Elisatasi tahap I, Elisitasi tahap II, Elisitasi tahap III dan Final draft elisitasi. Dalam penyusunan elisitasi terdapat 2 (dua) tujuan yaitu tinjauan dari segi fungsional dan non fungsional. Tahap berikutnya yaitu menentukan strategi yang akan diambil untuk dapat mencapai keberhasilan dari sistem. Strategi yang di dapat dalam final draft elisitasi digunakan untuk mendapatkan gambaran dan bukti pencapaian dalam tahap implementasi.

Metode Perancangan Sistem

Dalam metode perancangan sistem yang diusulkan ini, menggunakan metode perancangan Unified Modelling Language (UML) dengan menggunakan alat bantu (tools) berupa visual paradigm for Enterprise Edition. Untuk implementasi menggunakan program PHP dengan control panel Macromedia Dreamweaver dan MySql sebagai databasenya.

Metode Pengujian

Digunakan untuk menganilisis atau mendeteksi identitas sistem, mengevaluasi kondisi serta fitur yang diinginkan untuk mengetahui kualitas dari sistem yang dikembangkan, sehingga dapat dilakukan eliminasi atas kesalahan yang ada pada sistem saat diterapkan. Dalam penelitian ini, peneliti menggunakan metode Black Box testing untuk dapat mengetahui apakah sistem berfungsi sesuai dengan yang telah diharapkan.

Sistematika Penulisan

Untuk memahami lebih jelas mengenai penyusunan Skripsi ini, penulis mengelompokan laporan menjadi beberapa bab. Sistematika penulisan sebagai berikut :

BAB I PENDAHULUAN
Berisi tentang latar belakang, perumusan masalah, tujuan dan manfaat penelitian, ruang lingkup penelitian, dan sistematika penulisan.

BAB II LANDASAN TEORI
Bab ini berisi teori yang berupa pengertian dan definisi yang diambil dari kutipan buku yang berkaitan dengan penyusunan laporan skripsi serta beberapa literature review yang berhubungan dengan penelitian.

BAB III ANALISA SISTEM YANG BERJALAN
Bab ini berisikan gambaran dan sejarah singkat SMA Negeri 2 Kota Tangerang, struktur organisasi, permasalahan yang dihadapi altenatif pemecahan masalah, analisa proses, sistem yang berjalan, dan user requirement yang terdiri dari 4 (empat) tahap elisitasi, yaitu Elisitasi Tahap I, Elisitasi Tahap II, Elisitasi Tahap III, dan Tahap Final Draf.

BAB IV RANCANGAN SISTEM YANG DI USULKAN
Dalam bab ini penulis menguraikan sistem yang akan diusulkan, diagram rancangan sistem, rancangan basis data yang terdiri dari spesifikasi basis data, flowchart sistem yang diusulkan, rancangan prototype, tampilan layar, konfigurasi sistem yang berjalan, testing, evaluasi, implementasi, dan estimasi biaya.

BAB V PENUTUP
Bab ini berisi kesimpulan dan saran yang berkaitan dengan analisa dan optimalisasi sistem berdasarkan yang telah diuraikan pada bab-bab sebelumnya.

DAFTAR PUSTAKA
Daftar pustaka berisi tentang referensi-referensi yang diperoleh selama penelitian.

LAMPIRAN-LAMPIRAN
Daftar yang memuat keseluruhan data dan dokumentasi yang pernah dilakukan selama penelitian, untuk melengkapi Laporan Skripsi yang telah dibuat.

BAB II

LANDASAN TEORI

TEORI UMUM

Untuk mendukung sebuah penelitian penulis mengemukakan beberapa pengertian-pengertian yang berkaitan dengan ruang lingkup dan permasalahan sebagai landasan dalan suatu penulisan.

Konsep Dasar Sistem

Definisi Sistem

Menurut Taufiq dalam Kamran dan Kharie (2016:91)^[1], “Sistem adalah kumpulan dari sub-sub sistem baik abstrak maupun fisik yang saling terintegrasi dan berkolaborasi untuk mencapai suatu tujuan tertentu”.

Menurut Hutahaean (2015:2)^[2], “Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan kegiatan atau untuk melakukan sasaran yang tertentu”.

Karakteristik Sistem

Menurut Hutahaean (2015:3-5)^[2], Supaya sistem yang baik memiliki karakteristik yaitu :

Komponen
Suatu sistem terdiri dari sejumlah komponen-komponen yang saling berinteraksi, yang artinya saling bekerja sama membentuk satu kesatuan. Komponen sistem terdiri dari komponen yang berupa subsistem atau bagian-bagian dari sistem.
Batasan Sistem (Boundary)
Batasan sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lain atau dengan lingkungan luarnya. Batasan sistem ini memungkinkan suatu sistem menunjukan ruang lingkup (scope) dari sistem tersebut.
Lingkungan Luar Sistem (environment)
Lingkungan luar sistem (environment) adalah diluar batas dari sistem yang mempengaruhi operasi sistem. Lingkungan dapat bersifat menguntungkan yang harus tetap dijaga dan yang merugikan yang harus dijaga dan dikendalikan, kalau tidak akan mengganggu kelangsungan hidup dari sistem.
Penghubung Sistem (interface)
Penghubung sistem merupakan media penghubung antara satu subsistem dengan subsistem lainnya. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari subsistem ke subsistem lain. Keluaran (output) dari subsistem akan menjadi masukan (input) untuk subsistem lain melalui penghubung.
Masukan Sistem (input)
Masukan adalah energi yang dimasukan kedalam sistem, yang dapat berupa perawatan (maintenance input), dan masukan sinyal (signal input). Maintenance input adalah energi yang dimasukan agar sistem dapat beroperasi. Signal input adalah energi yang diproses untuk didapatkan keluaran. Contoh dalam sistem komputer program adalah maintenance input, sedangkan data adalah signal input untuk diolah menjadi informasi.
Keluaran Sistem (output)
Keluaran sistem adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna dan sisa pembuangan. Contoh komputer menghasilkan panas yang merupakan sisa pembuangan, sedangkan informasi adalah keluaran yang dibutuhkan.
Pengolahan Sistem
Suatu sistem menjadi bagian pengolah yang akan merubah masukan menjadi keluaran. Sistem produksi akan mengolah bahan baku menjadi bahan jadi, sistem akuntansi akan mengolah data menjadi laporan-laporan keuangan.
Sasaran Sistem
Suatu sistem pasti mempunyai tujuan (goal) atau sasaran (objective). Sasaran dari sistem sangat menentukan input yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem.

Klasifikasi Sistem

Menurut Hutahaean (2015:6-7)^[2] Sistem dapat diklasifikasikan dalam beberapa sudut pandang :

Klasifikasi sistem sebagai :

Sistem Abstrak (Abstract System)
Sistem abstrak adalah sistem yang berupa pemikiran-pemikiran atau ide-ide yang tidak tampak secara fisik.
Sistem Fisik (Physical System)
Sistem fisik adalah sistem yang tampak secara fisik.

Sistem diklasifikasikan sebagai :

Sistem Alamiah (Natural System)
Sistem alamiah adalah sistem yang terjadi melalui proses alam, tidak dibuat oleh manusia. Misalnya sistem perputaran bumi.
Sistem buatan manusia (Human Made System)
Sistem buatan manusia adalah sistem yang dibuat oleh manusia yang melibatkan interaksi antara manusia dengan mesin (human machine system).

Sistem diklasifikasikan sebagai :

Sistem Tertentu (deterministcl system)
Sistem tertentu adalah sistem yang beroperasi dengan tingkah laku yang sudah dapat diprediksi, sebagai keluaran sistem yang dapat diramalkan.
Sistem Tak Tentu (Probabilistic System)
Sistem tak tentu adalah sistem yang kondisi masa depannya tidak dapat diprediksi karena mengandung unsur probabilistik.

Sistem diklasifikasikan sebagai :

Sistem Tertutup (close System)
Sistem tertutup adalah sistem yang tidak terpengaruh dan tidak berhubungan dengan lingkungan luar, sistem bekerja otomatis tanpa ada turut campur lingkungan luar. Secara teoritis sistem tertutup ini ada, kenyataannya tidak ada sistem yang benar-benar tetutup, yang ada hanya relatively closed system.
Sistem Terbuka (open System)
Sistem terbuka adalah sistem yang berhubungan dan terpengaruh dengan lingkungan luarnya. Sistem ini menerima input dan output dari lingkungan luar atau subsistem lainnya. Karena sistem terbuka terpengaruh lingkungan luar maka harus mempunyai pengendalian yang baik.

Konsep Dasar Informasi

Definisi Informasi

Menurut Muslihudin dan Oktafianto (2016:9)^[3], “Informasi merupakan data yang diolah menjadi bentuk yang berguna untuk membuat keputusan. Informasi berguna untuk pembuat keputusan karena informasi menurunkan ketidakpastian (atau meningkatkan pengetahuan)”.

Menurut Hutahaean (2014:9)^[4], “Informasi adalah data yang telah diolah menjadi suatu bentuk yang penting bagi si penerima dan mempunyai nilai yang nyata atau yang dapat dirasakan dalam keputusan-keputusan yang sekarang atau keputusan keputusan yang akan datang.

Berdasarkan dari beberapa pendapat yang dikemukakan diatas, maka dapat disimpulkan bahwa informasi adalah data yang telah diolah menjadi bentuk yang lebih berguna, nyata, dan berarti bagi penerimanya dapat digunakan sebagai alat untuk pengambilan suatu keputusan.

Kualitas Informasi

Pernyataan yang dikemukakan oleh Yakub dan Vico Hisbanarto (2014:20)^[5], kualitas informasi (quality of information) tergantung dari accurate, timeliness, dan relevance.

Akurat (accuracy), akurat memiliki arti bahwa informasi tidak boleh memiliki kesalahan yang dapat menyesatkan. Dalam hal ini akurat juga dapat berarti sebuah informasi yang bersifat jelas dalam penyampaian maknanya. Ini merupakan hal penting, karena terdapat banyak gangguan yang bisa merusak informasi. Komponen akurat meliputi :

Completeness, kelengkapan informasi dapat mempengaruhi proses pengambilan keputusan. Untuk itu, informasi harus bersifat lengkap.
Correctness, kebenaran juga harus menjadi hal yang penting, yang harus dimiliki oleh sebuah informasi.
Security, tingkat keamanan dari sebuah informasi juga harus baik.

Tepat Waktu (timeliness), informasi harus memiliki ketepatan waktu. Karena informasi yang sudah kadaluarsa tidak memiliki arti lagi, hal ini dikarenakan informasi merupakan landasan untuk pengambilan keputusan.
Relevan (relevance), Informasi harus memiliki manfaat bagi penggunanya dan memiliki hubungan informasi bagi orang yang berbeda.

Definisi Data

Pernyataan yang dikemukakan oleh Abdul Kadir (2013:44)^[6], Data adalah sebuah penjabaran mengenai benda, kejadian, aktifitas, transaksi, yang tidak memiliki makna dan tidak berpengaruh kepada penggunanya.

Pernyataan yang dikemukakan oleh Nana Danapriatna dan Rony Setiawan (2005) dalam Rohmat Taufiq (2013:13)^[7], data adalah sebuah bahan mentah yang harus diolah agar menghasilkan informasi atau keterangan yang bersifat kualitatif maupun kuantitatif yang menunjukan fakta.

Konsep Dasar Sistem Informasi

Definisi Sistem Informasi

Menurut Swastika dan Putra (2016:3)^[8], “Sistem informasi merupakan suatu kumpulan dari komponen-komponen dalam perusahaan atau organisasi yang berhubungan dengan proses penciptaan dan pengalir informasi”.

Menurut Abdul Kadir (2014:8)^[9], “sistem Informasi mencakup sejumlah komponen (manusia, komputer, teknologi informasi, dan prosedur kerja) ada sesuatu yang diproses (data menjadi informasi) dan dimaksudkan untuk mencapai suatu sasaran”.

Komponen Sistem Informasi

Menurut Abdul Kadir (2014:71)^[9], Sistem informasi mengandung komponen-komponen seperti berikut :

Perangkat Keras (hardware), yang mencakup peranti-peranti fisik seperti komputer dan printer.
Perangkat Lunak (software), atau program, yaitu salah satu kumpulan perintah yang digunakan untuk membuat perangkat keras dapat bekerja untuk memproses data.
Prosedur, yaitu kumpulan dari aturan yang dibuat untuk mencapai tujuan dari sistem dalam hal pemrosesan data dan keluaran yang diinginkan.
Orang, merupakan pihak-pihak yang memiliki tanggung jawab untuk pengoperasian sistem.
Basis Data (database), yaitu kumpulan table, hubungan, dan lain-lain yang berkaitan dengan penyimpangan data.
Jaringan komputer dan komunikasi data, yaitu sistem penghubung yang memungkinkan sumber (resource) dipakai secara bersama atau diakses oleh sejumlah pemakai.

Konsep Dasar Analisis Sistem

Definisi Analisa Sistem

Menurut Mulyani (2016:40)^[10], “Analisis sistem adalah suatu teknik penelitian terhadap sebuah sistem dengan menggunakan komponen-komponen pada sistem tersebut dengan tujuan untuk mempelajari komponen itu sendiri serta keterkaitannya dengan komponen lain yang membentuk sistem sehingga di dapat sebuah keputusan atau kesimpulan mengenai sistem tersebut baik itu kelebihan maupun kelemahan sistem”.

Menurut Muharto (2016:92)^[11], “Analisis sistem adalah kegiatan untuk menguraikan sub-sub sitem dan melihat fungsi dari sub-sub sistem tersebut. Analisis sistem sebuah teknik pemecahan masalah dengan tujuan mempelajari seberapa bagus sub-sistem tersebut bekerja (proses) dan perubahan-perubahan bagian relative pada sistem awal (aslinya)”.

TEORI KHUSUS

Definisi Perancangan

Definisi perancangan menurut Jogiyanto H.M dalam Pangemanan dkk (2016:1) “Perancangan sitem dapat didefinisikan sebagai penggambaran, perencanaan, dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi”.

Menurut George M.Scott dalam Kurniawan dkk (2013:4) Definisi mengenai perancangan sistem ialah : “Desain sistem yang menentukan bagaimana suatu sistem akan menyelesaikan apa yang mesti diselesaikan, tahap ini menyangkut mengkonfirmasikan dari komponen-komponen perangkat lunak dan perangkat keras dari suatu sistem sehingga setelah instalasi dari sistem akan benar-benar memuaskan rancang bangun yang telah ditetapkan pada akhir analisis sistem.

Berdasarkan beberapa pendapat diatas dapat disimpulkan bahwa perancangan adalah salah satu tahapan merancang sebuah sistem sebelum sistem tersebut dapat di implementasikan.

Definisi Bahan Ajar

Menurut Prastowo (2017:195)^[12], “Bahan atau materi pembelajaran pada dasarnya merupakan segala bahan (baik itu informasi, alat, maupun teks) yang disusun secara sistematis yang menapilkan sosok utuh dari kompetensi yang akan dikuasai peserta didik dan digunakan dalam proses pembelajaran agar siswa mampu menguasai kompetensi dasar dalam rangka pencapaian standar kompetensi dan kompetensi inti setiap mata pelajaran dalam satuan pendidikan tertentu”.

Menurut Darnita dkk (2014)^[13], ”Bahan ajar adalah segala bentuk bahan yang digunakan untuk membantu pendidikan dalam melaksanakan kegiatan pembelajaran”.

Definisi Pembelajaran

Menurut Wijaya dan Pramukantoro (2013:162)^[14], Pembelajaran yaitu suatu proses belajar mengajar yang ditandai dengan adanya interaksi atau hubungan timbal balik antara guru dengan siswa. Berdasarkan definisi pembelajaran tersebut, maka terdapat dua komponen yang terlibat langsung dalam proses pembelajaran, komponen tersebut adalah guru dan siswa.

Menurut kamus Meriam-Webster dalam Dewi, dkk (2014:828), Definisi Learning (pembelajaran) adalah modifikasi kecenderungan keperilakuan oleh pengalaman (sebagai akibat dari pengkondisian/controlling).

Definisi Kualitas

Menurut Kotler dan Keller dalam Widjoyo, dkk (2013:2)^[15] “Quality is the totality of features and characteristics of a product or service that bear on its ability to satisfy stated or implied needs”. Dari penjelasan di atas bisa disimpulkan bahwa kualitas adalah keseluruhan dari fitur dan karakteristik dari sebuah produk atau jasa yang memiliki kemampuan untuk memuaskan kebutuhan

Menurut Subagiyo, dkk (2014:3)^[16], Kualitas adalah suatu kondisi dinamis yang berhubungan dengan produk, jasa manusia, proses, dan lingkungan yang memenuhi atau melebihi harapan pihak yang menginginkannya.

Definisi Guru

Menurut Buchari Alma dkk dalam Syahidul (2013:4)^[17], Guru merupakan kunci keberhasilan sebuah lembaga pendidikan. Guru adalah sales agent dari lembaga pendidikan. Baik atau buruknya perilaku atau cara mengajar guru akan sangat mempengaruhi citra lembaga pendidikan. Oleh sebab itu sumber daya guru ini harus dikembangkan.

Menurut Oktavia (2014:1)^[18], Guru adalah sosok manusia yang harus digugu dan ditiru. Sebagai salah satu unsur dalam penyelenggaraan sistem pendidikan di sekolah, guru memiliki peran teramat penting dalam membentuk, membina, serta mencapai hasil pendidikan.

Definisi Pelajar

Menurut Drs Abu Ahmadi dalam AZR Perkasa (2015:10)^[19], Pelajar atau peserta didik adalah sebagai individu / pribadi (manusia seutuhnya). Individu diartikan “orang seorang tidak bergantung dari orang lain, dalam arti benar-benar seorang pribadi yang menentukan diri sendiri dan tidak dipaksa dari luar, mempunyai sifat-sifat dan keinginan sendiri.

Definisi Internet

Gambar 2.1 Internet

Menurut Puspitasari (2015:187)^[20], Internet adalah salah satu bentuk media komunikasi dan informasi interaktif. Wujud internet adalah jaringan komputer yang terhubung di seluruh dunia. Internet digunakan untuk mengirim informasi antar komputer di seluruh dunia. Internet diartikan sebagai “The global public Transmission Control Protocol / Internet Protocol (TCP/IP) internetwork”.

Menurut Abdul Kadir (2013:306)^[6], Internet merupakan sebuah jaringan besar yang dapat menghubungkan jutaan komputer dan tidak memiliki kaitan apapun terhadap suatu organisasi.

Berdasarkan beberapa pendapat diatas, dapat disimpulkan bahwa internet merupakan jaringan komputer yang terhubung di seluruh dunia digunakan untuk mengirim informasi kapan pun dan dimana pun.

Definisi Website

Menurut Hidayat (2015:1)^[21], Website adalah tempat yang baik bagi orang-orang untuk mengekspresikan pendapat mereka pada berbagai topik salah satunya adalah memanfaatkan situs jejaring social misalnya facebook, twitter bahkan pemberi opini secara professional, seperti reviewer berita politik dan film, pemilik blog dimana publik dapat mengomentari dan merespon apa yang mereka pikirkan. Kemampuan untuk merangkak dari website serta mengekstrak pendapat dari baris-baris teks dapat menjadi sangat berguna bidang ini adalah area studi yang banyak dikaji karena kemungkinan nilai komersialnya.

Dapat disimpulkan bahwa website merupakan halaman yang memiliki topik yang saling berkaitan untuk mempresentasikan informasi dan bisa diakses diseluruh dunia melalui jalur internet.

Definisi Database

Definisi menurut Prasetio (2015:22)^[22], Database adalah tempat media penyimpanan data kita dalam membuat sebuah program yang berisikan table, field dan record, yang diselimuti namanya DBMS (Database Management System).

Menurut Sutopo, dkk (2016:25), Database merupakan salah satu komponen yang penting dalam sistem informasi, karena berfungsi sebagai basis penyedia informasi bagi pemakainya. Sistem basis data adalah suatu informasi yang mengintegrasikan kumpulan dari data yang saling berhubungan dengan yang lainnya dan untuk membuatnya tersedia beberapa aplikasi yang bermacam-macam dalam suatu sistem organisasi.

Definisi HTML

Menurut Solichin (2016:10)^[23], HTML merupakan singkatan dari Hyper Text Markup Language. HTML dikembangkan pertama kali oleh Tim Berners-Lee bersamaan dengan protocol HTTP (Hypertext Transfer Protocol) pada tahun 1989. Tujuan utama pengembangan HTML adalah untuk menghubungkan suatu halaman web dengan halaman web lainnya. Tentunya pada awal pengembangannya.

Menurut Muslim dan Pramesti (2014:194)^[24], HTML adalah sebuah bahasa untuk menampilkan halaman sebuah website. HTML merupakan singkatan dari Hyper Text markup Language. HTML bukan termasuk dalam bahasa pemrograman, tetapi HTML adalah “markup language”, “markup language” ini merupakan sekumpulan “tag”. “Tag” inilah yang digunakan untuk menampilkan halaman website dalam tampilan tertentu.

Definisi Dashboard

Menurut Henderi, dkk (2015:85)^[25], Dashboard adalah suatu model antar muka sistem informasi yang di analogikan seperti dashboard sebuah mobil yang mudah dipelajari. Dashboard merupakan sebuah desain yang baik untuk penyajian dan visualisasi data yang dapat memberikan kejelasan mengenai informasi penting kepada pengguna. Dashboard yang baik akan dapat membantu dalam mengidentifikasikan tren, pola dan anomaly pada data sehingga pada akhirnya dapat membantu dalam pengambilan keputusan yang efektif.

Menurut Rohayati (2014:2)^[26], Dashboard adalah sebuah tampilan visual dari informasi terpenting yang dibutuhkan untuk mencapai satu atau lebih tujuan.

Dapat disimpulkan dashboard merupakan sebuah tampilan atau desain yang menyajikan informasi untuk mencapai suatu tujuan.

Definisi PHP

Menurut Munawaroh, dkk, (2014:3)^[27], PHP merupakan bahasa standar yang digunakan dalam dunia website. PHP adalah bahasa yang hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada klien. Interpreter PHP dalam mengeksekusi kode PHP pada sisi server disebut server side.

Definisi MySQL

Gambar 2.2 Logo MySQL

Menurut Prasetyo (2015:22)^[28], MySQL merupakan software yang tergolong database server dan bersifat Open Source menyatakan bahwa software ini dilengkapi dengan source code (kode yang dipakai untuk membuat MySQL), selain itu tentu saja bentuk executable-nya atau kode yang dapat dijalankan secara langsung dalam sistem operasi, dan bisa diperoleh dengan cara mengunduh di internet secara gratis

**Konsep Dasar UML (Unifed Modeling Language)**

**Definisi UML (Unifed Modeling Language)**

Menurut Imbar dan Hartanto (2015:130)^[29], Unified Modeling Language (UML) adalah bahasa spesifikasi standar untuk mendokumentasikan, menspesifikasikan dan membangun sistem perangkat lunak.

Menurut Wanti Kholiani dan Imam Rosyadi (2016)^[30], Unifed Modeling Language adalah alat atau tool untuk memodelkan, mendokimentasikan, menspesifikasikan pembangunan perangkat lunak berorientasi objek.

**Jenis-Jenis Diagram Unified Modelling Language (UML)**

Menurut Mulyani (2017:244)^[31], Diagram-diagram yang terdapat pada UML sangat banyak, berikut ini beberapa diagram yang sering digunakan dalam pengembangan sistem.

Use Case Model

Use Case Model merupakan kumpulan diagram dan text yang saling bekerja sama untuk mendokumentasikan bagaimana user (aktor) berinteraksi dengan sistem.

Class Diagram

Class Diagram adalah diagram yang digunakan untuk mempresentasikan kelas, komponen-komponen kelas dan hubungan antara masing-masing kelas.

Object Diagram

Object Diagram adalah diagram yang digunakan untuk menggambarkan dan mempresentasikan objek dan hubungan antar objek tersebut.

Activity Diagram

Activity Diagram memiliki kemampuan untuk melakukan percabangan aktivitas.

Sequence Diagram

Sequence Diagram adalah diagram yang menggambarkan interaksi antar objek. Sequence Diagram secara khusus menjabarkan behavior sebuah skenario tunggal.

Collaboration Diagram

Collaboration Diagram hampir sama dengan sequence diagram, bahkan ada beberapa pendapat yang mengatakan bahwa collaboration diagram merupakan pengganti (substitusi) dari sequence diagram.

Statechart Diagram

Statechart Diagram adalah teknik umum yang digunakan untuk menggambarkan behavior sebuah sistem. Berbagai bentuk statechart telah ada sejak tahun 1960-an dan pemodelan berorientasi objek adalah yang paling awal mengadopsinya untuk menampilkan behavior.

Component Diagram

Component Diagram adalah diagram yang menggambarkan dan mempresentasikan model fisik dan implementasi sistem (software) seperti misalnya model arsitektur hardware, integrasi, dan distribusi implementasi software pada arsitektur hardware yang sudah ditetapkan.

Deployment Diagram

Deployment Diagram adalah diagram yang mempresentasikan model fisik dari hardware serta integrasi dan distribusi software pada arsitektur hardware tersebut.

Definisi Bootstrap

Gambar 2.3 Logo Bootstrap

Menurut Alatas (2013:2)^[32], Bootstrap merupakan framework ataupun tools untuk memudahkan aplikasi web ataupun situs web responsive secara cepat, mudah dan gratis.

Bootstrap sendiri terdiri dari CSS dan HTML untuk menghasilkan grid, layout, typography, table, form, navigation, dan lain-lain. Di dalam bootstrap juga sudah terdapat jquery plugin untuk menghasilkan komponen UI yang cantiuk seperti transitions, modal, dropdown, scrollspy, tooltip, tab, popover, alert,button, carousel, dan lain-lain.

Dengan bantuan bootstrap kita dapat membuat responsive website dengan mudah dan dapat berjalan sempurna pada browser-browser popular seperti chrome, firefox, safari, internet explorer, dan opera.

Konsep Dasar Perangkat Lunak Pendukung

Definisi Sublime Text

Menurut Wikipedia (2017)^[33], Sublime Text is a proprietary cross-platform source code editor with a Python application programming interface (API). It natively support many programming languages and markup languages, and functions can be added by user with plugins, typically community-built and maintained under free software licenses.

Berdasarkan definisi diatas dapat disimpulkan bahwa Sublime Text adalah cross-platform kode editor dengan pemrograman aplikasi Python (API). Sublime Text mendukung banyak bahasa pemrograman dan bahasa markup, dan juga berbagai fungsi dapat ditambahkan oleh pengguna menggunkan plugin, biasanya dibuat dan dikelola dibawah lisensi perangkat lunak secara gratis.

Definisi XAMPP

Gambar 2.4 Logo XAMPP

Menurut Hutabarat, dkk (2017)^[34], XAMPP merupakan perangkat lunak bebas yang mendukung banyak sistem operasi. Xampp merupakan komplikasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri sendiri (localhost) yang terdiri atas program Apache HTTP server, MySQL database dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama Xampp merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP, dan Perl.

Menurut Santoso (2016:333)^[35], XAMPP merupakan alat bantu yang menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan menginstall XAMPP maka kita tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP, dan MySQL secara manual. XAMPP akan menginstalasi dan mengkonfigurasikan nya secara otomatis atau auto konfigurasi. XAMPP merupakan paket PHP yang berbasis open source yang dikembangkan oleh sebuah komunitas Open Source.

Berdasarkan beberapa pendapat diatas dapat disimpulkan bahwa XAMPP merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis.

Definisi Content Management System (CMS)

Menurut Erdisna (2016:17)^[36], Content Management System (CMS) yang lebih dikenal dengan sebuah istilah CMS adalah sebuah aplikasi berbasis web yang memiliki sistem sedemikian hingga memberikan kemudahan kepada para pengguna sekaligus juga pengelolaannya.

Menurut Taufiq Ginanjar (2014:5)^[9], CMS atau Content Management System adalah sebuah software yang sudah terintegrasi untuk membuat konten dan halaman-halaman website yang kita inginkan tanpa harus membangun website dan nol sekali karena CMS telah menyediakan template, layout dan design yang bisa kita manfaatkan untuk membuat website yang sesuai keinginan atau tujuan kita.

Berdasarkan beberapa pendapat diatas dapat disimpulkan bahwa Content Management System (CMS) merupakan sebuah software yang dapat memudahkan bagi seseorang pengembang dalam membangun sebuah sistem tanpa harus membangun sistem dari awal.

Komponen Dasar Analisis SWOT

Definisi Analisis SWOT

Menurut Kadir (2014:416)^[37] Analisa SWOT mengandung 4 (empat) bagian :

Strengths (S) atau kekuatan
Kekuatan menyatakan karakteristik yang memberi keuntungan untuk organisasi.
Perangkat lunak
yaitu program dan intruksi yang diberikan kekomputer
Weaknesses (W) atau kelemahan
Kelemahan menyatakan karakteristik yang harus di perbaiki supaya memberikan keuntungan bagiorganisasi.
Opportunities (O) atau peluang
Peluang menyatakan karakteristik yang apabila dimanfaatkan bisa memberikan.
Threats (T) atau ancaman
Ancaman menyatakan karakteristik yang memberikan masalah bagi organisasi sehingga perlu dilakukan penanganan untuk mengatasinya.

Tujuan Analisis SWOT

Menurut Fahmi (2013:254), Penerapan analisa SWOT bertujuan untuk memberikan suatu panduan agar menjadi lebih fokus, sehingga dengan penempatan analisa SWOT tersebut nantinya dapat dijadikan sebagai bandingan pikir dari berbagai sudut pandang, baik dari segi kekuatan dan kelemahan serta peluang dan ancaman yang mungkin bisa terjadi di masa-masa yang akan datang.

Definisi Black Box Testing

Menurut Rizky dalam Nina Rahayu (2014:42), Black Box Testing adalah tipe testing yang memperlakukan perangkat lunak yang tidak diketahui kinerja internalnya. Sehingga para tester memandang perangkat lunak seperti layaknya sebuah “kotak hitam” yang tidak penting dilihat isinya, tapi cukup dikenali proses testing di bagian luar.

Menurut Mustaqbal, dkk (2016:34)^[38], Black Box Testing berfokus pada spesifikasi fungsional dari perangkat lunak. Tester dapat mendefinisikan kumpulan kondisi input dan melakukan pengetesan pada spesifikasi fungsional program.

Berdasarkan beberapa pendapat diatas dapat disimpulkan bahwa Black Box Testing adalah tipe testing yang berfokuskan pada perangkat lunak yang tidak diketahui kinerja internal.

Beberapa keuntungan yang diperoleh dari jenis testing ini antara lain :

Anggota tim tester tidak harus dari seseorang yang memiliki kemampuan teknis di bidang pemrograman.
Kesalahan dari perangkat lunak ataupun bug seringkali ditemukan oleh komponen tester yang berasal dari pengguna.
Hasil dari Black Box Testing dapat memperjelaskan kontradiksi ataupun kerancuan yang mungkin ditimbulkan dari eksekusi perangkat lunak.
Proses testing dapat dilakukan lebih cepat dibandingkan White Box Testing.

Konsep Dasar Elisitasi

Definisi Elisitasi

Menurut Masooma Yousuf dan M.asger dalam International Journal Of Computer Applications (ISSN 0975-8887 Vol.116 No.4, 2015)^[39], “Requirements Elicitation (RE) is defined as the process of obtaining a comprehensive understanding of stakeholder’s requirements. It is the initial and main process of requirements engineering phase. Elicitation process usually involves interaction with stakeholders to obtain their real needs”.

(Persyaratan elisitasi didefinisikan sebagai proses mendapatkan pemahaman yang komprehensif tentang persyaratan stakeholder. Ini adalah proses awal dan utama dari tahap rekayasa persyaratan. Proses elisitasi biasanya melibatkan interaksi dengan para pemangku kepentingan untuk mendapatkan kebutuhan mereka).

Berdasarkan definisi diatas, maka dapat disimpulkan Elisitasi adalah suatu rancangan pada sistem baru yang diinginkan pengguna sistem dan pihak yang terkait untuk pengembangan sistem.

Tahapan Elisitasi

Menurut Prastono (2015:166)^[40], Elisitasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap yaitu sebagai berikut :

Elisitasi Tahap I

Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.

Elisitasi Tahap II

Hasil pengklasifikasian elisitasi tahap I berdasarkan metode MDI. Metode MDI bertujuan memisahkan antara rancangan sistem yang penting dan harus ada pada sistem baru dengan rancangan yang disanggupi oleh penulis untuk eksekusi

M pada MDI berarti Mandatory (Penting)
Maksudnya requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru.
D pada MDI berarti Desirable
Maksudnya requirement tersebut tidak terlalu penting dan boleh dihilangkan. Namun, jika requirement tersebut digunakan dalam pembentukan sistem maka akan membuat sistem tersebut lebih sempurna.
I pada MDI berarti Inessential
Maksudnya requirement tersebut bukanlah bagian sistem yang dibahas, tetapi bagian dari luar sistem.

Elisitasi Tahap III

Merupakan hasil penyusunan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang optimal I pada metode MDI. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali melalui TOE, yaitu :

T artinya Technical, maksudnya bagaimana tata cara atau teknik pembuatan requirement tersebut dalam sistem yang diusulkan?
O artinya Oprational, maksudnya bagaimana tata cara pengguna requirement tersebut dalam sistem yang dikembangangkan ?
E artinya Economy, maksudnya berapakah biaya yang diperlukan guna membangun requirement tersebut didalam sistem ?

Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu sebagai berikut:

High H : Sulit untuk dikerjakan, karena tehnik pembuatan dan pemakaiannya sulit serta biayanya mahal. Maka requirement tersebut harus di eliminasi.
Middle (M) : Mampu dikerjakan.
Low (L) : Mudah dikerjakan

Final Draft Elisitasi

Merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.

Konsep Dasar Literature Review

Definisi Literature Review

Menurut Warsito, dkk (2015:29)^[41], Metode Study pustaka dilakukan untuk menunjang metode survey dan observasi yang telah dilakukan. Pengumpulan informasi yang dibutuhkan dalam mencari referensi-referensi yang berhubungan dengan penelitian yang dilakukan.

Menurut Djiwandono (2015:27)^[42], Literature Review atau studi pustaka adalah pencarian sumber-sumber atau opini pakar tentang suatu hal yang berkaitan dengan tujuan penelitian.

Dari beberapa pendapat yang dikemukakan diatas maka dapat disimpulkan bahwa Literature merupakan suatu metode penelitian review yang digunakan untuk mengumpulkan informasi mengenai penelitian yang sejenis atau pada kasus yang sejenis.

Tujuan Literature Review

Menurut Hermawan dalam Tiara (2013:76), Tinjauan pustaka berisi penjelasan secara sistematik mengenai hubungan antara variabel untuk meenjawab perumusan masalah penelitian. Tinjauan pustaka dalam suatu penelitian memiliki beberapa tujuan, yaitu :

Untuk berbagi informasi dengan para pembaca mengenai hasil-hasil penelitian lainnya yang erat kaitannya dengan penelitian yang sedang kita laporkan.
Untuk menghubungkan suatu penelitian ke dalam pembahasan yang lebih luas serta terus berlanjut sehingga dapat memperluas atau memberikan kontribusi terhadap penelitian-penelitian sebelumnya.
Menyajikan suatu kerangka untuk menunjukan atau meyakinkan pentingnya penelitian yang dilakukan dan untuk membandingkan hasil atau temuan penelitian dengan temuan-temuan penelitian lain dengan topik serupa.

Literature Review

Berikut ini adalah penelitian yang telah dilakukan dan memiliki kolerasi searah dengan penelitian yang akan dibahas dalam Skripsi ini, antara lain :

Penelitian yang dilakukan oleh Francisco Javier Díaz, María Alejandra Schiavoni dan Ana Paola Amandeo (2015)^[43] yang berjudul “Integrating a learning management system with a student assignments digital repository: a case study”. Dalam International Journal of Continuing Engineering Education and Life Long Learning. Penelitian ini membahas Integrasi berbagai platform di lingkungan akdemik merupakan tantangan di bidang teknologi informasi. Artikel ini menjelaskan integrasi Moodle dengan repository DSpace. Proses integrasi terdiri dari dua tahap, untuk membangun komunikasi penuh ke dan dari repository. Untuk komunikasi dari Moodle ke repository, dengan tujuan mengkonsultasikan dan mentransfer elemen dari DSpace, modul yang sudah diterapkan digunakan. Tahap saat ini menerapkan modul khusus untuk membangun komunikasi kearah lain dan memungkinkan mentransfer sumber daya dari LMS ke repository.
Penelitian yang dilakukan oleh james Lipuma, Jeremy reich dan Lawrence Mayalil (2016)^[44] dengan judul “The CLAS Network: A Repository For Digital Learning Objects and a Network for Educational Stakeholders to Communicate and Collaborate” dalam Global Learn-Global Conference on Learning and Technology. Penelitian ini membahas mengenai perkembangan teknologi modern yang memungkinkan pembelajaran untuk menjangkau lebih banyak siswa dengan lebih efisien (mengurangi biaya), membedakan (fleksibilitas dalam penggunaan sumber daya digoital siswa), dan penyampaian konten yang efektif (hasil pembelajaran yang lebih baik). Hasil dari perpaduan antara teknologi modern dan pendidik yang inovatif adalah pembelajaran digital. NJIT sedang dalam tahap akhir mengembangkan Jaringan CLAS untuk mengatasi kebutuhan akan repository pembelajaran digital dari video pendidikan yang disurvey dan objek pembelajaran dari berbagai jenis, yang mudah diakses dan dapat ditelusuri, sehingga pendidik dapat menemukan apa yang mereka butuhkan dengan cepat dan efisien.
Penelitian yang dilakukan Stephen Kutay (2014)^[45] yang berjudul “Advancing Digital Repository Services For Faculty Primary Research Assets: An Exploratory Study” pada The Journal of Academic Librarianship volume 40, Issue 6. Pada penelitian ini membahas mengenai perpustakaan Oviatt di California State University Northridge (CSUN) menyelenggarakan dua repository digital yang diwakili oleh Digital Collections untuk arsip, materi sejarah, dan repository institusoinal ScholarWorks untuk keluaran ilmiah. Survey ini berfungsi sebagai bagian dari penilaian kebutuhan terhadap pengembangan layanan repository digital baru dan yang disempurnakan untuk memajukan penelitian, pelestarian, penyajian data, pengajaran, dan pameran.
Penelitian yang dilakukan oleh Muhammad Anshari, Yabit Alas dan Lim Sei Guan (2016)^[46] yang berjudul “Developing Online Learning Resources: Big Data, Social Network, and Cloud Computing to Support Pervasive Knowladge” dalam jurnal Education and Information Technologies, 21 (6). Dalam penelitian ini membahas mengenai pemanfaatan sumber belajar online atau online learning resouces (OLR) dari pembelajaran konvensional menjadi pembelajaran yang bisa dilakukan dimana saja dan kapan saja. Sementara kompilasi Big Data, Cloud Computing, dan web semantic ke dalam ORL menawarkan pengalaman pengguna dalam belajar.
Penelitian yang dilakukan oleh Abd Allah Mohamed dkk (2015)^[47] yang berjudul “Digital Repository in the Arab Universities: A Comparative analytical Study” pada Procedia Computer Science. Penelitian ini bertujuan untuk menganalisis dan membandingkan repository yang berpengetahuan luas di beberapa keuntungan dan kerugian dari repository digital di Universitas – Universitas Arab. Penelitian ini menggunakan pendekatan deskriptif analitik dan pendekatan deskriptif komparatif pada sampel gudang digital di 6 (enam) Universitas Arab, yaitu : Universitas Alexandria, Universitas Damaskus, Universitas Khartoum, Universitas Raja Saud, Universitas Bensin dan Mineral, dan Universitas Nayef.
Penelitian yang dilakukan oleh Dewi Immaniar Desrisanti, Untung Rahardja dan Rahma Rinie dari perguruan tinggi Raharja (2013)^[48] yang berjudul “iLearning Metode Belajar Efektif Untuk Sekolah Tinggi”. Jurnal CCIT. Penelitian ini membahas mengenai tujuan iLearning sebagai metode belajar efektif. iLearning diharapkan dapat menciptakan pembelajaran yang mandiri dan interaktif dalam kehidupan sehari hari dan dapat memecahkan masalah dalam akses pembelajaran. Pengembangan iLearnigng diharapkan dapat meningkatkan mutu pendidikan, dapat memberikan solusi permasalahan pembelajaran dalam komunikasi dan informasi, dapat menciptakan integritas yang baik untuk sistem pembelajaran modern dimasa depan dan dapat meningkatkan sumber daya manusia.
Penelitian yang dilakukan oleh Ary Budi Warsito dan Eka Yuliandari (2017)^[49] yang berjudul “Penerapan Google Drive Sebagai Media Penyimpanan Bahan Ajar Perkuliahan Dalam Mendukung Aplikasi Mobile App” Jurnal Sisfotenika Vol.7 No.2. penelitian ini membahas mengenai sistem penyimpanan materi bahan ajar yang ada pada Perguruan Tinggi. Permasalahan yang dihadapi yaitu sistem informasi bahan ajar yang ada pada Perguruan Tinggi saat ini masih menggunakan server sendiri, sehingga biaya yang dikeluarkan akan semakin besar. Berdasarkan permasalahan tersebut penelitian ini mencoba mencari alternative solusi untuk mengurangi biaya pada server tersebut tanpa mengurangi kualitas bahan ajar yang selama ini berjalan. Untuk menekan biaya yang tinggi penelitian ini akan melakukan uji coba menggunakan google drive sebagai server datanya. Tujuan dari penelitian ini adalah sistem informasi yang dibuat dapat diterapkan pada seluruh perguruan tinggi yang menerapkan paperless.
Penelitian yang dilakukan oleh Tiem Yulianti, Herpratiwi dan Sukirlan (2014)^[50] yang berjudul “Pengembangan Bahan Ajar Mandiri Melalui Media Online Untuk Meningkatkan Kemampuan Public Speaking Mahasiswa diPerguruan Tinggi Teknokrat Bandar Lampung” Jurnal Teknologi Komunikasi Pendidikan Vol.2 No.3. membahas 4 (empat) permasalahan, salah satunya membahas materi secara konvensional memerlukan waktu lebih banyak. Setelah dilakukan analisis terhadap usulan untuk pemecahan masalah tersebut yaitu dengan membuat rancangan media online berupa web blog dalam pengelolaan kelas melalui pemanfaatan teknologi pembelajaran mandiri berupa media audio visual untuk materi Public Speaking. Analisis data dilakukan melalui analisis kualitatif. Berdasarkan hasil penelitian disimpulkan bahwa Media Online sebagai bahan ajar substitusi layak dikembangkan.
Penelitian yang dilakukan oleh M. Mahdian Noor, Nataniel Dengen dan Edy Budiman (2017)^[51] yang berjudul “Repository Tugas dan Bahan Ajar menggunakan Layanan Cloud Storage Pada fakultas Ilmu Komputer dan teknologi Informasi”. Dalam hal ini terdapat permasalahan dalam hal pendistribusian file bahan ajar maupun tugas dari dosen kepada mahasiswa yang masih menggunakan sistem transfer file menggunakan hardisk maupun flashdisk yang dirasa kurang efektif karena memakan banyak waktu. Sebagai pemecahan masalah yang dihadapi dirancang sebuah sistem repository file yang bersisi bahan ajar dan tugas yang memanfaatkan teknologi cloud computing dengan mengintegrasikan sistem repository dengan Cloud Storage sehingga pendistribusian dan manajemen file tugas dan bahan ajar dalam kegiatan perkuliahan bisa lebih efektif dan efisien. Dari penelitian tersebut dapat disimpulkan bahwa Sistem Repository Tugas dan Bahan Ajar yang dibangun memanfaatkan layanan Amazon S3 sebagai media penyimpanan file yang bersifat virtual, kemudian dengan Heroku Cloud Application Platform yang berfungsi sebagai Web Server sehingga sistem repository ini dapat mengolola data tugas dan bahan ajar yang dimiliki ole FKTI dalam format digital dan menjadi media publikasi yang memberikan kemudahan akses terhadap publik sesuai dengan kebijakan akses yang diatur oleh pihak fakultas.
Penelitian yang dilakukan oleh Henderi, Muhamad Yusuf, dan Yulika Ayu Rantama pada Perguruan Tinggi Raharja (2012)^[52] dengan judul “Penggunaan Metode iLearning Untuk Meningkatkan Kualitas Pembelajaran Di Perguruan Tinggi” Jurnal CCIT. Penelitian ini menjelaskan bahwa salah satu masalah yang sering dihadapi perguruan tinggi saat ini adalah masih kurangnya sistem pembelajaran yang dapat mendukung kualitas belajar mengajar yang baik dan efisien. Saat ini masih menerapkan metode pembelajaran konvensional. Sehingga diciptakanlah metode pembelajaran iLearning dengan sistem terpadu yang diterapkan untuk meningkatkan mutu menuju pembelajaran yang berkualitas dan modern agar mampu melahirkan SDM (Sumber Daya Manusia) yang handal dan bisa bersaing dalam era globalisasi yang didominasi high compettion.

BAB III

PEMBAHASAN

Gambaran Umum SMA Negeri 2 Kota Tangerang

SMA Negeri 2 Kota Tangerang merupakan salah satu Sekolah Menengah Atas yang ada di Kota Tangerang, Provinsi Banten, tepatnya berada dipusat Kota Tangerang, berada dekat Stadion Benteng dan Pusat Pemerintahan Kota Tangerang. Sama dengan SMA pada umunya di Indonesia masa pendidikan sekolah SMA Negeri 2 Kota Tangerang ditempuh dalam waktu tiga tahun pelajaran, mulai dari kelas X sampai kelas XII. SMA Negeri 2 Kota Tangerang merupakan salah satu SMA favorit di Kota Tangerang, dan terkenal atas prestasi baik akademik maupun non akademik, terutama dalam bidang Olimpiade Sains, Tari Saman, Basket, Sepak Bola, Paduan Suara, dll.

Sejarah Singkat SMA Negeri 2 Kota Tangerang

Gedung SMA Negeri 2 Tangerang yang berlokasi di Jalan Makam Pahlawan Taruna Tangerang – Banten, di resmikan pada tanggal 15 April 1974 oleh Jendral (purn) Ali Sadikin di atas tanah Departemen Kehakiman seluas 11.920m2. gedung tersebut merupakan bantuan dari Pemerintah DKI yang diserahkan kepada Gubernur Jawa Barat dan selanjutnya dari Gubernur Jawa Barat diterimakan kepada perwakilan Departemen Pendidikan dan Kebudayaan. Pada tahun tersebut gedung sekolah baru itu dijadikan cabang dari SMA Negeri 27 Jakarta yang berada di Jalan Daan Mogot no 5 (sekarang 50) Tangerang. Tahun 1976 SMA tersebut diusulkan menjadi SMA Filial dari SMA Negeri 27 Jakarta di Tangerang. Dengan berkembangnya waktu, mulai tahun 1981 SMA Negeri 27 Jakarta di Tangerang secara administratif diambil alih oleh Kanwil Depdikbud Provinsi Jawa Barat dan diganti namanya menjadi SMA Negeri Tangerang. SMA induk menjadi SMA Negeri 1 Tangerang dan SMA Filial dari SMA Negeri 27 Jakarta menjadi SMA Negeri 2 Tangerang. Pada tahun 1985, SMA Negeri 2 Tangerang membuka Filial SMA Negeri 3 Tangerang sampai 3 tahun. Setelah SMA Negeri 3 memiliki bangunan sendiri di Jalan Padasuka Pabuaran Tangerang, maka secara resmi SMA Negeri 3 Tangerang berdiri sendiri dan sekarang menjadi SMA Negeri 4 Tangerang. Pada tahun 2002, SMA Negeri 2 Tangerang kembali mengalami peralihan pengelolaan dari Kantor Wilayah Departemen Pendidikan Nasional Provinsi Jawa Barat ke Kantor Dinas Pendidikan dan Kebudayaan Kota Tangerang provinsi Banten.

Visi dan Misi SMA Negeri 2 Kota Tangerang

Visi pada SMA Negeri 2 Kota Tangerang adalah :

Unggul dalam prestasi.
Tampil sebagai teladan yang berakhlakul karimah.
Mampu menjawab tantangan masa depan yang berwawasan lingkungan.

Misi pada SMA Negeri 2 Kota Tangerang adalah :

Menegakan disiplin.
Mengembangkan kreatifitas.
Meningkatkan pembinaan keimana dan ketaqwaan.
Meningkatkan kualitas pelayanan.
Memelihara semangat kekeluargaan.
Menciptakan lingkungan sekolah yang aman, nyaman, dan melestarikannya.
Menjalin hubungan baik dengan masyarakat.

Struktur Organisasi SMA Negeri 2 Kota Tangerang

Sebuah organisasi atau perusahaan harus mempunyai suatu struktur organisasi yang digunakan untuk memudahkan pengkoordinasian dan penyatuan usaha, untuk menunjukan kerangka-kerangka hubungan di antara fungsi, bagian-bagian mauppun tugas dan wewenang serta tanggung jawab. Serta untuk menunjukan rantai (garis) perintah dan perangkapan fungsi yang diperlukan dalam suatu organisasi. Sama hal nya dengan SMA Negeri 2 Kota Tangerang yang mempunyai struktur organisasi manajemen sebagai berikut :

Gambar 3.1 Struktur Organisasi SMA Negeri 2 Tangerang

Wewenang dan Tanggung Jawab

Seperti hal nya dengan sebuah perusahaan, SMA Negeri 2 Kota Tangerang dalam manajemen akademiknya terdapat bagian-bagian yang mempunyai wewenang serta tanggung jawab dalam menyelesaikan semua pekerjannya. Berikut adalah wewenang serta tanggung jawab bagian-bagian yang ada pada SMA Negeri 2 Kota Tangerang sebagai berikut :

Kepala Sekolah

Wewenang :

Mengesahkan perubahan dokumen.
Mengendalikan sistem manajemen mutu.
Mengangkat dan memberhentikan jabatan dalam unit kerja.
Memberi teguran bagi guru dan pegawai yang melanggar disiplin dan tata tertib.
Mendelegasikan tugas apabila berhalangan hadir.
Menandatangani surat-surat dinas dan surat berharga.

Tanggung jawab :

Menetapkan dan memastikan kebijakan mutu sekolah dilaksanakan dengan baik dan terkendali.
Mengelola keuangan sekolah.

Ketua Komite

Wewenang :

Pemberi pertimbangan (advisory agency) dalam penentu dan pelaksaan kebijakan pendidikan di satuan pendidikan.
Pendukung (supporting agency) baik yang berwujud finansial, pemikiran, maupun tenaga dalam menyelenggarakan pendidikan disatuan pendidikan.
Pengontrol (controlling agency) dalam rangka transparansi dan akuntabilitas penyelenggaraan dan keluaran pendidikan disatuan pendidikan.
Mediator antara pemerintah (eksekutif) dengan masyarakat disatuan pendidikan.

Tanggung jawab :

Mendorong tumbuhnya perhatian dan komitmen masyarakat terhadap penyelenggaraan pendidikan yang bermutu.
Melakukan kerjasama dengan masyarakat (perorangan, organisasi, dunia usaha, dunia industri) dan pemerintahan berkenaan dengan penyelenggaraan pendidikan yang bermutu.
Menampung dan menganalisis aspirasi, ide, tuntutan, dan berbagai kebutuhan pendidikan yang diajukan oleh masyarakat.
Memberikan masukan, pertimbangan, dan rekomendasi kepada satuan pendidikan mengenai kebijakan dan program pendidikan, kriteria kinerja satuan pendidikan, kriteria tenaga pendidikan, kriteria fasilitas pendidikan.
Mendorong orang tua dan masyarakat berpartisipasi dalam pendidikan guna mendukung peningkatan mutu dan pemerataan pendidikan.
Menggalang dana masyarakat dalam rangka pembiayaan penyelanggaraan pendidikan disatuan pendidikan.
Melakukan evaluasi dan pengawasan kebijakan, program, penyelenggaraan, dan keluaran pendidikan di satuan pendidikan.

Wakil Kepala Sekolah

Wewenang :

Menyusun perencaan, membuat program kegiatan dan program pelaksanaan.
Melakukan pengorganisasian pengarahan, ketenagaan, pengkoordinasian, pengawasan, penilaian, identifikasi dan pengumpulan data.

Tanggung jawab :

Mewakili kepala sekolah untuk menghadiri rapat khususnya yang berkaitan dengan pendidikan.
Membuat laporan secara berkala.

KA. Usaha

Wewenang :

Membina staf administrasi, melalui pengarahan dan peringatan lisan maupun dengan tulisan.
Mengusulkan mutasi / rotasi, promosi, kenaikan golongan / skala gaji staf administrasi maupun penundaannya dengan persetujuan ketua LPPM.
Menggunakan saran, prasarana kerja untuk kelancaran pelaksanaan tugas-tugas.

Tanggung jawab :

Bertanggung jawab atas pelaksanaan tugas-tugas administrasi pada LPPM (Lembaga Penelitian Pengabdian Kepada Masyarakat), sesuai dengan rencana yang telah ditetapkan oleh pimpinan LPPM.
Bertanggung jawab atas penggunaan, pemeliharaan, sarana dan prasara kerja yang ada di LPPM.

KA. Lab

Wewenang :

Membantu kepala laboraturium dalam pelaksanaan tugas-tugas.
Inventarisasi pengadaan / penerimaan barang jasa.
Memelihara penerapan sistem manajemen mutu laboraturium dimengerti dan ditetapkan oleh seluruh personil dan penggunaan laboraturium.

Tanggung jawab :

Bertanggung jawab terhadap pelaksanaan kegiatan laboraturium sesuai dalam Dokumen Prosedur laboraturium yang berlaku serta tugas dan wewenang yang di delegasikan.
Bertanggung jawab terhadap semua kegiatan laboraturium dan kelancaran manajemen Laboraturium Terpadu MIPA.

Wali Kelas

Wewenang :

Membina kelas yang diasuhnya.
Mengisi daftar kumpulan nilai.
Mengisi dan menandatangani rapor.

Tanggung jawab :

Kebenaran dalam memberikan bimbingan dan pembinaan kelas yang diasuhnya.
Kebenaran dan ketertiban dalam penyelenggaraan administrasi kelas.
Membantu tuugas guru dalam KBM.
Menciptakan kebersihan kelas dan susunan belajar yang nyaman.

Koordinator BP / BK

Wewenang :

Menyusun dan mengembangkan bimbingan dan konseling.
Melaksanakan pembinaan siswa.

Tanggung jawab :

Merumuskan dan melaksanakan bimbingan konseling kepada siswa.

Tata Laksana Sistem Yang Berjalan

Prosedur Sistem Yang Berjalan

Pada SMA Negeri 2 Kota Tangerang proses pembelajaran saat ini masih menggunakan paradigma tradisional dimana proses belajar mengajar pada umum nya berlangsung diruang kelas dan ditandai dengan kehadiran pendidik di depan kelas. Proses pembelajaran saat ini nampaknya masih belum maksimal, karena proses pembelajaran masih mengandalkan kehadiran guru atau pendidik untuk memberikan materi kepada siswa.

Rancangan Prosedur Sistem Yang Berjalan

Untuk menganalisa sistem berjalan, penelitian ini menggunakan UML (Unified Modeling Language) untuk menggambarkan prosedur dan alur pembelajaran yang berjalan saat ini :

Use Case Sistem Yang Berjalan

Gambar 3.2 Use Case Sistem Yang Berjalan

Dapat dijelaskan dari gambar 3.2. Use Case kegiatan belajar mengajar pada SMA Negeri 2 Kota Tangerang yang berjalan saat ini, yaitu :

Terdapat 1 (satu) sistem mencakup proses kegiatan yang berjalan saat ini.
Terdapat 2 (dua) actor yang terkait, yaitu Guru dan Siswa.
Terdapat 6 (enam) UseCase yaitu, Datang ke kelas, Memberikan materi, Menerima Materi, Memberikan evaluasi, Menerima Evaluasi Keluar kelas.

Activity Diagram Sistem Yang Berjalan

Gambar 3.3 Activity Diagram Sistem Yang Berjalan

Dapat dijelaskan dari gambar 3.3 diatas adalah Activity Diagram kegiatan belajar mengajar pada SMA Negeri 2 Kota Tangerang yang berjalan saat ini, yaitu :

Terdapat 1 (satu) initial node sebagai objek yang diawali.
Terdapat 6 (enam) activity proses dari sistem yang mencerminkan eksekusi dari suatu aksi diantaranya, yaitu : guru datang ke kelas, memberikan materi, materi diterima oleh siswa, guru memberikan evaluasi, siswa mengerjakan evaluasi, keluar kelas.
Terdapat 1 (satu) initial final node yang merupakan aktifitas akhir kegiatan.

Sequence Diagram Sistem Yang Berjalan

Gambar 3.4 Sequence Diagram Sistem Yang Berjalan

Dapat dijelaskan dari gambar 3.4 diatas adalah Sequence Diagram kegiatan belajar mengajar pada SMA Negeri 2 Kota Tangerang yang berjalan saat ini, yaitu :

Terdapat 2 (dua) actor yang melakukan kegiatan, yaitu Guru dan Siswa.
Terdapat 4 (empat) Life Line, yaitu Masuk Kelas, Materi, Evaluasi, Keluar Kelas.
Terdapat 8 (delapan) Message, yaitu Guru datang ke kelas, Siswa datang ke kelas, Guru memberikan materi, Siswa menerima materi, Guru memberikan evaluasi, Siswa menerima evaluasi, Guru meninggalkan kelas, Siswa meninggalkan kelas.

Analisa Sistem yang Berjalan

Metode Analisa Sistem

Penelitian ini menggunakan metode analisa SWOT untuk mengevaluasi kekuatan (Strengths), kelemahan (Weakness), peluang (Opportunities), dan ancaman (Threats), pada sistem yang mampu menyampaikan informasi yang diinginkan pada SMA Negeri 2 Kota Tangerang yang dapat dilihat dibawah ini :

Tabel 3.1 Analisis SWOT Yang Berjalan

Langkah selanjutnya yaitu melakukan analisa untuk menentukan strategi yang sesuai dengan yang telah dijabarkan di dalam table dengan menggunakan Matriks SWOT yang merupakan proses pencocokan terhadap identifikasi SWOT yang telah dilakukan untuk memberikan gambaran guna menemukan 4 strategi. 4 strategi tersebut yaitu :

Strategi S-O (Strength-Opportunity), digunakan untuk mencari peluang kekuatan yang telah dimiliki oleh sebuah project.
Strategi S-T (Strength-Threats), digunakan untuk mengatasi ancaman yang ada menggunakan kekuatan yang dimiliki oleh project.
Strategi W-O (Weakness-Opportunity), digunakan untuk mengatasi kelemahan supaya dapat mencapai sebuah peluang.
Strategi W-T (Weakness-Threats), digunakan untuk mengurangi kelemahan sistem dan menghindari ancaman dari sebuah sistem.

Tabel 3.2 Matriks Analisis SWOT Yang Berjalan

Metode Analisa Masukan, Analisa Proses, Analisa Keluaran

Analisa Masukan
Analisa masukan merupakan penguraian dari masalah yang di lakukan terhadap semua data/informasi yang berfungsi sebagai data input sehingga menghasilkan 5 proses dibawah, yaitu :

Nama Masukan : Tabel daftar materi pembelajaran pada menu guru.
Fungsi : Menampilkan materi pembelajaran.
Sumber : Guru.
Media : Buku.
Distribusi : Siswa.

Analisa Proses
Analisa proses merupakan penguraian yang dilakukan pada proses sebagai suatu hasil respect balik karena adanya data input di dalam proses inilah semua data/informasi yang masuk akan di olah dengan menggunakan pengolahan sistem yang ada, terdapat 4 proses dibawah ini yaitu :

Nama Masukan : Mengolah materi pembelajaran.
Masukan : Materi Pembelajaran.
Keluaran : Materi bahan ajar.
Ringkasan Proses : Proses ini akan menghasilkan materi bahan ajar sehingga siswa dapat melihat dan mengunduh materi pembelajaran.

Analisa Keluaran : Modul
Analisa keluaran merupakan penguraian masalah yang dilakukan pada hasil dari keseluruhan proses yang terjadi dari mulai penginputan nilai sampai terjadi proses pengolahan data melalui sistem pengolahan data terdapat 4 proses yang ada di bawah ini yaitu :

Nama Keluaran : Materi Pembelajaran, berupa materi bahan ajar.
Fungsi : Menampilkan materi pembelajaran berdasarkan nama guru.
Media : Modul.
Keterangan : Siswa dapat mengakses Modul tanpa login.

Kofigurasi Sistem Berjalan

Spesifikasi Hardware

Processor : AMD A8-6410 Quad Core 2.0Ghz up to 2.4Gh
Monitor : 14 Inch
Hard Disk : 500GB
RAM : 4.00GB

Spesifikasi Software

Windows 7 Ultimate
Visual Pradigm for UML 14.2
Microsoft Office Word 2007

Permasalahan Yang Dihadapi dan Alternatif Pemecahan Masalah

Permasalahan Yang Dihadapi

Permasalahan yang dihadapi oleh perusahaan saat ini adalah sebagai berikut :

Apabila guru tidak dapat hadir dalam kelas maka siswa tidak mendapatkan materi.
Siswa harus membeli buku untuk mendapat kan materi pembelajaran.
Bagi siswa yang kurang mampu akan mengalami kesulitan untuk mendapatkan materi karena materi hanya di peroleh melalui buku.

Dari permasalahan yang telah diuraikan diatas, dapat diambil kesimpulan yaitu proses pembelajaran yang sedang berjalan masih menggunakan paradigma tradisional, dimana guru memiliki tanggung jawab penuh terhadap jalannya p roses belajar mengajar, dan bisa dianggap sebagai sumber daya paling penting dari sebuah proses belajar mengajar.

Analisa Batasan Sistem

Adapun batasan pada analisa sistem yang dilakukan peneliti adalah untuk memudahkan Guru dan Siswa dalam hal pemebalajaran dan menciptakan modul berbasis web e-Learning sebagai media penyimpanan materi bahan ajar pada SMA Negeri 2 Kota Tangerang.

Alternatif Pemecahan Masalah

Setelah mengamati permasalahan yang dihadapi di SMA Negeri 2 Kota Tangerang maka peneliti membuat sebuah alternative masalah yaitu sebagai berikut :

Perlunya membuat sistem pembelajaran yang terkomputerisasi untuk memudahkan dalam mengakses materi bahan ajar.
Dengan adanya modul berbasis web dapat memberikan kemudahan bagi Guru dan Siswa dalam hal pembelajaran.
Dengan dibuatnya modul berbasis web guru tidak lagi menjadi satu-satunya faktor penting dalam proses pembelajaran.

***User* *Requirement***

Pada User Requirement ini terdapat Elisitasi Tahap 1, Elisitasi Tahap II, Elisitasi Tahap III, dan Final Draft Elisitasi.

Elisitasi Tahap I

Elisitasi Tahap I merupakan daftar yang diperoleh dari hasil pengumpulan data yang berasal dari lapangan yang didapat dari hasil observasi dan hasil wawancara mengenai kekurangan sistem yang sedang berjalan dan sesuai dengan kebutuhan pengguna yang belum terpenuhi sesuai dengan keinginan stakeholder pada saat wawancara berlangsung. Hasil wawancara merupakan permintaan untuk rancang sistem baru.

Tabel 3.3 Elisitasi Tahap I

Elisitasi Tahap II

Elisitasi Tahap II adalah hasil dari pengklasifikasian dari tahap Elisitasi Tahap I dengan menggunakan metode MDI (Mandatory, Desirable, Inessential). Metode MDI bertujuan memisahkan antara rancangan sistem yang penting dan harus ada pada sistem baru dengan rancangan yang disanggupi oleh peneliti untuk di eksekusi. Pada Elisitasi Tahap II ini terdapat 60 (enam puluh) kebutuhan functional dan 10 (sepuluh) kebutuhan non functional.

Tabel 3.4 Elisitasi Tahap II

Elisitasi Tahap III

Elisitasi Tahap III merupakan penyusutan dari Elisitasi Tahap II dengan cara mengeliminasi semua requirement dengan option I pada metode MDI. Selanjutnya semua requirement yang tersisa akan diklasifikasikan kembali dengan metode TOE. Dalam Elisitasi Tahap III ini terdapat 28 kebutuhan functional dan 6 kebutuhan Non Functional.

Keterangan :

T (Technical) H (High)

O (Operational) M (Middle)

E Economic L (Low)

Tabel 3.5 Elisitasi Tahap III

Final Draft Elisitasi

Tabel 3.6 Tabel Final Draft Elisitasi

BAB IV

METODOLOGI PENELITIAN

Rancangan Sistem Usulan

Prosedur Sistem Usulan

Setelah melakukan analisa serta penelitian yang dilakukan dalam proses pembelajaran yang berjalan saat ini ternyata belum adanya media penyimpanan bahan ajar guru yang bisa diakses secara online dimana saja dan kapan saja. Maka tahap selanjutnya yang peneliti lakukan adalah membahas mengenai sistem usulan untuk melakukan pengembangan sistem pembelajaran berbasis web yang bertujuan untuk mempermudahkan guru dalam melakukan upload materi bahan ajar dan mempermudah siswa dalam mengakses materi bahan ajar. Adapun sistem yang diusulkan untuk prosedur yang baru ini yaitu dengan menggunakan UML untuk menggambarkan Use Case Diagram, Activity Diagram, dan Sequence Diagram.

Use Case Diagram Yang Diusulkan

Gambar 4.1 Use Case Diagram Yang Diusulkan

Berdasarkan gambar 4.1. Use Case Diagram terdiri dari :

Terdapat 1 (satu) sistem yang mencakup kegiatan sistem pembelajaran
Terdapat 3 (tiga) actor yang melakukan kegiatan didalam sistem yaitu, Admin, Guru, Siswa.
Terdapat 6 (enam) Use Case yang dapat dilakukan oleh actor tersebut yaitu, Login, Halaman Utama Admin, Dashboard, Materi Pelajaran, Evaluasi, Logout.
Terdapat 3 (tiga) Include yaitu, Input Guru, Input Pelajaran, Input Materi.

Activity Diagram Yang Diusulkan

Gambar 4.2. Activity Diagram Yang Diusulkan

Berdasarkan gambar 4.2. Activity Diagram diatas terdiri dari :

Terdapat 1 (satu) Initial Node, sebagai awal objek.
Terdapat 9 (sembilan) action state dari sistem yang mencerminkan eksekusi dari suatu aksi. Login, Halaman Utama Admin, Input Guru, Dashboard, Input Pelajaran, Input Materi, Materi Pembelajaran, Evaluasi, Logout.
Terdapat 1 (satu) Final Node, sebagai objek yang diakhiri.

Sequence Diagram Yang Diusulkan

Gambar 4.3. Sequence Diagram Yang Diusulkan

Berdasarkan gambar 4.3. Sequence Diagram diatas terdiri atas :

Terdapat 3 (tiga) actor yang melakukan kegiatan yaitu Admin, Guru, Siswa.
Terdapat 6 (enam) lifeline yaitu Login, Halaman Utama Admin, Dashboard, Materi Pembelajaran, Evaluasi, Logout.
Terdapat 2 (dua) self message yaitu 1.1 gagal login, 3.1 gagal login.
Terdapat 8 (delapan) message yang menggambarkan komunikasi, yaitu : melakukan login, berhasil login dan input guru, melakukan login, berhasil login, input pelajaran beserta materi, mencari materi, mengerjakan evaluasi, admin melakukan logout, guru melakukan logout.

Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan

Berikut ini merupakan tabel perbedaan prosedur antara sistem yang sedang berjalan dan sistem yang diusulkan :

Tabel 4.1. Perbedaan Prosedur Antara Sistem yang Berjalan dan Sistem Usulan

Analisa Sistem yang Diusulkan

Analisa SWOT Yang Diusulkan

Beriut ini merupakan analisis SWOT yang diusulkan dimana pada analisis ini mengidentifikasi Strength (kekuatan) dan Weakness (kelemahan) yang merupakan faktor internal dan Opportunities (peluang) dan Threats (ancaman) yaitu merupakan faktor eksternal. Berikut ini merupakan table analisa SWOT yang diusulkan :

Tabel 4.2. Analisis SWOT Sistem Yang Diusulkan

Berdasarkan identifikasi analisis SWOT yang dilakukan, maka selanjutnya melakukan analisa untuk mencari strategi menggunakan tabel matriks SWOT. Matriks SWOT yaitu matriks yang menggambarkan secara jelas peluang yang tersedia dengan menggunakan strategi S-O dan kekuatan untuk mengatasi sebuah ancaman dengan menggunakan strategi S-T, lalu analisis strategi yang bertujuan untuk mengurangi kelemahan yang dimiliki sistem dan untuk meraih sebuah peluang yang ada dengan menggunakan strategi W-O, mengatasi ancaman dengan menggunakan strategi W-T. berikut ini merupakan tabel Matriks SWOT :

Tabel 4.3. Matriks SWOT Yang Diusulkan

Langkah selanjutnya yaitu melakukan analisa untuk menemukan strategi S-O (Strength-Opportunity), yang digunakan untuk mencari peluang kekuatan, strategi S-T (Strength-Threats), yang digunakan untuk mengatasi ancaman yang ada menggunakan kekuatan, strategi W-O (Weakness-Opportunity), yang digunakan untuk mengatasi kelemahan supaya dapat mencapai sebuah peluang dan strategi W-T (Weakness-Threats), digunakan untuk mengurangi kelemahan sistem dan menghindari ancaman.

Rancangan Basis data

Class Diagram yang Diusulkan

Class Diagram menggambarkan data apa saja yang akan diinput kedalam database. Berikut ini adalah class diagram sistem modul pembelajaran berbasis web yang diusulkan :

Gambar 4.4. Class Diagram yang Diusulkan

Berdasarkan gambar class diagram yang diusulkan terdapat :

Terdapat 4 (empat) class, himpunan dari objek-objek yang berbagi atribut serta operasi yang sama, yaitu Class Admin, Class data_pengajar, Class data_pelajaran, Class data_materi.
Terdapat 6 (enam) association, digunakan untuk memodelkan relasi di antara objek.

Spesifikasi Basis Data

Spesifikasi basis data menjelaskan secara rinci tentang masing-masing basis data yang digunakan dalam sistem, sebelum memaparkan basis data yang ada terlebih dahulu digambarkan oleh class diagram sistem yang diusulkan.

Tabel Admin

Tabel 4.4. Tabel Struktur Admin

Keterangan :
Nama Tabel : Tabel Admin
Media : Harddisk
Panjang Record :11
Primary Key : id_admin

Tabel Data Pengajar

Tabel 4.5. Tabel Struktur Data Pengajar

Keterangan :
Nama Tabel : Tabel Data pengajar
Media : Harddisk
Panjang Record :11
Primary Key : id_guru

Tabel Data Pelajaran

Tabel 4.6. Tabel Struktur Data Pelajaran

Keterangan :
Nama Tabel : Tabel Data pengajar
Media : Harddisk
Panjang Record :11
Primary Key : id_pel

Tabel Data Materi

Tabel 4.7. Tabel Struktur Data Materi

Keterangan :
Nama Tabel : Tabel Data Materi
Media : Harddisk
Panjang Record :11
Primary Key : id_materi

**Rancangan Prototype yang Diusulkan**

Tahap ini merupakan gambaran mengenai rancang bangun yang lengkap kepada para pengguna, juga sebagai memenuhi kebutuhan dari pada pengguna sistem. Berikut ini merupakan prototype atau tampilan dari sistem yang akan dibuat oleh peneliti, yaitu :

Prototype Tampilan Halaman Utama

Gambar 4.5. Prototype Tampilan Login

Prototype Tampilan Login

Gambar 4.6. Prototype Halaman Login

Prototype Halaman Utama Admin

Gambar 4.7. Prototype Halaman Utama Admin

Prototype Halaman Utama Guru

Gambar 4.8. Prototype Halaman Utama Guru

Prototype Tampilan Halaman Upload Materi Guru

Gambar 4.9. Prototype Tampilan Halaman Upload Materi Guru

Prototype Tampilan Profil Guru

Gambar 4.10. Prototype Tampilan Profil Guru

Prototype Tampilan Halaman Materi

Gambar 4.11. Prototype Tampilan Halaman Materi

Tampilan Program yang Diusulkan

Tampilan Halaman Utama

Tampilan web modul berbasis web untuk para guru dan siswa, sebagai berikut :

Gambar 4.12. Tampilan Halaman Utama

Tampilan Halaman Login

Halaman ini berisi tampilan untuk login admin dan guru. Login dilakukan dengan menggunakan NIP/Email, seperti gambar 4.13. di bawah ini :

Gambar 4.13. Tampilan Login

Tampilan Halaman Utama Admin

Setelah berhasil login dengan memasukan Email dan Password admin bisa masuk ke halaman utama admin atau dashboard, dimana admin dapat melihat daftar nama guru, daftar pelajaran, daftar materi, dll. Seperti gambar 4.14. di bawah ini :

Gambar 4.14. Tampilan Halaman Utama Admin

Tampilan Halaman Utama Guru

Setelah berhasil login dengan memasukan Email dan Password guru dapat masuk ke halaman utama guru atau dashboard, dimana guru dapat melakukan upload materi, merubah profile, dll. Seperti gambar 4.15. di bawah ini :

Gambar 4.15. Tampilan Halaman Utama Guru

Tampilan Halaman Upload Materi Guru

Di halaman ini terdapat Title, Category, dan Browse untuk guru mengupload materi bahan ajar :

Gambar 4.16. Tampilan Halaman Upload Materi Guru

Tampilan Profil Guru

Pada halaman profil guru terdapat NIP, Nama Depan, Nama Belakang, Email, Jenis Kelamin, Tempat Lahir, Tanggal Lahir, Alamat, No.Handphone, Website, Status, Note :

Gambar 4.17. Tampilan Profil Guru

Tampilan Halaman Materi

Pada halaman ini, siswa dapat mendownload materi bahan ajar. Dalam halaman ini terdapat category, title, code, upload, date, size, dan action :

Gambar 4.18. Tampilan Halaman Materi

Konfigurasi Sistem Usulan

Spesifikasi Hardware

Perangkat keras yang dibutuhkan oleh sistem suatu unit personal komputer. Perangkat keras yang diusulkan ini dibuat berdasarkan kebutuhan sistem saat ini dan antisipasi kebutuhan dimasa yang akan datang. Konfigurasi yang dibutuhkan pada desain sistem yang diusulkan adalah :

Processor : Intel ® Celeron ® CPU B815 @ 1.60GHz 1.60 GHz.
Monitor : 15.0 HD LCD.
Mouse : Optik.
Keyboard : Standar.
RAM : 2 GB DDR3 Memory.
Hardisk : 1TB.

Spesifikasi Software

Spesifikasi software atau perangkat lunak merupakan penunjang peralatan komputer yang digunakan untuk menghubungkan instruksi-instruksi yang diinginkan oleh brainware pada saat mengakses sistem tersebut agar menghasilkan sebuah informasi. Konfigurasi sistem yang dibutuhkan :

Microsoft Windows 7 Home Premium
Google Chrome
XAMPP
Sublime Text

**Hak Akses (Brainware)**

User yang dapat mengakses sistem ini terdiri dari :

Admin
Guru
Siswa

Testing

Black Box Testing

Untuk tahap pengujian pada sistem modul berbasis web, peneliti menggunakan metode Black Box Testing. Metode black box testing merupakan pengujian program yang mengutamakan pengujian terhadap kebutuhan fungsi dari suatu program. Tujuan dari metode black box testing untuk menemukan kesalahan fungsi pada program. Pengujian dengan menggunakan metode black box testing dilakukan hanya mengganti hasil eksekusi melalui data uji dan memeriksa fungsional dari software dan fungsionalitasnya tanpa mengetahui yang terjadi dalam proses detail, melainkan hanya mengetahui input dan 'output. Berikut ini pengujian sistem yang dilakukan dengan menggunakan black box testing :

Pengujian Login Admin menggunakan NIP/Email dan Password

Tabel 4.8. Black Box Testing Login Admin menggunakan NIP/Email

Pengujian Login Guru menggunakan NIP/Email dan Password

Tabel 4.9. Black Box Testing Login Guru menggunakan NIP/Email

Pengujian Guru mengupload materi bahan ajar

Tabel 4.10. Black Box Testing Guru Upload Materi

Pengujian Siswa untuk mendownload materi bahan ajar

Tabel 4.11. Black Box Testing Siswa Download Materi

Pengujian Admin untuk menambahkan mata pelajaran

Tabel 4.12. Black Box Testing Admin Menambahkan Mata Pelajaran

Implementasi

Schedule

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 :

Tabel 4.13. Time Schedule Pengembangan Sistem

Estimasi Biaya

Estimasi biaya digunakan sebagai penghitungan kebutuhan biaya yang diperlukan untuk menyelesaikan penelitian yang diusulkan. Dibawah ini adalah rincian biaya yang diperlukan peneliti untuk menyelesaikan penelitian yang dilakukan :

Tabel 4.14. Estimasi Biaya

BAB V

PENUTUP

Kesimpulan

Berdasarkan rumusan masalah yang telah diuraikan pada bab sebelumnya, maka dapat diambil kesimpulan mengenai pembuatan modul pembelajaran berbasis web pada SMA Negeri 2 Kota Tangerang sebagai berikut :

Sistem pembelajaran yang berjalan saat ini masih belum bisa dikatakan optimal dikarenakan sistem pembelajaran masih sangat bergantung dengan kehadiran guru didalam kelas. Sehingga apabila guru tidak hadir maka siswa tidak mendapatkan materi.
Untuk memudahkan siswa dalam mendapatkan materi bahan ajar diperlukan adanya sistem pembelajaran yang terkomputerisasi. Dengan adanya modul berbasis web, tentunya dapat memudahkan guru dalam hal menyediakan materi bahan ajar dan memudahkan siswa dalam mendapatkan materi bahan ajar. Sehingga siswa dapat dengan mudah mendapatkan materi dimana saja, kapan saja, dan langsung terhubung dengan jaringan internet.
Untuk merancang sistem modul pembelajaran yang terkomputerisasi, peneliti merancang alur sistem modul pembelajaran pada SMA Negeri 2 Kota Tangerang dengan menggunakan UML (Unified Modelling Language) yang terdiri dari Use Case Diagram, Activity Diagram, Sequence Diagram. Lalu membuat analisis sistem pembelajaran yang sedang berjalan menggunakan analisis SWOT (Strength, Weakness, Opportunities, Threat). Setelah itu membuat elisitasi tahap I, elisitasi tahap II, elisitasi tahap III, dan final draft elisitasi. Tahap pembuatan program menggunakan Software Sublime text untuk mengoding sistem yang telah dirancang oleh peneliti. Bahasa pemrograman yang digunakan yaitu PHP dan database nya yaitu MySQL.

Saran

Berdasarkan kesimpulan yang telah diuraikan, maka terdapat beberapa saran yang juga sebagai harapan ke depan terhadap modul permbelajaran berbasis web ini diantaranya :

Dengan adanya sistem yang baru ini, perlu dilakukan pengenalan dan pelatihan tentang sistem modul pembelajaran berbasis web kepada guru dan siswa agar lebih memahami cara pemakaiannya.
Diharapkan agar pihak pengembangan selanjutnya dapat menambahkan elemen design baru sehingga viewboard ini nantinya akan terlihat lebih user friendly.
Untuk tahap selanjutnya pihak sekolah dapat mengembangkan sistem yang lebih luas lagi agar SMA Negeri 2 Kota Tangerang menjadi sekolah unggulan dan up to date dalam bidang teknologi informasi.

DAFTAR PUSTAKA

↑ Kamran, F., & Kharie, N. F. (2016). SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA POLITEKNIK SAINS DAN TEKNOLOGI WIRATAMA MALUKU UTARA. IJIS-Indonesian Journal On Information System, 1(2).
↑ ^2,0 ^2,1 ^2,2 Hutahaean, Jeperson. 2015. Konsep Sistem Informasi. Yogyakarta : Deepublish.
↑ Muslihudin dan Oktafianto.(2016). Analisis dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML. Andi.
↑ Hutahaean, Jeperson. 2015. Konsep Sistem Informasi. Yogyakarta : Deepublish.
↑ Yakub dan Vico Hisbanarto. 2014. Sistem Informasi Manajemen Pendidikan. Yogyakarta: Graha Ilmu.
↑ ^6,0 ^6,1 Kadir, Abdul. 2013. Pengenalan Sistem Informasi Edisi Revisi. Yogyakarta: Penerbit ANDI.
↑ Taufiq, Rohmat. 2013. Sistem Informasi Manajemen. Yogyakarta: Graha Ilmu.
↑ Putu Agus Swastika, M.Kom dan I Gusti Lanang Agung Raditya Putra, S.Pd., M.T. 2016. Audit Sistem Informasi dan Tata Kelola Teknologi Informasi : Implementasi dan Studi Kasus. Yogyakarta: ANDI.
↑ ^9,0 ^9,1 ^9,2 Kadir, Abdul. 2014. Pengenalan Sistem Informasi Edisi Revisi. Yogyakarta: CV. Andi. Offset.
↑ Muharto dan Arisandi Ambarita. 2016. Metode Penelitian Sistem Informasi : Mengatasi Kesulitan Mahasiswa Dalam Menyusun Proposal Penelitian. Ed.1 Cet.1 - Mulyani, S. (2017). Metode Analisis dan Perancangan Sistem. Bandung: ABDI SISTEMATIKA.
↑ Muharto dan Arisandi Ambarita. 2016. Metode Penelitian Sistem Informasi : Mengatasi Kesulitan Mahasiswa Dalam Menyusun Proposal Penelitian. Ed.1 Cet.1 -.
↑ Prastowo, Andi. Menyusun Rencana Pelaksanaan Pembelajaran (RPP) Terpadu Implementasi Kurikulum 2013 Untuk SD/MI. Jakarta. Penerbit Kencana. Cetakan ke 2. Januari 2017.
↑ K Darnita, A.A.I.N. Marhaeni, Made Candiasa (2014). Pengaruh Penggunaan Bahan Ajar Online Terhadap Prestasi Belajar Tikom Dengan Kovariabel Aktivitas Belajar Siswa Kelas VIII Smp Dwijendra Gianyar. e-Journal Program Pascasarjana Universitas Pendidikan Ganesha Program Studi Pendidikan Dasar (Volume 4 Tahun 2014).
↑ Wijaya, Y. A., & Pramukantoro, J. A. (2013). Pengaruh teknik pembelajaran make a match terhadap hasil belajar siswa pada mata diklat menerapkan dasar-dasar elektronika digital di SMK Negeri 1 Sidoarjo. Jurnal Penelitian Pendidikan Teknik Elektro, 2(1), 161-167.
↑ Widjoyo, I. O. (2013). Analisa pengaruh kualitas layanan terhadap kepuasan konsumen pada layanan drive thru McDonald’s Basuki Rahmat di Surabaya. Jurnal Strategi Pemasaran, 1(1).
↑ Subagiyo, E. K. (2014). Analisis Faktor-faktor yang Mempengaruhi Wajib Pajak dalam Merespon Surat Himbauan terhadap Kepatuhan Penyampaian Surat Pemberitahuan (Spt) Tahunan (Studi pada Kantor Pelayanan Pajak Pratama Batu). Jurnal Mahasiswa Perpajakan, 3(1).
↑ Syahidul, D. (2013). Pengaruh Kualitas Pembelajaran Guru Terhadap Prestasi Belajar Siswa Mata Pelajaran Ilmu Statika dan Tegangan Jurusan Teknik Gambar Bangunan SMK Negeri 2 Depok (Doctoral dissertation, UNY).
↑ Oktavia, Y. (2014). Usaha Kepala Sekolah Dalam Meningkatkan Kreativitas Guru Dalam Pembelajaran di Sekolah Dasar. Bahana Manajemen Pendidikan, 2(1), 808-815.
↑ PERKASA, A. R. PENGGUNAAN PONSEL DI KALANGAN PELAJAR SMAN 1 TANGGUL THE USE OF PONSEL AMONG STUDENT SMAN 1 TANGGUL.
↑ Puspitasari, D. 2015. Rancang Bangun Sistem Informasi Koperasi Simpan Pinjam Karyawan Berbasis Web’. Jurnal Pilar Nusa Mandiri. No. 11 Vol. 2 ISSN 1978 – 1946.
↑ Hidayat, A. N. 2015. Analisis Sentimen Terhadap Wacana Politik Pada Media Masa Online Menggunakan Algoritma Support Vector Machine Dan Naive Bayes. Jurnal Elektronik Sistem Informasi dan Komputer, VOL.1 No.1.
↑ Prasetio, Adhi. 2012. Buku Pinter Pemrograman Web. Jakarta : Mediakita.
↑ Achmad Solichin, 2016. “Pemrograman Web dengan PHP dan MySQL”, Penerbit Budi Luhur.
↑ Muslim, M. A., & Pramesti, A. A. (2015). Penyajian Data Pelanggan pada Lima Area PT. Telekomunikasi Indonesia, Tbk. Kandatel Pekalongan Menggunakan Google Earth. Scientific Journal of Informatics, Vol. 1, No. 2 ISSN 2407-7658.
↑ Henderi, H., Rahayu, S., & Prasetyo, B. M. 2015. Dashboard Information System Berbasis Key Performance Indicator. In Seminar Nasional Informatika (SEMNASIF) Vol 1, No 4. ISSN: 1979-2328.
↑ Rohayati, M. (2014). Membangun Sistem Informasi Monitoring Data Inventory Di Vio Hotel Indonesia. Universitas Komputer Indonesia.
↑ Munawaroh, E., Fatimah, D. D. S., & Supriatna, A. D. 2014. Perancangan Aplikasi Rekam Medis Klinik Bersalin Baiturrahman Menggunakan Metode Object Oriented. Jurnal Algoritma, Vol 10, No 1. ISSN : 2302-7339.
↑ Prasetyo, E., Kom, S., & Kom, M. 2015. Rancang Bangun Sistem Informasi Sekolah Tinggi Ilmu Ekonomi. Rahmanyah Kabupaten Musi Banyuasin Berbasis Website. Jurnal Informanika, Volume 1 No. 2.
↑ Imbar, R. V., & Hartanto, B. S. (2015). 10. Aplikasi Sistem Informasi Sumber Daya Manusia dengan Fitur DSS Menggunakan Metode Topsis pada PT. X. Jurnal Informatika.
↑ Kholiani, W., & Rosyadi, I. (2016). Media Pembelajaran Tenses Bahasa Inggris Pada English Club Berbasis Adobe Flash Cs 3. Jurnal Surya Informatika.
↑ Mulyani, S. (2017). Metode Analisis dan Perancangan Sistem. Bandung: ABDI SISTEMATIKA.
↑ Alatas, Husein. Responsive Web Design dengan PHP dan Bootstrap, Jakarta: Lokomedia, 2013.
↑ Wikipedia, Sublime Text, Diakses pada tanggal 21 Maret 2017, https://en.wikipedia.org/wiki/Sublime_Text.
↑ Hutabarat, M. F., Setyaningsih, S., Si, M., Qur'ania, A., & Kom, M. (2017). Sistem Komputerisasi Data Suku Cadang Kendaraan Bermotor Roda Dua Berbasis Web. Jurnal Online Mahasiswa (JOM) Bidang Ilmu Komputer/Informatika.
↑ Santoso, S. (2016). Perencanaan Dan Pembuatan Aplikasi Absensi Dosen Menggunakan Radio Frequency Identification (RFID) (Studi Kasus Politeknik Negeri Tanah Laut). Prosiding SENIATI, (Book-2). ISSN : 2085-4218.
↑ Erdisna, Erdisna. 2016. E-Learning Dengan Aplikasi Content Management System (Cms) Open Sources. Media Sisfo 5.1.
↑ Ginanjar Taufiq. 2014. Rahasia Membangun Website Toko Online Berpenghasilan Jutaan Rupiah. Bandung: Iffahmedia.
↑ Mustaqbal, M. S., Firdaus, R. F., & Rahmadi, H. (2016). PENGUJIAN APLIKASI MENGGUNAKAN BLACK BOX TESTING BOUNDARY VALUE ANALYSIS (STUDI KASUS: APLIKASI PREDIKSI KELULUSAN SMNPTN). Jurnal Ilmiah Teknologi Informasi Terapan, 1(3).
↑ Masooma Yousuf dan M.asger. 2015. “Comparison of Various Requirements Elicitation Techniques” International Jurnal Of Computer applications (ISSN 0975-8887 Vol.116 No.4, April 2015).
↑ Prastomo, A. (2015). Prototipe Sistem E-Learning Dengan Pendekatan Elisitasi Dan Framework Codeigniter: Studi Kasus Smp Yamad Bekasi. Faktor Exacta, 7(2), 165-175.
↑ Warsito. Ary Budi, Muhamad Yusup, Yulianto. 2014. Kajian YII Framework Dalam Mengembangkan Website Perguruan Tinggi. Jurnal CCIT STMIK Raharja Tangerang: Tangerang. Tangerang : Perguruan Tinggi Raharja. Vol 7, No. 1, Mei 2014.
↑ Patrisius Istiarto Djiwandono, 2015. “Meneliti itu Tidak Sulit: Metodologi Penelitian Sosial dan Pendidikan Bahasa”, Yogyakarta: Deepublish.
↑ Díaz, F. J., Schiavoni, M. A., Osorio, M. A., Amadeo, A. P., & Charnelli, M. E. (2015). Integrating a learning management system with a student assignments digital repository: a case study. International Journal of Continuing Engineering Education and Life Long Learning, 25(2), 138-150.
↑ Lipuma, J., Reich, J. & Mayalil, L. (2016). The CLAS Network: A Repository for Digital Learning Objects and a Network for Educational Stakeholders to Communicate and Collaborate. In Proceedings of Global Learn-Global Conference on Learning and Technology (pp. 466-472).
↑ Stephen Kutay (2014) yang berjudul “Advancing Digital Repository Services for Faculty Primary Research Assets: An Exploratory Study” .The Journal of Academic Librarianship Volume 40, Issue 6).
↑ Anshari, M., Alas, Y., & Guan, L. S. (2016). Developing online learning resources: Big data, social networks, and cloud computing to support pervasive knowledge. Education and Information Technologies, 21(6), 1663-1677.
↑ Mohamed Abd Allah, Abd Allah aalYateem a, Nawaf Bandr Bn Hameed (2015). “Digital repositories in the Arab universities: A comparative analytical study”. Jurnal Procedia Computer Science 65. 768 – 777.
↑ Desrianti, Dewi Immaniar, Untung Rahardja dan Rahma Rinie. 2013. iLearning Metode Belajar Efektif Untuk Sekolah Tinggi. CCIT Journal. Tangerang: Perguruan Tinggi Raharja.
↑ Warsito, A. B., & Yuliandini, E. (2017). Penerapan Google Drive Untuk Efisiensi Penyimpanan Bahan Ajar Yang Dapat Mendukung Sistem Informasi Bahan Ajar Pada Perguruan Tinggi Berbasis Mobile Aplikasi. SISFOTENIKA, 7(2), 219-228.
↑ Yulianti Tien, Herpratiwi dan Sukirlan . "Pengembangan Bahan Ajar Mandiri Melalui Media Online Untuk Meningkatkan Kemampuan Public Speaking." Jurnal Teknologi Informasi Komunikasi Pendidikan (Old) 2.3 (2015).
↑ Noor, M. Mahdian, Nataniel Dengen, and Edy Budiman. "Repository Tugas Dan Bahan Ajar Menggunakan Layanan Cloud Storage Pada Fakultas Ilmu Komputer Dan Teknologi Informasi." Prosiding Seminar Ilmu Komputer Dan Teknologi Informasi (Sakti). Vol. 2. No. 1. 2017.
↑ Henderi, Muhamad Yusuf, dan Yulika Ayu Rantama. 2012. Penggunaan Metode iLearning Untuk Meningkatkan Kualitas Pembelajaran Di Perguruan Tinggi. CCIT Journal. Tangerang: Perguruan Tinggi Raharja.

Contributors

Chesta

[Kamran2016-1] Kamran, F., & Kharie, N. F. (2016). SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA POLITEKNIK SAINS DAN TEKNOLOGI WIRATAMA MALUKU UTARA. IJIS-Indonesian Journal On Information System, 1(2).

[Hutahaean2015-2] 2,0 ^2,1 ^2,2 Hutahaean, Jeperson. 2015. Konsep Sistem Informasi. Yogyakarta : Deepublish.

[Muslihudin2016-3] Muslihudin dan Oktafianto.(2016). Analisis dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML. Andi.

[Hutahaean2014-4] Hutahaean, Jeperson. 2015. Konsep Sistem Informasi. Yogyakarta : Deepublish.

[Yakub2014-5] Yakub dan Vico Hisbanarto. 2014. Sistem Informasi Manajemen Pendidikan. Yogyakarta: Graha Ilmu.

[Kadir2013-6] 6,0 ^6,1 Kadir, Abdul. 2013. Pengenalan Sistem Informasi Edisi Revisi. Yogyakarta: Penerbit ANDI.

[Taufiq2013-7] Taufiq, Rohmat. 2013. Sistem Informasi Manajemen. Yogyakarta: Graha Ilmu.

[Putu2016-8] Putu Agus Swastika, M.Kom dan I Gusti Lanang Agung Raditya Putra, S.Pd., M.T. 2016. Audit Sistem Informasi dan Tata Kelola Teknologi Informasi : Implementasi dan Studi Kasus. Yogyakarta: ANDI.

[Kadir2014-9] 9,0 ^9,1 ^9,2 Kadir, Abdul. 2014. Pengenalan Sistem Informasi Edisi Revisi. Yogyakarta: CV. Andi. Offset.

[mulyani_2016-10] Muharto dan Arisandi Ambarita. 2016. Metode Penelitian Sistem Informasi : Mengatasi Kesulitan Mahasiswa Dalam Menyusun Proposal Penelitian. Ed.1 Cet.1 - Mulyani, S. (2017). Metode Analisis dan Perancangan Sistem. Bandung: ABDI SISTEMATIKA.

[Muharto2016-11] Muharto dan Arisandi Ambarita. 2016. Metode Penelitian Sistem Informasi : Mengatasi Kesulitan Mahasiswa Dalam Menyusun Proposal Penelitian. Ed.1 Cet.1 -.

[Prastowo2017-12] Prastowo, Andi. Menyusun Rencana Pelaksanaan Pembelajaran (RPP) Terpadu Implementasi Kurikulum 2013 Untuk SD/MI. Jakarta. Penerbit Kencana. Cetakan ke 2. Januari 2017.

[Darnita2014-13] K Darnita, A.A.I.N. Marhaeni, Made Candiasa (2014). Pengaruh Penggunaan Bahan Ajar Online Terhadap Prestasi Belajar Tikom Dengan Kovariabel Aktivitas Belajar Siswa Kelas VIII Smp Dwijendra Gianyar. e-Journal Program Pascasarjana Universitas Pendidikan Ganesha Program Studi Pendidikan Dasar (Volume 4 Tahun 2014).

[Wijaya2013-14] Wijaya, Y. A., & Pramukantoro, J. A. (2013). Pengaruh teknik pembelajaran make a match terhadap hasil belajar siswa pada mata diklat menerapkan dasar-dasar elektronika digital di SMK Negeri 1 Sidoarjo. Jurnal Penelitian Pendidikan Teknik Elektro, 2(1), 161-167.

[Widjoyo2013-15] Widjoyo, I. O. (2013). Analisa pengaruh kualitas layanan terhadap kepuasan konsumen pada layanan drive thru McDonald’s Basuki Rahmat di Surabaya. Jurnal Strategi Pemasaran, 1(1).

[Subagiyo2014-16] Subagiyo, E. K. (2014). Analisis Faktor-faktor yang Mempengaruhi Wajib Pajak dalam Merespon Surat Himbauan terhadap Kepatuhan Penyampaian Surat Pemberitahuan (Spt) Tahunan (Studi pada Kantor Pelayanan Pajak Pratama Batu). Jurnal Mahasiswa Perpajakan, 3(1).

[Syahidul2013-17] Syahidul, D. (2013). Pengaruh Kualitas Pembelajaran Guru Terhadap Prestasi Belajar Siswa Mata Pelajaran Ilmu Statika dan Tegangan Jurusan Teknik Gambar Bangunan SMK Negeri 2 Depok (Doctoral dissertation, UNY).

[Oktavia2014-18] Oktavia, Y. (2014). Usaha Kepala Sekolah Dalam Meningkatkan Kreativitas Guru Dalam Pembelajaran di Sekolah Dasar. Bahana Manajemen Pendidikan, 2(1), 808-815.

[PERKASA2015-19] PERKASA, A. R. PENGGUNAAN PONSEL DI KALANGAN PELAJAR SMAN 1 TANGGUL THE USE OF PONSEL AMONG STUDENT SMAN 1 TANGGUL.

[Puspitasari2015-20] Puspitasari, D. 2015. Rancang Bangun Sistem Informasi Koperasi Simpan Pinjam Karyawan Berbasis Web’. Jurnal Pilar Nusa Mandiri. No. 11 Vol. 2 ISSN 1978 – 1946.

[Hidayat2015-21] Hidayat, A. N. 2015. Analisis Sentimen Terhadap Wacana Politik Pada Media Masa Online Menggunakan Algoritma Support Vector Machine Dan Naive Bayes. Jurnal Elektronik Sistem Informasi dan Komputer, VOL.1 No.1.

[Prasetio2015-22] Prasetio, Adhi. 2012. Buku Pinter Pemrograman Web. Jakarta : Mediakita.

[Solichin2016-23] Achmad Solichin, 2016. “Pemrograman Web dengan PHP dan MySQL”, Penerbit Budi Luhur.

[Muslim2014-24] Muslim, M. A., & Pramesti, A. A. (2015). Penyajian Data Pelanggan pada Lima Area PT. Telekomunikasi Indonesia, Tbk. Kandatel Pekalongan Menggunakan Google Earth. Scientific Journal of Informatics, Vol. 1, No. 2 ISSN 2407-7658.

[Henderi2015-25] Henderi, H., Rahayu, S., & Prasetyo, B. M. 2015. Dashboard Information System Berbasis Key Performance Indicator. In Seminar Nasional Informatika (SEMNASIF) Vol 1, No 4. ISSN: 1979-2328.

[Rohayati2014-26] Rohayati, M. (2014). Membangun Sistem Informasi Monitoring Data Inventory Di Vio Hotel Indonesia. Universitas Komputer Indonesia.

[Munawaroh2014-27] Munawaroh, E., Fatimah, D. D. S., & Supriatna, A. D. 2014. Perancangan Aplikasi Rekam Medis Klinik Bersalin Baiturrahman Menggunakan Metode Object Oriented. Jurnal Algoritma, Vol 10, No 1. ISSN : 2302-7339.

[Prasetyo2015-28] Prasetyo, E., Kom, S., & Kom, M. 2015. Rancang Bangun Sistem Informasi Sekolah Tinggi Ilmu Ekonomi. Rahmanyah Kabupaten Musi Banyuasin Berbasis Website. Jurnal Informanika, Volume 1 No. 2.

[Imbar2015-29] Imbar, R. V., & Hartanto, B. S. (2015). 10. Aplikasi Sistem Informasi Sumber Daya Manusia dengan Fitur DSS Menggunakan Metode Topsis pada PT. X. Jurnal Informatika.

[Kholiani2016-30] Kholiani, W., & Rosyadi, I. (2016). Media Pembelajaran Tenses Bahasa Inggris Pada English Club Berbasis Adobe Flash Cs 3. Jurnal Surya Informatika.

[Mulyani2017-31] Mulyani, S. (2017). Metode Analisis dan Perancangan Sistem. Bandung: ABDI SISTEMATIKA.

[Alatas2013-32] Alatas, Husein. Responsive Web Design dengan PHP dan Bootstrap, Jakarta: Lokomedia, 2013.

[Wikipedia2017-33] Wikipedia, Sublime Text, Diakses pada tanggal 21 Maret 2017, https://en.wikipedia.org/wiki/Sublime_Text.

[Hutabarat2017-34] Hutabarat, M. F., Setyaningsih, S., Si, M., Qur'ania, A., & Kom, M. (2017). Sistem Komputerisasi Data Suku Cadang Kendaraan Bermotor Roda Dua Berbasis Web. Jurnal Online Mahasiswa (JOM) Bidang Ilmu Komputer/Informatika.

[Santoso2016-35] Santoso, S. (2016). Perencanaan Dan Pembuatan Aplikasi Absensi Dosen Menggunakan Radio Frequency Identification (RFID) (Studi Kasus Politeknik Negeri Tanah Laut). Prosiding SENIATI, (Book-2). ISSN : 2085-4218.

[Erdisna2016-36] Erdisna, Erdisna. 2016. E-Learning Dengan Aplikasi Content Management System (Cms) Open Sources. Media Sisfo 5.1.

[Taufiq2014-37] Ginanjar Taufiq. 2014. Rahasia Membangun Website Toko Online Berpenghasilan Jutaan Rupiah. Bandung: Iffahmedia.

[Mustaqbal2016-38] Mustaqbal, M. S., Firdaus, R. F., & Rahmadi, H. (2016). PENGUJIAN APLIKASI MENGGUNAKAN BLACK BOX TESTING BOUNDARY VALUE ANALYSIS (STUDI KASUS: APLIKASI PREDIKSI KELULUSAN SMNPTN). Jurnal Ilmiah Teknologi Informasi Terapan, 1(3).

[Masooma2015-39] Masooma Yousuf dan M.asger. 2015. “Comparison of Various Requirements Elicitation Techniques” International Jurnal Of Computer applications (ISSN 0975-8887 Vol.116 No.4, April 2015).

[Prastomo2015-40] Prastomo, A. (2015). Prototipe Sistem E-Learning Dengan Pendekatan Elisitasi Dan Framework Codeigniter: Studi Kasus Smp Yamad Bekasi. Faktor Exacta, 7(2), 165-175.

[Warsito2015-41] Warsito. Ary Budi, Muhamad Yusup, Yulianto. 2014. Kajian YII Framework Dalam Mengembangkan Website Perguruan Tinggi. Jurnal CCIT STMIK Raharja Tangerang: Tangerang. Tangerang : Perguruan Tinggi Raharja. Vol 7, No. 1, Mei 2014.

[Djiwandono2015-42] Patrisius Istiarto Djiwandono, 2015. “Meneliti itu Tidak Sulit: Metodologi Penelitian Sosial dan Pendidikan Bahasa”, Yogyakarta: Deepublish.

[D.C3.ADaz2015-43] Díaz, F. J., Schiavoni, M. A., Osorio, M. A., Amadeo, A. P., & Charnelli, M. E. (2015). Integrating a learning management system with a student assignments digital repository: a case study. International Journal of Continuing Engineering Education and Life Long Learning, 25(2), 138-150.

[Lipuma2016-44] Lipuma, J., Reich, J. & Mayalil, L. (2016). The CLAS Network: A Repository for Digital Learning Objects and a Network for Educational Stakeholders to Communicate and Collaborate. In Proceedings of Global Learn-Global Conference on Learning and Technology (pp. 466-472).

[Stephen2014-45] Stephen Kutay (2014) yang berjudul “Advancing Digital Repository Services for Faculty Primary Research Assets: An Exploratory Study” .The Journal of Academic Librarianship Volume 40, Issue 6).

[Anshari2016-46] Anshari, M., Alas, Y., & Guan, L. S. (2016). Developing online learning resources: Big data, social networks, and cloud computing to support pervasive knowledge. Education and Information Technologies, 21(6), 1663-1677.

[Mohamed2015-47] Mohamed Abd Allah, Abd Allah aalYateem a, Nawaf Bandr Bn Hameed (2015). “Digital repositories in the Arab universities: A comparative analytical study”. Jurnal Procedia Computer Science 65. 768 – 777.

[Desrianti2013-48] Desrianti, Dewi Immaniar, Untung Rahardja dan Rahma Rinie. 2013. iLearning Metode Belajar Efektif Untuk Sekolah Tinggi. CCIT Journal. Tangerang: Perguruan Tinggi Raharja.

[Warsito2017-49] Warsito, A. B., & Yuliandini, E. (2017). Penerapan Google Drive Untuk Efisiensi Penyimpanan Bahan Ajar Yang Dapat Mendukung Sistem Informasi Bahan Ajar Pada Perguruan Tinggi Berbasis Mobile Aplikasi. SISFOTENIKA, 7(2), 219-228.

[Yulianti2014-50] Yulianti Tien, Herpratiwi dan Sukirlan . "Pengembangan Bahan Ajar Mandiri Melalui Media Online Untuk Meningkatkan Kemampuan Public Speaking." Jurnal Teknologi Informasi Komunikasi Pendidikan (Old) 2.3 (2015).

[Noor2017-51] Noor, M. Mahdian, Nataniel Dengen, and Edy Budiman. "Repository Tugas Dan Bahan Ajar Menggunakan Layanan Cloud Storage Pada Fakultas Ilmu Komputer Dan Teknologi Informasi." Prosiding Seminar Ilmu Komputer Dan Teknologi Informasi (Sakti). Vol. 2. No. 1. 2017.

[Henderi2012-52] Henderi, Muhamad Yusuf, dan Yulika Ayu Rantama. 2012. Penggunaan Metode iLearning Untuk Meningkatkan Kualitas Pembelajaran Di Perguruan Tinggi. CCIT Journal. Tangerang: Perguruan Tinggi Raharja.

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

[15]

[16]

[17]

[18]

[19]

[20]

[21]

[22]

[23]

[24]

[25]

[26]

[27]

[28]

[29]

[30]

[31]

[32]

[33]

[34]

[35]

[36]

[37]

[38]

[39]

[40]

[41]

[42]

[43]

[44]

[45]

[46]

[47]

[48]

[49]

[50]

[51]

[52]

@@ Baris 2: / Baris 2: @@
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI PENGELOLAAN DATA DALAM'''</P></div>
+<p style="line-height: 1">'''PERANCANGAN SISTEM INFORMASI MODUL'''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''PENANGANAN KESEHATAN DAN KESELAMATAN KERJA PADA'''</P></div>
+<p style="line-height: 1">'''PEMBELAJARAN BERBASIS WEB PADA'''</P></div>
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''PT. CIPTA PERDANA LANCAR TANGERANG'''</P></div>
+<p style="line-height: 1">'''SMA NEGERI 2 KOTA TANGERANG'''</P></div>
 &nbsp;
 <div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
@@ Baris 20: / Baris 20: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">'''NIM'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''1414480081'''</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">'''NIM'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''1412481237'''</div>
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">'''NAMA'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''[[Yunia Riska Anggrahini|YUNIA RISKA ANGGRAHINI]]'''</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">'''NAMA'''</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: '''[[Chesta Mayestica Priyadi|CHESTA MAYESTICA PRIYADI]]'''</div>
 |}
@@ Baris 31: / Baris 31: @@
 <p style="line-height: 1">'''JURUSAN [[SISTEM INFORMASI]]'''</P></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
-<p style="line-height: 1">'''KONSENTRASI KOMPUTER AKUNTANSI'''</P>
+<p style="line-height: 1">'''KONSENTRASI BUSINESS INTELLIGENCE'''</P>
 </div><div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
 <p style="line-height: 1">'''SEKOLAH TINGGI MANAJEMEN DAN ILMU KOMPUTER'''</P></div>
@@ Baris 55: / Baris 55: @@
 <p style="line-height: 2">'''LEMBAR PENGESAHAN SKRIPSI'''</p></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2" style="text-align: center;2">'''PERANCANGAN SISTEM INFORMASI PENGELOLAAN DATA DALAM'''</p></div>
+<p style="line-height: 2" style="text-align: center;2">'''PERANCANGAN SISTEM INFORMASI MODUL'''</p></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2" style="text-align: center;2">'''PENANGANAN KESEHATAN DAN KESELAMATAN KERJA PADA'''</p></div>
+<p style="line-height: 2" style="text-align: center;2">'''PEMBELAJARAN BERBASIS WEB PADA'''</p></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2" style="text-align: center;2">'''PT. CIPTA PERDANA LANCAR TANGERANG'''</p></div>
+<p style="line-height: 2" style="text-align: center;2">'''SMA NEGERI 2 KOTA TANGERANG'''</p></div>
 &nbsp;
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
@@ Baris 68: / Baris 68: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1414480081</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1412481237</div>
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Yunia Riska Anggrahini]]</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Chesta Mayestica Priyadi]]</div>
 |-
@@ Baris 84: / Baris 84: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Komputer Akuntansi</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: ''Business Intelligence''</div>
 |}
@@ Baris 148: / Baris 148: @@
 &nbsp;
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2" style="text-align: center;2">'''PERANCANGAN SISTEM INFORMASI PENGELOLAAN DATA DALAM'''</p></div>
+<p style="line-height: 2" style="text-align: center;2">'''PERANCANGAN SISTEM INFORMASI MODUL'''</p></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2" style="text-align: center;2">'''PENANGANAN KESEHATAN DAN KESELAMATAN KERJA PADA'''</p></div>
+<p style="line-height: 2" style="text-align: center;2">'''PEMBELAJARAN BERBASIS WEB PADA'''</p></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2" style="text-align: center;2">'''PT. CIPTA PERDANA LANCAR TANGERANG'''</p></div>
+<p style="line-height: 2" style="text-align: center;2">'''SMA NEGERI 2 KOTA TANGERANG'''</p></div>
 &nbsp;
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
@@ Baris 161: / Baris 161: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1414480081</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1412481237</div>
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Yunia Riska Anggrahini]]</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Chesta Mayestica Priyadi]]</div>
 |}
@@ Baris 173: / Baris 173: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;">Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;">Jurusan Sistem Informasi</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;">Konsentrasi Komputer Akuntansi</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;">Konsentrasi ''Business Intelligence''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2" style="text-align: center;">Tahun Akademik 2017 / 2018</p></div>
 &nbsp;
@@ Baris 203: / Baris 203: @@
 |-
-| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Giandari Maulani|Giandari Maulani]], M.Kom)</u></div>|| &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Mulyati|Mulyati]], SE., M.M., M.Pd)</u></div>
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Nur Azizah|Nur Azizah]], M.Akt.,M.Kom)</u></div>|| &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Erna Astriyani|Erna Astriyani]], S.Kom.,M.T.I)</u></div>
 |-
-| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 06126</div> || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 11003</div>
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 10002</div> || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 15017</div>
 |}
@@ Baris 226: / Baris 226: @@
 &nbsp;
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2" style="text-align: center;2">'''PERANCANGAN SISTEM INFORMASI PENGELOLAAN DATA DALAM'''</p></div>
+<p style="line-height: 2" style="text-align: center;2">'''PERANCANGAN SISTEM INFORMASI MODUL'''</p></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2" style="text-align: center;2">'''PENANGANAN KESEHATAN DAN KESELAMATAN KERJA PADA'''</p></div>
+<p style="line-height: 2" style="text-align: center;2">'''PEMBELAJARAN BERBASIS WEB PADA'''</p></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2" style="text-align: center;2">'''PT. CIPTA PERDANA LANCAR TANGERANG'''</p></div>
+<p style="line-height: 2" style="text-align: center;2">'''SMA NEGERI 2 KOTA TANGERANG'''</p></div>
 &nbsp;
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
@@ Baris 240: / Baris 240: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1414480081</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1412481237</div>
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Yunia Riska Anggrahini]]</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Chesta Mayestica Priyadi]]</div>
 |}
@@ Baris 255: / Baris 255: @@
 <p style="line-height: 2" style="text-align: center;">Jurusan Sistem Informasi</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2" style="text-align: center;">Konsentrasi Komputer Akuntansi</p></div>
+<p style="line-height: 2" style="text-align: center;">Konsentrasi ''Business Intelligence''</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 <p style="line-height: 2" style="text-align: center;">Tahun Akademik 2017/2018</p></div>
@@ Baris 310: / Baris 310: @@
 <p style="line-height: 2">'''LEMBAR KEASLIAN SKRIPSI'''</p></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2" style="text-align: center;2">'''PERANCANGAN SISTEM INFORMASI PENGELOLAAN DATA DALAM'''</p></div>
+<p style="line-height: 2" style="text-align: center;2">'''PERANCANGAN SISTEM INFORMASI MODUL'''</p></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2" style="text-align: center;2">'''PENANGANAN KESEHATAN DAN KESELAMATAN KERJA PADA'''</p></div>
+<p style="line-height: 2" style="text-align: center;2">'''PEMBELAJARAN BERBASIS WEB PADA'''</p></div>
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
-<p style="line-height: 2" style="text-align: center;2">''' PT. CIPTA PERDANA LANCAR TANGERANG'''</p></div>
+<p style="line-height: 2" style="text-align: center;2">'''SMA NEGERI 2 KOTA TANGERANG'''</p></div>
 &nbsp;
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
@@ Baris 323: / Baris 323: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1414480081</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">NIM</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: 1412481237</div>
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Yunia Riska Anggrahini]]</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Chesta Mayestica Priyadi]]</div>
 |-
@@ Baris 339: / Baris 339: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Komputer Akuntansi</div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: ''Business Intelligence''</div>
 |}
@@ Baris 370: / Baris 370: @@
 |-
-|<div style="font-size: 12pt;font-family: 'times new roman';text-align: right"><u>'''([[Yunia Riska Anggrahini]])'''</u></div>
+|<div style="font-size: 12pt;font-family: 'times new roman';text-align: right"><u>'''([[Chesta Mayestica Priyadi]])'''</u></div>
 |-
-| <div style="font-size: 12pt;font-family: 'times new roman';text-align: right">'''NIM : 1414480081'''</div>
+| <div style="font-size: 12pt;font-family: 'times new roman';text-align: right">'''NIM : 1412481237'''</div>
 |}
@@ Baris 388: / Baris 388: @@
 <hr width="100%">
 <br>
-<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">ABSTRAK</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Pelaksanaan program keselamatan dan Kesehatan kerja di sebuah instansi dapat meningkatkan produktivitas kerja karyawan dan memberikan keuntungan bagi perusahan. Jika semua karyawan dalam kondisi sehat dan keselamatannya terlindungi, mereka dapat melakukan pekerjaan dengan baik dan cepat sesuai dengan harapan perusahaan. Sebaliknya, jika terjadi kecelakaan akan menimbulkan kerugian bagi perusahaan seperti terlambatnya penyelesaian pekerjaan sehingga produktivitasnya menurun dan perusahaan akan mengeluarkan biaya penyembuhan bagi karyawannya. Dengan kurang maksimalnya penanganan keselamatan kerja, suatu sistem yang baik diperlukan agar proses kegiatan pelaporan kecelakaan kerja pada pihak BPJS dan ''control safety'' yang teratur untuk karyawan dalam perusahaan tersebut agar dapat berjalan dengan efektif dan efisien. Berdasarkan sistem berjalan diperoleh bahwa sistem masih terdapat beberapa kekurangan sehingga perlu adanya sistem baru yang lebih akurat yaitu sistem informasi pengelolaan data dalam penanganan kesehatan dan keselamatan kerja yang menggunakan pemrograman PHP dengan ''Notepad''++ dan pembuatan ''database'' dengan MySql. Data yang dibutuhkan untuk merancang sistem ini diperoleh melalui observasi, wawancara, dan studi pustaka, setelah itu data dianalisis menggunakan SWOT untuk mengetahui kekuatan, kelemahan, peluang, dan ancaman bagi perusahaan. ''Unified Modeling Language'' (UML) digunakan untuk merancang berorientasi dan metode ''testing'' menggunakan ''blackbox testing''. Dari proses tersebut dihasilkan sebuah sistem pengelolaan data dalam penanganan kesehatan dan keselamatan kerja yang dapat mengurangi terjadinya ketidakefektif dan ketidakefesienan dalam membuat laporan data karyawan, mengontrol ''safety'' karyawan sampai dengan materi kesehatan dan keselamatan kerja sehingga dalam seluruh proses pengelolaan data kesehatan dan keselamatan kerja termonitoring dengan baik.</p></div>
+<div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">ABSTRAK</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Penggunaan sistem komputer pada dunia pendidikan bukan hal yang asing lagi, karena dalam dunia pendidikan komputer merupakan alat atau akses yang sangat penting dalam menunjang majunya dunia pendidikan. Sistem pembelajaran pada SMA Negeri 2 Kota Tangerang saat ini masih sangat bergantung dengan kehadiran guru di dalam kelas, dan belum terkomputerisasi sehingga jika guru tidak hadir dalam proses pembelajaran maka siswa tidak mendapatkan materi. Dengan adanya permasalahan tersebut maka penulis merancang Modul pembelajaran berbasis web guna mempermudah guru untuk memberikan materi dan memudahkan siswa untuk mendapatkan materi bahan ajar dengan mengakses modul berbasis web yang dapat diakses dimana saja dan kapan saja. Metodelogi yang digunakan dalam penelitian ini yaitu metode observasi, wawancara dan studi pustaka. Untuk metode analisa menggunakan analisa SWOT. Untuk merumuskan perancangan modul berbasis web dimungkinkan dengan menggunakan metode Analisis Sistem, yaitu Elisitasi dan Metode Perancangan yaitu UML (''Unified Modeling language'') dengan ''software visual paradigm'', menggunakan ''software XAMPP'' dengan bahasa pemrograman PHP, serta database menggunakan MySQL. Hasil penelitian ini diharapkan dapat meningkatkan kegiatan belajar mengajar dan dapat mempermudah guru dalam mengupload materi bahan ajar serta memudahkan siswa dalam mendapatkan materi bahan ajar dimana saja dan kapan saja.</p></div>
 <br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">Kata Kunci: Pengelolaan Data, Kesehatan dan Keselamatan Kerja, PHP, MySql.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">Kata Kunci: XAMPP, UML, Perancangan, Modul, Online, Guru, Siswa.</p></div>
 {{pagebreak}}
@@ Baris 397: / Baris 397: @@
 <div style="font-size: 14pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">''ABSTRACT''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''The implementation of the programme of safety and health work in an agency can improve employee productivity and profitability for the company. If all employees in healthy conditions and safety are protected, they can do the job well and fast in accordance with the company's expectations. Conversely, if an accident will result in losses for companies such as the terlambatnya completion of the work so that its productivity is declining and the company will issue a cost of healing for his employees. With less maximum handling safety, a good system is needed to process a work accident reporting activities the BPJS and regular control safety for employees in the company so that it can run with effective and efficient. Based on the system running retrieved that there is still some drawbacks of the system so that the need for new, more accurate system i.e. information systems data management in the handling of occupational health and safety the use of programming PHP with Nodepad ++ and the creation of databases with MySql. The data required to design this system gained through observation, interviews, and library studies, after that data is analyzed using SWOT to know the strengths, weaknesses, opportunities, and threats for companies. Unified Modeling Language (UML) is used to design-oriented testing methods and use blackbox testing. Of the process generated a data management system in the handling of occupational health and safety that may reduce the occurrence of ketidakefektif and ketidakefesienan in making report of employee data, control the safety of employees to with the material of the occupational health and safety so that in the entire process of the management of health and safety data termonitoring well.''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''The use of computer systems in education is not something more than that, because in the world of computer education is a very helpful tool in world education. The learning system at SMA Negeri 2 Kota Tangerang is currently very closely related to the teachers in the classroom, and not yet computerized if the teacher is not present in the learning process. With that, you can use the modules used to help teachers to deliver materials and help students to acquire materials using modules that can be accessed anywhere and anytime. Methodology used in this research, ie measurement, interview and literature study. For analysis method use SWOT analysis. To formulate a web-based module is possible by using the System Analysis method, namely Elisitasi and Designing Method that is UML (Unified Modeling language) with visual paradigm software, using XAMPP software with PHP programming language, and database using MySQL. The results of this study are expected to improve teaching and learning activities and can facilitate teachers in uploading teaching materials materials and facilitate students in obtaining teaching materials anywhere and anytime.''</p></div>
 <br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''Keywords: data management, occupational health and safety, PHP, MySql+.''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''Keywords: XAMPP, UML, Designer, Module, Online, Teacher, Student.''</p></div>
 {{pagebreak}}
@@ Baris 408: / Baris 408: @@
 <br>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Puji syukur penulis panjatkan kehadirat Allah SWT yang telah mencurahkan nikmat hidup dan sehat serta senantiasa melimpahkan hidayah-Nya, sehingga laporan Skripsi Penulis dapat berjalan dengan baik dan diselesaikan dengan semestinya.</p></div>
+<p style="line-height: 2">Puji syukur Alhamdulillah, saya panjatkan kehadirat Allah SWT yang telah melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis dapat menyelesaikan Laporan Skripsi ini yang penulis sajikan dalam bentuk buku yang sederhana. Adapun judul penulis Laporan Skripsi ini yaitu “'''Perancangan Sistem Informasi Modul Pembelajaran Berbasis Web Pada SMA Negeri 2 Kota Tangerang'''”.</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 dasarnya kemajuan teknologi membuat semua orang berlomba-lomba untuk menciptakan suatu inovasi yang efektif dan canggih sehingga semakin hari semakin meningkat dan mendorang terjadinya arus globalisasi khususnya dalam bidang komputer. Salah satu manfaat yang dapat dirasakan dengan kemajuan teknologi adalah banyaknya sistem yang sudah terkomputerisasi salah satunya yaitu didunia pendidikan.</p></div>
+<p style="line-height: 2">Penulis menyadari bahwa dalam penyusunan laporan sakripsi ini masih terdapat banyak kekurangan, dikarenakan keterbatasan kemampuan penulis dalam mendapatkan berbagai sumber yang menjadi bahan acuan dalam penyusunan. Oleh karena itu, penulis menyampaikan rasa terima kasih kepada pihak-pihak yang telah membimbing serta mendukung penulis dalam menyelesaikan Laporan Kuliah Kerja Praktek, antara lain :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Tujuan Penulis dari pembuatan 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 serta studi pustaka yang mendukung penulisan 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">Namun demikian, berkat adanya bimbingan serta dukungan dari berbagai pihak, akhirnya laporan Skripsi  ini dapat diselesaikan dengan baik dan tepat waktu. Untuk itu pada kesempatan ini penulis mengucapakan pujian dan terimakasih kepada, khususnya kepada:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Ir. [[Untung Rahardja]], M.T.I, MM selaku Direktur [[Perguruan Tinggi Raharja]].</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Dr. Ir. [[Untung Rahardja]], M.T.I, MM selaku Presiden Direktur [[Perguruan Tinggi Raharja]].</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Dr. Po. [[Abas Sunarya]], M.Si, selaku Ketua Direktur [[Perguruan Tinggi Raharja]].</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Dr. Po. [[Abas Sunarya]], M.Si, selaku Direktur [[Perguruan Tinggi Raharja]].</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak [[Sugeng Santoso]], M.Kom selaku Pembantu Ketua I Bidang Akademik STMIK Raharja</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak [[Sugeng Santoso]], M.Kom selaku Ketua Pembantu I Bidang Akademik STMIK Raharja</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu [[Nur Azizah]], M.Akt.,M.Kom., selaku Kepala Jurusan Sistem Informasi Perguruan Tinggi Raharja Raharja.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu [[Nur Azizah]], M.Akt.,M.Kom., selaku Kepala Jurusan Sistem Informasi (SI) dan selaku Pembimbing I yang telah berkenan memberikan bimbingan, arahan serta semangat kepada penulis sehingga laporan ini dapat terselesaikan dengan baik.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu [[Giandari Maulani]], M.Kom selaku Dosen Pembimbing I yang telah memberikan bimbingan dan pengarahan kepada penulis.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu [[Erna Astriyani]], S.Kom., M.T.I selaku Pembimbing II yang juga telah berkenan memberikan bimbingan, bantuan masukan dan semangat  kepada penulis untuk menyelesaikan laporan skripsi ini.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu [[Mulyati]], SE., M.M., M.Pd selaku Dosen Pembimbing II yang telah memberikan bimbingan dan pengarahan kepada penulis.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak dan Ibu Dosen STMIK Raharja yang telah memberikan ilmu pengetahuan selama kuliah kepada penulis.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Bambang Setiyono selaku stakeholder yang telah memberikan bimbingan dan pengarahan kepada penulis.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Sukardi, S.Pd selaku stakeholder yang telah membantu penulis dalam melakukan observasi dan pengumpulan data.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak dan Ibu Dosen Perguruan Tinggi Raharja yang telah memberikan ilmu pengetahuan kepada penulis.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kedua orang tua, dan keluarga yang telah memberikan support, baik moril, materil maupun doa, dan juga memberikan motivasi bagi saya dalam penyusunan laporan Skripsi ini.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kedua orang tua, adik dan teman dekat Indra Setiawan yang telah memberikan dukungan, baik moril, materil maupun doa untuk keberhasilan kepada penulis.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kepada teman-teman seperjuangan (Putri fauziah, Hadra choiriyah, Rifki Azij, Recky Taemima, Prayudha Bima, Angga Panugali, YGK’14) yang selalu memberikan support kepada penulis.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Sahabat saya GN’s, Dea dan Chae yang sudah membantu dan memberi dukungan selama skripsi.</li>
 </ol>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Dalam pembuatan laporan, penulis menyadari bahwa dalam penulisan laporan skripsi ini masih jauh dari sempurna. Oleh karena itu, kritik dan saran yang membangun penulis harapkan sebagai pemicu untuk dapat berkarya.</p></div>
+<p style="line-height: 2">Penulis menyadari bahwa dalam penulisan Laporan Skripsi ini masih jauh dari kata sempurna. Oleh karena itu kritik dan saran yang membangun penulis harapkan untuk pemicu karya yang lebih baik lagi. Dan semoga Laporan Skripsi ini dapat bermanfaat bagi pihak yang membutuhkannya.</p></div>
 <div align="right" style="font-size: 12pt;font-family: 'times new roman'">
@@ Baris 504: / Baris 499: @@
 |-
-| width="60%" | || align="center" | <u>[[Yunia Riska Anggrahini]]</u>
+| width="60%" | || align="center" | <u>[[Chesta Mayestica Priyadi]]</u>
 |-
-| width="60%" | || align="center" | NIM. 1414480081
+| width="60%" | || align="center" | NIM. 1412481237
 |-
@@ Baris 524: / Baris 519: @@
 <div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''DAFTAR TABEL'''</div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.1 Analisis SWOT Sistem yang Berjalan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.1 Analisis SWOT Yang Berjalan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.2 Matriks SWOT Sistem yang Berjalan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.2 Matriks Analisis SWOT Yang Berjalan
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.3 Elisitasi Tahap I
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.4 Elisitasi Tahap II
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.5 Elisitasi Tahap III
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 3.6 Final Draft Elisitasi
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.1 Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.1 Perbedaan Prosedur yang Berjalan dan Sistem Usulan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.2 Data Karyawan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.2 Analisa SWOT Sistem Yang Diusulkan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.3 Data Karyawan Masuk
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.3 Matriks SWOT Yang Diusulkan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.4 User
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.4 Tabel Struktur Admin
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.39 ''Schedule''
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.5 Tabel Struktur Data Pengajar
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.40 Estimasi Biaya
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.6 Tabel Struktur Data Pelajaran
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.7 Tabel Struktur Data Materi
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.8 ''Black Box Testing Login Admin'' Menggunakan NIP/Email
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.9 ''Black Box Testing Login'' Guru Menggunakan NIP/Email
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.10 ''Black Box Testing'' Guru ''Upload'' Materi
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.11 ''Black Box Testing'' Siswa ''Download'' Materi
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.12 ''Black Box Testing Admin'' Menambahkan Mata Pelajaran
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.13 ''Time Schedule'' Pengembangan Sistem
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tabel 4.14 Estimasi Biaya
 </ol>
@@ Baris 545: / Baris 548: @@
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.1 Logo PT. Cipta Perdana Lancar Tangerang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 2.1 ''Internet''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.2 Mutu PT. Cipta Perdana Lancar Tangerang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 2.2 Logo MySQL
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.3 Struktur Organisasi PT. Cipta Perdana Lancar Tangerang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 2.3 Logo Bootstrap
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.4 ''Use Case Diagram'' yang Berjalan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 2.4 Logo XAMPP
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.5 ''Activity Diagram'' yang Berjalan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.1 Struktur Organisasi SMA Negeri 2 Tangerang
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.6 ''Sequence Diagram'' yang Berjalan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.2 ''Use Case'' Sistem Yang Berjalan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.1 ''Use Case Diagram'' Sistem yang Diusulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.3 ''Activity Diagram'' Yang Berjalan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.2 ''Activity Diagram'' Sistem yang Diusulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 3.4 ''Sequence Diagram'' Yang Berjalan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.3 ''Sequence Diagram'' Manajer Sistem yang Diusulkann
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.1 ''Use Case Diagram'' Yang Diusulkan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.4 ''Sequence Diagaram Super Admin'' Sistem yang Diusulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.2 ''Activity Diagram'' Yang Diusulkan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.5 ''Class Diagram'' Sistem yang Diusulkan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.3 ''Sequence Diagram'' Yang Diusulkan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.6 ''Login''
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.4 ''Class Diagram'' Yang Diusulkan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.7 ''Beranda''
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.5 ''Prototype'' Tampilan Halaman Utama
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.8 Data Karyawan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.6 ''Prototype'' Halaman ''Login''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.9 ''Input'' Data Karyawan
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.7 ''Prototype'' Halaman Utama Admin
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.10 Data Karyawan Masuk
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.8 ''Prototype'' Halaman Utama Guru
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.11 ''Input'' Data Karyawan Masuk
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.9 ''Prototype'' Tampilan Halaman ''Upload'' Materi Guru
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.12 Laporan ''Control Safety''
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.10 ''Prototype'' Tampilan Profil Guru
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.13 Cetak Lapran ''Control Safety''
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.11 ''Prototype'' Tampilan Halaman Materi
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.14 Menu Laporan Data Karyawan Masuk
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.12 Tampilan Halaman Utama
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.15 Cetak Laporan DataKaryawan Masuk
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.13 Tampilan ''Login''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.16 Menu Manajemen ''User''
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.14 Tampilan Halaman Utama Admin
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.17 ''Input User''
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.15 Tampilan Halaman Utama Guru
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.18 Ubah ''Password''
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.16 Tampilan Halaman ''Upload'' Materi Guru
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.19 Menu Materi
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.17 Tampilan Profil Guru
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.20 ''Black Box Testing'' pada Menu ''Login''
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.18 Tampilan Halaman Materi
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.21 ''Black Box Testing'' pada Menu ''Input'' Data Karyawan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.22 ''Black Box Testing'' pada Menu Tambah Datang Karyawan Masuk
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.23 ''Black Box Testing'' pada Menu Laporan Control Safety
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.24 ''Black Box Testing'' pada Menu Laporan Karyawan Masuk
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.25 ''Black Box Testing'' pada Menu Manajemen ''User''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.26 ''Black Box Testing'' pada Menu Ubah ''Password''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.27 ''Black Box Testing'' pada Menu Materi
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.28 ''Login''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.29 Menu Beranda
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.30 Menu Data Karyawan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.31 ''Input'' Data Karyawan
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.32 Data Karyawan Masuk
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.33 ''Input'' Data Karyawan Masuk
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.34 Laporan ''Control Safety''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.35 Cetak Laporan ''Control Safety''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.36 Laporan Data Karyawan Masuk
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.37 Cetak Laporan Data Karyawan Masuk
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.38 Manajemen ''User''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.39 ''Input User''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Gambar 4.40 Ubah ''Password''
 </ol>
@@ Baris 619: / Baris 602: @@
 =='''Latar Belakang'''==
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Pelaksanaan program Keselamatan dan Kesehatan Kerja di sebuah instansi dapat meningkatkan produktivitas kerja karyawan dan memberikan keuntungan bagi perusahan. Jika semua karyawan dalam kondisi sehat dan keselamatannya terlindungi, mereka dapat melakukan pekerjaan dengan baik dan cepat sesuai dengan harapan perusahaan. Sebaliknya, jika terjadi kecelakaan akan menimbulkan kerugian bagi perusahaan seperti terlambatnya penyelesaian pekerjaan sehingga produktivitasnya menurun dan perusahaan akan mengeluarkan biaya penyembuhan bagi karyawannya. Selain kerugian materi, kerugian jiwa dan penderitaan pun dialami oleh karyawan yang mengalami kecelakaan. Oleh karena itu, perusahaan harus memperhatikan kesehatan dan keselamatan karyawannya untuk meningkatkan produktivitas dan kinerja karyawan.</p></div>
+<p style="line-height: 2">Perkembangan teknologi saat ini sangat pesat termasuk dalam hal sistem informasi yang sangat besar pengaruhnya terhadap dunia pendidikan di Indonesia. Begitu banyak sekolah yang terus berlomba-lomba dalam mengembangkan bidang teknologi dan sistem informasi untuk mempromosikan kualitas sekolah tersebut. Demikian juga diperlukan sarana dan prasarana yang memadai, manajemen yang tepat, pengolahan data yang lebih efektif dan efisien, juga  teknologi dan sistem informasi yang dapat mendukung proses kegiatan belajar mengajar.</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Untuk menjamin keselamatan para karyawan, pemerintah Indonesia telah mengeluarkan peraturan tertulis berupa Undang-undang No. 13 Tahun 2003 Pasal 87 Ayat 1 tentang Ketenagakerjaan. Dalam undang-undang ini dinyatakan bahwa “Setiap perusahaan wajib menerapkan Sistem Manajemen Keselamatan dan Kesehatan Kerja (SMK3) yang terintegrasi dengan sistem manajemen perusahaan”. Ketentuan mengenai penerapan Sistem Manajemen Keselamatan dan Kesehatan Kerja (SMK3) diatur dalam Permenaker RI Nomor 5 Tahun 1996 pasal 3 ayat 1 dan 2 yang menyatakan bahwa ”Setiap perusahaan yang mempekerjakan tenaga kerja sebanyak 100 orang atau lebih dan atau mengandung potensi bahaya yang ditimbulkan oleh karakteristik proses atau bahan produksi yang dapat mengakibatkan kecelakaan kerja seperti peledakan, kebakaran, pencemaran lingkungan dan penyakit akibat kerja wajib menerapkan sistem manajemen keselamatan dan kesehatan kerja (SMK3).</p></div>
+<p style="line-height: 2">Pada paradigma tradisional proses belajar mengajar pada umumnya berlangsung diruang kelas dan ditandai dengan kehadiran pendidik didepan kelas, dimana pendidik memiliki tanggung jawab penuh terhadap jalannya proses belajar mengajar dan bisa dianggap sebagai sumber daya paling penting dari sebuah proses belajar mengajar. Sebaiknya pada paradigma baru, proses belajar mengajar harus berfokus pada aktifitas “belajar” dan bukan pada aktifitas “mengajar” seperti pada paradigma tradisional. Dengan paradigma seperti ini maka keberadaan pendidik tidak lagi menjadi satu-satunya faktor penting dalam proses  pembelajaran. Keberadaan pendidik bisa digantikan oleh bahan belajar berupa modul, diktat, dan beberapa materi lainnya yang memiliki hubungan dengan pembelajaran tersebut.</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Dengan mengacu kepada undang-undang tersebut, PT Cipta Perdana Lancar Tangerang wajib menerapkan Sistem Manajemen Keselamatan dan Kesehatan Kerja (SMK3) untuk mengelola data penanganan kesehatan dan keselamatan kerja yang terkomputerisasi yang lebih efektif dan efisien.</p></div>
+<p style="line-height: 2">Dalam proses pembelajaran pada SMA Negeri 2 Kota Tangerang, yang berlokasi di Jalan Makam Pahlawan Taruna Tangerang-Banten. Dibutuhkan suatu sistem pembelajaran yang mendukung paradigma baru tentang proses belajar mengajar dan sesuai dengan perkembangan teknologi adalah sistem pembelajaran ''e-Learning'' ini menjadikan peserta didik sebagai ''active learner''. ''E-Learning'' mampu mengantarkan berbagai bahan belajar tersebut ke hadapan peserta didik tanpa batasan jarak dan  waktu dengan adanya internet sebagai medianya.</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">PT. Cipta Perdana Lancar Tangerang merupakan perusahaan yang bergerak dalam bidang ''sparepart'' kendaraan bermotor. Dalam memproduksi ''part'' seperti ''part bracket'' / ''Trap Comp'' itu dalam proses ''blank-pierching-bending'' menggunakan mesin 80-100 ton. Demi kenyamanan dalam keselamatan kerja, perusahaan memberikan BPJS dan melakukan training K3 kepada seluruh karyawan. Sehingga karyawan dapat bekerja sesuai dengan SOP (''Standart Operating Procedures''). Berdasarkan data perusahaan tahun 2017, jumlah kecelakaan yang terjadi  mencapai 0%-1,1% disebabkan oleh dua faktor yaitu ''unsafe action'' (faktor manusia) dan ''unsafe condition'' (faktor lingkungan). ''Unsafe action'' (faktor manusia) biasanya tindakan yang salah dalam bekerja dan tidak sesuai dengan yang telah ditentukan (''human error''), biasanya terjadi karena ketidakseimbangan fisik tenaga kerja dan kurangnya pendidikan, sedangkan ''unsafe condition'' (faktor lingkungan) disebabkan kondisi lingkungan kerja yang tidak baik atau kondisi peralatan kerja yang berbahaya, biasanya dipengaruhi oleh hal-hal seperti alat-alat yang tidak layak pakai, alat pengaman yang kurang memenuhi standar. Kedua hal tersebut menjelaskan bahwa perilaku manusia merupakan penyebab utama terjadinya kecelakaan di tempat kerja ataupun di luar tempat kerja.</p></div>
+<p style="line-height: 2">Berdasarkan uraian tersebut, dalam proses penerapan dan penyelenggaraan ''e-Learning'' dibutuhkan sebuah ''Learning Management System'' (LMS). ''Learning Management System'' (LMS) berfungsi untuk mengatur data laksana penyelenggaraan pembelajaran didalam model ''e-Learning''. Dengan adanya aplikasi sistem ''e-learning'' berbasis ''open source'', maka pelaksanaan pembelajaran lebih berkualitas karena semua yang diperlukan akan dapat disediakan secara ''online'' sehingga dapat diakses kapan saja dengan biaya yang murah dalam penerapan dan penyelenggaraannya. Salah satu ''earning Management System'' yang ''open source'' adalah ''Moodle''. Setelah menganalisa permasalahan yang ada, maka penulis berkeinginan membuat suatu sistem tersebut dengan judul “PERANCANGAN SISTEM INFORMASI MODUL PEMBELAJARAN BERBASIS WEB PADA SMA NEGERI 2 KOTA TANGERANG”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Kecelakaan yang sering terjadi pada karyawan PT. Cipta Perdana Lancar Tangerang seperti tergores benda plat, tertusuk kawat mess dan bengkak pada bagian tangannya, serta masih ada lagi beberapa kecelakaan kerja yang terjadi. Kondisi tersebut, perusahaan membutuhkan  sebuah sistem untuk menangani jika ada kecelakaan kerja agar data langsung ditangani dan diproses oleh pihak BPJS dan perusahaan ataupun ''training'' kesehatan dan keselamatan kerja agar para karyawan bisa terhindar dari kecelakaan kerja.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Adapun sistem yang berjalan saat ini masih terdapat beberapa kelemahan yaitu membutuhkan waktu yang lama untuk pencarian data karyawan karena harus mencari data karyawan dengan meminta ID BPJS ataupun ID KTP, sering terjadi keterlambatan laporan terhadap pihak BPJS lalu kurangnya sosialisasi untuk ''training'' kesehatan dan keselamatan kerja. Dengan kurang maksimalnya penanganan kesehatan dan keselamatan kerja, suatu sistem yang baik diperlukan agar proses kegiatan pelaporan kecelakaan kerja pada pihak BPJS dalam perusahaan tersebut dapat berjalan dengan efektif dan efisien.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Berdasarkan latar belakang di atas, maka dilakukan penelitian dengan judul “'''Perancangan Sistem Informasi Pengolahan Data Dalam Penanganan Kesehatan Dan Keselamatan Kerja Karyawan Pada PT. Cipta Perdana Lancar Tangerang'''”.</p></div>
 <br>
 =='''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 pada latar belakang di atas, maka dirumuskan beberapa masalah sebagai berikut :</p></div>
+<p style="line-height: 2">Berdasarkan latar belakang tersebut maka permasalahan pada SMA Negeri 2 Kota Tangerang yang akan dibahas dalam penelitian ini yaitu :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Seperti apakah prosedur sistem penanganan keselamatan karyawan pada PT Cipta Perdana Lancar Tangerang?
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bagaimana sistem pembelajaran yang sedang berjalan saat ini di SMA Negeri 2 Kota Tangerang?
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Seperti apakah sistem informasi yang dibutuhkan untuk penanganan keselamatan pada PT Cipta Perdana Lancar Tangerang?
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bagaimana cara memudahkan siswa dalam mendapatkan materi bahan ajar yang dapat diakses dimana saja dan kapan saja?
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Apakah rancangan sistem informasi penanganan keselamatan karyawan pada PT Cipta Perdana Lancar Tangerang yang dibuat layak digunakan dan dapat menyelesaikan permasalahan yang ada?
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bagaimana merancang sistem modul pembelajaran berbasis web pada SMA Negeri 2 Kota Tangerang?
 </ol>
 <br>
-=='''Ruang Lingkup Penelitian'''==
+=='''Ruang Lingkup'''==
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Untuk membatasi permasalahan pada penelitian ini, dibuatlah ruang lingkup penelitian yaitu membahas mengenai sistem informasi pengelolaan data dalam penanganan kesehatan dan keselamatan kerja pada  PT. Cipta Perdana Lancar Tangerang.</p></div>
+<p style="line-height: 2">Untuk mempermudah penyusunan penelitian Skripsi ini ruang lingkup berfokus pada penelitian sistem informasi modul berbasis ''web'' yang akan dirancang untuk memudahkan guru dan siswa dalam proses pembelajaran. Proses pembelajaran pada SMA Negeri 2 Kota Tangerang yang berjalan saat ini masih menggunakan paradigma tradisional dimana proses belajar mengajar pada umumnya berlangsung diruang kelas dan ditandai dengan kehadiran pendidik didepan kelas.</p></div>
 <br>
@@ Baris 652: / Baris 629: @@
 ==='''Tujuan Penelitian'''===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Berdasarkan rumusan masalah yang diuraikan di atas, maka tujuan dari penelitian ini sebagai berikut :</p></div>
+<p style="line-height: 2">Dalam tujuan penelitian Skripsi ini tujuan yang ingin dicapai diantaranya adalah sebagai berikut :</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Memahami prosedur sistem penanganan karyawan yang berjalan saat ini pada PT Cipta Perdana Lancar Tangerang. </p></li>
+<p style="line-height: 2">Memberi solusi untuk kegiatan belajar mengajar agar siswa mendapatkan materi bahan ajar yang bisa diakses dimana saja dan kapan saja dengan mudah. </p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Merancang sebuah sistem informasi untuk membantu membuat data laporan kecelakaan kerja karyawan saat dirujuk ke rumah sakit agar lebih cepat, tepat dan akurat pada PT. Cipta Perdana Lancar Tangerang. </p></li>
+<p style="line-height: 2">Mengubah proses pembelajaran yang sedang berjalan saat ini agar dapat memudahkan guru dan siswa. </p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Mengetahui sistem yang sudah dibuat layak digunakan sehingga dapat menyelesaikan permasalahan yang ada pada PT Cipta Perdana Lancar Tangerang. </p></li>
+<p style="line-height: 2">Mendapatkan sistem modul berbasis web untuk proses pembelajaran. </p></li>
 </ol>
 <br>
@@ Baris 665: / Baris 642: @@
 ==='''Manfaat  Penelitian'''===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Adapun manfaat dari penelitian ini adalah :</p></div>
+<p style="line-height: 2">Manfaat yang dihasilkan dari penelitian yang dilakukan diharapkan bagi penulis dan SMA Negeri 2 Kota Tangerang, diantaranya :</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Dapat mempermudah dan memberikan suatu informasi yang lengkap, efektif dan efisien dalam pengolahan dan menyajikan data suatu informasi guna melakukan pendataan penanganan keselamatan karyawan pada PT. Cipta Perdana Lancar agar tidak terjadinya kesalahan di masa yang akan datang. </p></li>
+<p style="line-height: 2">Memudahkan dalam kegiatan belajar mengajar pada SMA Negeri 2 Kota Tangerang. </p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Dapat mempermudah penyajian dan pengecekan data pegawai untuk menghasilkan informasi yang lengkap, akurat dan cepat yang dapat meminimalisir dari mencari karyawan terlebih dahulu.
+<p style="line-height: 2">Memudahkan guru untuk memberikan bahan ajar kepada siswa/i.</p></li>
- </p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Untuk mengetahui kendala-kendala pada sistem informasi penanganan keselamatan kerja dan mendapatkan informasi yang akurat dan hasil yang efektif serta efisien dari prosedur penanganan keselamatan kerja pada PT. Cipta Perdana Lancar. </p></li>
+<p style="line-height: 2">Memudahkan siswa/i dalam mendapatkan bahan ajar dimana saja dan kapan saja. </p></li>
 </ol>
 <br>
-=='''Metode Penelitian'''==
+=='''Metodologi Penelitian'''==
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Dalam melaksanakan penelitian ini digunakan beberapa metode penelitian, yaitu :</p></div>
+<p style="line-height: 2">Dalam metode penelitian penyusunan Skripsi ini menggunakan beberapa metode, diantaranya adalah sebagai berikut :</p></div>
 ==='''Metode Pengumpulan Data'''===
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">''Observasi'' (Pengamatan Langsung)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Metode ''Observasi'' (Pengamatan)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Penelitian ini menggunakan metode dengan cara observasi di PT. Cipta Perdana Lancar untuk memperoleh data-data yang diperlukan dalam penyusunan penelitian ini Bapak Bambang Setyono sebagai Manager HRD dan Bapak Bayu Sarjono sebagai Kabag HRD.</p></li>
+Observasi merupakan suatu metode mendapatkan data dengan melakukan pengamatan dan pendataan secara langsung terhadap objek yang dianalisa secara detail keseluruhan kendala yang terdapat di sekolah tersebut.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">''Interview'' (Wawancara)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Metode Wawancara (''Interview'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Melakukan wawancara kepada kepala bagian HRD untuk menanyakan langsung tentang sistem pendataan penanganan karyawan yang sedang berjalan untuk mengetahui kekurangan atau masalah yang ada pada saat pengolahan data karyawan saat terjadi kecelakaan untuk dirujuk ke rumah sakit. </p></li>
+Wawancara merupakan suatu metode pengumpulan data yang dilakukan dengan Tanya jawab dengan pihak pihak terkait, agar mendapatkan data yang diperlukan guna menyelesaikan laporan Skripsi ini. </p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">''Literatur Review'' (Studi Pustaka)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Metode Studi Pustaka<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Studi pustaka dilaksanakan dengan tujuan untuk mengumpulkan data-data yang diperoleh melalui buku, jurnal dan karya ilmiah lainnya, yang berkaitan dengan pembahasan penelitian yang digunakan untuk bahan referensi dalam penelitian yang dilaksanakan. </p></li>
+Metode pengumpulan data yang didapatkan dengan mempelajari data yang berhubungan dengan kerja lapangan yang berkaitan dengan sistem yang berjalan saat ini melalui sumber-sumber seperti buku, internet, dan lain sebagainya yang berkaitan dengan judul yang sedang diteliti. </p></li>
 </ol>
 <br>
-==='''Metode Analisis'''===
+==='''Metode Analisa Sistem'''===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Metode analisis yang digunakan ialah metode analisis SWOT (''Strengths, Weakness, Opportunities, Threats''). Analisis SWOT adalah suatu metode yang digunakan untuk mengevaluasi kondisi yang terjadi baik internal maupun eksternal yang akan dijadikan tolak ukur untuk mengetahui kekuatan, kelemahan, peluang, dan ancaman pada PT. Cipta Perdana Lancar tangerang.</p></div>
+<p style="line-height: 2">Metode analisa sistem yang digunakan yaitu metode Analisa SWOT (''Strength, Weakness, Opportunities, dan Threats'') sebagai perbandingan pemikikan dan berbagai sudut pandang, baik dari segi kekuatan, kelemahan, peluang serta ancaman yang mungkin terjadi di masa yang akan datang. Dan juga menggunakan metode Elisitasi, dari Elisatasi tahap I, Elisitasi tahap II, Elisitasi tahap III dan ''Final draft'' elisitasi. Dalam penyusunan elisitasi terdapat 2 (dua) tujuan yaitu tinjauan dari segi fungsional dan non fungsional. Tahap berikutnya yaitu menentukan strategi yang akan diambil untuk dapat mencapai keberhasilan dari sistem. Strategi yang di dapat dalam ''final draft'' elisitasi digunakan untuk mendapatkan gambaran dan bukti pencapaian dalam tahap implementasi.</p></div>
 <br>
-==='''Metode Perancangan'''===
+==='''Metode Perancangan Sistem'''===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
-<p style="line-height: 2">Dalam penelitian Skripsi ini, metode perancangan yang digunakan adalah program ''Visual Paradigm for UML Enterprise Edition'' Versi 6.4 untuk menggambarkan ''use case diagram'', ''activity diagram'' dan ''sequence diagram''. Untuk ''design interface'' aplikasinya menggunakan ''Macromedia Dreamweaver'' CS6 untuk desain ''interface'' aplikasinya, sedangkan untuk ''database'' aplikasinya menggunakan program PHP dan MySQL.</p></div>
+<p style="line-height: 2">Dalam metode perancangan sistem yang diusulkan ini, menggunakan metode perancangan ''Unified Modelling Language'' (UML) dengan menggunakan alat bantu (''tools'') berupa ''visual paradigm for Enterprise Edition''. Untuk implementasi menggunakan program PHP dengan ''control panel Macromedia Dreamweaver'' dan MySql sebagai databasenya.</p></div>
 <br>
@@ Baris 705: / Baris 681: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
 <p style="line-height: 2">
-Metode pengujian digunakan untuk menganalisis suatu sistem, mendeteksi perbedaan antara kondisi yang diinginkan dengan kondisi yang ada (''errors/bugs/defects''), dan mengevaluasi kondisi dan fitur dari entitas ''software'' yang diinginkan untuk mengetahui dari suatu sistem yang terjadi saat sistem diterapkan. Metode pengujian yang digunakan adalah ''blackbox testing''. ''Blackbox testing'' merupakan metode pengujian perangkat lunak yang memfokuskan kepada keperluan ''software''. Oleh karena itu, metode ''blackbox testing'' ini dapat mengetahui dan memastikan apakah pemasukan data diterima dengan benar dan keluaran data yang dihasilkan sesuai yang diharapkan.</p></div>
+Digunakan untuk menganilisis atau mendeteksi identitas sistem, mengevaluasi kondisi serta fitur yang diinginkan untuk mengetahui kualitas dari sistem yang dikembangkan, sehingga dapat dilakukan eliminasi atas kesalahan yang ada pada sistem saat diterapkan. Dalam penelitian ini, peneliti menggunakan metode ''Black Box testing'' untuk dapat mengetahui apakah sistem berfungsi sesuai dengan yang telah diharapkan.</p></div>
 <br>
 =='''Sistematika Penulisan'''==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Secara garis besar penelitian ini, terdiri dari bab dan sub bab yang terstruktur. Berikut ini sistematika penulisan Skripsi yang dipakai sebagai berikut :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk memahami lebih jelas mengenai penyusunan Skripsi ini, penulis mengelompokan laporan menjadi beberapa bab. Sistematika penulisan sebagai berikut :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">BAB I PENDAHULUAN<br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB I PENDAHULUAN'''<br>
-Bab ini menjelaskan berbagai masalah yang akan dibahas dalam skripsi ini, diantaranya latar belakang, rumusan masalah, ruang lingkup penelitian, tujuan dan manfaat penelitian, metodologi penelitian, serta sistematika penulisan.</p></div>
+Berisi tentang latar belakang, perumusan masalah, tujuan dan manfaat penelitian, ruang lingkup penelitian, dan sistematika penulisan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">BAB II LANDASAN TEORI<br>Bab ini menjelaskan landasan teori dari hal-hal yang dibahas dalam penelitian dan tentang pengolahan data dalam penanganan kesehatan dan keselamatan kerja yang dikutip dari berbagai sumber referensi maupun dari hasil penelitian lain yang dapat dijadikan sebagai bahan masukan untuk penelitian ini.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB II LANDASAN TEORI'''<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">BAB III ANALISA SISTEM YANG BERJALAN<br>
+Bab ini berisi teori yang berupa pengertian dan definisi yang diambil dari kutipan buku yang berkaitan dengan penyusunan laporan skripsi serta beberapa ''literature review'' yang berhubungan dengan penelitian.</p></div>
-Bab ini berisikan tentang gambaran umum mengenai PT. Cipta Perdana Lancar Tangerang yang menjadi objek penelitian Skripsi ini. Bab ini menjelaskan gambaran umum sejarah, struktur organisasi serta wewenang dan tanggung jawab serta membahas sistem yang berjalan dengan menggunakan  ''Unified  Modeling  Language'' (UML), dan elisitasi tahap I, elisitasi tahap II, elisitasi tahap III dan ''final draft'' elisitasi.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB III ANALISA SISTEM YANG BERJALAN'''<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">BAB IV RANCANGAN SISTEM YANG DI USULKAN<br>
+Bab ini berisikan gambaran dan sejarah singkat SMA Negeri 2 Kota Tangerang, struktur organisasi, permasalahan yang dihadapi altenatif pemecahan masalah, analisa proses, sistem yang berjalan, dan ''user requirement'' yang terdiri dari 4 (empat) tahap elisitasi, yaitu Elisitasi Tahap I, Elisitasi Tahap II, Elisitasi Tahap III, dan Tahap ''Final Draf''.</p></div>
-Bab ini berisi tentang perancangan sistem yang baru menggunakan diagram UML (''Unified Modelling Language'') dengan ''software Visual Paradigma for UML 6.4 enterprise edition'' untuk menggambarkan ''Use Case Diagram'', ''Activity Diagram'' dan ''Sequence Diagram'', ''Class Diagram'' rancangan basis data, dan rancangan tampilan sistem yang diusulkan sampai dengan implementasi program.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB IV RANCANGAN SISTEM YANG DI USULKAN'''<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">BAB V PENUTUP<br>
+Dalam bab ini penulis menguraikan sistem yang akan diusulkan, diagram rancangan sistem, rancangan basis data yang terdiri dari spesifikasi basis data, ''flowchart'' sistem yang diusulkan, rancangan ''prototype'', tampilan layar, konfigurasi sistem yang berjalan, testing, evaluasi, implementasi, dan estimasi biaya.</p></div>
-Bab ini menjelaskan mengenai kesimpulan dan saran yang di dapat dari hasil penelitian yang telah dilakukan. </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''BAB V PENUTUP'''<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">DAFTAR PUSTAKA</p></div>
+Bab ini berisi kesimpulan dan saran yang berkaitan dengan analisa dan optimalisasi sistem berdasarkan yang telah diuraikan pada bab-bab sebelumnya. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">DAFTAR LAMPIRAN</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''DAFTAR PUSTAKA'''<br>
+Daftar pustaka berisi tentang referensi-referensi yang diperoleh selama penelitian. </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''LAMPIRAN-LAMPIRAN'''<br>
+Daftar yang memuat keseluruhan data dan dokumentasi yang pernah dilakukan selama penelitian, untuk melengkapi Laporan Skripsi yang telah dibuat. </p></div>
 <br>
 {{pagebreak}}
@@ Baris 728: / Baris 707: @@
 =='''TEORI UMUM'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk mendukung sebuah penelitian penulis mengemukakan beberapa pengertian-pengertian yang berkaitan dengan ruang lingkup dan permasalahan sebagai landasan dalan suatu penulisan.</p></div>
 ==='''Konsep Dasar Sistem'''===
 ===='''Definisi Sistem'''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setiap perusahaan maupun instansi pemerintahan memerlukan sebuah sistem yang tepat untuk menunjang kelangsungan kegiatan dan kinerja untuk mencapai sasaran atau tujuannya. Definisi sistem menurut Julitta Dewayani dan Fitri Wahyuningsih dalam Jurnal Kompak (2016:11)<ref name="Dewayani2016">Dewayani, Julitta dan Fitri Wahyuningsih. 2016. “Sistem Informasi Monitoring Persediaan Spareparts Motor Dengan Menggunakan Metode FIFO Pada Toko Adil Jaya Motor Semarang”. Semarang: dalam Jurnal KOMPAK Vol.9 No .1. </ref>, adalah “Suatu kerangka dari prosedur-prosedur yang saling berhubungan yang disusun sesuai dengan suatu skema yang menyeluruh untuk melaksanakan suatu kegiatan atau fungsi 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">Sementara, menurut Dini Hamidini Maniah (2017:1)<ref name="Hamidini2017">Maniah, Dini Hamidini. 2017. Analisis dan Perancangan Sistem Informasi Pembahasan Secara Praktis dengan Contoh Kasus. Yogyakarta : Deepublish. </ref>, mengatakan bahwa “Sistem adalah kumpulan dari elemen-elemen berupa data, jaringan kerja dari prosedur-prosedur yang saling berhubungan, sumber daya manusia, teknologi baik hardware maupun software yang saling berinteraksi sebagai satu kesatuan untuk mencapai tujuan/sasaran tertentu yang sama”.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Arnold, dkk dalam Procedia Computer Science 44 (2015:675)<ref name="Arnold2015">Arnold, Ross D, dkk. 2015. “A Definition of Systems Thinking: A Systems Approach”. Procedia Computer Science 44. www.sciencedirect.com. Diakses pada tanggal 12 April 2018. </ref>, mengatakan bahwa “''Systems: Groups or combinations of interrelated, interdependent, or interacting elements forming collective entities''”. Artinya Sistem: Kelompok atau kombinasi elemen saling terkait, saling bergantung, atau saling berinteraksi entitas kolektif.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan ketiga pendapat di atas, sistem merupakan kumpulan beberapa kerangka elemen yang saling berhubungan satu sama lain untuk melakukan sebuah kegiatan untuk mencapai tujuan tertentu.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Taufiq dalam Kamran dan Kharie (2016:91)<ref name="Kamran2016">Kamran, F., & Kharie, N. F. (2016). SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA POLITEKNIK SAINS DAN TEKNOLOGI WIRATAMA MALUKU UTARA. IJIS-Indonesian Journal On Information System, 1(2). </ref>, “Sistem adalah kumpulan dari sub-sub sistem baik abstrak maupun fisik yang saling terintegrasi dan berkolaborasi untuk mencapai suatu tujuan tertentu”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Hutahaean (2015:2)<ref name="Hutahaean2015">Hutahaean, Jeperson. 2015. Konsep Sistem Informasi. Yogyakarta : Deepublish. </ref>, “Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan kegiatan atau untuk melakukan sasaran yang tertentu”.</p></div>
 <br>
-====Karakteristik Sistem====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Priyo Sutopo, dkk dalam Jurnal Informatika Mulawarman (2016:24)<ref name="Sutopo2016">Sutopo, Priyo, Dedi Cahyadi dan Zainal Arifin. 2016. Sistem Informasi Eksekutif  Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web.  Jurnal Informatika Mulawarman. Vol.11 No.1-Februari 2016.
+===='''Karakteristik Sistem'''====
-https://osf.io/preprints/inarxiv/5zyb8/. Diakses pada tanggal 12 Oktober 2017.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Hutahaean (2015:3-5)<ref name="Hutahaean2015">Hutahaean, Jeperson. 2015. Konsep Sistem Informasi. Yogyakarta : Deepublish. </ref>, Supaya sistem yang baik memiliki karakteristik yaitu :</p></div>
-</ref> sistem mempunyai karakteristik atau sifat–sifat tertentu, yaitu :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Komponen Sistem <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Komponen<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, yang artinya saling bekerjasama membetuk satu kesatuan. Komponen-komponen sistem atau elemen-elemen sistem dapat berupa suatu subsistem atau bagian-bagian dari sistem.</p></li>
+Suatu sistem terdiri dari sejumlah komponen-komponen yang saling berinteraksi, yang artinya saling bekerja sama membentuk satu kesatuan. Komponen sistem terdiri dari komponen yang berupa subsistem atau bagian-bagian dari sistem.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Batasan Sistem <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Batasan Sistem (''Boundary'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. </p></li>
+Batasan sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lain atau dengan  lingkungan  luarnya. Batasan sistem ini memungkinkan suatu sistem menunjukan ruang lingkup (''scope'') dari sistem tersebut. </p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Lingkungan Luar Sistem <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Lingkungan Luar Sistem (''environment'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Lingkungan luar dari suatu sistem adalah apapun diluar batas dari sistem yang mempengaruhi operasi sistem.</p></li>
+Lingkungan luar sistem (''environment'') adalah diluar batas dari sistem yang mempengaruhi operasi sistem. Lingkungan dapat bersifat menguntungkan yang harus tetap dijaga dan yang merugikan yang harus dijaga dan dikendalikan, kalau tidak akan mengganggu kelangsungan hidup dari sistem.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penghubung Sistem<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penghubung Sistem (''interface'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Penghubung merupakan media penghubung antara satu subsistem dengan subsistem yang lainnya. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari satu subsistem ke subsistem yang lainnya. </p></li>
+Penghubung sistem merupakan media penghubung antara satu subsistem dengan subsistem lainnya. Melalui penghubung  ini  memungkinkan sumber-sumber daya mengalir dari subsistem ke subsistem lain. Keluaran (''output'') dari subsistem akan menjadi masukan (''input'') untuk subsistem lain melalui penghubung. </p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Masukan Sistem <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Masukan Sistem (''input'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Masukan (''input'') adalah energi yang dimasukkan ke dalam sistem. Masukan dapat berupa masukan perawatan (maintenance input) dan masukan sinyal (signal input).</p></li>
+Masukan adalah energi yang dimasukan kedalam sistem, yang  dapat berupa perawatan (''maintenance input''), dan masukan sinyal (''signal input''). ''Maintenance input'' adalah energi yang dimasukan agar sistem dapat beroperasi. ''Signal input'' adalah energi yang diproses untuk didapatkan keluaran. Contoh dalam sistem komputer program adalah ''maintenance input'', sedangkan data adalah ''signal input'' untuk diolah menjadi informasi.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Keluaran Sistem <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Keluaran Sistem (''output'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Keluaran (''output'') adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna dan sisa pembuangan.</p></li>
+Keluaran sistem adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna dan sisa pembuangan. Contoh komputer menghasilkan panas yang merupakan sisa pembuangan, sedangkan informasi adalah keluaran yang dibutuhkan.</p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pengolahan Sistem <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Suatu sistem dapat mempunyai suatu bagian pengolah yang akan merubah masukan menjadi keluaran.</p></li>
+Suatu sistem menjadi bagian pengolah yang akan merubah masukan menjadi keluaran. Sistem produksi akan mengolah bahan baku menjadi bahan jadi, sistem akuntansi akan mengolah data menjadi laporan-laporan keuangan.</p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sasaran Sistem <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Suatu sistem pasti mempunyai tujuan atau sasaran. Jika suatu sistem tidak mempunyai sasaran, maka operasi sistem tidak akan ada gunanya.</p></li>
+Suatu sistem pasti mempunyai tujuan (''goal'') atau sasaran (''objective''). Sasaran dari sistem sangat menentukan ''input'' yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem.</p></li>
 </ol>
 <br>
-==='''Konsep Dasar Data dan Informasi'''===
+===='''Klasifikasi Sistem'''====
-===='''Definisi Data'''====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Hutahaean (2015:6-7)<ref name="Hutahaean2015">Hutahaean, Jeperson. 2015. Konsep Sistem Informasi. Yogyakarta : Deepublish. </ref> Sistem dapat diklasifikasikan dalam beberapa sudut pandang :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi data menurut Jaluanto Sunu Panjul Tyoso (2016:22)<ref name="Tyoso2016">Tyoso, Jaluanto Sunu Punjul. 2016. Sistem Informasi Manajemen. Yogyakarta : Deepublish.</ref> adalah “Hanyalah bahan mentah untuk memperoleh informasi”.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara menurut Deni Prasetiyati dalam Jurnal Riset Mahasiswa Akuntansi (2016:4) <ref name="Prasetiyati2016">Prastiyati, Deni. 2016. Analisis Sistem Informasi Akuntansi Penjualan Kredit Di PT Eka Timur Raya Purwodadi Pasuruan. Jurnal Riset Mahasiswa Akuntansi. Vol. 4 No. 1. Malang : Universitas Kanjuruhan.
+<ol>
-http://ejournal.unikama.ac.id/index.php/jrma/article/view/1204/943. Diakses pada tanggal 11 Oktober 2017.</ref> mendefinisikan “Data dapat didefinisikan sebagai kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata”.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Cornelius Puschmann dan Jean Burgess dalam International Journal of Communication (2014:1700)<ref name="Puschmann2014">Puschmann, Conrelius dan Jean Burgess. 2014. Metaphors of Big Data. International Journal of Communication. Gernany: Humboldt University of Berlin. https://www.hiig.de/wp-content/uploads/2014/07/2169-11849-1-PB.pdf. Diakses pada tanggal 11 September 2017.</ref> mengatakan bahwa ''“Data'' ''is'' ''a'' ''powerful'' ''tool'' ''in'' ''the'' ''acconts'' ''provided'' ''above'', ''in'' ''which'' ''the'' ''data'' ''scientist'' ''is'' ''merely'' ''the'' ''accomplice''”. Artinya data adalah alat yg kuat dalam catatan tersebut yg mana data asli atau pusat merupakan alat yg membantu.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Abhisek Kanal Dan Aishwarya (2016:5)<ref name="Kanal2016">Kanal, Abhisek and Aishwarya . 2016. Data Analysis And Business Modelling In Microsoft Excel Using Analysis Tollpax. In International Journal Of Computer Science And Information Technologies, Pages.</ref> mengatakan bahwa “''Data is an important driving force in paving the way for an optimized business approach irrespective of the size of the organization''”. Artinya data merupakan pendorong penting dalam membuka cara untuk pendekatan bisnis yang optimal dalam ukuran organisasi.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut P. Nithya, G.Lakshmipriya on Juornal of An Overview of Data Mining and Warehousing – Architecture, Techniques and Applications (2015:3)<ref name="Nithya2015">P. Nithya, G. Lakshmipriya. 2015. Architecture, Techniques and Applications : In International Journal of An Overview Data Mining and Warehousing, Pages.</ref>, “ ''Data are any facts, numbers, or text that can be processed by a computer. Today, organizations are accumulating vast and growing amounts of data in different formats and different database''”. Artinya data adalah fakta, angka, atau teks yang bisa diproses oleh komputer. Saat ini, organisasi mengumpulkan data dalam jumlah besar dan terus bertambah dalam berbagai format dan basis data yang berbeda.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat di atas, data merupakan suatu kumpulan informasi yang diolah menjadi suatu pengamatan atau riset yang berupa angka, tulisan atau sifat.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify">
+<p style="line-height: 2">Klasifikasi sistem sebagai :</p></li>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem Abstrak (''Abstract System'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Sistem abstrak adalah sistem yang berupa pemikiran-pemikiran atau ide-ide yang tidak tampak secara fisik.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem Fisik (''Physical System'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Sistem fisik adalah sistem yang tampak secara fisik.</p></li>
+</ol>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify">
+<p style="line-height: 2">Sistem diklasifikasikan sebagai :</p></li>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem Alamiah (''Natural System'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Sistem alamiah adalah sistem yang terjadi melalui proses alam, tidak dibuat oleh manusia. Misalnya sistem perputaran bumi.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem buatan manusia (''Human Made System'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Sistem buatan manusia adalah sistem yang dibuat oleh manusia yang melibatkan interaksi antara manusia dengan mesin (''human machine system'').</p></li>
+</ol>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify">
+<p style="line-height: 2">Sistem diklasifikasikan sebagai :</p></li>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem Tertentu (''deterministcl system'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Sistem tertentu adalah sistem yang beroperasi dengan tingkah laku yang sudah dapat diprediksi, sebagai keluaran sistem yang dapat diramalkan.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem Tak Tentu (''Probabilistic System'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Sistem tak tentu adalah sistem yang kondisi masa depannya tidak dapat diprediksi karena mengandung unsur probabilistik.</p></li>
+</ol>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify">
+<p style="line-height: 2">Sistem diklasifikasikan sebagai :</p></li>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem Tertutup (''close System'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Sistem tertutup adalah sistem yang tidak terpengaruh dan tidak berhubungan dengan lingkungan luar, sistem bekerja otomatis tanpa ada turut campur lingkungan luar. Secara teoritis sistem tertutup ini ada, kenyataannya tidak ada sistem yang benar-benar tetutup, yang ada hanya ''relatively closed system''.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sistem Terbuka (''open System'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Sistem terbuka adalah sistem yang berhubungan dan terpengaruh dengan lingkungan luarnya. Sistem ini menerima input dan output dari lingkungan luar atau subsistem lainnya. Karena sistem terbuka terpengaruh lingkungan luar maka harus mempunyai pengendalian yang baik.</p></li>
+</ol>
+</ol>
 <br>
+==='''Konsep Dasar Informasi'''===
 ===='''Definisi Informasi'''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi informasi menurut Muhamad Evan Widyawan Brata dkk dalam e-Proceeding of Management (2018:861)<ref name="Evan2018">Brata, MEW, Dini Wahjoe Hapsari dan Siska Priyandani Yudowati. 2018. Pengaruh Kualitas Sistem, Kualitas Informasi, Dan Kualitas Layanan Terhadap Kepuasan Pengguna Sistem Informasi Keuangan (Studi Kasus Pegawai Keuangan Universitas Telkom). e-Proceeding of Managementi. Vol.5, No. 1 Maret 2018. http://libraryeproceeding.telkomuniversity.ac.id/index.php/management/article/view/6316/6294. Diakses pada tanggal 3 Mei 2018. </ref> adalah “Data yang telah terorganisir dan diproses untuk menyediakan makna dan meningkatkan proses pengambilan keputusan”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Muslihudin dan Oktafianto (2016:9)<ref name="Muslihudin2016">Muslihudin dan Oktafianto.(2016). Analisis dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML. Andi.</ref>, “Informasi merupakan data yang diolah menjadi bentuk yang berguna untuk membuat keputusan. Informasi berguna untuk pembuat keputusan karena informasi menurunkan ketidakpastian (atau meningkatkan pengetahuan)”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Abidin yang dikutip oleh Priyo Sutopo, dkk dalam Jurnal Informatika Mulawarman (2016:24)<ref name="sutopo2016">Sutopo, Priyo, Dedi Cahyadi dan Zainal Arifin. 2016. Sistem Informasi Eksekutif  Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web.  Jurnal Informatika Mulawarman. Vol.11 No.1-Februari 2016. https://osf.io/preprints/inarxiv/5zyb8/. Diakses pada tanggal 12 Oktober 2017. </ref> mendefinisikan bahwa “Informasi adalah data yang diolah menjadi bentuk yang berguna dan menjadi berarti bagi penerimanya”. </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Hutahaean (2014:9)<ref name="Hutahaean2014">Hutahaean, Jeperson. 2015. Konsep Sistem Informasi. Yogyakarta : Deepublish.</ref>, “Informasi adalah data yang telah diolah menjadi suatu bentuk yang penting bagi si penerima dan mempunyai nilai yang nyata atau yang dapat dirasakan dalam keputusan-keputusan yang sekarang atau keputusan keputusan yang akan datang.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut P. Nithya, G.Lakshmipriya on Juornal of An Overview of Data Mining and Warehousing – Architecture, Techniques and Applications (2015:3)<ref name="Nithya2015">P. Nithya, G. Lakshmipriya. 2015. Architecture, Techniques and Applications : In International Journal of An Overview Data Mining and Warehousing, Pages. </ref>, “''Information can be coverted into knowledge about historical patterns and future trends. For example, summary information on retail supermarket sales can be analyzed in light of promotional efforts to provide knowledge of consumer buying behavior''”. Artinya informasi dapat dikemukakan menjadi pengetahuan tentang pola sejarah dan trend masa depan. Sebagai contoh, ringkasan informasi tentang penjualan eceran supermarket dapat dianalisis berdasarkan upaya promosi untuk memberikan pengetahuan tentang perilaku pembelian konsumen. </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan dari beberapa pendapat yang  dikemukakan diatas, maka dapat disimpulkan bahwa informasi adalah data yang telah diolah menjadi bentuk yang lebih berguna, nyata, dan berarti bagi penerimanya dapat digunakan sebagai alat untuk pengambilan suatu keputusan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat di atas, informasi merupakan data yang sudah diolah menjadi sebuah bentuk yang berarti bagi pengguna, yang bermanfaat dalam pengambilan keputusan saat ini atau mendukung sumber informasi. </p></div>
 <br>
-===='''Nilai Informasi'''====
+===='''Kualitas Informasi'''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Nur Azizah, dkk dalam Jurnal SENSI (2017:17)<ref name="Azizah2017">Azizah, Nur, Lina Yuliana dan Elsa Juliana. 2017. Rancang Bangun Sistem Informasi Penggajian Karyawan Harian Lepas pada PT. Flex Indonesia. Jurnal SENSI. Tangerang : Perguruan Tinggi Raharja. ISSN: 2461-1409. Vol.3 No.1-Februari 2017.</ref>, Ada 10 (sepuluh) Sifat yang dapat menentukan nilai informasi yaitu sebagai berikut:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pernyataan yang dikemukakan oleh Yakub dan  Vico Hisbanarto (2014:20)<ref name="Yakub2014">Yakub dan Vico Hisbanarto. 2014. Sistem Informasi Manajemen Pendidikan. Yogyakarta: Graha Ilmu. </ref>, kualitas informasi (''quality of information'') tergantung dari ''accurate, timeliness'', dan ''relevance''.</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Kemudahan dalam memperoleh (''accesibility'') informasi memiliki nilai yang lebih sempurna apabila dapat diperoleh secara mudah.</p></li>
+<p style="line-height: 2">Akurat (''accuracy''), akurat memiliki arti bahwa informasi tidak boleh memiliki kesalahan yang dapat menyesatkan. Dalam hal ini akurat juga dapat berarti sebuah informasi yang bersifat jelas dalam penyampaian maknanya. Ini merupakan hal penting, karena terdapat banyak gangguan yang bisa merusak informasi. Komponen akurat meliputi :</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<ol style="list-style:lower-alpha">
-<p style="line-height: 2">Sifat luas dan kelengkapannya (''comprehenshiveness'') informasi mempunyai nilai yang lebih sempurna apabila mempunyai lingkup atau cakupan yang luas dan lengkap.</p></li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''Completeness'', kelengkapan informasi dapat mempengaruhi proses pengambilan keputusan. Untuk itu, informasi harus bersifat lengkap.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''Correctness'', kebenaran juga harus menjadi hal yang penting, yang harus dimiliki oleh sebuah informasi.</li>
-<p style="line-height: 2">Ketelitian (''Accuracy'') informasi mempunyai nilai yang lebih sempurna apabila mempunyai ketelitian yang tinggi.</p></li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''Security'', tingkat keamanan dari sebuah informasi juga harus baik.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+</ol>
-<p style="line-height: 2">Kecocokan dengan pengguna (''relavance'') informasi mempunyai nilai yang lebih sempurna apabila sesuai dengan kebutuhan penggunanya.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Ketepatan waktu (''timelines'') informasi mempunyai nilai yang lebih sempurna apabila dapat diterima oleh pengguna pada saat yang tepat.</p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Kejelasan (''clarity'') informasi yang jelas akan meningkatkan kesempurnaan nilai informasi.</p></li>
+<p style="line-height: 2">Tepat Waktu (''timeliness''), informasi harus memiliki ketepatan waktu. Karena informasi yang sudah kadaluarsa tidak memiliki arti lagi, hal ini dikarenakan informasi merupakan landasan untuk pengambilan keputusan.</p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Fleksibilitas (''flexibility'') nilai informasi semakin sempurna apabila memiliki fleksibilitas tinggi.</p></li>
+<p style="line-height: 2">Relevan (''relevance''), Informasi harus memiliki manfaat bagi penggunanya dan memiliki hubungan informasi bagi orang yang berbeda.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Dapat dibuktikan (''verified'') nilai informasi semakin sempurna apabila informasi tersebut dapat dibuktikan kebenarannya.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Dapat diukur (''measurable'') informasi untuk pengambilan keputusan seharusnya dapat diukur agar dapat mencapai nilai yang sempurna.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tidak ada prasangka nilai informasi semakin sempurna apabila informasi tersebut tidak menimbulkan prasangka dan keraguan adanya kesalahan informasi.</p></li>
 </ol>
 <br>
-===='''Komponen Sistem Informasi'''====
+===='''Definisi Data'''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Masriadi (2018:81)<ref name="Masriadi2018">Masriadi. 2018. Perancangan Sistem Informasi Pemakaian Laboratorium Komputer Di Universitas Putra Indonesia “Yptk Padang” Menggunakan Bahasa Pemrograman Java. Menara Ilmu. Vol.12, Jilid 1 No.79 Januari 2018. http://joernal.umsb.ac.id/index.php/menarailmu/article/view/490/429. Diakses pada tanggal 3 Mei 2018.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pernyataan yang dikemukakan oleh Abdul    Kadir (2013:44)<ref name="Kadir2013">Kadir, Abdul. 2013. Pengenalan Sistem Informasi Edisi Revisi. Yogyakarta: Penerbit ANDI. </ref>, Data adalah sebuah penjabaran mengenai benda, kejadian, aktifitas, transaksi, yang tidak memiliki makna dan tidak berpengaruh kepada penggunanya.</p></div>
-</ref> sistem mempunyai karakter yaitu :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pernyataan yang dikemukakan oleh Nana Danapriatna dan Rony Setiawan (2005) dalam Rohmat Taufiq (2013:13)<ref name="Taufiq2013">Taufiq, Rohmat. 2013. Sistem Informasi Manajemen. Yogyakarta: Graha Ilmu. </ref>, data adalah sebuah  bahan mentah yang harus diolah agar menghasilkan informasi atau keterangan yang  bersifat kualitatif maupun kuantitatif yang menunjukan fakta.</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Komponen Sistem<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Suatu sistem terdiri dari beberapa komponen yang saling berinteraksi membentuk satu kesatuan. Komponen-komponen sistem dapat berupa suatu subsistem atau bagian-bagian dari sistem. Setiap subsistem mempunyai sifat-sifat dari sistem untuk menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan. Suatu sistem dapat mempunyai sistem yang lebih besar yang disebut dengan supra sistem.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Batasan sistem (''boundary'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Batas sistem (''boundary'') merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. Batas suatu sistem menunjukkan ruang lingkup (''scope'') dari sistem tertentu</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Lingkungan luar sistem (''environment'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Lingkungan luar dari suatu sistem adalah apapun di luar batas sistem yang mempengaruhi operasi sistem. Lingkungan sistem dapat bersifat menguntungkan dan juga bersifat merugikan sistem tersebut. Lingkungan luar sistem yang menguntungkan merupakan energi dari sistem dan dengan demikian harus tetap dijaga dan dipelihara.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Penghubung sistem (''interface'') Penghubung merupakan media penghubung antara satu subsistem dengan subsistem yang lainnya<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari satu subsistem ke subsistem yang lainnya.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Masukan sistem (''input'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Masukan adalah energi yang dimasukkan ke dalam sistem. Masukan dapat berupa masukan perawatan (''maintenance input'') dan masukan sinyal (''signal input''). Sebagai contoh di dalam sistem komputer, program adalah ''maintenance input'' yang digunakan untuk mengoperasikan komputernya dan data adalah signal input untuk diolah menjadi informasi.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Keluaran sistem (''output'') <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Keluaran adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna dan sisa pembuangan yang dapat digunakan sebagai informasi dan untuk pengambilan keputusan.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Pengolahan sistem (''process'') <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Pengolahan sistem adalah suatu pengolahan yang akan mengolah ''input'' menjadi ''output'' dengan melalui suatu tahap pemrosesan. Contohnya seperti pada sistem produksi, dimana akan mengolah ''input'' (bahan baku) menjadi ''output'' berupa barang jadi.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Sasaran sistem (''objective'') <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Sasaran dari sebuah sistem adalah target yang hendak dicapai oleh sebuah sistem dalam jangka waktu yang singkat guna mempercepat tercapainya tujuan sistem.</p></li>
-</ol>
 <br>
-==='''Konsep Dasar Analisis Sistem'''===
+==='''Konsep Dasar Sistem Informasi'''===
-===='''Definisi Analisa Sistem'''====
+===='''Definisi Sistem Informasi'''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi analisis sistem menurut Sri Mulyani (2016:38)<ref name="Mulyani2016">Mulyani, Sri. 2016. Analsis dan Perancangan Sistem Informasi Manajemen Keuangan Daerah. Edisi Kedua. Bandung : Abdi Sistematika.</ref>  adalah “Suatu teknik penelitian terhadap sebuah sistem dengan menguraikan komponen-komponen pada sistem tersebut dengan tujuan untuk mempelajari komponen itu sendiri serta keterkaitannya dengan komponen lain yang membentuk sistem sehingga didapat sebuah keputusan atau kesimpulan mengenai sistem tersebut baik itu kelemahan ataupun kelebihan 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">Sedangkan menurut Abi Burrahman (2017:36)<ref name="Burrahman2017">Burrahman, Abi. 2017. Membangun Sistem Informasi Akademik Berbasis Web pada Pondok Pesantren Salafiyah Al-Baqiyatussa’diyyah Tembilahan. Jurnal Sistemasi. Vol.6 No.1-Januari 2017. http://sistemasi.ftik.unisi.ac.id/index.php/stmsi/article/view/6/pdf. Diakses pada tanggal 28 Oktober 2017.</ref> mengatakan bahwa “Analisa sistem meliputi analisis dan perancangan sistem, metode analisis data, analisa kebutuhan sistem seperti kebutuhan perangkat lunak, kebutuhan perangkat keras dan kebutuhan pengguna”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Swastika dan Putra (2016:3)<ref name="Putu2016">Putu Agus Swastika, M.Kom dan I Gusti Lanang Agung Raditya Putra, S.Pd., M.T. 2016. Audit Sistem Informasi dan Tata Kelola Teknologi Informasi : Implementasi dan Studi Kasus. Yogyakarta: ANDI. </ref>, “Sistem informasi merupakan suatu kumpulan dari komponen-komponen dalam perusahaan atau organisasi yang berhubungan dengan proses penciptaan dan pengalir informasi”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Yogiyanto dalam Sunyoto (2014:210)<ref name="Sunyoto2014">Sunyoto, Danang. 2014. Konsep Dasar Riset Pemasaran & Perilaku Komsumen. Yogyakarta: CAPS.</ref>, “Analisis Sistem adalah penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan, kesempatan, hambatan yang terjadi dan kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan".</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Abdul Kadir (2014:8)<ref name="Kadir2014">Kadir, Abdul. 2014. Pengenalan Sistem Informasi Edisi Revisi. Yogyakarta: CV. Andi. Offset. </ref>, “sistem Informasi mencakup sejumlah komponen (manusia, komputer, teknologi informasi, dan prosedur kerja) ada sesuatu yang diproses (data menjadi informasi) dan dimaksudkan untuk mencapai suatu sasaran”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat di atas, analisis sistem merupakan langkah-langkah dalam menguraikan sub-sub sistem dan mengevaluasi permasalahan-permasalahan yang ada dalam sistem tersebut.</p></div>
 <br>
-===='''Prinsip - prinsip Analisis sistem'''====
+===='''Komponen Sistem Informasi'''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Adapun prinsip-prinsip analisis sistem menurut Jaluanto Sunu Panjul Tyoso (2016:18)<ref name="Tyoso2016">Tyoso, Jaluanto Sunu Punjul. 2016. Sistem Informasi Manajemen. Yogyakarta : Deepublish.</ref> adalah:
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Abdul Kadir (2014:71)<ref name="Kadir2014">Kadir, Abdul. 2014. Pengenalan Sistem Informasi Edisi Revisi. Yogyakarta: CV. Andi. Offset. </ref>, Sistem informasi mengandung komponen-komponen seperti berikut :</p></div>
-</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Mendefinisikan masalah. Masalah yang akan dipecahkan dengan sistem diatur berkenan dengan lingkungan tempat sistem berinteraksi.</p></li>
+<p style="line-height: 2">Perangkat Keras (''hardware''), yang mencakup peranti-peranti fisik seperti komputer dan printer. </p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Menyatakan sasaran sistem. Tujuan umum dan khusus yang ingin dicapai yang berkaitan dengan keefektifan ditetapkan dan diumumkan kepada pihak-pihak yang berkepentingan.</p></li>
+<p style="line-height: 2">Perangkat Lunak (''software''), atau program, yaitu salah satu kumpulan perintah yang digunakan untuk membuat perangkat keras dapat bekerja untuk memproses data. </p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Menetapkan batasan sistem (''system'' ''Boundaries''). Pembatas antara sistem yang baru dengan lingkungannya harus diperinci, hubungan sistem (''interface'') yang berkaitan dengan masukan dan keluaran harus ditegaskan.</p></li>
+<p style="line-height: 2">Prosedur, yaitu kumpulan dari aturan yang dibuat untuk mencapai tujuan dari sistem dalam hal pemrosesan data dan keluaran yang diinginkan. </p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Menetapkan kendala sistem. Kendala pada sistem dan proses pengembangannya, seperti biaya dan jangka waktu untuk pengembangan sistem harus dipastikan.</p></li>
+<p style="line-height: 2">Orang, merupakan pihak-pihak yang memiliki tanggung jawab untuk pengoperasian sistem. </p></li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Dekomposisi sistem. Sistem dipecah kedalam subsistem yang saling terkait dan berhubungan dengan lingkungannya. Hubungan antar subsistem ditentukan sehingga seorang analisis sistem mampu melihat sistem terinci. Subsistem yang berada pada tingkat bawahlah yang nantinya dirancang dan menjadi bagian sistem yang ditetapkan.</p></li>
+<p style="line-height: 2">Basis Data (''database''), yaitu kumpulan table, hubungan, dan lain-lain yang berkaitan dengan penyimpangan data. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Jaringan komputer dan komunikasi data, yaitu sistem penghubung yang memungkinkan sumber (''resource'') dipakai secara bersama atau diakses oleh sejumlah pemakai. </p></li>
 </ol>
 <br>
-==='''Konsep Dasar Perancangan Sistem'''===
+==='''Konsep Dasar Analisis Sistem'''===
-===='''Definisi Perancangan Sistem'''====
+===='''Definisi Analisa Sistem'''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi perancangan sistem menurut McLeod yang dikutip oleh Moch. Agita Fauzi dan Titis Aji Wicaksono dalam Jurnal Surya Informatika (2015:26)<ref name="Fauzi2015">Fauzi, Moch Agita dan Titis Aji Wicaksono. 2015. System Inventory Control Pada Laboratorium Komputer SMK Muhammadiyah Kajen Berbasis Web dengan Framework Codeigniter. Jurnal Surya Informatika. ISSN : 2477-3042. Vol.1 No.1 http://ejournal.politeknikmuhpkl.ac.id/index.php/3/article/view/6/39. Diakses pada tanggal 12 Oktober 2017.</ref>adalah “Penentuan proses data yang diperlukan oleh sistem baru, jika sistem itu berbasis komputer perancangan dapat dinyatakan spesifikasi peralatan yang digunakan”.</p></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Stair yang dikutip oleh Maimunah, dkk dalam Jurnal CERITA (2016:203)<ref name="Maimunah2016">Maimunah, Septiyan dan Bayu Setiawan. 2016. Structure Project Application Pelayanan Pasien Rawat Jalan pada RSIA Selaras. Jurnal CERITA. Tangerang : Perguruan Tinggi Raharja. ISSN: 2461-1417. Vol.2 No.2-Agustus 2016.</ref>“Perancangan sistem adalah fase pengembangan sistem yang mendefinisikan bagaimana sistem informasi akan melakukan perancangan untuk mendapatkan solusi pemecahan masalah”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Mulyani (2016:40)<ref name="mulyani 2016">Muharto dan Arisandi Ambarita. 2016. Metode Penelitian Sistem Informasi : Mengatasi Kesulitan Mahasiswa Dalam Menyusun Proposal Penelitian. Ed.1 Cet.1 -
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat di atas, perancangan sistem merupakan proses membuat gambaran sistem baru yang akan dibuat nantinya.</p></div>
+Mulyani, S. (2017). Metode Analisis dan Perancangan Sistem. Bandung: ABDI SISTEMATIKA.</ref>, “Analisis sistem adalah suatu teknik penelitian terhadap sebuah sistem dengan menggunakan komponen-komponen pada sistem tersebut dengan tujuan untuk mempelajari komponen itu sendiri serta keterkaitannya dengan komponen lain yang membentuk sistem sehingga di dapat sebuah keputusan atau kesimpulan mengenai sistem tersebut baik itu kelebihan maupun kelemahan 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">Menurut Muharto (2016:92)<ref name="Muharto2016">Muharto dan Arisandi Ambarita. 2016. Metode Penelitian Sistem Informasi : Mengatasi Kesulitan Mahasiswa Dalam Menyusun Proposal Penelitian. Ed.1 Cet.1 -.</ref>, “Analisis sistem adalah kegiatan untuk menguraikan sub-sub sitem dan melihat fungsi dari sub-sub sistem tersebut. Analisis sistem sebuah teknik pemecahan masalah dengan tujuan  mempelajari seberapa bagus sub-sistem tersebut bekerja (proses) dan perubahan-perubahan bagian ''relative'' pada sistem awal (aslinya)”.</p></div>
 <br>
 =='''TEORI KHUSUS'''==
-==='''Konsep Dasar Kesehatan dan Keselamatan Kerja'''===
+==='''Definisi Perancangan'''===
-===='''Definisi Kesehatan dan Keselamatan Kerja'''====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi perancangan menurut Jogiyanto H.M dalam Pangemanan dkk (2016:1) “Perancangan sitem dapat didefinisikan sebagai penggambaran, perencanaan, dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi kesehatan dan keselamatan kerja menurut Irzal (2016:1)<ref name="Irzal2016">Irzal. 2016. Dasar-Dasar Kesehatan dan  Keselamatan Kerja. Jakarta : Kencana.</ref> adalah “Salah satu bentuk upaya untuk menciptakan tempat kerja yang aman, sehat, bebas dari pencemaran lingkungan, sehingga dapat melindungi dan bebas dari kecelakaan kerja pada akhirnya dapat meningkatkan efisiensi dan produktivitas kerja".</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut George M.Scott dalam Kurniawan dkk (2013:4) Definisi mengenai perancangan sistem ialah : “Desain sistem yang menentukan bagaimana suatu sistem akan menyelesaikan apa yang mesti diselesaikan, tahap ini menyangkut mengkonfirmasikan dari komponen-komponen perangkat lunak dan perangkat keras dari suatu sistem sehingga setelah instalasi dari sistem akan benar-benar memuaskan rancang bangun yang telah ditetapkan pada akhir analisis 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">Sementara, menurut Bayu Indra Siswanto dalam eJournal Administrasi Bisnis (2015:68)<ref name="Indra2015">Indra, Bayu Siswanto. 2015. Pengaruh Pelaksanaan Keselamatan Dan Kesehatan Kerja Terhadap Produktivitas Kerja Karyawan Pada PT. Pembangunan Perumahan Tbk Cabang Kalimantan Di Balikpapan. eJournal Administrasi Bisnis. ISSN : 2355-5416. http://ejournal.adbisnis.fisip-unmul.ac.id/site/?p=968. Diakses pada tanggal 26 April 2018.</ref>, mengatakan bahwa “Keselamatan dan Kesehatan Kerja adalah suatu sistem program yang dibuat bagi pekerja maupun pengusaha sebagai upaya pencegahan (''preventif'') timbulnya kecelakaan kerja dan penyakit akibat hubungan kerja dalam lingkungan kerja dengan cara mengenali hal-hal yang berpotensi menimbulkan kecelakaan kerja dan penyakit akibat hubungan kerja serta tindakan antisipatif bila terjadi hal demikian".</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat diatas dapat disimpulkan bahwa perancangan adalah salah satu tahapan merancang sebuah sistem sebelum sistem tersebut dapat di implementasikan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat di atas, kesehatan dan keselamatan kerja merupakan program yang dibuat untuk melindungi ataupun pencegahan para pekerja dari kecelakaan kerja.</p></div>
 <br>
-===='''Definisi Keselamatan Kerja'''====
+==='''Definisi Bahan Ajar'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi keselamatan kerja menurut Irzal (2016:31)<ref name="Irzal2016">Irzal. 2016. Dasar-Dasar Kesehatan dan  Keselamatan Kerja. Jakarta : Kencana.</ref> adalah “Keselamatan yang bertalian dengan mesin, pesawat, alat kerja, bahan dan proses pengolahannya, landasan tempat kerja dan lingkungannya serta cara-cara melakukan pekerjaan”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Prastowo (2017:195)<ref name="Prastowo2017">Prastowo, Andi. Menyusun Rencana Pelaksanaan Pembelajaran (RPP) Terpadu Implementasi Kurikulum 2013 Untuk SD/MI. Jakarta. Penerbit Kencana. Cetakan ke 2. Januari 2017.</ref>, “Bahan atau materi pembelajaran pada dasarnya merupakan segala bahan (baik itu informasi, alat, maupun teks) yang disusun secara sistematis yang menapilkan sosok utuh dari kompetensi yang akan dikuasai peserta didik dan digunakan dalam proses pembelajaran agar siswa mampu menguasai kompetensi dasar dalam rangka pencapaian standar kompetensi dan kompetensi inti setiap mata pelajaran dalam satuan pendidikan tertentu”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara, menurut Bayu Indra Siswanto dalam eJournal Administrasi Bisnis (2015:71)<ref name="Indra2015">Indra, Bayu Siswanto. 2015. Pengaruh Pelaksanaan Keselamatan Dan Kesehatan Kerja Terhadap Produktivitas Kerja Karyawan Pada PT. Pembangunan Perumahan Tbk Cabang Kalimantan Di Balikpapan. eJournal Administrasi Bisnis. ISSN : 2355-5416. http://ejournal.adbisnis.fisip-unmul.ac.id/site/?p=968. Diakses pada tanggal 26 April 2018.</ref>, mengatakan bahwa “Keselamatan kerja adalah perlindungan karyawan dari luka-luka yang disebabkan oleh kecelakaan yang terkait dengan pekerjaan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Darnita dkk (2014)<ref name="Darnita2014">K Darnita, A.A.I.N. Marhaeni, Made Candiasa (2014). Pengaruh Penggunaan Bahan Ajar Online Terhadap Prestasi Belajar Tikom Dengan Kovariabel Aktivitas Belajar Siswa Kelas VIII Smp Dwijendra Gianyar. e-Journal Program Pascasarjana Universitas Pendidikan Ganesha Program Studi Pendidikan Dasar (Volume 4 Tahun 2014).</ref>, ”Bahan ajar adalah segala bentuk bahan yang digunakan untuk membantu pendidikan dalam melaksanakan kegiatan pembelajaran”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat di atas, keselamatan kerja merupakan perlindungan terhadap kesejahteraan fisik seseorang terhadap cedera yang terkait dengan pekerjaan.</p></div>
 <br>
-===='''Syarat-Syarat Keselamatan Kerja'''====
+==='''Definisi Pembelajaran'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut UU RI tentang Keselamatan Kerja No. 1 Tahun 1970 Pasal 3 ayat 1<ref name="UU1970">UU RI tentang Keselamatan Kerja No. 1 Tahun 1970 Pasal 3 ayat 1.</ref>, perusahaan juga harus memelihara keselamatan karyawan dilingkungan kerja dan syarat-syarat keselamatan kerja adalah sebagai berikut :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Wijaya dan Pramukantoro (2013:162)<ref name="Wijaya2013">Wijaya, Y. A., & Pramukantoro, J. A. (2013). Pengaruh teknik pembelajaran make a match terhadap hasil belajar siswa pada mata diklat menerapkan dasar-dasar elektronika digital di SMK Negeri 1 Sidoarjo. Jurnal Penelitian Pendidikan Teknik Elektro, 2(1), 161-167.</ref>, Pembelajaran yaitu suatu proses belajar mengajar yang ditandai dengan adanya interaksi atau hubungan timbal balik antara guru dengan siswa. Berdasarkan definisi pembelajaran tersebut, maka terdapat dua komponen yang terlibat langsung dalam proses pembelajaran, komponen tersebut adalah guru dan siswa.</p></div>
-<ol style="list-style:lower-alpha">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut kamus Meriam-Webster dalam Dewi, dkk (2014:828), Definisi ''Learning'' (pembelajaran) adalah modifikasi kecenderungan keperilakuan oleh pengalaman (sebagai akibat dari pengkondisian/''controlling'').</p></div>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mencegah dan mengurangi kecelakaan.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mencegah, mengurangi dan memadamkan kebakaran.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mencegah dan mengurangi bahaya peledakan.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Memberi kesempatan atau jalan menyelamatkan diri pada waktu kebakaran atau kejadian-kejadian lain yang berbahaya.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Memberikan pertolongan pada kecelakaan.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Memberi alat-alat perlindungan kepada para pekerja.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mencegah dan mengendalikan timbul atau menyebarluaskan suhu, kelembaban, debu, kotoran, asap, uap, gas, hembusan angin, cuaca, sinar atau radiasi, suara dan getaran.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mencegah dan mengendalikan timbulnya penyakit akibat kerja, baik fisik maupun psikis, peracunan, infeksi, dan penularan.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Memperoleh penerangan yang cukup dan sesuai.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Menyelenggarakan suhu dan lembab udara yang baik.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Menyelenggarakan penyegaran udara yang cukup.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Memelihara kebersihan, kesehatan, dan ketertiban.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Memperoleh keserasian antara tenaga kerja, alat kerja, lingkungan kerja, dan proses kerjanya.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mengamankan dan memperlancar pengangkatan orang, binatang, tanaman atau barang.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mengamankan dan memelihara segala jenis bangunan.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mengamankan dan memelihara pekerjaan bongkar muat, perlakuan dan penyimpanan barang.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mencegah terkena aliran listrik yang berbahaya.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Menyesuaikan dan menyempurnakan pengamanan pada pekerja yang bahaya kerjanya menjadi bertambah tinggi.</li>
-</ol>
 <br>
-===='''Indikator Keselamatan Kerja'''====
+==='''Definisi Kualitas'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Indah Dwi Rahayu, dkk dalam Jurnal Administrasi Bisnis (2017:3)<ref name="Dwi2017">Dwi, Indah Rahayu, Mochammad Al Musadieq, dan Arik Prasetya. 2017. Pengaruh Gaya Kepemimpinan Dan Program Keselamatan Dan Kesehatan Kerja Terhadap Motivasi Kerja. Jurnal administrasi Bisnis. Malang : Universitas Brawijaya. Vol. 43 No. 1 Februari 2017.</ref> indikator keselamatan kerja adalah :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Kotler dan Keller dalam Widjoyo, dkk (2013:2)<ref name="Widjoyo2013">Widjoyo, I. O. (2013). Analisa pengaruh kualitas layanan terhadap kepuasan konsumen pada layanan drive thru McDonald’s Basuki Rahmat di Surabaya. Jurnal Strategi Pemasaran, 1(1).</ref> “''Quality is the totality of features and characteristics of a product or service that bear on its ability to satisfy stated or implied needs''”. Dari penjelasan di atas bisa disimpulkan bahwa kualitas adalah keseluruhan dari fitur dan karakteristik dari sebuah produk atau jasa yang memiliki kemampuan untuk memuaskan kebutuhan</p></div>
-<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Subagiyo, dkk (2014:3)<ref name="Subagiyo2014">Subagiyo, E. K. (2014). Analisis Faktor-faktor yang Mempengaruhi Wajib Pajak dalam Merespon Surat Himbauan terhadap Kepatuhan Penyampaian Surat Pemberitahuan (Spt) Tahunan (Studi pada Kantor Pelayanan Pajak Pratama Batu). Jurnal Mahasiswa Perpajakan, 3(1).</ref>, Kualitas adalah suatu kondisi dinamis yang berhubungan dengan produk, jasa manusia, proses, dan lingkungan yang memenuhi atau melebihi harapan pihak yang menginginkannya.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Kondisi tempat kerja</p></li>
-<ol style="list-style:lower-alpha">
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Penyusunan mesin-mesin beserta kelengkapannya.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Sistem penerangan.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Kondisi peralatan kerja.</li>
-</ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tindak perbuatan</p></li>
-<ol style="list-style:lower-alpha">
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Penggunaan pelindung diri.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Penggunaan prosedur kerja.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Kebiasaan pengamanan peralatan.</li>
-</ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Suasana kejiwaan karyawan</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Para karyawan yang bekerja dibawah tekanan atau yang merasa bahwa pekerjaan mereka terancam atau tidak terjamin, akan mempunyai kemungkinan mengalami kecelakaan lebih besar daripada mereka yang tidak dalam keadaan tertekan</p></div>
-</ol>
 <br>
-===='''Tujuan Keselamatan Kerja'''====
+==='''Definisi Guru'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tujuan keselamatan kerja menurut pendapat I Ketut Swarjana (2017:215)<ref name="Ketut2017">Ketut, I Swarjana. 2017. Ilmu Kesehatan Masyarakat-Konsep, Strategi, dan Praktik. Yogyakarta : ANDI.</ref> adalah sebagai berikut :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Buchari Alma dkk dalam Syahidul (2013:4)<ref name="Syahidul2013">Syahidul, D. (2013). Pengaruh Kualitas Pembelajaran Guru Terhadap Prestasi Belajar Siswa Mata Pelajaran Ilmu Statika dan Tegangan Jurusan Teknik Gambar Bangunan SMK Negeri 2 Depok (Doctoral dissertation, UNY).</ref>, Guru merupakan kunci keberhasilan sebuah lembaga pendidikan. Guru adalah sales agent dari lembaga pendidikan. Baik atau buruknya perilaku atau cara mengajar guru akan sangat mempengaruhi citra lembaga pendidikan. Oleh sebab itu sumber daya guru ini harus dikembangkan.</p></div>
-<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Oktavia (2014:1)<ref name="Oktavia2014">Oktavia, Y. (2014). Usaha Kepala Sekolah Dalam Meningkatkan Kreativitas Guru Dalam Pembelajaran di Sekolah Dasar. Bahana Manajemen Pendidikan, 2(1), 808-815.</ref>, Guru adalah sosok manusia yang harus digugu dan ditiru. Sebagai salah satu unsur dalam penyelenggaraan sistem pendidikan di sekolah, guru memiliki peran teramat penting dalam membentuk, membina, serta mencapai hasil pendidikan.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Mencegak kerusakan kesehatan dan mencegah terbuangnya sumber daya manusia dan sumber daya lainnya.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Meningkatkan moral pekerja.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Mencegah inefisiensi di tempat kerja yang disebabkan oleh efek dari kecelakaan.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Mencegah bahaya sosial disebabkan oleh kecelakaan.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Meningkatkan pencegahan terhadap kecelakaan.</p></li>
-</ol>
 <br>
-===='''Konsep Dasar HTML'''====
+==='''Definisi Pelajar'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Gisma Gerry Kurniawan (2018:10)<ref name="Gerry2018">Gerry, Gisma Kurniawan. 2018. Implementasi Teknologi Framework YII Untuk Sistem Penjualan Online di Toko Passion Yogyakarta. Yogyakarta. Skripsi (Thesis) : STMIK Akakom.</ref>, HTML adalah “sebuah bahasa ''markup'' yang digunakan untuk membuat sebuah halaman ''web'', menampilkan berbagai informasi di dalam sebuah penjelajah web ''Internet'' dan ''formating hypertext'' sederhana yang ditulis kedalam berkas ''format'' ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Drs Abu Ahmadi dalam AZR Perkasa (2015:10)<ref name="PERKASA2015">PERKASA, A. R. PENGGUNAAN PONSEL DI KALANGAN PELAJAR SMAN 1 TANGGUL THE USE OF PONSEL AMONG STUDENT SMAN 1 TANGGUL.</ref>, Pelajar atau peserta didik adalah sebagai individu / pribadi (manusia seutuhnya). Individu diartikan “orang seorang tidak bergantung dari orang lain, dalam arti benar-benar seorang pribadi yang menentukan diri sendiri dan tidak dipaksa dari luar, mempunyai sifat-sifat dan keinginan sendiri.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan, menurut HTML Priyanto Hidayatullah dan Jauhari K.K (2014:13)<ref name="Hidayatullah2014">Hidayatullah, Priyanto dan Kawistara, Jauhari, Khairul. 2014. “Pemrograman WEB”. Bandung: BI-Obses.</ref> (''Hypertext Markup Language'') adalah “Bahasa ''standard'' yang digunakan untuk menampilkan halaman ''web''”. HTML biasa dilakukan :</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Mengatur tampilan dari halaman ''web'' dan isinya.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Membuat tabel dalam halaman ''web''.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Mempublikasikan halaman ''web'' secara ''online''.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Membuat form yang bisa di gunakan untuk menangani ''registrasi'' dan transaksi via web.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Menambahkan objek-objek seperti citra, audio, video, animasi, java applet dalam halaman ''web''.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Menampilkan area gambar (canvas) di browser.</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 pendapat dari berbagai sumber yang dikemukakan di atas dapat ditarik kesimpulan bahwa HTML merupakan bahasa untuk membuat halaman-halaman pada web dengan membentuk dokumen agar dapat ditampilkan pada program ''web browser''</p></div>
 <br>
-==='''Konsep Dasar PHP'''===
+==='''Definisi Internet'''===
-===='''Definisi PHP'''====
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-BZW5-wtjM3Q/W5N1wubEsYI/AAAAAAAAAg0/wtXLx7UDr8odZvk4CPKB2NSoTJ7F2J1HACL0BGAs/w530-d-h398-n-rw/1.jpg"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi PHP (''Hypertext Preprocessing'') yang dikemukakan oleh Priyanto Hidayatullah dan Jauhari K.K (2014:231)<ref name="Hidayatullah2014">Hidayatullah, Priyanto dan Kawistara, Jauhari, Khairul. 2014. “Pemrograman WEB”. Bandung: BI-Obses.</ref> adalah “Bahasa ''scripting'' khususnya digunakan untuk ''web delevopment'' karena sifatnya yang ''server side scripting'', maka untuk menjalankan PHP harus menggunakan ''web server''”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 2.1  ''Internet''</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara itu, menurut Rahayu, dkk dalam jurnal ''Creative Communication and Innovative Technology'' (CCIT) Vol.7 No.2 (2015:53)<ref name="Rahayu2015">Rahayu, Sri. Yusup, Muhamad dan Sinta, Puspita. 2015. “Perancangan Aplikasi Absensi Peserta Bimbingan Belajar Berbasis Web dengan Menggunakan Framework Yii”. Peguruan Tinggi Raharja: Jurnal CCIT Vol.7 No.2 Oktober .</ref> PHP (''Hypertext Preprocessing'') adalah “Bahasa ''server side scripting'' yang menyatu pada HTML untuk membuat halaman ''web'' yang dinamis”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Puspitasari (2015:187)<ref name="Puspitasari2015">Puspitasari, D. 2015. Rancang Bangun Sistem Informasi Koperasi Simpan Pinjam Karyawan Berbasis Web’. Jurnal Pilar Nusa Mandiri. No. 11 Vol. 2 ISSN 1978 – 1946.</ref>, ''Internet'' adalah salah satu bentuk media komunikasi dan informasi interaktif. Wujud ''internet'' adalah jaringan komputer yang terhubung di seluruh dunia. ''Internet'' digunakan untuk mengirim informasi antar komputer di seluruh dunia. ''Internet'' diartikan sebagai “''The global public Transmission Control Protocol / Internet Protocol (TCP/IP) internetwork''”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat di atas, PHP  merupakan bahasa pemograman yang menerjemahkan baris kode mesin untuk membuat aplikasi ''website''.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Abdul Kadir (2013:306)<ref name="Kadir2013">Kadir, Abdul. 2013. Pengenalan Sistem Informasi Edisi Revisi. Yogyakarta: Penerbit ANDI.</ref>, ''Internet'' merupakan sebuah jaringan besar yang dapat menghubungkan jutaan komputer dan tidak memiliki kaitan apapun terhadap suatu organisasi.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat diatas, dapat disimpulkan bahwa ''internet'' merupakan jaringan komputer yang terhubung di seluruh dunia digunakan untuk mengirim informasi kapan pun dan dimana pun.</p></div>
 <br>
-===='''Kelebihan PHP'''====
+==='''Definisi ''Website'''''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Wiwenty Lula Alaika (2018:15)<ref name="Alaika2018">Alaika, Wiwenty Lula. 2018. Virtual Dressing Room Dengan Metode Augmented Reality Untuk Pemasaran Fashion (Studi Kasus : Wla New Innovation Collection Kecamatan Gunung Putri Kabupaten Bogor Jawa Barat). Skripsi Thesis, Stmik Akakom Yogyakarta.</ref> kelebihan PHP yaitu sebagai berikut :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Hidayat (2015:1)<ref name="Hidayat2015">Hidayat, A. N. 2015. Analisis Sentimen Terhadap Wacana Politik Pada Media Masa Online Menggunakan Algoritma Support Vector Machine Dan Naive Bayes. Jurnal Elektronik Sistem Informasi dan Komputer, VOL.1 No.1.</ref>, ''Website'' adalah tempat yang baik bagi orang-orang untuk mengekspresikan pendapat mereka pada berbagai topik salah satunya adalah memanfaatkan situs jejaring social misalnya ''facebook, twitter'' bahkan pemberi opini secara professional, seperti reviewer berita politik dan film, pemilik blog dimana publik dapat mengomentari dan merespon apa yang mereka pikirkan. Kemampuan untuk merangkak dari website serta mengekstrak pendapat dari baris-baris teks dapat menjadi sangat berguna bidang ini adalah area studi yang banyak dikaji karena kemungkinan nilai komersialnya.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dapat disimpulkan bahwa ''website'' merupakan halaman yang memiliki topik yang saling berkaitan untuk mempresentasikan informasi dan bisa diakses diseluruh dunia melalui jalur internet.</p></div>
+<br>
+==='''Definisi ''Database'''''===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi menurut Prasetio (2015:22)<ref name="Prasetio2015">Prasetio, Adhi. 2012. Buku Pinter Pemrograman Web. Jakarta : Mediakita.</ref>, ''Database'' adalah tempat media penyimpanan data kita dalam membuat sebuah program yang berisikan ''table, field'' dan ''record'', yang diselimuti namanya DBMS (''Database Management System'').</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Sutopo, dkk (2016:25), Database merupakan salah satu komponen yang penting dalam sistem informasi, karena berfungsi sebagai basis penyedia informasi bagi pemakainya. Sistem basis data adalah suatu informasi yang mengintegrasikan kumpulan dari data yang saling berhubungan dengan yang lainnya dan untuk membuatnya tersedia beberapa aplikasi yang bermacam-macam dalam suatu sistem organisasi.</p></div>
+<br>
+==='''Definisi HTML'''===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Solichin (2016:10)<ref name="Solichin2016">Achmad Solichin, 2016. “Pemrograman Web dengan PHP dan MySQL”, Penerbit Budi Luhur.</ref>, HTML merupakan singkatan dari ''Hyper Text Markup Language''. HTML dikembangkan pertama kali oleh Tim Berners-Lee bersamaan dengan protocol HTTP (''Hypertext Transfer Protocol'') pada tahun 1989. Tujuan utama pengembangan HTML adalah untuk menghubungkan suatu halaman web dengan halaman web lainnya. Tentunya pada awal pengembangannya.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Muslim dan Pramesti (2014:194)<ref name="Muslim2014">Muslim, M. A., & Pramesti, A. A. (2015). Penyajian Data Pelanggan pada Lima Area PT. Telekomunikasi Indonesia, Tbk. Kandatel Pekalongan Menggunakan Google Earth. Scientific Journal of Informatics, Vol. 1, No. 2 ISSN 2407-7658.</ref>, HTML adalah sebuah bahasa untuk menampilkan halaman sebuah website. HTML merupakan singkatan dari ''Hyper Text markup Language''. HTML bukan termasuk dalam bahasa pemrograman, tetapi HTML adalah “''markup language''”, “''markup language''” ini merupakan sekumpulan “''tag''”. “''Tag''” inilah yang digunakan untuk menampilkan halaman ''website'' dalam tampilan tertentu.</p></div>
+<br>
+==='''Definisi ''Dashboard'''''===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Henderi, dkk (2015:85)<ref name="Henderi2015">Henderi, H., Rahayu, S., & Prasetyo, B. M. 2015. Dashboard Information System Berbasis Key Performance Indicator. In Seminar Nasional Informatika (SEMNASIF) Vol 1, No 4. ISSN: 1979-2328.</ref>, ''Dashboard'' adalah suatu model antar muka sistem informasi yang di analogikan seperti ''dashboard'' sebuah mobil yang mudah dipelajari. ''Dashboard'' merupakan sebuah desain yang baik untuk penyajian dan visualisasi data yang dapat memberikan kejelasan mengenai informasi penting kepada pengguna. ''Dashboard'' yang baik akan dapat membantu dalam mengidentifikasikan tren, pola dan anomaly pada data sehingga pada akhirnya dapat membantu dalam pengambilan keputusan yang efektif.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Rohayati (2014:2)<ref name="Rohayati2014">Rohayati, M. (2014). Membangun Sistem Informasi Monitoring Data Inventory Di Vio Hotel Indonesia. Universitas Komputer Indonesia.</ref>, ''Dashboard'' adalah sebuah tampilan visual dari informasi terpenting yang dibutuhkan untuk mencapai satu atau lebih tujuan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dapat disimpulkan ''dashboard'' merupakan sebuah tampilan atau desain yang menyajikan informasi untuk mencapai suatu tujuan.</p></div>
+<br>
+==='''Definisi PHP'''===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Munawaroh, dkk, (2014:3)<ref name="Munawaroh2014">Munawaroh, E., Fatimah, D. D. S., & Supriatna, A. D. 2014. Perancangan Aplikasi Rekam Medis Klinik Bersalin Baiturrahman Menggunakan Metode Object Oriented. Jurnal Algoritma, Vol 10, No 1. ISSN : 2302-7339.</ref>, PHP merupakan bahasa standar yang digunakan dalam dunia website. PHP adalah bahasa yang hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada klien. Interpreter PHP dalam mengeksekusi kode PHP pada sisi server disebut ''server side''.</p></div>
+<br>
+==='''Definisi MySQL'''===
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-N7Nc1qmkjkA/W5ODUY73qKI/AAAAAAAAAj0/ttIXJgspbEwJW1iBDtPo-Lt5uqukVBHBACL0BGAs/w530-d-h253-n-rw/2.jpg"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 2.2  Logo MySQL</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Prasetyo (2015:22)<ref name="Prasetyo2015">Prasetyo, E., Kom, S., & Kom, M. 2015. Rancang Bangun Sistem Informasi Sekolah Tinggi Ilmu Ekonomi. Rahmanyah Kabupaten Musi Banyuasin Berbasis Website. Jurnal Informanika, Volume 1 No. 2.</ref>, MySQL merupakan ''software'' yang tergolong ''database server'' dan bersifat ''Open Source'' menyatakan bahwa ''software'' ini dilengkapi dengan ''source code'' (kode yang dipakai untuk membuat MySQL), selain itu tentu saja bentuk ''executable''-nya atau kode yang dapat dijalankan secara langsung dalam sistem operasi, dan bisa diperoleh dengan cara mengunduh di internet secara gratis</p></div>
+<br>
+==='''Konsep Dasar UML (''Unifed Modeling Language'')'''===
+===='''Definisi UML (''Unifed Modeling Language'')'''====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Imbar dan Hartanto (2015:130)<ref name="Imbar2015">Imbar, R. V., & Hartanto, B. S. (2015). 10. Aplikasi Sistem Informasi Sumber Daya Manusia dengan Fitur DSS Menggunakan Metode Topsis pada PT. X. Jurnal Informatika.</ref>, ''Unified Modeling Language'' (UML) adalah bahasa spesifikasi standar untuk mendokumentasikan, menspesifikasikan dan membangun sistem perangkat lunak.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Wanti Kholiani dan Imam Rosyadi (2016)<ref name="Kholiani2016">Kholiani, W., & Rosyadi, I. (2016). Media Pembelajaran Tenses Bahasa Inggris Pada English Club Berbasis Adobe Flash Cs 3. Jurnal Surya Informatika.</ref>, ''Unifed Modeling Language'' adalah alat atau tool untuk memodelkan, mendokimentasikan, menspesifikasikan pembangunan perangkat lunak berorientasi objek.</p></div>
+<br>
+===='''Jenis-Jenis Diagram ''Unified Modelling Language'' (UML)'''====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Mulyani (2017:244)<ref name="Mulyani2017">Mulyani, S. (2017). Metode Analisis dan Perancangan Sistem. Bandung: ABDI SISTEMATIKA.</ref>, Diagram-diagram yang terdapat pada UML sangat banyak, berikut ini beberapa diagram yang sering digunakan dalam pengembangan sistem.</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Membuat ''website'' menjadi tidak statis atau membuat website menjadi dinamis.</p></li>
+<p style="line-height: 2">''Use Case Model''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Use Case Model'' merupakan kumpulan diagram dan text yang saling bekerja sama untuk mendokumentasikan bagaimana user (aktor) berinteraksi dengan sistem.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">PHP dapat dipakai secara gratis atau ''open source''.</p></li>
+<p style="line-height: 2">''Class Diagram''</p></li>''
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Class Diagram'' adalah diagram yang digunakan untuk mempresentasikan kelas, komponen-komponen kelas dan hubungan antara masing-masing kelas.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Program atau aplikasi yang dibuat dengan php dapat berjalan di semua ''web browser''.</p></li>
+<p style="line-height: 2">''Object Diagram''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Object Diagram'' adalah diagram yang digunakan untuk menggambarkan dan mempresentasikan objek dan hubungan antar objek tersebut.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Mendukung banyak ''database''.</p></li>
+<p style="line-height: 2">''Activity Diagram''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Activity Diagram'' memiliki kemampuan  untuk melakukan percabangan aktivitas.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Berbagai ''script'' sudah tersedia dengan gratis.</p></li>
+<p style="line-height: 2">''Sequence Diagram''</p></li>
-</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Sequence Diagram'' adalah diagram yang menggambarkan interaksi antar objek. ''Sequence Diagram'' secara khusus menjabarkan behavior sebuah skenario tunggal.</p></div>
-</ol>
-<br>
-===='''Kekurangan PHP (''Hypertext Preprocessing'')'''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Wiwenty Lula Alaika (2018:15)<ref name="Alaika2018">Alaika, Wiwenty Lula. 2018. Virtual Dressing Room Dengan Metode Augmented Reality Untuk Pemasaran Fashion (Studi Kasus : Wla New Innovation Collection Kecamatan Gunung Putri Kabupaten Bogor Jawa Barat). Skripsi Thesis, Stmik Akakom Yogyakarta.</ref> Selain kelebihan PHP, PHP juga mempunyai kekurangan. Diantaranya yaitu :</p></div>
-<ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Sering terjadi permasalahan pada ''Register Global''.</p></li>
+<p style="line-height: 2">''Collaboration Diagram''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Collaboration Diagram'' hampir sama dengan sequence diagram, bahkan ada beberapa pendapat yang mengatakan bahwa ''collaboration diagram'' merupakan pengganti (substitusi) dari ''sequence diagram''.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Perlu ''encoding'' agar PHP dapat dibaca semua orang.</p></li>
+<p style="line-height: 2">''Statechart Diagram''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Statechart Diagram'' adalah teknik umum yang digunakan untuk menggambarkan behavior sebuah sistem. Berbagai bentuk ''statechart'' telah ada sejak tahun 1960-an dan pemodelan berorientasi objek adalah yang paling awal mengadopsinya untuk menampilkan ''behavior''.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Tidak mengenal ''package''.</p></li>
+<p style="line-height: 2">''Component Diagram''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Component Diagram'' adalah diagram yang menggambarkan dan mempresentasikan model fisik dan implementasi sistem (''software'') seperti misalnya model arsitektur ''hardware'', integrasi, dan distribusi implementasi ''software'' pada arsitektur ''hardware'' yang sudah ditetapkan.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Berorientasi objek yang tidak sesungguhnya.</p></li>
+<p style="line-height: 2">''Deployment Diagram''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Deployment Diagram'' adalah diagram yang mempresentasikan model fisik dari ''hardware'' serta integrasi dan distribusi ''software'' pada arsitektur ''hardware'' tersebut.</p></div>
 </ol>
 <br>
-==='''Konsep Dasar MySql'''===
+==='''Definisi ''Bootstrap'''''===
-===='''Definisi MySql'''====
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-aVkV_Q1qUVI/W5OCyQyCGII/AAAAAAAAAjE/cOIJve1geHgSfoO4eHeBdXXNNxyCRLsigCL0BGAs/w530-d-h288-n-rw/3.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Priyanto Hidayatullah dan Jauhari K.K (2014:180)<ref name="Hidayatullah2014">Hidayatullah, Priyanto dan Kawistara, Jauhari, Khairul. 2014. “Pemrograman WEB”. Bandung: BI-Obses.</ref> mengemukakan bahwa MySQL adalah “Aplikasi DBMS yang sudah sangat banyak digunakan oleh para pemrograman aplikasi ''web''”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 2.3  Logo Bootstrap</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Sugiarti Yuni dan Oman Sulaeman dalam jurnal Teknik Informatika Vol.8 No.2 (2015:89)<ref name="Yuni2015">Yuni, Sugiarti dan Oman Sulaeman. 2015. “Perancang Bangun Knowledge Management System Bahan Ajar Online dalam Meningkatkan Kompetensi Guru Mts Negeri 2 Pamulang”. Tangerang: Jurnal Teknik Informatika Vol.8 No.2.</ref>  MySQL adalah RDBMS (''Relational Data Base Management System'') yaitu aplikasi sistem yang berfungsi menjalankan pengelolahan 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">Menurut Alatas (2013:2)<ref name="Alatas2013">Alatas, Husein. Responsive Web Design dengan PHP dan Bootstrap, Jakarta: Lokomedia, 2013.</ref>, ''Bootstrap'' merupakan ''framework'' ataupun ''tools'' untuk memudahkan aplikasi ''web'' ataupun situs ''web responsive'' secara cepat, mudah dan gratis.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat di atas, MySql merupakan salah satu aplikasi yang bersifat ''Open Source''.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Bootstrap'' sendiri terdiri dari CSS dan HTML untuk menghasilkan ''grid, layout, typography, table, form, navigation'', dan lain-lain. Di dalam ''bootstrap'' juga sudah terdapat ''jquery plugin'' untuk menghasilkan komponen UI yang cantiuk seperti ''transitions, modal, dropdown, scrollspy, tooltip, tab, popover, alert,button, carousel'', dan lain-lain.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dengan bantuan bootstrap kita dapat membuat ''responsive website'' dengan mudah dan dapat berjalan sempurna pada ''browser-browser'' popular seperti ''chrome, firefox, safari, internet explorer'', dan ''opera''.</p></div>
 <br>
-===='''Kelebihan MySql'''====
+==='''Konsep Dasar Perangkat Lunak Pendukung'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Priyanto Hidayatullah dan Jauhari K.K (2014:180)<ref name="Hidayatullah2014">Hidayatullah, Priyanto dan Kawistara, Jauhari, Khairul. 2014. “Pemrograman WEB”. Bandung: BI-Obses.</ref> kelebihan menggunakan MySQL yaitu sebagai berikut :</p></div>
+==='''Definisi ''Sublime Text'''''===
-<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Wikipedia (2017)<ref name="Wikipedia2017">Wikipedia, Sublime Text, Diakses pada tanggal 21 Maret 2017, https://en.wikipedia.org/wiki/Sublime_Text.</ref>, ''Sublime Text is a proprietary cross-platform source code editor with a Python application programming interface (API). It natively support many programming languages and markup languages, and functions can be added by user with plugins, typically community-built and maintained under free software licenses''.</p></div>
-<ol style="list-style:lower-alpha">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan definisi diatas dapat disimpulkan bahwa ''Sublime Text'' adalah ''cross-platform'' kode editor dengan pemrograman aplikasi ''Python'' (API). ''Sublime Text'' mendukung banyak bahasa pemrograman dan bahasa markup, dan juga berbagai fungsi dapat ditambahkan oleh pengguna menggunkan plugin, biasanya dibuat dan dikelola dibawah lisensi perangkat lunak secara gratis.</p></div>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Gratis.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Handal.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Selalu di''update''.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Banyak forum yang memfasilitasi pengguna jika memiliki kendala dalam penggunaannya (Notifikasi).</li>
-</ol>
-</ol>
 <br>
-==='''Konsep Dasar Notepad++'''===
+===='''Definisi XAMPP'''====
-===='''Definisi Notepad++'''====
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-kL4Bug1vCfw/W5OWjyGE8eI/AAAAAAAAAkw/PbgCvX4wcAISbhhVCVnsE2el5uBk0xnSgCL0BGAs/w530-d-h263-n-rw/4.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi notepad++ menurut Vidiandry Putratama Supono (2016:13)<ref name="Supono2016">Supono, Vidiandry Putratama. 2016. Pemrograman Web dengan Menggunakan PHP dan Framework Codeigniter. Yogyakarta : Deepublish.</ref>adalah “Aplikasi ''teks'' ''editor'' yang gratis serta ''powerful'' yang dapat digunakan oleh seorang pengembang aplikasi (''programmer'') untuk menuliskan sebuah kode-kode program”.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 2.4  Logo XAMPP</div>
-</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Hutabarat, dkk (2017)<ref name="Hutabarat2017">Hutabarat, M. F., Setyaningsih, S., Si, M., Qur'ania, A., & Kom, M. (2017). Sistem Komputerisasi Data Suku Cadang Kendaraan Bermotor Roda Dua Berbasis Web. Jurnal Online Mahasiswa (JOM) Bidang Ilmu Komputer/Informatika.</ref>, XAMPP merupakan perangkat lunak bebas yang mendukung banyak sistem operasi. Xampp merupakan komplikasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri sendiri (''localhost'') yang terdiri atas program ''Apache HTTP server, MySQL database'' dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama Xampp merupakan singkatan dari X (empat sistem operasi apapun), ''Apache, MySQL, PHP, dan Perl''.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Ahmad Husain (2018:327)<ref name="Husain2018">Husain, Ahmad. 2018. Analisis Data Lifting Migas Menggunakan Metode C4.5 Pada Asosiasi Daerah Penghasil Migas. Jurnal String Vol. 2 No.3 April 2018. http://journal.lppmunindra.ac.id/index.php/STRING/article/view/2442/1829. Diakses pada tanggal 3 Mei 2018.</ref>, mendefinisikan bahwa “''Notepad''++ adalah Program bawaan dari ''Windows'' yang biasa digunakan untuk menulis keterangan-keterangan yang penting dari program aplikasi seperti halnya lisensi program atau yang lainnya”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Santoso (2016:333)<ref name="Santoso2016">Santoso, S. (2016). Perencanaan Dan Pembuatan Aplikasi Absensi Dosen Menggunakan Radio Frequency Identification (RFID) (Studi Kasus Politeknik Negeri Tanah Laut). Prosiding SENIATI, (Book-2). ISSN : 2085-4218.</ref>, XAMPP merupakan alat bantu yang menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan menginstall XAMPP maka kita tidak perlu lagi melakukan instalasi dan konfigurasi web ''server Apache, PHP, dan MySQL'' secara manual. XAMPP akan menginstalasi dan mengkonfigurasikan nya secara otomatis atau auto konfigurasi. XAMPP merupakan paket PHP yang berbasis ''open source'' yang dikembangkan oleh sebuah komunitas ''Open Source''.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat di atas, Notepad++ merupakan suatu jenis aplikasi untuk membuat halaman ''web'', dengan menggunakan ''text editor''.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat diatas dapat disimpulkan bahwa XAMPP merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis.</p></div>
 <br>
-==='''Konsep Dasar Xampp'''===
+==='''Definisi '''Content Management System''' (CMS)'''===
-===='''Definisi Xampp'''====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Erdisna (2016:17)<ref name="Erdisna2016">Erdisna, Erdisna. 2016. E-Learning Dengan Aplikasi Content Management System (Cms) Open Sources. Media Sisfo 5.1.</ref>, ''Content Management System'' (CMS) yang lebih dikenal dengan sebuah istilah CMS adalah sebuah aplikasi berbasis web yang memiliki sistem sedemikian hingga memberikan kemudahan kepada para pengguna sekaligus juga pengelolaannya.
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi Xampp menurut Bunafit Nugroho yang dikutip oleh Moch Agita Fauzi dan Titis Aji Wicaksono dalam Jurnal Surya Infromatika (2015:26)<ref name="Fauzi2015">Fauzi, Moch Agita dan Titis Aji Wicaksono. 2015. System Inventory Control Pada Laboratorium Komputer SMK Muhammadiyah Kajen Berbasis Web dengan Framework Codeigniter. Jurnal Surya Informatika. ISSN : 2477-3042. Vol.1 No.1 http://ejournal.politeknikmuhpkl.ac.id/index.php/3/article/view/6/39. Diakses pada tanggal 12 Oktober 2017</ref>adalah “Paket ''web'' ''programming'', akan tetapi kita bisa memanfaatkan database MySQL ''server'', untuk belajar ''Programming'' ''Visual'', juga disana telah tersedia ''tools'' phpMyAdmin yang hanya berjalan disisi ''server'' ''web'' seperti ''Apache'' ''Server''”.</p></div>
+</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Taufiq Ginanjar (2014:5)<ref name="Kadir2014">Kadir, Abdul. 2014. Pengenalan Sistem Informasi Edisi Revisi. Yogyakarta: CV. Andi. Offset.</ref>, CMS atau ''Content Management System'' adalah sebuah ''software'' yang sudah terintegrasi untuk membuat konten dan halaman-halaman ''website'' yang kita inginkan tanpa harus membangun ''website'' dan nol sekali karena CMS telah menyediakan ''template'', ''layout'' dan ''design'' yang bisa kita manfaatkan untuk membuat ''website'' yang sesuai keinginan atau tujuan kita.</p></div>
-Sementara menurut M. Rosyid Saputra dan Slamet Riyadi (2016:2)<ref name="Saptra2016">Saputra, M. Rosyid dan Slamet Riyadi. 2016. Sistem Informasi Populasi dan Historikal Unit Alat-Alat Berat pada PT. Daya Kobelco Construction Machinery Indonesia. Jurnal Penelitian Dosen FIKOM (UNDA). Vol.6 No.2. http://jurnal.unda.ac.id/index.php/Jpdf/article/view/69/63. Diakses pada tanggal 27 Oktober 2017.</ref>mendefinisikan bahwa “Xampp adalah salah satu paket ''software'' ''web'' ''server'' yang terdiri atas Apache, MySQL, PHP dan phpMyAdmin. Mengapa menggunakan Xampp karena Xampp sangat mudah penggunannya, terutama jika anda seorang pemula. Proses instalasi Xampp sangat mudah, karena tidak perlu melakukan konfigurasi Apache, PHP dan MySQL secara manual, Xampp melakukan ''instalasi'' dan kofigurasi secara otomatis”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat diatas dapat disimpulkan bahwa ''Content Management System'' (CMS) merupakan sebuah ''software'' yang dapat memudahkan bagi seseorang pengembang dalam membangun sebuah sistem tanpa harus membangun sistem dari awal.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-Berdasarkan beberapa pendapat di atas, Xampp merupakan paket ''web'' yang berhubungan dengan PHP dan MySQL sebagai ''database''nya.</p></div>
 <br>
-==='''Konsep Dasar ''Dreamweaver'''''===
+==='''Komponen Dasar Analisis SWOT'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi dreamweaver yang dikemukakan oleh Jubilee Enterprise (2016:11)<ref name="Enterprise2016">Enterprise, Jubilee. 2016. “Belajar Sendiri Desain Web dengan Dreamweaver”. PT. Elex Media Komputindo, Jakarta.</ref> adalah “sebuah ''software'' untuk merakit atau mendesain halaman ''web'' menggunakan kode HTML serta mengedepankan konsep ''graphical user interface''”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan menurut Sugyani, dkk dalam jurnal Prosisko (2017:38)<ref name="Yuni2017">Yuni, Sugyani, Maisofa dan Risdiyani. 2017. “Model Pembelajaran Elektronik (E-learning) untuk PKBM Melati Cibeber di Kota Cilegon”. Jurnal Prosisko ISSN : 2406-7733 Vol. 2 No. 1 Universitas Serang Raya Kota Serang Banten.</ref> mengatakan bahwa ''dreamweaver'' adalah “Perangkat lunak yang ditunjukan untuk membuat situs ''web''”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat diatas, ''Dreamweaver'' merupakan suatu aplikasi yang digunakan dalam membangun atau membuat sebuah ''web''.</p></div>
-<br>
-==='''Konsep Dasar Analisis SWOT'''===
 ===='''Definisi Analisis SWOT'''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi menurut Pradana Wibowo Santosa dan Eddy Herjanto dalam Jurnal Manajemen Bisnis dan Kewirausahaan (2018:13)<ref name="Santosa2018">Santosa, Pradana Wibowo dan Eddy Herjanto. 2018. Strategi Bisnis Dengan Menggunakan Analisis Swot Dengan Model Supply Chain Logistik Untuk Meningkatkan Penjualan Retail Pada PT XYZ. Jurnal Manajemen Bisnis dan Kewirausahaan Vol. 3 No. 1. https://journal.untar.ac.id/index.php/jmbk/article/view/1292/825. Diakses pada tanggal 3 Mei 2018.</ref> adalah “Suatu metode perencanaan strategis yang digunakan untuk mengevaluasi faktor - faktor yang menjadi kekuatan (''Strengths''), Kelemahan (''Weaknesses''), Peluang (''Opportunities''), dan Ancaman (''Threats'') yang mungkin terjadi dalam mencapai suatu tujuan dari kegiatan proyek/kegiatan usaha atau institusi/lembaga dalam skala yang lebih luas.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Kadir (2014:416)<ref name="Taufiq2014">Ginanjar Taufiq. 2014. Rahasia Membangun Website Toko Online Berpenghasilan Jutaan Rupiah. Bandung: Iffahmedia.</ref> Analisa SWOT mengandung 4 (empat) bagian :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara, menurut Rangkuti dalam Saputro, dkk (2016:164)<ref name="Saputro2016">Saputro, Alfredo Slamet, Kadarisman Hidayat dan Edy Yulianto. 2016. Perencanaan Strategi Pemasaran Paket Data Kampus Dalam Persaingan Di Bidang Paket Data Internet (Studi Kasus Pada PT. Telkomsel Cabang Malang). Jurnal Administrasi Bisnis Vol. 36 No. 1. Malang : Universitas Brawijaya.</ref> menjelaskan bahwa analisis SWOT adalah kegiatan membandingkan antara faktor ''eksternal Opportunity'' (peluang) dan ''Threats'' (ancaman) dengan faktor ''internal Strength'' (kekuatan) dan ''Weakness'' (kelemahan).</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat di atas, Analisis SWOT merupakan penggambaran secara jelas bagaimana peluang dan ancaman yang dihadapi oleh perusahaan dapat disesuaikan dengan kekuatan dan kelemahan yang dimiliki.</p></div>
-<br>
-===='''Manfaat Analisis SWOT'''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Bilung Septinor dalam e-Jurnal Administrasi Bisnis Vol. 4 (2016:119)<ref name="Septinor2016">Septinor, Bilung. 2016. “Analisis SWOT dalam Menentukan Strategi Pemasaran Sepeda Motor Honda pada CV. Semoga Jaya di Area Muara Wahau Kabupaten Kutai Timur”. eJournal Administrasi Bisnis: Vol. 4, ISSN 2355-5408.</ref> banyak manfaat yang diperoleh dalam menggunakan analisis SWOT yaitu ''strengths'', ''weaknesses'', ''opportunities'', ''threats'' sebelum diambil keputusan untuk dibandingkan dengan keputusan tanpa mempertimbangkan dan melakukan analisis masalah, berikut ini manfaat dalam analisis SWOT adalah untuk :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Komponen Sistem<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">''Strengths'' (S) atau kekuatan<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Suatu sistem terdiri dari beberapa komponen yang saling berinteraksi membentuk satu kesatuan. Komponen-komponen sistem dapat berupa suatu subsistem atau bagian-bagian dari sistem. Setiap subsistem mempunyai sifat-sifat dari sistem untuk menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan. Suatu sistem dapat mempunyai sistem yang lebih besar yang disebut dengan supra sistem.</p></li>
+Kekuatan menyatakan karakteristik yang memberi keuntungan untuk organisasi.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Batasan sistem (''boundary'')<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Perangkat lunak<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Batas sistem (''boundary'') merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. Batas suatu sistem menunjukkan ruang lingkup (''scope'') dari sistem tertentu</p></li>
+yaitu program dan intruksi yang diberikan kekomputer</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">''Weaknesses'' (W) atau kelemahan<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Kelemahan menyatakan karakteristik yang harus di perbaiki supaya memberikan keuntungan bagiorganisasi.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">''Opportunities'' (O) atau peluang<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Peluang menyatakan karakteristik yang apabila dimanfaatkan bisa memberikan.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">''Threats'' (T) atau ancaman<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Ancaman menyatakan karakteristik yang memberikan masalah  bagi organisasi sehingga perlu dilakukan penanganan untuk mengatasinya.</p></li>
 </ol>
 <br>
-===='''Langkah-Langkah Menyusun SWOT'''====
+===='''Tujuan Analisis SWOT'''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Freddy Rangkuti (2015:8)<ref name="Rangkuti2015">Rangkuti, Freddy. 2015. “Analisis SWOT Teknik Membedah Kasus Bisnis”. Jakarta: Gramedia Pustaka Utama.</ref> langkah-langkah mudah penyusunan SWOT yaitu sebagai berikut :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Fahmi (2013:254), Penerapan analisa  SWOT bertujuan untuk memberikan suatu panduan agar menjadi lebih fokus, sehingga dengan penempatan analisa SWOT tersebut nantinya dapat dijadikan sebagai bandingan pikir dari berbagai sudut pandang, baik dari segi kekuatan dan kelemahan serta peluang dan ancaman yang mungkin bisa terjadi di masa-masa yang akan datang.</p></div>
+<br>
+==='''Definisi ''Black Box Testing'''''===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Rizky dalam Nina Rahayu (2014:42), ''Black Box Testing'' adalah tipe ''testing'' yang memperlakukan perangkat lunak yang tidak diketahui kinerja internalnya. Sehingga para tester memandang perangkat lunak seperti layaknya sebuah “kotak hitam” yang tidak penting dilihat isinya, tapi cukup dikenali proses testing di bagian luar.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Mustaqbal, dkk (2016:34)<ref name="Mustaqbal2016">Mustaqbal, M. S., Firdaus, R. F., & Rahmadi, H. (2016). PENGUJIAN APLIKASI MENGGUNAKAN BLACK BOX TESTING BOUNDARY VALUE ANALYSIS (STUDI KASUS: APLIKASI PREDIKSI KELULUSAN SMNPTN). Jurnal Ilmiah Teknologi Informasi Terapan, 1(3).</ref>, ''Black Box Testing'' berfokus pada spesifikasi fungsional dari perangkat lunak. Tester dapat mendefinisikan kumpulan kondisi input dan melakukan pengetesan pada spesifikasi fungsional program.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat diatas dapat disimpulkan bahwa ''Black Box Testing'' adalah tipe ''testing'' yang berfokuskan pada perangkat lunak yang tidak diketahui kinerja internal.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Beberapa keuntungan yang diperoleh dari jenis testing ini antara lain :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Melakukan proses ''input'' untuk menyusun SWOT<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-Tujuannya adalah untuk mengetahui informasi strategis apa saja yang harus dikumpulkan sebelum menyusun SWOT.</p></li>
+<p style="line-height: 2">Anggota tim tester tidak harus dari seseorang yang memiliki kemampuan teknis di bidang pemrograman.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Mengembangkan ''timeline'' (Ketepatan waktu)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-Tujuannya adalah untuk menentukan target berapa lama menyusun SWOT ini dibutuhkan sampai selesai.</p></li>
+<p style="line-height: 2">Kesalahan dari perangkat lunak ataupun bug seringkali ditemukan oleh komponen tester yang berasal dari pengguna.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Membentuk ''teamwork'' berdasarkan metode OCAI <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-Tujuannya adalah untuk menentukan isu penting yang harus dimiliki oleh setiap anggota dalam ''teamwork'' dengan nilai-nilai budaya organisasi yang sesuai dan tepat.</p></li>
+<p style="line-height: 2">Hasil dari ''Black Box Testing'' dapat memperjelaskan kontradiksi ataupun kerancuan yang mungkin ditimbulkan dari eksekusi perangkat lunak.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">''Kuisoner'' riset SWOT <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-Tujuannya dalah untuk menyusun formulasi strategis, berdasarkan faktor-faktor ''internal'' (kekuatan dan kelemahan) serta faktor-faktor ''eksternal'' (peluang dan ancaman).</p></li>
+<p style="line-height: 2">Proses testing dapat dilakukan lebih cepat dibandingkan ''White Box Testing''.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Identifikasi penyebab masalah <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Tujuannya adalah untuk menentukan masalah yang sebenarnya dan tidak terjebak dengan fenomena.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menentukan tujuan dan sasaran strategis <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Tujuannya adalah untuk menentukan tujuan strategi berikut sasaran strategi secara tepat, sehingga dapat mengatasi masalah yang sedang dan akan dihadapi perusahaan.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menyusun isu strategis, formulasi strategis, tema srategis, dan pemeteran strategis <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Tujuannya adalah untuk pengujian apakah isu strategis dan tema strategis yang akan dipakai dalam SWOT sudah cukup baik dan mendukung pencapaian visi dan misi perusahaan.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Menentukan ukuran yang dipakai dalam SWOT <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Tujuannya adalah untuk menentukan ukuran apa saja yang ingin dipakai dalam SWOT, berikut bagaimana cara mengukurnya.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Merumuskan starategi ''intiantives'' dan ''key performance indicators'' dalam bentuk ''tag'' dan ''lead indicator'' <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Tujuannya adalah untuk merumuskan ''strategic initiative'' dan menyusun ''key performance indicator'' dalam bentuk ''log'' dan ''lead'' .</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Memberikan bobot dan nilai untuk mengukur kinerja <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Tujuannya adalah untuk mengkualifikasi semua persoalan pengukuran kinerja kedalam ukuran yang mudah dipahami.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Melakukan ''cascading'' SWOT <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Tujuannya adalah untuk mengukur ''objectivies'' (O), cara pengukuran atau ''meansurement'' (M), cara menentukan target (T), serta cara menentukan program (P) yang menjadi prioritas, selanjutnya OMTP ini didistribusikan mulai dari tingkat atas, unit bisnis, sampai tingakat individual dalam bentuk kartu individu.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Analisis risiko menggunakan ''key risk indicators'' <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Tujuannya adalah untuk mengukur besarnya risiko serta melakukan antisipasi penanggulangannya.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Analisis anggaran dan model keuangan <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Tujuannya adalah untuk membuat anggaran berbagai program yang sudah disusun sebelumnya berikut perkiraan rasio-rasio keuangan yang akan diperoleh dalam rencana anggaran perusahaan.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Analisis kasus ''carporate'' strategi menggunakan SWOT <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
-Pada bagian ini akan diberikan contoh penerapan SWOT pada suatu perusahaan, sehingga mendapat gambaran tentang betapa mudah menerapkan SWOT dalam bisnis yang sedang dijalankan.</p></li>
 </ol>
 <br>
@@ Baris 1.078: / Baris 1.012: @@
 ==='''Konsep Dasar Elisitasi'''===
 ===='''Definisi Elisitasi'''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Suryana, dkk dalam Jurnal ''Innovative Creative and Information Technology'' (ICIT) (2015:18)<ref name="Suryana2015">Suryana, Abas, Sudaryono, dan Sugeng Santoso, 2015. “Requirement Elicitation dan Pembuatan Program dalam Penelitian Teknologi Informasi”. Tangerang: Jurnal ICIT Perguruan Tinggi Raharja.</ref> elisitasi adalah “Rancangan yang dibuat berdasarkan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk dieksekusi”.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Masooma Yousuf dan M.asger dalam International Journal Of Computer Applications (ISSN 0975-8887 Vol.116 No.4, 2015)<ref name="Masooma2015">Masooma Yousuf dan M.asger. 2015. “Comparison of Various Requirements Elicitation Techniques” International Jurnal Of Computer applications (ISSN 0975-8887 Vol.116 No.4, April 2015).</ref>, “''Requirements Elicitation (RE) is defined as the process of obtaining a comprehensive  understanding  of stakeholder’s requirements. It is the initial and main process of requirements engineering phase. Elicitation process usually involves interaction with stakeholders to obtain their real needs''”.</p></div>
-</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">(Persyaratan elisitasi didefinisikan sebagai    proses mendapatkan pemahaman yang komprehensif tentang persyaratan stakeholder. Ini adalah proses awal dan utama dari tahap rekayasa persyaratan. Proses elisitasi biasanya melibatkan interaksi dengan para pemangku kepentingan untuk mendapatkan kebutuhan mereka).</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara itu, menurut Khan Shadab dalam ''International Journal of Information and Computation Technology'' (2014:134)<ref name="Shadab2014">Shadab, Khan, Aruna B Dulloo and Meghna Verma. 2014. Systematic Review of Requirement Elicitation Techniques. International journal of Information and Computation Technology, Vol. 4, No. 2. ISSN : 0974-2239.</ref> ''requirements elicitation is'' “''One of the first activities that tries to define the project scope and elicit user requirements. This activity relies in communication and cooperation between stakeholders which makes collaboration crucial for the success of this activity, especially in global software development projects with distributed teams and stakeholders''”. Artinya elisitasi adalah salah satu kegiatan pertama yang mencoba untuk menentukan cakupan proyek dan mendapatkan persyaratan pengguna. Kegiatan ini bergantung pada komunikasi dan kerjasama antara pemangku kepentingan yang membuat kolaborasi sangat penting bagi keberhasilan kegiatan ini, terutama dalam proyek pengembangan perangkat lunak global dengan tim dan pemangku kepentingan terdistribusi.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan definisi diatas, maka dapat disimpulkan Elisitasi adalah suatu rancangan pada sistem baru yang diinginkan pengguna sistem dan pihak yang terkait untuk pengembangan sistem.</p></div>
-</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat di atas, elisitasi merupakan sekumpulan metode analisa yang ditunjukan kedalam kebutuhan sistem baru.
-</p></div>
 <br>
-===='''Tahapan-tahapan Elisitasi'''====
+===='''Tahapan Elisitasi'''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Elisitasi berisikan usulan rancangan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk di eksekusi. Menurut Amrullah, dkk dalam Jurnal Teknologi Informasi (2016:27)<ref name="Agit2016">Agit, Amrullah dkk. 2016. “Kajian Kebutuhan Perangkat Lunak Sistem Informasi Penilaian Prestasi Kerja Pegawai Pada Fakultas Adab dan Ilmu Budaya Universitas Islam Negeri Sunan Kalijaga Yohyakarta.” Yogyakarta: Seminar Nasional Teknologi Informasi dan Multimedia.</ref> elisitasi didapat melalui metode wawancara dan dilakukan melalui 3 (tiga) tahap, yaitu :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Prastono (2015:166)<ref name="Prastomo2015">Prastomo, A. (2015). Prototipe Sistem E-Learning Dengan Pendekatan Elisitasi Dan Framework Codeigniter: Studi Kasus Smp Yamad Bekasi. Faktor Exacta, 7(2), 165-175.</ref>, Elisitasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap yaitu sebagai berikut :</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
@@ Baris 1.094: / Baris 1.025: @@
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 <p style="line-height: 2">Elisitasi Tahap II</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Merupakan hasil pengklasifikasian elisitasi tahap I berdasarkan metode MDI. Metode MDI bertujuan memisahkan antara rancangan sistem yang penting dan harus ada pada sistem baru dengan rancangan yang disanggupi oleh penulis untuk dieksekusi. Berikut penjelasan mengenai MDI :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Hasil pengklasifikasian elisitasi tahap I berdasarkan metode MDI. Metode MDI bertujuan memisahkan antara rancangan sistem yang penting dan harus ada pada sistem baru dengan rancangan yang disanggupi oleh penulis untuk eksekusi</p></div>
 <ol style="list-style:lower-alpha">
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">M pada MDI berarti ''Mandatory'' (Penting)<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
@@ Baris 1.109: / Baris 1.040: @@
 <li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">T artinya ''Technical'', maksudnya bagaimana tata cara atau teknik pembuatan ''requirement'' tersebut dalam sistem yang diusulkan?</li>
 <li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">O artinya ''Oprational'', maksudnya bagaimana tata cara pengguna ''requirement'' tersebut dalam sistem yang dikembangangkan ?</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">E artinya Economy, maksudnya berapakah biaya yang diperlukan guna membangun requirement tersebut didalam sistem ?</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">E artinya ''Economy'', maksudnya berapakah biaya yang diperlukan guna membangun requirement tersebut didalam sistem ?</li>
 </ol>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
 Metode TOE tersebut dibagi kembali menjadi beberapa ''option'', yaitu sebagai berikut:</p></div>
 <ol style="list-style:lower-alpha">
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''High'' H : Sulit untuk dikerjakan, karena tehnik pembuatan dan pemakaiannya sulit serta biayanya mahal, sehingga ''requirement'' tersebut harus diimplementasi.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''High'' H : Sulit untuk dikerjakan, karena tehnik pembuatan dan pemakaiannya sulit serta biayanya mahal. Maka ''requirement'' tersebut harus di eliminasi.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''Middle'' (M) : Mampu untuk dikerjakan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''Middle'' (M) : Mampu dikerjakan.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''Low'' (L) : Mudah untuk dikerjakan</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''Low'' (L) : Mudah dikerjakan</li>
 </ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Elisitasi Final</p></li>
+<p style="line-height: 2">''Final Draft'' Elisitasi</p></li>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><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>
 </ol>
 <br>
-==='''Konsep Dasar ''Unified Modeling Language'' (UML)'''===
+==='''Konsep Dasar ''Literature Review'''''===
-===='''Definisi ''Unified Modeling Language'' (UML)'''====
+===='''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">Berikut ini terdapat berbagai pengertian UML (''Unified Modelling Language'') menurut Haris Triono Sigit, Khairul Anwal (2015:31)<ref name="Sigit2015">Sigit, Haris Triono. Anwar Khairul. 2015. Aplikasi Android Kamus bahasa Jawa Serang-Indonesia Menggunakan Algoritma KNUTT Morris PATT. Jurnal PROTEKINFO. Vol.2 September 2015. http://ejurnal.lppmunsera.org/index.php/ProTekInfo/article/view/46. Diakses pada 03 April 2018.</ref> mengatakan “UML (''Unified Modeling Language'') adalah bahasa pemodelan untuk sistem atau perangkat lunak yang berparadigma berorientasi objek, juga merupakan standar bahasa yang banyak digunakan di dunia industri untuk mengidentifikasi ''requirement'', membuat analisis dan ''design'', serta menggambarkan arsitektur dalam pemrograman berorientasi objek”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Warsito, dkk (2015:29)<ref name="Warsito2015">Warsito. Ary Budi, Muhamad Yusup, Yulianto. 2014. Kajian YII Framework Dalam Mengembangkan Website Perguruan Tinggi. Jurnal CCIT STMIK Raharja Tangerang: Tangerang. Tangerang : Perguruan Tinggi Raharja. Vol 7, No. 1, Mei 2014. </ref>, Metode Study pustaka dilakukan untuk menunjang metode survey dan observasi yang telah dilakukan. Pengumpulan informasi yang dibutuhkan dalam mencari referensi-referensi yang berhubungan dengan penelitian yang dilakukan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan, menurut Rebecca Platt dan Nik Thompson, dkk dalam ''Encyclopedia of Infomation Science and Technology'', ''Fourth Edition'' (2018:2)<ref name="Platt2018">Platt, Rebecca dan Nik Thompson. 2018. The Past,Present, and Future of UML. Encyclopedia of InformationScience and technology, Fourth edition. https://www.igi-global.com/chapter/the-past-present-and-future-of-uml/184445. Diakses pada tanggal 3 Mei 2018.</ref> menyatakan bahwa “''The Unified Modeling Language is a form of notation that was developed with the core goal of creating a standardized representation of general-purpose models, with the focus of functionality of these primarily being for software engineering and systems development''.”. Artinya UML adalah bentuk notasi yang dikembangkan dengan tujuan inti membuat representasi standar model untuk keperluan umum, dengan fokus fungsi ini terutama untuk rekayasa perangkat lunak dan sistem pengembangan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Djiwandono (2015:27)<ref name="Djiwandono2015">Patrisius Istiarto Djiwandono, 2015. “Meneliti itu Tidak Sulit: Metodologi Penelitian Sosial dan Pendidikan Bahasa”, Yogyakarta: Deepublish. </ref>, ''Literature Review'' atau studi pustaka adalah pencarian sumber-sumber atau opini pakar tentang suatu hal yang berkaitan dengan tujuan 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">Sedangkan menurut Bayu Waspodo, dkk dalam Jurnal Sistem Informasi (2015:2) <ref name="Waspodo2015">Waspodo, Bayu, Ahmad Nurul Fajar dan Noor Hadi Prayitno. 2015. Sistem Informasi Pelayanan Izin Mendirikan Bangunan Dan Peruntukan Penggunaan Tanah Pada Badan Penanaman Modal Dan Pelayanan Perizinan Kabupaten Sumedang. Jurnal Sistem Informasi. Jakarta : Universitas Islam Negeri Syarif Hidayatullah. Vol.8 No.2. http://si.fst.uinjkt.ac.id/prodi/wp-content/uploads/2016/01/Jurnal-Oktober-2015.pdf. Diakses pada tanggal 12 Oktober 2017.</ref>mendefinisikan bahwa “UML (''Unified'' ''Modelling'' ''Language'') adalah salah satu alat bantu yang sangat handal dalam dunia pengembangan sistem yang berorientasi obyek”. Hal ini disebabkan karena UML menyediakan bahasa pemodelan visual yang memungkinkan bagi pengembang sistem untuk membuat cetak biru atas visi mereka dalam bentuk yang baku, mudah di mengerti, serta di lengkapi dengan mekanisme yang efektif untuk berbagi (''sharing'') dan mengkomunikasikan rancangan mereka dengan yang lain.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dari beberapa pendapat yang dikemukakan diatas maka dapat disimpulkan bahwa Literature merupakan suatu metode penelitian review yang digunakan untuk mengumpulkan informasi mengenai penelitian yang sejenis atau pada kasus yang sejenis.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat di atas, UML merupakan bahasa yang digunakan untuk membuat pemodelan sistem yang berbentuk objek-objek.</p></div>
 <br>
-===='''Jenis-Jenis Diagram ''Unified Modelling Language'' (UML)'''====
+===='''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">Diagram berbentuk grafik yang menunjukan simbol elemen model yang disusun untuk mengilustrasikan bagian atau aspek tertentu dari sistem. Sebuah diagram merupakan bagian dari suatu view tertentu dan ketika digambarkan biasanya dialokasikan untuk view tertentu. Menurut Siti Nazilah dan Yuli Yuliani dalam Media Jurnal Informatika (2017:11-12)<ref name="Nazilah2017">Nazilah, Siti dan Yuli Yuliani. 2017. Aplikasi Pengelolaan Surat Izin Gangguan HO (Hinder Ordonansi) Di Dinas Penanaman Modal Dan Pelayanan Terpadu. Media Jurnal Informatika Vol. 9 No. 1 Juni 2017. https://jurnal.unsur.ac.id/mjinformatika/article/view/242/174. Diakses pada tanggal 3 Mei 2018.</ref> Adapun jenis-jenis diagram antara lain:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Hermawan dalam Tiara (2013:76), Tinjauan pustaka berisi penjelasan secara sistematik mengenai hubungan antara variabel untuk meenjawab perumusan masalah penelitian. Tinjauan pustaka dalam suatu penelitian memiliki beberapa tujuan, yaitu :</p></div>
 <ol>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">''Use ''Case'' Diagram''</p></li>
+<p style="line-height: 2">Untuk berbagi informasi dengan para pembaca mengenai hasil-hasil penelitian lainnya yang erat kaitannya dengan penelitian yang sedang kita laporkan.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Use Case Diagram'' menggambarkan sejumlah ''external actor''s dan hubungannya ke ''use case'' yang diberikan oleh sistem. ''Use case'' adalah deskripsi fungsi yang disediakan oleh sistem dalam bentuk teks sebagai dokumentasi dari ''use case symbol'' namun dapat juga dilakukan dalam ''activity diagrams''.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">''Class Diagram''</p></li>''
+<p style="line-height: 2">Untuk menghubungkan suatu penelitian ke dalam pembahasan yang lebih luas serta terus berlanjut sehingga dapat memperluas atau memberikan kontribusi terhadap penelitian-penelitian sebelumnya.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Class diagram adalah pandangan aplikasi yang bersifat statis. ''Class diagram'' tidak hanya menggambarkan visualisasi, tetapi juga menggambarkan dan mendokumentasikan aspek yang berbeda dalam sistem, tetapi juga untuk kontruksi eksekusi kode dalam ''software'' aplikasi. ''Class diagram'' digunakan untuk mengelompokan hal-hal inti dari setiap proses yang ingin dilakukan. Semua proses dimasukkan ke dalam tiap-tiap class dan saling dihubungkan pada class-class lainnya yang saling berhubungan.</p></div>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">''Activity Diagram''</p></li>
+<p style="line-height: 2">Menyajikan suatu kerangka untuk menunjukan atau meyakinkan pentingnya penelitian yang dilakukan dan untuk membandingkan hasil atau temuan penelitian dengan temuan-temuan penelitian lain dengan topik serupa.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Diagram ini menggambarkan rangkaian aliran dari aktivitas didalam sebuah system yang bersifat dinamis, diagram ini digunakan untuk mendeskripsikan aktifitas yang dibentuk dalam suatu operasi sehingga dapat juga digunakan untuk aktifitas lainnya seperti ''use case'' atau interaksi.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">''Sequence Diagram''</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Diagram ini menggambarkan kolaborasi dinamis antara sejumlah object yang bersifat dinamis. Kegunaanya untuk menunjukkan rangkaian pesan yang dikirim terhadap object juga interaksi antara ''object'', sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem.</p></div>
 </ol>
 <br>
-==='''Konsep Dasar ''Testing'''''===
+=='''''Literature Review'''''==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Definisi ''testing'' menurut Moch. Fatchur Rozy, dkk dalam Jurnal Informatika Merdeka Pasuruan (2017:56)<ref name="Rozy2017">Rozy, Moch. Fachtur, A. Prasita Nugroho, dan Moch. Nurcholis. 2017. Aplikasi Pelayanan Dan Pengelolaan Data Bengkel Secara Elektronik Berbasis Web. Jurnal Informatika Merdeka Pasuruan Vol.2 No.1 Maret 2017. ISSN : 2503-1945. http://ejurnal.unmerpas.ac.id/index.php/informatika/article/view/53/33. Diakses pada tanggal 3 Mei 2018.
+<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 penelitian yang telah dilakukan dan memiliki kolerasi searah dengan penelitian yang akan dibahas dalam Skripsi ini, antara lain :</p></div>
-</ref> adalah “''Testing'' adalah proses yang dibuat sedemikian rupa untuk mengidentifikasi ketidaksesuaian hasil sebuah sistem informasi dengan hasil yang diharapkan”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sedangkan, ''testing'' menurut Hafiz Nugraha dan Kondar Siahaan dalam Jurnal Manajemen Sistem Informasi (2018:886)<ref name="Nugraha2018">Nugraha, Hafiz dan Kondar Siahaan. 2018. Perancangan Dan Implementasi Sistem Informasi Karyawan Rumah Sakit Islam Arafah Jambi. Jurnal Manajemen Sistem Informasi Vol.3 No.1 Maret 2018. http://www.jurnalmsi.stikom-db.ac.id/index.php/jurnalmsi/article/view/140/116. Diakses pada tanggal3 Mei 2018. </ref> adalah “Untuk melakukan verifikasi, validasi dan deteksi ''error'' untuk menemukan dan tujuan dari penemuan ini adalah untuk memahaminya”.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara, menurut Darmawan Agus Arifianto, dkk dalam Jurnal ''e-Proceeding of Applied Science'' (2016:191)<ref name="Arifianto2016">Arifianto, Darmawan Agus, Guntur Prabawa Kusuma dan Hanung Nindito Prasetyo. 2016. Aplikasi Pencatatan Dan Pelaporan Kasus Kecelakaan Lalu Lintas Pada Direktorat Lalu Lintas Polrestabes Bandung. Jurnal e-Proceeding of Applied Science Vol. 2 No. 1 April 2016. http://libraryeproceeding.telkomuniversity.ac.id/index.php/appliedscience/article/view/4060/3835. Diakses pada tanggal 3 Mei 2018. </ref> “''Testing'' adalah tahapan pengujian aplikasi dimana aplikasi diuji dari segi fungsionalitas, kode program.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan, beberapa pendapat diatas ''Testing'' merupakan pengujian aplikasi yang dibuat dan menemukan bagian deteksi ''error'' pada sistem.</p></div>
-<br>
-===='''Definisi ''Black'' ''Box'' ''Testing'''''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Sukamto dan Shalahuddin dalam Amin (2017:115)<ref name="Ruhul2017">Ruhul, Amin. 2017. Rancang Bangun Sistem Informasi Penerimaan Siswa Baru Pada SMK Budhi Warman 1 Jakarta. ISSN: 2527-4864. Jurnal Ilmu Pengetahuan dan Teknologi Komputer Vol.2 No.2-Februari 2017. Jakarta: STMIK Nusa Mandiri. http://ejournal.nusamandiri.ac.id/. Diakses pada 30 Maret 2018. </ref> mengatakan bahwa ''Black Box Testing'' yaitu “Menguji perangkat lunak dari segi spesifikasi fungsional tanpa menguji desain dan kode program”. Pengujian dimaksudkan untuk mengetahui apakah fungsi-fungsi, masukan, dan keluaran dari perangkat lunak sesuai dengan spesifikasi yang dibutuhkan. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Sementara, menurut Rizky dalam Suryani (2014:97)<ref name="Nining2014">Nining, Suryani dan Ridho Wijayanto. 2014. Pembelajaran Interaktif Bahasa Inggris Bagi Siswa Kelas 2 Sekolah Dasar (Studi Kasus MI Nurul Falah Ciater. Jurnal Paradigma Vol.16 No.1-Maret 2014. Bandung: AMIK BSI Bandung. http://ejournal.bsi.ac.id/. Diakses pada 30 April 2018. </ref> mengatakan bahwa '''Black Box Testing''' adalah “Tipe ''testing'' yang memerlukan perangkat lunak yang tidak diketahui kinerja internalnya. Sehingga para tester memandang perangkat lunak seperti layaknya sebuah “kotak hitam” yang tidak penting dilihat isinya, tapi dikenal proses testing dibagian luar. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Manish Kumar dkk, (2015:33)<ref name="Kumar2015">Kumar, Manish dan Santosh Kumar Signh. 2015. A Comparative Study Of Black Box Testing and White Box Testing Techniques. International Journal Of Advance Research In Computer Science and Management Studies. University Departemen of Mathematics. Volume 3. ISSN: 2321-7782 10 Oktober 2015. </ref> ''Black Box Testing is'' “''testing without knowlegde of the internal working of the apllication under test (AUT). Also knows as functional testing or input output driven testing. A software testing technique whereby the internal workings of the item being tested are not known by the tester. For example, in a black box test on AUT the tester only knows the inputs and what the expected outcomes should be and how the program arrives at those outputs''”. Artinya Kotak hitam pengujian merupakan "pengujian tanpa pengetahuan kerja masukan dari formulir aplikasi di bawah ujian (AUT). Juga tahu sebagai pengujian fungsional atau input output didorong pengujian. Pengujian perangkat lunak teknik dimana kerja internal dari item yang sedang diuji tidak diketahui oleh tester. Misalnya, dalam sebuah kotak hitam pengujian pada (AUT) tester hanya tahu masukan dan apa yang harus menjadi hasil yang diharapkan dan bagaimana program tiba di mereka Keluaran. </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan, beberapa pendapat di atas ''Black Box Testing'' merupakan pengujian yang dilakukan hanya mengamati hasil eksekusi melalui data uji dan memeriksa fungsional dari perangkat lunak. </p></div>
-<br>
-==='''Konsep Dasar 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">Definisi literature review menurut Jesa Ariawan dan Sri Wahyuni dalam Jurnal Sisfotek Global (2015:62)<ref name="Ariawan2015">Ariawan, Jesa dan Sri Wahyuni. 2015. Aplikasi Pengajuan Lembur Karyawan Berbasis Web. Jurnal Sisfotek Global. ISSN : 2088 – 1762. Vol.5 No.1-Maret 2015. </ref>adalah “Mempelajari teori-teori dan mencari informasi yang berhubungan dengan permasalahan sesuai dengan judul penelitian 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">Sementara, menurut Adhista, dkk dalam Jurnal ''Stategic of Education In Information System'' (SENSI) Vol. 3 No. 2 (2017:185)<ref name="Adhista2017">Adhista, Nova. Nur, Azizah. dan Rahayu, Sri. 2017. “Perancangan Sistem Informasi Penilaian Kinerja Karyawan SPG Berstatus Kontrak pada PT. Softex Indonesia Menggunakan Metode Simple Additive Weighting (SAW)”. Perguruan Tinggi Raharja: Jurnal Stategic of Education In Information System (SENSI) Vol. 3 No. 2. </ref> berpendapat bahwa ''literature review'' adalah “Suatu Tindakan memeriksa dan meninjau kembali suatu kepustakaan”.
-</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan beberapa pendapat di atas ''Literature Review'' merupakan suatu ''survey literature'' tentang penemuan-penemuan yang telah dilakukan oleh penelitian sebelumnya yang berhubungan dengan topik 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">Berikut ini adalah penelitian yang telah dilakukan dan memiliki korelasi yang searah dengan penelitian yang akan dibahas dalam Skripsi, antara lain :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">'''Penelitian yang telah dilakukan oleh Septian Hari Nugroho (2017). Penelitian ini berjudul “Perancangan Sistem Informasi Pengolahan Data Pegawai Pada Kantor Kelurahan Sukamulya'''”. Dalam penelitian ini menjelaskan dengan jumlah pegawai yang cukup banyak pencatatan data pegawai yang terdapat di Kelurahan Sukamulya masih bersifat manual sehingga sering terjadi kesulitan dan kesalahan dalam pendataan pegawai. Hal ini menyebabkan lambatnya dan kesalahan informasi yang diperoleh dari hasil pendataan pegawai di Kelurahan Sukamulya. Untuk mengatasi masalah yang ada di Kelurahan Sukamulya, maka diperlukan suatu sistem pendataan pegawai yang sesuai dengan kebutuhan, sehingga dapat mengatasi permasalahan pendataan pegawai yang terjadi dalam Kelurahan Sukamulya. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan oleh Francisco Javier Díaz, María Alejandra Schiavoni dan Ana Paola Amandeo (2015)<ref name="Díaz2015">Díaz, F. J., Schiavoni, M. A., Osorio, M. A., Amadeo, A. P., & Charnelli, M. E. (2015). Integrating a learning management system with a student assignments digital repository: a case study. International Journal of Continuing Engineering Education and Life Long Learning, 25(2), 138-150.</ref> yang berjudul “''Integrating a learning management system with a student assignments digital repository: a case study''”. Dalam ''International Journal of Continuing Engineering Education and Life Long Learning''. Penelitian ini membahas Integrasi berbagai platform di lingkungan akdemik merupakan tantangan di bidang teknologi informasi. Artikel ini menjelaskan integrasi ''Moodle'' dengan ''repository DSpace''. Proses integrasi terdiri dari dua tahap, untuk membangun komunikasi penuh ke dan dari ''repository''. Untuk komunikasi dari ''Moodle'' ke ''repository'', dengan tujuan mengkonsultasikan dan mentransfer elemen dari DSpace, modul yang sudah diterapkan digunakan. Tahap saat ini menerapkan modul khusus untuk membangun komunikasi kearah lain dan memungkinkan mentransfer sumber daya dari LMS ke repository. </p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">'''Penelitian yang telah dilakukan oleh Irfani Ferdiansyah (2017). Penelitian ini berjudul “Perancangan Sistem Informasi Pengolahan Data Piutang Berbasis Web Pada PT. Mega Timur”'''. Dalam penelitian ini menjelaskan pengolahan data piutang yang masih manual dan bersifat semi komputerisasi menggunakan Microsoft Excel. Data-data yang berhubungan dengan data piutang pun belum terintegrasi satu dengan yang lainnya. Sehingga perlu adanya pengembangan sistem guna menciptakan sistem yang lebih cepat, tepat, dan akurat. Hasil akhir merancang aplikasi baru berbasis web untuk dapat mempermudah dan mempercepat kinerja perusahaan. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan oleh james Lipuma, Jeremy reich dan Lawrence Mayalil (2016)<ref name="Lipuma2016">Lipuma, J., Reich, J. & Mayalil, L. (2016). The CLAS Network: A Repository for Digital Learning Objects and a Network for Educational Stakeholders to Communicate and Collaborate. In Proceedings of Global Learn-Global Conference on Learning and Technology (pp. 466-472).</ref> dengan judul “''The CLAS Network: A Repository For Digital Learning Objects and a Network for Educational Stakeholders to Communicate and Collaborate''” dalam ''Global Learn-Global Conference on Learning and Technology''. Penelitian ini membahas mengenai perkembangan teknologi modern yang memungkinkan pembelajaran untuk menjangkau lebih banyak siswa dengan lebih efisien (mengurangi biaya), membedakan (fleksibilitas dalam penggunaan sumber daya digoital siswa), dan penyampaian konten yang efektif (hasil pembelajaran yang lebih baik). Hasil dari perpaduan antara teknologi modern dan pendidik yang inovatif adalah pembelajaran digital. NJIT sedang dalam tahap akhir mengembangkan Jaringan CLAS untuk mengatasi kebutuhan akan repository pembelajaran digital dari video pendidikan yang disurvey dan objek pembelajaran dari berbagai jenis, yang mudah diakses dan dapat ditelusuri, sehingga pendidik dapat menemukan apa yang mereka butuhkan dengan cepat dan efisien. </p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">'''Penelitian yang telah dilakukan oleh Shinta Yulinda Prasetya (2015). Penelitian ini berjudul “Perancangan Sistem Informasi Pengolahan Data Administrasi Penyewaan Mobil Pada Rental CV Mandiri Barokah”'''. Dalam penelitian ini menjelaskan pengolahan data yang dilakukan masih bersifat pencatatan manual dan menyebabkan adanya kekurangan atau kesalahan yang dilakukan oleh petugas administrasi. Data yang tersimpan kurang tersusun rapih dan data-data yang terpisah. Maka dibuatlah sistem pengolahan data penyewaan rental mobil agar terkontrol semua kegiatan administrasi penyewaan mobil. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan Stephen Kutay (2014)<ref name="Stephen2014">Stephen Kutay (2014) yang berjudul “Advancing Digital Repository Services for Faculty Primary Research Assets: An Exploratory Study” .The Journal of Academic Librarianship Volume 40, Issue 6).</ref> yang berjudul “''Advancing Digital Repository Services For Faculty Primary Research Assets: An Exploratory Study''” pada ''The Journal of Academic Librarianship volume 40, Issue 6''. Pada penelitian ini membahas mengenai perpustakaan Oviatt di ''California State University Northridge'' (CSUN) menyelenggarakan dua repository digital yang diwakili oleh ''Digital Collections'' untuk arsip, materi sejarah, dan ''repository institusoinal ScholarWorks'' untuk keluaran ilmiah. Survey ini berfungsi sebagai bagian dari penilaian kebutuhan terhadap pengembangan layanan repository digital baru dan yang disempurnakan untuk memajukan penelitian, pelestarian, penyajian data, pengajaran, dan pameran. </p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">'''Penelitian yang telah dilakukan oleh Noviariska (2018). Penelitian ini berjudul “Perancangan Sistem Informasi Pengolahan Data Penjualan Barang Berbasis Web Pada PT. Bahtera Indoamplas Gemilang Kota Serang”'''. Dalam penelitian ini menjelaskan sistem penjulan pada PT. Bahtera Indoamplas Gemilang masihlah melewati proses yang cukup lama sehingga proses laporan belum dapat memberikan laporan yang cepat dan sering ketidakakuratan. Maka, dibutuhkannya sistem informasi pengolahan data penjualan barang, agar proses pengolahan data penting bisa tersusun dengan baik dan mampu mempemudah dalam penyimpanan dan pencarian data. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan oleh Muhammad Anshari, Yabit Alas dan Lim Sei Guan (2016)<ref name="Anshari2016">Anshari, M., Alas, Y., & Guan, L. S. (2016). Developing online learning resources: Big data, social networks, and cloud computing to support pervasive knowledge. Education and Information Technologies, 21(6), 1663-1677.</ref> yang berjudul “''Developing Online Learning Resources: Big Data, Social Network, and Cloud Computing to Support Pervasive Knowladge''” dalam jurnal Education and Information Technologies, 21 (6). Dalam penelitian ini membahas mengenai pemanfaatan sumber belajar online atau online learning resouces (OLR) dari pembelajaran konvensional menjadi pembelajaran yang bisa dilakukan dimana saja dan kapan saja. Sementara kompilasi Big Data, Cloud Computing, dan web semantic ke dalam ORL menawarkan pengalaman pengguna dalam belajar. </p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">'''Penelitian yang telah dilakukan oleh Rival Andaputra (2018). Penelitian ini berjudul “Perancangan Aplikasi Pengolahan Data Penduduk dan Penerbitan Surat Keterangan Status Kependudukan Berbasis Web Pada Kelurahan Kebon Besar Kota Tangerang”'''. Dalam penelitian ini menjelaskan sistem aplikasi pengolahan data masih secara konvensional yaitu pencatatan data penduduk pada sebuah buku induk yang telah di sediakan, kemudian direkap kembali untuk membuat laporan penduduk. Sistem yang berjalan mempunyai banyak kekurangan diantaranya memungkinkan adanya kesalahan, membutuhkan waktu yang lama dalam proses pencarian data, maupun dalam proses pembuatan laporan. Dengan dibuatnya sistem aplikasi ini mempermudah pihak kantor Kelurahan Kebon Besar dalam proses pengelolaan data penduduk, membantu dalam proses penginputan data, pencarian data, dan laporan penduduk. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan oleh Abd Allah Mohamed dkk (2015)<ref name="Mohamed2015">Mohamed Abd Allah, Abd Allah aalYateem a, Nawaf Bandr Bn Hameed (2015). “Digital repositories in the Arab universities: A comparative analytical study”. Jurnal Procedia Computer Science 65. 768 – 777.</ref> yang berjudul “Digital Repository in the Arab Universities: A Comparative analytical Study” pada ''Procedia Computer Science''. Penelitian ini bertujuan untuk menganalisis dan membandingkan repository yang berpengetahuan luas di beberapa keuntungan dan kerugian dari ''repository digital'' di Universitas – Universitas Arab. Penelitian ini menggunakan pendekatan deskriptif analitik dan pendekatan deskriptif komparatif pada sampel gudang digital di 6 (enam) Universitas Arab, yaitu : Universitas Alexandria, Universitas Damaskus, Universitas Khartoum, Universitas Raja Saud, Universitas Bensin dan Mineral, dan Universitas Nayef. </p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">'''Penelitian yang dilakukan oleh Fitriana (2017). Penelitian ini berjudul “Perancangan Sistem Informasi Pengolahan Data Lemburan Karyawan Outsourcing Pada PT. Graha Humanindo Manajemen”'''. Dalam penelitian ini menjelaskan pada proses pengajuan lembur karyawan saat ini membutuhkan waktu yang lama dan panjang. Salah satunya yaitu penulisan per Surat Perintah Kerja Lembur (SPKL) untuk per karyawan yang lembur mengingat jumlah karyawan yang lembur tidak sedikit. Kesalahan dalam perhitungan total lembur juga menjadi salah satu kendala. Untuk itu dibuatlah sebuah sistem yang dapat mempermudah proses pengajuan lembur karyawan dengan cepat dan akurat agar para karyawan bisa melakukan atau membuat permintaan uang lembur dari mana saja secara online dan juga untuk pihak yang memberikan approval bisa dilakukan dari mana saja tanpa harus mendatangi atau menunggu berkas untuk di approve
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan oleh Dewi Immaniar Desrisanti, Untung Rahardja dan Rahma Rinie dari perguruan tinggi Raharja (2013)<ref name="Desrianti2013">Desrianti, Dewi Immaniar, Untung Rahardja dan Rahma Rinie. 2013. iLearning Metode Belajar Efektif Untuk Sekolah Tinggi. CCIT Journal. Tangerang: Perguruan Tinggi Raharja.</ref> yang berjudul “''iLearning'' Metode Belajar Efektif Untuk Sekolah Tinggi”. Jurnal CCIT. Penelitian ini membahas mengenai tujuan iLearning sebagai metode belajar efektif. iLearning diharapkan dapat menciptakan pembelajaran yang mandiri dan interaktif dalam kehidupan sehari hari dan dapat memecahkan masalah dalam akses pembelajaran. Pengembangan iLearnigng diharapkan dapat meningkatkan mutu pendidikan, dapat memberikan solusi permasalahan pembelajaran dalam komunikasi dan informasi, dapat menciptakan integritas yang baik untuk sistem pembelajaran modern dimasa depan dan dapat meningkatkan sumber daya manusia. </p></li>
-. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan oleh Ary Budi Warsito dan Eka Yuliandari (2017)<ref name="Warsito2017">Warsito, A. B., & Yuliandini, E. (2017). Penerapan Google Drive Untuk Efisiensi Penyimpanan Bahan Ajar Yang Dapat Mendukung Sistem Informasi Bahan Ajar Pada Perguruan Tinggi Berbasis Mobile Aplikasi. SISFOTENIKA, 7(2), 219-228.</ref> yang berjudul “Penerapan Google Drive Sebagai Media Penyimpanan Bahan Ajar Perkuliahan Dalam Mendukung Aplikasi Mobile App” Jurnal Sisfotenika Vol.7 No.2. penelitian ini membahas mengenai sistem penyimpanan materi bahan ajar yang ada pada Perguruan Tinggi. Permasalahan yang dihadapi yaitu sistem informasi bahan ajar yang ada pada Perguruan Tinggi saat ini masih menggunakan server sendiri, sehingga biaya yang dikeluarkan akan semakin besar. Berdasarkan permasalahan tersebut penelitian ini mencoba mencari alternative solusi untuk mengurangi biaya pada server tersebut tanpa mengurangi kualitas bahan ajar yang selama ini berjalan. Untuk menekan biaya yang tinggi penelitian ini akan melakukan uji coba menggunakan ''google drive'' sebagai server datanya. Tujuan dari penelitian ini adalah sistem informasi yang dibuat dapat diterapkan pada seluruh perguruan tinggi yang menerapkan paperless. </p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">'''Penelitian yang dilakukan oleh Adi Gunawan (2017). Penelitian yang berjudul “Perancangan Sistem Informasi Pengolahan Data Program Keluarga Harapan Pada Kecamatan Kosambi Kabupaten Tangerang”'''. Dalam penelitian ini menjelaskan sistem pengolahan data yang dilakukan pada Kecamatan Kosambi masih memiliki beberapa kekurangan diantaranya, pengolahan data warga miskin penerima dana Program Keluarga Harapan masih belum terkelola dan belum terkomputerisasi dengan baik. Hal ini mengakibatkan informasi yang disajikan dapat terlambat, tertumpuknya data dan rusak atau hilangnya data, sehingga perlu diterapkan sistem terkomputerisasi pada Kecamatan Kosambi dalam pengolahan data penerima dana bantuan Program Keluarga Harapan untuk warga miskin. Dengan dibuatnya sistem pendataan terkomputerisasi, diharapkan dengan adanya sistem dapat lebih menunjang kegiatan staff dan pegawai dalam mengelola data dengan lebih baik. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan oleh Tiem Yulianti, Herpratiwi dan Sukirlan (2014)<ref name="Yulianti2014">Yulianti Tien, Herpratiwi dan Sukirlan . "Pengembangan Bahan Ajar Mandiri Melalui Media Online Untuk Meningkatkan Kemampuan Public Speaking." Jurnal Teknologi Informasi Komunikasi Pendidikan (Old) 2.3 (2015).</ref> yang berjudul “Pengembangan Bahan Ajar Mandiri Melalui Media Online Untuk Meningkatkan Kemampuan Public Speaking Mahasiswa diPerguruan Tinggi Teknokrat Bandar Lampung” Jurnal Teknologi Komunikasi Pendidikan Vol.2 No.3. membahas 4 (empat) permasalahan, salah satunya membahas materi secara konvensional memerlukan waktu lebih banyak. Setelah dilakukan analisis terhadap usulan untuk pemecahan masalah tersebut yaitu dengan membuat rancangan media online berupa web blog dalam pengelolaan kelas melalui pemanfaatan teknologi pembelajaran mandiri berupa media audio visual untuk materi Public Speaking. Analisis data dilakukan melalui analisis kualitatif. Berdasarkan hasil penelitian disimpulkan bahwa Media Online sebagai bahan ajar substitusi layak dikembangkan. </p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">'''Penelitian yang dilakukan oleh Bayu setiawan (2016). Penelitian ini berjudul “Aplikasi Pengolahan Data Pasien Rawat Inap Berbasis Web Pada Rumah Sakit Umum Selaras Tangerang”'''. Dalam penelitian ini menjelaskan rumah sakit umum selaras salah satu rumah sakit swasta yang sistem pengolahan data pasien rawat inapnya masih menggunakan cara manual yaitu dengan pembukuan, sehingga sering terjadi kesalahan dalam pengolahan data. Untuk itu dibuatkan sistem pengolahan data pasien rawat inap yang sudah terkomputerisasi agar dalam proses pembuatan laporan tentang rawat inap lebih cepat, tepat dan efisien. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan oleh M. Mahdian Noor, Nataniel Dengen dan Edy Budiman (2017)<ref name="Noor2017">Noor, M. Mahdian, Nataniel Dengen, and Edy Budiman. "Repository Tugas Dan Bahan Ajar Menggunakan Layanan Cloud Storage Pada Fakultas Ilmu Komputer Dan Teknologi Informasi." Prosiding Seminar Ilmu Komputer Dan Teknologi Informasi (Sakti). Vol. 2. No. 1. 2017.</ref> yang berjudul “Repository Tugas dan Bahan Ajar menggunakan Layanan Cloud Storage Pada fakultas Ilmu Komputer dan teknologi Informasi”. Dalam hal ini terdapat permasalahan dalam hal pendistribusian file bahan ajar maupun tugas  dari dosen kepada mahasiswa yang masih menggunakan sistem transfer file menggunakan hardisk maupun flashdisk yang dirasa kurang efektif karena memakan banyak waktu. Sebagai pemecahan masalah yang dihadapi dirancang sebuah sistem repository file yang bersisi bahan ajar dan tugas yang memanfaatkan teknologi cloud computing dengan mengintegrasikan sistem repository dengan Cloud Storage sehingga pendistribusian dan manajemen file tugas dan bahan ajar dalam kegiatan perkuliahan bisa lebih efektif dan efisien. Dari penelitian tersebut dapat disimpulkan bahwa Sistem Repository Tugas dan Bahan Ajar yang dibangun memanfaatkan layanan Amazon S3 sebagai media penyimpanan file yang bersifat virtual, kemudian dengan Heroku Cloud Application Platform yang berfungsi sebagai Web Server sehingga sistem repository ini dapat mengolola data tugas dan bahan ajar yang dimiliki ole FKTI dalam format digital dan menjadi media publikasi yang memberikan kemudahan akses terhadap publik sesuai dengan kebijakan akses yang diatur oleh pihak fakultas. </p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">'''Penelitian yang dilakukan Nurman Fhirmanda (2016). Penelitian ini berjudul “Aplikasi Sistem Pengolahan Data Absensi Sebagai Decision Support System Dalam Menentukan Kinerja Karyawan Pada PT. Spektra Solusindo”'''. Dalam penelitian ini menjelaskan PT. Spektra Solusindo masih menggunakan sistem manual untuk melakukan absensi karyawan cleaning sevice yang kurang efisien, sehingga untuk pendataan kinerja karyawan terlalu rumit karena harus merekap absensi yang masih manual memakai buku absen. Dengan dibuatnya aplikasi sistem pengolahan data absensi yang berbasis database untuk mempermudah dalam proses absensi, pembatan laporan yang tepat dan akurat, serta menentukan kinera karyawan. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian yang dilakukan oleh Henderi, Muhamad Yusuf, dan Yulika Ayu Rantama pada Perguruan Tinggi Raharja (2012)<ref name="Henderi2012">Henderi, Muhamad Yusuf, dan Yulika Ayu Rantama. 2012. Penggunaan Metode iLearning Untuk Meningkatkan Kualitas Pembelajaran Di Perguruan Tinggi. CCIT Journal. Tangerang: Perguruan Tinggi Raharja.</ref> dengan judul “Penggunaan Metode iLearning Untuk Meningkatkan Kualitas Pembelajaran Di Perguruan Tinggi” Jurnal CCIT. Penelitian ini menjelaskan bahwa salah satu masalah yang sering dihadapi perguruan tinggi saat ini adalah masih kurangnya sistem pembelajaran yang dapat mendukung kualitas belajar mengajar yang baik dan efisien. Saat ini masih menerapkan metode pembelajaran konvensional. Sehingga diciptakanlah metode pembelajaran iLearning dengan sistem terpadu yang diterapkan untuk meningkatkan mutu menuju pembelajaran yang berkualitas dan modern agar mampu melahirkan SDM (Sumber Daya Manusia) yang handal dan bisa bersaing dalam era globalisasi yang didominasi ''high compettion''. </p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">'''Penelitian yang dilakukan oleh Idham Kholid ( 2015). Penelitian ini berjudul “Aplikasi Pengolahan Data Rencana Kebutuhan Barang Unit pada Orgaisasi Perangkat Daerah Dinas Kesehatan Kota Tangerang”'''. Dalam penelitian ini menjelaskan sistem perencanaan rencana kebutuhan barang unit yang digunakan oleh dinas kesehatan kota tangerang selama ini masih sedehana yaitu hanya mengandalkan pengolah data spreadsheet (Microsoft Office Excel). Dalam pelaksanaannyasering terjadi kesalahan-kesalahan dalam pencatatan permintaan, kondisi existing barang maupun pencatatan penganggaran. Permasalahan sering terjadi karena prosedur, sumber daya manusia yang kurang, atau kurangnya koordinasi antar instansi. Dengan dibuatnya aplikasi pengolahan data rencana kebutuhan barang unit sumber daya manusia lebih paham akan konsisi dan kebutuhan barang pada Dinas Kesehatan Kota Tangerang. </p></li>
 </ol>
 <br>
-===='''Perbedaan ''Literature Review'''''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Perbedaan antara literature review dengan penelitian ini :</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian ini akan menghasilkan web mengenai sistem pengolahan data yang menginput data-data karyawan, mengecek kelengkapan karyawan, materi kesehatan dan keselamatan kerja, upload ID KTP dan BPJS. </p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian ini akan menjelaskan tentang memudahkan manager HRD dalam menangani laporan kecelakaan dikarenakan ada kontrol safety dan materi kesehatan dan keselamatan kerja untuk para karyawan yang tidak terdapat pada penelitian sebelumnya.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Penelitian ini akan menjelaskan sistem pengolahan data dalam penanganan kesehatan dan keselamatan kerja yang tidak terdapat pada penelitian sebelumnya.</p></li>
-</ol>
-<br>
 {{pagebreak}}
 <hr width="100%">
-=<div style=" text-align: center;margin-bottom:10px;">'''BAB III'''</div> <div style="font-size: 14pt; text-align: center">'''ANALISA SISTEM YANG BERJALAN'''</div>=
+=<div style=" text-align: center;margin-bottom:10px;">'''BAB III'''</div> <div style="font-size: 14pt; text-align: center">'''PEMBAHASAN'''</div>=
-=='''Gambaran Umum Perusahaan'''==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">PT. Cipta Perdana Lancar dengan Surat Ijin Usaha Perdagangan (SIUP) nomor 503/00269-BP2TK/30-03/PK/II/2009, merupakan suatu usaha yang bergerak di bidang produksi ''sparepart'' kendaraan bermotor. Produk yang dihasilkan berupa ''handle, punching plate, guard element, clamp tube, clip alhose, trap comp fame, collar, washer, screen, collar air set''.</p></div>
+=='''Gambaran Umum SMA Negeri 2 Kota Tangerang'''==
-==='''Sejarah Singkat PT. Cipta Perdana Lancar'''===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">SMA Negeri 2 Kota Tangerang merupakan salah satu Sekolah Menengah Atas yang ada di Kota Tangerang, Provinsi Banten, tepatnya berada dipusat Kota Tangerang, berada dekat Stadion Benteng dan Pusat Pemerintahan Kota Tangerang. Sama dengan SMA pada umunya di Indonesia masa pendidikan sekolah SMA Negeri 2 Kota Tangerang ditempuh dalam waktu tiga tahun pelajaran, mulai dari kelas X sampai kelas XII. SMA Negeri 2 Kota Tangerang merupakan salah satu SMA favorit di Kota Tangerang, dan terkenal atas prestasi baik akademik maupun non akademik, terutama dalam bidang Olimpiade Sains, Tari Saman, Basket, Sepak Bola, Paduan Suara, dll.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">PT. Cipta Perdana Lancar Tangerang di bentuk pada 25 agustus 2009, dengan  luas area tanah 5000 m2 dan luas area pabrik 4000 m2. Alat produksi utama PT. Cipta Perdana Lancar ''Stamping Parts'' (bagian hentakan), ''Automotive Parts'' (bagian otomotif), and ''Assembly Part'' (bagian pemasangan) PT. Cipta Perdana Lancar memproduksi ''Punching Plate, Guard Element, Clamp Tube, Clip Alhose, Trap Fame, Collar , Washer, Screen, Collar Air Set''.</p></div>
+==='''Sejarah Singkat SMA Negeri 2 Kota Tangerang'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Nama PT. Cipta Perdana Lancar sendiri berdiri karena hasil dari Perdebatannya dengan sesama rekan kerjanya di bagian quality di PT Dwi Utama, Bapak Hamim (Selaku Direktur Utama PT. Cipta Perdana Lancar Tangerang) mempunyai keiginan membangun perusahaan yang sangat memperhatikan standar ketat pada QC serta fokus secara detail dalam pengukuran dimensi, detail, bentuk yang presisi produk yang di buat.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Gedung SMA Negeri 2 Tangerang yang berlokasi di Jalan Makam Pahlawan Taruna Tangerang – Banten, di resmikan pada tanggal 15 April 1974 oleh Jendral (purn) Ali Sadikin di atas tanah Departemen Kehakiman seluas 11.920m2. gedung tersebut merupakan bantuan dari Pemerintah DKI yang diserahkan kepada Gubernur Jawa Barat dan selanjutnya dari Gubernur Jawa Barat diterimakan kepada perwakilan Departemen Pendidikan dan Kebudayaan. Pada tahun tersebut gedung sekolah baru itu dijadikan cabang dari SMA Negeri 27 Jakarta yang berada di Jalan Daan Mogot no 5 (sekarang 50) Tangerang. Tahun 1976 SMA tersebut diusulkan menjadi SMA Filial dari SMA Negeri 27 Jakarta di Tangerang. Dengan berkembangnya waktu, mulai tahun 1981 SMA Negeri 27 Jakarta di Tangerang secara administratif diambil alih oleh Kanwil Depdikbud Provinsi Jawa Barat dan diganti namanya menjadi SMA Negeri Tangerang. SMA induk menjadi SMA Negeri 1 Tangerang dan SMA Filial dari SMA Negeri 27 Jakarta menjadi SMA Negeri 2 Tangerang. Pada tahun 1985, SMA Negeri 2 Tangerang membuka Filial SMA Negeri 3 Tangerang sampai 3 tahun. Setelah SMA Negeri 3 memiliki bangunan sendiri di Jalan Padasuka Pabuaran Tangerang, maka secara resmi SMA Negeri 3 Tangerang berdiri sendiri dan sekarang menjadi SMA Negeri 4 Tangerang. Pada tahun 2002, SMA Negeri 2 Tangerang kembali mengalami peralihan pengelolaan dari Kantor Wilayah Departemen Pendidikan Nasional Provinsi Jawa Barat ke Kantor Dinas Pendidikan dan Kebudayaan Kota Tangerang provinsi Banten.</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 awalnya Bpk Hamim memulai membangun perusahaan dengan menawarkan jasa pembuatan produk yang fokus secara detail dalam pengukuran dimensi, detail, bentuk yang presisi akan menjamin produk-produk lebih berkualitas dan bernilai ekonomis. Bpk Hamim Sebagai Direktur Utama giat melakukan ekspansi dan mencari partner atau Mitra ke perusahaan perusahan sparetpart kendaraan bermotor untuk menawarkan, meyakinkan dan mempresentasikan ide dan konsep yang di tawarkan sebagai perusahaan jasa yang konsen pada standar kualitas dan QC yang sangat ketat serta fokus secara detail dalam pengukuran dimensi, detail, bentuk yang presisi akan menjamin produk-produk customer sangat berkualitas dan berani menawarkan harga yang lebih bersaing dengan perusahaan yang konsen pada bidang jasa.</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/dJccXKKIdd5Djl9PERfaHGZJVPW3fFpBVUUC1-UqeJwtd_rffMx50elxz3UEDXajSVtzeOwuCYxl2yFZoTBAsO0X87NQ81u8Shh04Q=w446-h103-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 3.1  Logo PT. Cipta Perdana Lancar Tangerang</div>
 <br>
-==='''Visi, Misi dan Mutu PT. Cipta Perdana Lancar'''===
+==='''Visi dan Misi SMA Negeri 2 Kota Tangerang'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Agar mampu bersaing dengan perusahaan sejenis, PT. Cipta Perdana Lancar menerapkan visi dan misi perusahaan sebagai berikut :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Visi pada SMA Negeri 2 Kota Tangerang adalah :</p></div>
+<ol style="list-style:lower-alpha">
-===='''Visi dan Misi PT. Cipta Perdana Lancar'''====
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Unggul dalam prestasi.</li>
-<ol>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Tampil sebagai teladan yang berakhlakul karimah.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mampu menjawab tantangan masa depan yang berwawasan lingkungan.</li>
-<p style="line-height: 2">Visi PT. Cipta Perdana Lancar Tangerang</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">“Menjadi perusahaan sparepart automotif yang handal dan berkualitas”</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Misi PT. Cipta Perdana Lancar Tangerang</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">“PT. Cipta Perdana Lancar Tangerang berupaya untuk meningkatkan penjualan, mutu produk, kompetisi SDM, ide perubahan dan perbaikan infrastruktur sehingga kepuasan pelanggan dapat tercapai”</p></div>
 </ol>
-<br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Misi pada SMA Negeri 2 Kota Tangerang adalah :</p></div>
+<ol style="list-style:lower-alpha">
-===='''Mutu PT. Cipta Perdana Lancar'''====
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Menegakan disiplin.</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berkomitmen untuk memenuhi persyaratan dan memberikan jamiman kepuasan kepada pelanggan dengan cara :</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mengembangkan kreatifitas.</li>
-<ol>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Meningkatkan pembinaan keimana dan ketaqwaan.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Meningkatkan kualitas pelayanan.</li>
-<p style="line-height: 2">Tidak membuat & mengirim produk NG.</p></li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Memelihara semangat kekeluargaan.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Menciptakan lingkungan sekolah yang aman, nyaman, dan melestarikannya.</li>
-<p style="line-height: 2">Pengiriman produk tepat jumlah & waktu.</p></li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Menjalin hubungan baik dengan masyarakat.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<p style="line-height: 2">Melakukan Improvement melalui ide perbaikan.</p></li>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/SYJx9BhnivhohU30rawm1JcIezJCLjLOYwYjBYxYm2dEtdVAZ0RQekg3mhwxstwxNQ5-h25G7GXQBe4AUtushSt_EmDXOU9Mp1f08w=w393-h255-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 3.2  Mutu PT. Cipta Perdana Lancar Tangerang</div>
 </ol>
 <br>
-==='''Struktur Organisasi PT. Cipta Perdana Lancar'''===
+==='''Struktur Organisasi SMA Negeri 2 Kota Tangerang'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sebuah organisasi atau perusahaan harus mempunyai suatu struktur organisasi yang digunakan untuk memudahkan pengkoordinasian dan penyatuan usaha untuk menunjukkan kerangka–kerangka hubungan diantara fungsi, bagian - bagian maupun tugas dan wewenang serta tanggung jawab. Serta untuk menunjukkan rantai (garis) perintah dan perangkapan fungsi yang diperlukan dalam suatu organisasi. Sama halnya dengan PT. Cipta Perdana Lancar Tangerang yang mempunyai struktur organisasi manajemen sebagai berikut :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sebuah organisasi atau perusahaan harus mempunyai suatu struktur   organisasi yang digunakan untuk memudahkan pengkoordinasian dan penyatuan usaha, untuk menunjukan kerangka-kerangka hubungan di antara fungsi, bagian-bagian mauppun tugas dan wewenang serta tanggung jawab. Serta untuk menunjukan rantai (garis) perintah dan perangkapan fungsi yang diperlukan dalam suatu organisasi. Sama hal nya dengan SMA Negeri 2 Kota Tangerang yang mempunyai struktur organisasi manajemen sebagai berikut :</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/QMWLg_YiKkCCk66hib-qa0FTsW1k6Nb9VPKBuCG5TaSjG9FLHLBgHputfTEfkqujj51qwEt1JANAmvouOjh--_9N8uWqvU0xoM12=w905-h542-rw-no" jsname="tEADhd"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-L6S5z3zDdM0/W5Sk1Px3LWI/AAAAAAAAAlw/8GRq1TzISVI-VCFv2LjWBJS9j_Oz_Ag9ACL0BGAs/w530-d-h341-n-rw/1.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 3.2 Struktur Organisasi PT. Cipta Perdana Lancar.</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 3.1 Struktur Organisasi SMA Negeri 2 Tangerang</div>
 <br>
-==='''Wewenang dan Tanggung Jawab Tiap Departemen'''===
+==='''Wewenang dan Tanggung Jawab'''===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Seperti  hal  nya dengan sebuah perusahaan, SMA Negeri 2 Kota  Tangerang dalam manajemen akademiknya terdapat bagian-bagian yang mempunyai wewenang serta tanggung jawab dalam menyelesaikan semua pekerjannya. Berikut adalah wewenang serta tanggung jawab bagian-bagian yang ada pada SMA Negeri 2 Kota Tangerang sebagai berikut :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Adapun deskripsi tugas dan wewenang tiap jabatan dalam struktur organisasi PT. Cipta Perdana Lancar sebagai berikut :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Direktur</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Kepala Sekolah</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tugas dan wewenang dari Direktur utama adalah jabatan yang memainkan bagian terkemuka dalam menentukan komposisi dari ''board'' dan ''sub-komite'', sehingga tercapainya keselarasan dan efektifitas.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Wewenang :</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Asisten Direktur</p></li>
+<ol style="list-style:lower-alpha">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Mengkoordinasi manajer-manajer bidang dalam menjalankan fungsinya. Membantu direktur dalam menjalankan tugas-tugasnya. Memberikan masukan bersifat konstruktif kepada direktur dan pengurus. </p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mengesahkan perubahan dokumen.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Manager Account''</p></li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mengendalikan sistem manajemen mutu.</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tugas dan wewenang dari ''manager account'' adalah memastikan bahan baku dan alat-alat yang dipesan sesuai ''spesification''. Kedatangan bahan baku tepat waktu dan diserahkan kebagian terkait. Membuat laporan sesuai dengan kondisi aktual dan tepat waktu. Evaluasi harga ''supplier'' secara berkala.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mengangkat dan memberhentikan jabatan dalam unit kerja.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Manager Marketing''</p></li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Memberi teguran bagi guru dan pegawai yang melanggar disiplin dan tata tertib.</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tugas dan wewenang dari manager marketing adalah membuat laporan sesuai dengan kondisi aktual dan tepat waktu serta kontrol item ''breakdown'' harga (kesesuaian penawaran dengan proses aktual dilapangan). Koordinasi dengan bagian lain terkait informasi dari ''customer'' (produksi, ''engineering'', produksi, PPIC, ''warehouse'' dan bagian lain). ''Monitoring'' pengiriman barang harian ke ''customer'', ''follow up'' ''stock'' dan PO serta pendataan ''claim customer''. Membuat penawaran harga dengan tepat dan cepat.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mendelegasikan tugas apabila berhalangan hadir.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Manager'' HRD</p></li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Menandatangani surat-surat dinas dan surat berharga.</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tugas dan wewenang dari ''manager'' HRD adalah mengontrol absensi dan seluruh kelengkapan data karyawan. Mengontrol kegiatan ''training'' karyawan dan memastikan bahwa kegiatan ''training'' dilakukan serta membuat ''mapping skill''. Melaksanakan ''recruitment'' karyawan sesuai dengan instruksi kerja. Membuat penilaian karyawan, rekap hasil penilaian karyawan dan mengevaluasi hasil penilaian. Membuat laporan keluar masuk karyawan dan mengevaluasi permintaan kebutuhan karyawan.</p></div>
+</ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Manager Engineering'' & Produksi</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tanggung jawab :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tugas dan wewenang dari ''manager engineering'' & produksi adalah menjaga kelancaran produksi (produksi sesuai ''planning''). Tidak ada ''part pending'' / kritis ke ''customer''. ''Part'' terkirim ke ''customer'' >95%. Menjaga kestabilan produksi (target, ''dies'', mesin, dsb) serta pemakaian jam efektif dan efisien. Menjaga kestabilan kinerja bawahan , penilaian akurat dan tepat tidak ada rekayasa (ada datanya).</p></div>
+<ol style="list-style:lower-alpha">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Manager ''Workshop''</p></li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Menetapkan dan memastikan kebijakan mutu sekolah dilaksanakan dengan baik dan terkendali.</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tugas dan wewenang dari manager ''workshop'' adalah untuk merencanakan, mengkoordinasikan, melaksanakan, mengawasi dan melakukan supervisi seluruh aktivitas pergudangan (penimbangan, penerimaan, penyimpanan, pengeluaran dan pemakaian produksi) bahan baku secara efektif dan efisien sesuai dengan sistem prosedur yang berlaku dengan memanfaatkan SDM secara optimal.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mengelola keuangan sekolah.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Manager ''Quality''</p></li>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Bertugas Tidak ada barang NG terkirim ke ''customer''. Tingkat NG < 1% didalam maupun diluar ''customer'' dan upaya penanganan masalah cepat. Tidak ada barang ''return'' dari ''customer''. Menjaga kestabilan proses produksi (kualitas), tidak ada ''stopline'' produksi. Menjaga kestabilan kinerja bawahan penilaian tepat dan tidak ada rekayasa.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Ketua Komite</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Kepala Bagian HRD</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Wewenang :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tugas bagian kepala bagian HRD adalah bertanggung jawab atas kepengurusan BPJS tenaga kerja, BPJS kesehatan, Bank serta administrasi lainnya dan juga pelatihan karyawan. Memberikan pengawalan terhadap pelaksanaan sistem dan menjamin lingkungan kerja dalam kondisi kondusif aman dan terkendali. Tingkat kedisiplinan karyawan dan penindakan tindakan indisipliner tinggi, tingkat kehadiran karyawan >95% tanpa alfa.</p></div>
+<ol style="list-style:lower-alpha">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Admin'' HRD</p></li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Pemberi pertimbangan (''advisory agency'') dalam penentu dan pelaksaan kebijakan pendidikan di satuan pendidikan.</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Fungsi ''admin'' HRD adalah pengelolaan data-data karyawan (data ''recruitment'', masa kerja, masa kontrak, status karyawan, BPJS tenaga kerja, BPJS kesehatan, Bank dsb). Tingkat kedisiplinan karyawan dan penindakan tindakan indisipliner tinggi, Tingkat kehadiran karyawan >95%, tanpa alfa. Validasi (keakuratan) dan kelengkapan administrasi dan data karyawan dan membuat laporan sesuai dengan kondisi aktual dan tepat waktu.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Pendukung (''supporting agency'') baik yang berwujud finansial, pemikiran, maupun tenaga dalam menyelenggarakan pendidikan disatuan pendidikan.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Enggineering Design''</p></li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Pengontrol (''controlling agency'') dalam rangka transparansi dan akuntabilitas penyelenggaraan dan keluaran pendidikan disatuan pendidikan.</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tugas bagian ''engineering design'' adalah membuat ''design dies'' / ''jig'' untuk ''new project'' atau ''improvement''. Membuat data ukur / laporan mengenai kondisi ''dies'' ('''life time''', ukuran ''material'', dll) / jig (data ukur kalibrasi). Menganalisis masalah dan melakukan tindakan perbaikan apabila terjadi masalah dies / jig.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mediator antara pemerintah (eksekutif) dengan masyarakat disatuan pendidikan.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Engineering New Project''</p></li>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tugas dan wewenang dari ''enggineering new project'' adalah ''sample'' sesuai dengan permintaan ''customer''. Pengiriman sample tepat waktu, dokumen dan ''jig inspection''. Data serah terima ''new project'' ke ''masspro sample, dies, jig'' dan dokumen yang dibutuhkan.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tanggung jawab :</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Admin Enggineering''</p></li>
+<ol style="list-style:lower-alpha">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tugas dan wewenang dari ''admin engineering'' adalah membuat PQCS, SOP, LHP, IRD, CRD, ''Cheeksheet'', ''Critical Point'' tepat waktu (sebelum masspro). Kesesuaian antara data PQCS, SOP, LHP, IRD, CRD, ''Cheeksheet'', ''Critical Point'' dengan data ''approval''. Membuat ''history problem part''.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mendorong tumbuhnya perhatian dan komitmen masyarakat terhadap penyelenggaraan pendidikan yang bermutu.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Kepala Bagian QC (''Quality Control'')</p></li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Melakukan kerjasama dengan masyarakat (perorangan, organisasi, dunia usaha, dunia industri) dan pemerintahan berkenaan dengan penyelenggaraan pendidikan yang bermutu.</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tugas dan wewenang dari kepala bagian QC (''Quality Control'') adalah tidak ada barang NG terkirim ke ''customer'' dan ''return'' dari ''customer''. Tingkat NG < 1% didalam maupun di ''customer'' dan upaya penanganan masalah cepat serta mengontrol kinerja bawahan. Menjaga kestabilan dan kelancaran proses produksi serta menjaga kondisi barang agar sesuai standar (kualitas).</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Menampung dan menganalisis aspirasi, ide, tuntutan, dan berbagai kebutuhan pendidikan yang diajukan oleh masyarakat.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Kepala Bagian QA (''Quality Assurance'')</p></li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Memberikan masukan, pertimbangan, dan rekomendasi kepada satuan pendidikan mengenai kebijakan dan program pendidikan, kriteria kinerja satuan pendidikan, kriteria tenaga pendidikan, kriteria fasilitas pendidikan.</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tugas dan wewenang dari kepala bagian QA (''Quality Assurance'') adalah tidak ada barang NG terkirim ke ''customer'' dan ''return'' dari ''customer''. Tingkat NG < 1% didalam maupun di ''customer'' dan upaya penanganan masalah cepat serta mengontrol kinerja bawahan. Menjaga kestabilan dan kelancaran proses produksi (kualitas).</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mendorong orang tua dan masyarakat berpartisipasi dalam pendidikan guna mendukung peningkatan mutu dan pemerataan pendidikan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Menggalang dana masyarakat dalam rangka pembiayaan penyelanggaraan pendidikan disatuan pendidikan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Melakukan evaluasi dan pengawasan kebijakan, program, penyelenggaraan, dan keluaran pendidikan di satuan pendidikan.</li>
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Wakil Kepala Sekolah</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Wewenang :</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Menyusun perencaan, membuat program kegiatan dan program pelaksanaan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Melakukan pengorganisasian pengarahan, ketenagaan, pengkoordinasian, pengawasan, penilaian, identifikasi dan pengumpulan data.</li>
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tanggung jawab :</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mewakili kepala sekolah untuk menghadiri rapat khususnya yang berkaitan dengan pendidikan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Membuat laporan secara berkala.</li>
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">KA. Usaha</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Wewenang :</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Membina staf administrasi, melalui pengarahan dan peringatan lisan maupun dengan tulisan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mengusulkan mutasi / rotasi, promosi, kenaikan golongan / skala gaji staf administrasi maupun penundaannya dengan persetujuan ketua LPPM.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Menggunakan saran, prasarana kerja untuk kelancaran pelaksanaan tugas-tugas.</li>
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tanggung jawab :</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Bertanggung jawab atas pelaksanaan tugas-tugas administrasi pada LPPM (Lembaga Penelitian Pengabdian Kepada Masyarakat), sesuai dengan rencana yang telah ditetapkan oleh pimpinan LPPM.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Bertanggung jawab atas penggunaan, pemeliharaan, sarana dan prasara kerja yang ada di LPPM.</li>
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">KA. Lab</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Wewenang :</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Membantu kepala laboraturium dalam pelaksanaan tugas-tugas.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Inventarisasi pengadaan / penerimaan barang jasa.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Memelihara penerapan sistem manajemen mutu laboraturium dimengerti dan ditetapkan oleh seluruh personil dan penggunaan laboraturium.</li>
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tanggung jawab :</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Bertanggung jawab terhadap pelaksanaan kegiatan laboraturium sesuai dalam Dokumen Prosedur laboraturium yang berlaku serta tugas dan wewenang yang di delegasikan.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Bertanggung jawab terhadap semua kegiatan laboraturium dan kelancaran manajemen Laboraturium Terpadu MIPA.</li>
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Wali Kelas</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Wewenang :</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Membina kelas yang diasuhnya.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mengisi daftar kumpulan nilai.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mengisi dan menandatangani rapor.</li>
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tanggung jawab :</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Kebenaran dalam memberikan bimbingan dan pembinaan kelas yang diasuhnya.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Kebenaran dan ketertiban dalam penyelenggaraan administrasi kelas.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Membantu tuugas guru dalam KBM.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Menciptakan kebersihan kelas dan susunan belajar yang nyaman.</li>
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Koordinator BP / BK</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Wewenang :</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Menyusun dan mengembangkan bimbingan dan konseling.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Melaksanakan pembinaan siswa.</li>
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tanggung jawab :</p></div>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Merumuskan dan melaksanakan bimbingan konseling kepada siswa.</li>
+</ol>
 </ol>
-<br>
-=='''Analisis Batasan Sistem'''==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada sistem yang berjalan pasti memiliki batasan sistem (''boundary'') yang memisahkan antara sub sistem itu sendiri dengan lingkungan luar sistem. Batasan lingkungan suatu sistem dapat bersifat menguntungkan  ataupun merugikan, hal ini juga menjadi salah satu tugas batasan sistem agar mempertahankan lingkungan luar sistem yang menguntungkan dan menghindari lingkungan luar yang merugikan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Melihat permasalahan yang terjadi pada PT. Cipta Perdana Lancar maka penelitian ini dibatasi pada perancangan sistem informasi dalam penanganan kesehatan dan keselamatan kerja (K3).</p></div>
 <br>
 =='''Tata Laksana Sistem Yang Berjalan'''==
 ==='''Prosedur Sistem Yang Berjalan'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Untuk menganalisis sistem yang berjalan, menggunakan program ''Visual Paradigm for Unified Modeling Language'' UML 8.0 Enterprise Edition untuk menggambarkan sistem yang berjalan pada perusahaan yaitu menggunakan ''use case diagram, activity diagram'', dan ''sequance diagram''.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Pada SMA Negeri 2 Kota Tangerang proses pembelajaran saat ini masih menggunakan paradigma tradisional dimana proses belajar mengajar pada umum nya berlangsung diruang kelas dan ditandai dengan kehadiran pendidik di depan kelas. Proses pembelajaran saat ini nampaknya masih belum maksimal, karena proses pembelajaran masih mengandalkan kehadiran guru atau pendidik untuk memberikan materi kepada siswa.</p></div>
 <br>
-==='''Rancangan Sistem Berjalan'''===
+==='''Rancangan Prosedur Sistem Yang Berjalan'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Untuk menganalisis sistem yang sedang berjalan, penulis  menggunkan program ''Unified Modelling Language'' (UML) untuk menggambarkan prosedur dan proses yang berjalan saat ini yaitu :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Untuk menganalisa sistem berjalan, penelitian ini menggunakan UML (''Unified Modeling Language'') untuk menggambarkan prosedur dan alur pembelajaran yang berjalan saat ini :</p></div>
 <br>
-===='''''Use'' ''Case'' ''Diagram'' Sistem Yang Berjalan'''====
+===='''''Use'' ''Case'' Sistem Yang Berjalan'''====
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-xOgIn_2-xpA/W5SwvJtf_UI/AAAAAAAAAmk/w7Z9YKVyqKIZnX9ZNAyLIeCSf5pGIS3FwCL0BGAs/w530-d-h636-n-rw/2.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 3.2 ''Use Case'' Sistem Yang Berjalan</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dapat dijelaskan dari gambar 3.2. ''Use Case'' kegiatan belajar mengajar pada SMA Negeri 2 Kota Tangerang yang berjalan saat ini, yaitu :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Use Case Diagram'' pengelolaan data dalam penanganan kesehatan dan keselamatan kerja</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/IsdBS8tHUkJR3cu_HcFI1qMi9AHRgTrSiuqbJlDHbd6vTMwmrR2K69AGcIq4DRUeGFAHaF_npY7hzGAdyDQN1FHgQ-eZtRLDbDOjCQ=w731-h1021-rw-no" jsname="tEADhd"/></div>
+<p style="line-height: 2">Terdapat 1 (satu) sistem mencakup proses kegiatan yang berjalan saat ini.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 3.4 ''Use'' ''Case'' ''Diagram'' yang berjalan</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berdasarkan gambar 3.4 Use Case Diagram sistem yang berjalan pada perusahaan diatas terdapat :</p></div>
+<p style="line-height: 2">Terdapat 2 (dua) ''actor'' yang terkait, yaitu Guru dan Siswa.</p></li>
-<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Terdapat Satu ''system'' yang mencangkup seluruh kegiatan penanganan kesehatan dan keselamatan kerja.</li>
+<p style="line-height: 2">Terdapat 6 (enam) ''UseCase'' yaitu, Datang ke kelas, Memberikan materi, Menerima Materi, Memberikan evaluasi, Menerima Evaluasi Keluar kelas.</p></li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Terdapat Enam ''actor'' yang melakukan kegiatan yaitu HRD, ''Receptionist'', Karyawan, Karu/Kabag, Kantor Disnaker dan BPJS, dan RS Rujukan.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Terdapat Sebelas ''use case'' yang biasa dilakukan oleh ''actor-actor'' antara lain : memberikan informasi tentang K3 & ''safety'', himbauan ''safety'', ''control safety'', mengisi kalender ''safety'', memberikan pertolongan pertama jika terjadi luka ringan, membawa karyawan jika ada kecelakaan kerja yang tidak bisa diantisipasi, mengisi laporan kecelakaan sesuai dengan data korban, mengirim laporan kecelakaan kerja 1 x 24 jam, melengkapi berkas absensi dan kwitansi rumah sakit, meminta surat KK4 (Surat keterangan sembuh dari dokter yang menangani) untuk melengkapi data, dan melaporkan surat KK4 bahwa korban sudah sembuh dan sudsh aktif bekerja.</li>
-</ol>
 </ol>
 <br>
-===='''''Activity'' ''Diagram'' Sistem Yang Berjalan'''====
+===='''''Activity Diagram'' Sistem Yang Berjalan'''====
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-L6pn24pMUb4/W5Sy18Ep26I/AAAAAAAAAnM/jVNaw7vzfdI37DBqSbNj1TsCEkJVVtIAgCL0BGAs/w530-d-h579-n-rw/3.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 3.3 ''Activity Diagram'' Sistem Yang Berjalan</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dapat dijelaskan dari gambar 3.3 diatas adalah ''Activity Diagram'' kegiatan belajar mengajar pada SMA Negeri 2 Kota Tangerang yang berjalan saat ini, yaitu :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Activity Diagram'' pengelolaan data dalam penanganan kesehatan dan keselamatan kerja.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/KyAJfgFbrYAnzo_qQoR5XH6InIm6MlBjKhQW7FEONTBEHA7cikNpW4lqlSxXROaoi_6FshKZ0ncrPmU78Iir2puONqH-JsXxUdY8=w922-h696-rw-no" jsname="tEADhd"/></div>
+<p style="line-height: 2">Terdapat 1 (satu) ''initial node'' sebagai objek yang diawali.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 3.5 ''Activity Digram'' yang berjalan</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berdasarkan gambar 3.5 ''Activity Diagram'' sistem yang berjalan saat ini terdapat keterangan :</p></div>
+<p style="line-height: 2">Terdapat 6 (enam) ''activity'' proses dari sistem yang mencerminkan eksekusi dari suatu aksi diantaranya, yaitu : guru datang ke kelas, memberikan materi, materi diterima oleh siswa, guru memberikan evaluasi, siswa mengerjakan evaluasi, keluar kelas.</p></li>
-<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Terdapat satu ''Initial Node'' sebagai yang mengawali objek.</li>
+<p style="line-height: 2">Terdapat 1 (satu) initial ''final node'' yang merupakan aktifitas akhir kegiatan.</p></li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Terdapat enam ''Swim Line'' yaitu : HRD, ''Receptionist'', Karu/Kabag, Karyawan, RS Rujukan, Kantor Disnaker dan BPJS.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Terdapat 11 ''Action'' dari sistem yang mencerminkan eksekusi dari suatu aksi, yaitu yang diantaranya adalah memberikan informasi tentang k3 & ''safety'', himbauan ''safety'', ''control safety'', mengisi kalender ''safety'', memberikan pertolongan pertama jika terjadi luka ringan, membawa karyawan jika ada kecelakaan yang tidak bisa diantisipasi, mengisi laporan kecelakaan kerja sesuai dengan data korban, mengirim laporan kecelakaan 1 x 24 jam, melengkapi berkas absensi dan kwitansi rumah sakit, meminta surat KK4 (suratketerangan sembuh dari dokter yang menangani) untuk melengkapi data, dan melaporkan surat KK4 bahwa korban sudah sembuh dan sudah aktif bekerja.</li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Terdapat satu ''Final State'' sebagai yang mengakhiri objek.</li>
-</ol>
 </ol>
 <br>
-===='''''Sequence'' ''Diagram'' Sistem Yang Berjalan'''====
+===='''''Sequence Diagram'' Sistem Yang Berjalan'''====
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-e5zfaGocYSY/W5S0rpW5kEI/AAAAAAAAAoA/1HQQWjThfK0V1rykqSZ6h9a9UHhnwL6VQCL0BGAs/w530-d-h305-n-rw/4.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 3.4 ''Sequence Diagram'' Sistem Yang Berjalan</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dapat dijelaskan dari gambar 3.4 diatas adalah ''Sequence Diagram'' kegiatan belajar mengajar pada SMA Negeri 2 Kota Tangerang yang berjalan saat ini, yaitu :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Sequence Diagram'' pengelolaan data dalam penanganan kesehatan dan keselamatan kerja.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/hWcaKUIsq_9V8ofMVpMzntU1temX3ZKg4D8G9QVxYmTeZvGTKcQ8f5SuWYVCe8_4wumQbHZ6YyjEAHu8-Dwgn6I4Waur91fuoUhQ=w934-h508-rw-no" jsname="tEADhd"/></div>
+<p style="line-height: 2">Terdapat 2 (dua) ''actor'' yang melakukan kegiatan, yaitu Guru dan Siswa.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 3.6 ''Sequence Digram'' yang berjalan</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berdasarkan gambar 3.6 ''Sequance Diagram'' sistem yang berjalan saat ini terdapat keterangan :</p></div>
+<p style="line-height: 2">Terdapat 4 (empat) ''Life Line'', yaitu Masuk Kelas, Materi, Evaluasi, Keluar Kelas.</p></li>
-<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Terdapat enam ''Actor'' yang diantaranya adalah HRD, ''Receptionist'', Karu/Kabag, Karyawan, RS Rujukan, Kantor Disnaker dan BPJS.</li>
+<p style="line-height: 2">Terdapat 8 (delapan) ''Message'', yaitu Guru datang ke kelas, Siswa datang ke kelas, Guru memberikan materi, Siswa menerima materi, Guru memberikan evaluasi, Siswa menerima evaluasi, Guru meninggalkan kelas, Siswa meninggalkan kelas.</p></li>
-<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Terdapat 10 ''message'' spesifikasi dari komunikasi antar objek yang memuat informasi tentang aktifitas yang terjadi.</li>
-</ol>
 </ol>
 <br>
@@ Baris 1.346: / Baris 1.282: @@
 ==='''Metode Analisa Sistem'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Pada metode ini penulis mengidentifikasi berbagai faktor secara sistematis untuk merumuskan strategi intansi. Analisa ini didasarkan pada hubungan atau interaksi antara unsur-unsur ''internal'', yaitu kekuatan (''strengths'') dan kelemahan (''weaknesses''), terhadap unsur-unsur eksternal yaitu peluang (''opportunities'') dan ancaman (''threats'').</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Penelitian ini menggunakan metode analisa SWOT untuk mengevaluasi kekuatan (''Strengths''), kelemahan (''Weakness''), peluang (''Opportunities''), dan ancaman (''Threats''), pada sistem yang mampu menyampaikan informasi yang diinginkan pada SMA Negeri 2 Kota Tangerang yang dapat dilihat dibawah ini :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/ncvSE8J3Ftt9lhp9qkaQKKt5HtBap6tZBQmy_eMiKJSx6RQP7sL78P9sDkyAzOfvFFunteS7Oq2QAB6XTxO7Y-zb3Tq9RMiFVafDpA=w699-h901-rw-no" jsname="tEADhd"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-csFE6aURU-s/W5S2rOMDdMI/AAAAAAAAApA/oV6kFLEiq2MkNIPqq5M-KMen6_pkU9LoQCL0BGAs/w530-d-h442-n-rw/5.png"></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Tabel 3.1 Analisis SWOT Sistem yang berjalan</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Tabel 3.1 Analisis SWOT Yang Berjalan</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><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 mengadaptasi ancaman yang ada (strategi S-T), selain itu 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 style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Langkah selanjutnya yaitu melakukan analisa untuk menentukan strategi yang sesuai dengan yang telah dijabarkan di dalam table dengan menggunakan Matriks SWOT yang merupakan proses pencocokan terhadap identifikasi SWOT yang telah dilakukan untuk memberikan gambaran guna menemukan 4 strategi. 4 strategi tersebut yaitu :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/cCdEF6PDRxP5jZ_8jP-a5hQF0vXAZ0OcSu0V7bRU7v3cjXdomygg0soNod1-Wl5l64PzUBbdDIbRY7GSX91DCRgTfpK4NZ4itoay2g=w819-h944-rw-no" jsname="tEADhd"></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Tabel 3.2 Matriks SWOT Sistem yang berjalan</div>
-<br>
-==='''Analisis Masukan, Analisis Proses, Analisis Keluaran'''===
-===='''Analisis Masukan'''====
 <ol>
- Nama Masukan : Mengisi kalender ''safety''<br>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
- Fungsi : Sebagai laporan untuk HRD<br>
+<p style="line-height: 2">Strategi S-O (''Strength-Opportunity''), digunakan untuk mencari peluang kekuatan yang telah dimiliki oleh sebuah ''project''.</p></li>
- Sumber : Karyawan<br>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
- Media : Form<br>
+<p style="line-height: 2">Strategi S-T (''Strength-Threats''), digunakan untuk mengatasi ancaman yang ada menggunakan kekuatan yang dimiliki oleh ''project''.</p></li>
- Frekuensi : Setiap ada pembayaran retribusi<br>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-        Keterangan : Sebagai laporan safetynya karyawan.<br>
+<p style="line-height: 2">Strategi W-O (''Weakness-Opportunity''), digunakan untuk mengatasi kelemahan supaya dapat mencapai sebuah peluang.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Strategi W-T (''Weakness-Threats''), digunakan untuk mengurangi kelemahan sistem dan menghindari ancaman dari sebuah sistem.</p></li>
 </ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-7MaF4-WIMok/W5S4YPs5VfI/AAAAAAAAApo/90dRpffUeEs5ck08V3z7XqAjFDYOGuUFwCL0BGAs/w530-d-h265-n-rw/6.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Tabel 3.2 Matriks Analisis SWOT Yang Berjalan</div>
 <br>
-===='''Analisis Proses'''====
+==='''Metode Analisa Masukan, Analisa Proses, Analisa Keluaran'''===
 <ol>
- Nama Proses  : Mengisi data laporan kecelakaan kerja<br>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Analisa Masukan<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">Analisa masukan merupakan penguraian dari masalah yang di lakukan terhadap semua data/informasi yang berfungsi sebagai data input sehingga menghasilkan 5 proses dibawah, yaitu :</p></li>
- Masukan          : Kirim ke kantor disnaker dan BPJS.<br>
+<ol style="list-style:lower-alpha">
- Keluaran  : Penanganan di RS Rujukan<br>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Nama Masukan    : Tabel daftar materi pembelajaran pada menu guru.</li>
- Ringkasan Proses : Pada proses ini dibuat laporan kecelakaan kerja untuk penanganan korban.<br>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Fungsi   : Menampilkan materi pembelajaran.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Sumber           : Guru.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Media   : Buku.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Distribusi   : Siswa.</li>
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Analisa Proses<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">Analisa proses merupakan penguraian yang dilakukan pada proses sebagai suatu hasil respect balik karena adanya data input di dalam proses inilah semua data/informasi yang masuk akan di olah dengan menggunakan pengolahan sistem yang ada, terdapat 4 proses dibawah ini yaitu :</p></li>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Nama Masukan     : Mengolah materi pembelajaran.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Masukan   : Materi Pembelajaran.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Keluaran         : Materi bahan ajar.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Ringkasan Proses : Proses ini akan menghasilkan materi bahan ajar sehingga siswa dapat melihat dan mengunduh materi pembelajaran.</li>
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Analisa Keluaran : Modul<p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">Analisa keluaran merupakan penguraian masalah yang dilakukan pada hasil dari keseluruhan proses yang terjadi dari mulai penginputan nilai sampai terjadi proses pengolahan data melalui sistem pengolahan data terdapat 4 proses yang ada di bawah ini yaitu :</p></li>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Nama Keluaran    : Materi Pembelajaran, berupa materi bahan ajar.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Fungsi           : Menampilkan materi pembelajaran berdasarkan nama guru.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Media            : Modul.</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Keterangan        : Siswa dapat mengakses Modul tanpa login.</li>
+</ol>
 </ol>
 <br>
-===='''Analisis Keluaran'''====
+=='''Kofigurasi Sistem Berjalan'''==
 <ol>
-        Nama Keluaran : Meminta surat KK4 (Surat Keterangan Sembuh)<br>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Spesifikasi ''Hardware''</p></li>
- Fungsi : Untuk melengkapi data dan mengadakan komunikasi dengan pihak BPJS Ketenagakerjaan jika dinyatakan sembuh<br>
+<ol style="list-style:lower-alpha">
- Media : Kertas<br>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''Processor'' : AMD A8-6410 Quad Core 2.0Ghz up to 2.4Gh</li>
- Distribusi : Untuk arsip HRD<br>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''Monitor'' : 14 Inch</li>
- Keterangan : Laporan di proses ke Dinsosnaketrans bahwa korban sudah sembuh dan aktif bekerja<br>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''Hard Disk'' : 500GB</li>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''RAM''  : 4.00GB</li>
+</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Spesifikasi ''Software''</p></li>
+<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''Windows 7 Ultimate''
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''Visual Pradigm for UML 14.2''
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">''Microsoft Office Word 2007''
+</ol>
 </ol>
 <br>
-=='''Konfigurasi Sistem  yang Berjalan'''==
+=='''Permasalahan Yang Dihadapi dan Alternatif Pemecahan Masalah'''==
-==='''Spesifikasi Perangkat Keras (''Hardware'')'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Adapun konfirgurasi perangkat keras (Hardware) 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;">''Processor'' : ''Intel Pentium Pentium''
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Monitor'' : 15.6” Inci
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''RAM'' : 2 GB
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Hardisk'' : 500 GB
-        <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Printer'' : ''Inkjet PIXMA Canon IP2770''
-        <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Mouse'' : ''Logitech M90 Optical Mouse''
-        <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Keyboard'' : ''Flat matt black keyboard''
- </ol>
-<br>
-==='''Spesifikasi Perangkat Lunak (''Software'')'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Adapun konfirgurasi aplikasi yang digunakan (''Software'') yang digunakan dalam sistem yang berjalan sebagai berikut :</p></div>
- <ol>
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Windows 7
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Microsoft Office 2003
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Microsoft Excel 2003
- </ol>
-<br>
-==='''Hak Akses (''Brainware'')'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Untuk mengoperasikan sistem, dapat diakses oleh kepegawaian dengan sistem yang berjalan saat ini yaitu :</p></div>
- <ol>
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">HRD
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''User''
- </ol>
-<br>
-=='''Permasalahan yang dihadapi dan Alternatif Pemecahan Masalah'''==
 ==='''Permasalahan Yang Dihadapi'''===
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Permasalahan yang dihadapi oleh perusahaan saat ini adalah sebagai berikut :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sistem yang berjalan saat ini masih secara manual menimbulkan kesulitan dalam melakukan pengelolahan data</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Apabila guru tidak dapat hadir dalam kelas maka siswa tidak mendapatkan materi.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Laporan kontrol ''safety'' sering ada keterlambatan, sehingga saat ada kecelakaan kerja untuk mendapatkan data karyawan dan mengirimkan laporan kecelakaan kerja menjadi terlambat</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Siswa harus membeli buku untuk mendapat kan materi pembelajaran.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Hasilnya dengan keterlambatan itu menjadi tidak efisien bagi HRD</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Bagi siswa yang kurang mampu akan mengalami kesulitan untuk mendapatkan materi karena materi hanya di peroleh melalui buku.</p></li>
- </ol>
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dari permasalahan yang telah diuraikan diatas, dapat diambil kesimpulan yaitu proses pembelajaran yang sedang berjalan masih menggunakan paradigma tradisional, dimana guru memiliki tanggung jawab penuh terhadap jalannya p roses belajar mengajar, dan bisa dianggap sebagai sumber daya paling penting dari sebuah proses belajar mengajar.</p></div>
+<br>
+==='''Analisa Batasan Sistem'''===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Adapun batasan pada analisa sistem yang dilakukan peneliti adalah untuk memudahkan Guru dan Siswa dalam hal pemebalajaran dan menciptakan modul berbasis web e-Learning sebagai media penyimpanan materi bahan ajar pada SMA Negeri 2 Kota Tangerang.</p></div>
 <br>
 ==='''Alternatif Pemecahan Masalah'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Setelah mengamati dan menganalisis dari beberapa permasalahan yang terjadi pada sistem yang sedang berjalan pada perusahaan saat ini, penulis mengusulkan beberapa solusi alternatif pemecahan permasalahan yang dihadapi, antara lain :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Setelah mengamati permasalahan yang dihadapi di SMA Negeri 2 Kota Tangerang maka peneliti membuat sebuah ''alternative'' masalah yaitu sebagai berikut :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Diperlukan sistem yang mencangkup seluruh kegiatan sistem terkomputerisasi yang dapat memenuhi kebutuhan informasi yang sebelumnya tidak dapat terpenuhi dengan baik sehingga tidak ada lagi kegiatan yang manual</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Perlunya membuat sistem pembelajaran yang terkomputerisasi untuk memudahkan dalam mengakses materi bahan ajar.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Diperlukan sistem basis data yang mampu memberikan informasi yang efisien untuk kontrol safety dan mendapatkan data karyawan lebih mudah</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dengan adanya modul berbasis web dapat memberikan kemudahan bagi Guru dan Siswa dalam hal pembelajaran.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Diperlukan sistem yang mampu memberikan materi tentang kesehatan dan keselamatan kerja untuk karyawan agar lebih waspada dalam bekerja</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dengan dibuatnya modul berbasis web guru tidak lagi menjadi satu-satunya faktor penting dalam proses pembelajaran.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Diperlukan sistem yang mampu memonitoring semua kegiatan kesehatan dan keselamatan kerja agar bisa dipantau oleh HRD</p></li>
 </ol>
 <br>
 =='''''User'' ''Requirement'''''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada ''User Requirement'' ini terdapat Elisitasi Tahap 1, Elisitasi Tahap II, Elisitasi Tahap III, dan ''Final Draft'' Elisitasi.</p></div>
 ==='''Elisitasi Tahap I'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Elisitasi tahap I merupakan daftar yang diperoleh dari hasil pengumpulan data yang berasal dari lapangan yang didapatkan dari hasil observasi dan hasil wawancara mengenai kekurangan sistem yang sedang berjalan dan sesuai dengan kebutuhan pengguna yang belum terpenuhi sesuai dengan keinginan ''stakeholder'' pada saat wawancara berlangsung. Berikut ini elisitasi tahap I yang telah dibuat :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Elisitasi Tahap I merupakan daftar yang diperoleh dari hasil pengumpulan data yang berasal dari lapangan yang didapat dari hasil observasi dan hasil wawancara mengenai kekurangan sistem yang sedang berjalan dan sesuai dengan kebutuhan pengguna yang belum terpenuhi sesuai dengan keinginan stakeholder pada saat wawancara berlangsung. Hasil wawancara merupakan permintaan untuk rancang sistem baru.</p></div>
+<div align="center"><imG style="margin:0px" src="https://lh3.googleusercontent.com/-q0e1L3gq8Uk/W5Uom2tIGpI/AAAAAAAAAxI/3jY3qTpXrMgCbd-hs3PpOG_7yfqWGn6aQCL0BGAs/w530-d-h793-n-rw/el1.png"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/--hZpJJXyd6E/W5UotXlvolI/AAAAAAAAAxg/qVet0GsfA5YU4UUeQszjTYlHSLW127t9wCL0BGAs/w530-d-h797-n-rw/el11.png"/></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 3.3 Elisitasi Tahap I</p></div>
-<div align="center"><imG style="margin:0px" src="https://lh3.googleusercontent.com/zGmcOclzritrasZcWgKmZJbG2EaXdDVumDR4XatdhX4ZHVuQNNt6ZoQtz3VJhTTAbkHxshW1Qq78yWUW6FI2ZSZ0Wc6jyciWYbweJg=w553-h975-rw-no" jsname="tEADhd"/></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/Ma-RqiVnErOQT7uGAqPWEIGQsiq-QSjdWQ3-uZuUsCZkjxk3v_G50b4_3kdnFAlZal5CxqpxFScvbspt-5rolQVCLu38F3RxflQ7jA=w590-h936-rw-no" jsname="tEADhd"/></div>
 <br>
 ==='''Elisitasi Tahap II'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Elisitasi tahap II 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. Berikut ini adalah penjelasan mengenai MDI :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Elisitasi Tahap II adalah hasil dari pengklasifikasian dari tahap Elisitasi Tahap I dengan menggunakan metode MDI (''Mandatory, Desirable, Inessential''). Metode MDI bertujuan memisahkan antara rancangan sistem yang penting dan harus ada pada sistem baru dengan rancangan yang disanggupi oleh peneliti untuk di eksekusi. Pada Elisitasi Tahap II ini terdapat 60 (enam puluh) kebutuhan ''functional'' dan 10 (sepuluh) kebutuhan ''non functional''.</p></div>
-<ol>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-UNL-MQT_i5U/W5Uo1XlqTsI/AAAAAAAAAx4/0Xk2hbEz_TgKFvWQLlhJiK1j9jzu6hXXQCL0BGAs/w530-d-h453-n-rw/el2.png"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">M pada MDI artinya ''Mandatory'' (penting). Maksudnya ''requirement'' tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru</p></li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-qZZ89In9xO0/W5Uo7-uelHI/AAAAAAAAAyQ/ett00zTMPBM1Ne2I7EnCrXZUa0__fx1oQCL0BGAs/w530-d-h795-n-rw/el22.png"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">D pada MDI artinya ''Desirable''. Maksudnya ''requirement'' tersebut tidak terlalu penting dan boleh dihilangkan. Tetapi jika ''requirement'' tersebut digunakan dalam pembuatan sistem, maka membuat sistem tersebut lebih sempurna</p></li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-lVX3yfx4-fs/W5UpBy0pdKI/AAAAAAAAAyw/OpJSSYpVZMoxpQcYP7ibsnlGy44XCbTlgCL0BGAs/w530-d-h793-n-rw/el222.png"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">I pada MDI artinya ''Inessential''. Maksudnya adalah ''requirement'' tersebut bukan bagian dari sistem yang dibahas dan merupakan bagian dari luar sistem</p></li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-n5TJm_F6LYk/W5UpGbAd4fI/AAAAAAAAAzI/HZrsobcP-UwQzD_k7XH7LuZTj1-VQXqYwCL0BGAs/w530-d-h263-n-rw/el2222.png"/></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 3.4 Elisitasi Tahap II</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/NGLXVstzJMKWmLzi2kGUK-b8S7y62gMGJ9YveCkIh4hlLggeaPvVYWnL4rj0YLAm0s9Q1KqSn2k3sm0cwKHhVjsapr-sH5OKqyahsA=w566-h1082-rw-no" jsname="tEADhd"/></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/gMg0N-wdzIsvh1ROzTqJqyDOluShFD2GJZ7VZYVILL4tcsg2Yt08P10UGOIRmnWoBVcckjRJ2HOc-Iv5bCLqs4b8rQZPai1iNx8KBA=w561-h1033-rw-no" jsname="tEADhd"/></div>
-</ol>
 <br>
 ==='''Elisitasi Tahap III'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Hasil penyusutan elisitasi tahap II dengan langkah mengeliminasi semua ''requirement'' dengan option I pada metode MDI. Selanjutnya, semua ''requirement'' yang tersisa diklasifikasikan kembali dengan metode ''Technical'', ''Operational'', dan ''Economic'' (TOE).</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Elisitasi Tahap III merupakan penyusutan dari Elisitasi Tahap II dengan cara mengeliminasi semua requirement dengan ''option'' I pada metode MDI. Selanjutnya semua ''requirement'' yang tersisa akan diklasifikasikan kembali dengan metode TOE. Dalam Elisitasi Tahap III ini terdapat 28 kebutuhan ''functional'' dan 6 kebutuhan ''Non Functional''.</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan :</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">T (''Technical'')  H (''High'')</p></div>
@@ Baris 1.463: / Baris 1.394: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">E ''Economic''  L (''Low'')</p></div>
 <br>
+<div align="center"><imG style="margin:0px" src="https://lh3.googleusercontent.com/-uLII_dGOZ7w/W5UpLSLmNlI/AAAAAAAAAzk/4v9AThMsobAA1ZZ5SCHlUCuT3NcdFgB8gCL0BGAs/w530-d-h787-n-rw/el3.png"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-iXpPlRwI_g8/W5UpQhW40uI/AAAAAAAAAz8/-rBvBOoT2pwFK461IGJZ8_ywrVgNb5qnwCL0BGAs/w530-d-h657-n-rw/el33.png"/></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 3.5 Elisitasi Tahap III</p></div>
-<div align="center"><imG style="margin:0px" src="https://lh3.googleusercontent.com/V8qZpRwd_Hmel17GNV5H5JJ0CP_ccr6_uCaxoXL3x_3jEFAsuEpF13RCighh_Ljpr4K3rTptSLOERIsofCYcXu8IAmSA5IdhJFdn-g=w566-h949-rw-no" jsname="tEADhd"/></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/iSbUajqUOmYsC7ruzdpy7YFFm7TphJfthUbxCZRaKP4EOV7fg-mDNd3_Np2eUvbCmfUwBW5PYnOCzTY9IfYzETbScT57YVAjGE-oIA=w561-h1010-rw-no" jsname="tEADhd"/></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/xtCgAANfOPOZ8EayQlDzZZTM6EsXOvMmSVuDdXu4-Tli6Zi-Cl6nuyXBqXvUdMxbnYwBdP_Sn0kHjbjeFpf3R7DlR8guAZbQr3aQcA=w563-h591-rw-no" jsname="tEADhd"/></div>
 <br>
 ==='''''Final'' ''Draft'' Elisitasi'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Final draft'' elisitasi merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikerjakan. Berkut ini merupakan tabel yang berisikan ''final draft'' elisitasi yang merupakan hasil akhir dari elisitasi tahap III :</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-ctZ5HnlJM5w/W5UpWAzWeJI/AAAAAAAAA0c/QCHwBXszLmk4MV6alhd1DVmwnIb0xUBkwCL0BGAs/w530-d-h733-n-rw/el4.png"/></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-g4Lmeh8uXgg/W5UpbT20gaI/AAAAAAAAA04/UIzRDyzQnyQtoelRZ9juMssAUkJVP_UQgCL0BGAs/w530-d-h456-n-rw/el44.png"/></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 3.6 Tabel ''Final Draft'' Elisitasi</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/0qcmCHHwzeLz9WyR75_j3H3tuHV7ozsyPAbsz8LUmur7fyAJUtTX8PKb5jhTmjiA3lhM5XXtKVebZlMVXspX7mhIdTGFQRHwph_N9Q=w561-h976-rw-no" jsname="tEADhd"/></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/7JJT2qJg-2k2ETGAjY9Zqk_17sPMqhtCLM3U4FKm5J6vgF0u-hYX49-7S-QfWG1-vNYMEIY7fcSL-C9kLyd-Jz0opwFMaA9CEqE7yA=w567-h987-rw-no" jsname="tEADhd"/></div>
 {{pagebreak}}
 <hr width="100%">
-=<div style=" text-align: center;margin-bottom:10px;">'''BAB IV'''</div> <div style="font-size: 14pt; text-align: center">'''RANCANGAN SISTEM YANG DIUSULKAN'''</div>=
+=<div style=" text-align: center;margin-bottom:10px;">'''BAB IV'''</div> <div style="font-size: 14pt; text-align: center">'''METODOLOGI PENELITIAN'''</div>=
 =='''Rancangan Sistem Usulan'''==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setelah menganalisa sistem yang berjalan saat ini di PT. Cipta Perdana Lancar, selanjutnya akan dibahas mengenai rancangan sistem usulan yang akan dikerjakan. Adapun usulan prosedur yang bertujuan untuk memperbaiki sistem yang berjalan saat ini. Dalam menganalisa rancangan usulan prosedur yang baru, penelitian ini menggunakan ''Visual Paradigm for UML'' 13.0 untuk menggambarkan ''Use Case Diagram, Class Diagram'', dan ''Activity Diagram''.</p></div>
-<br>
 ==='''Prosedur Sistem Usulan'''===
-<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Setelah melakukan analisa serta penelitian yang dilakukan dalam  proses pembelajaran yang berjalan saat ini ternyata belum adanya media penyimpanan bahan ajar guru yang bisa diakses secara online dimana saja dan kapan saja. Maka tahap selanjutnya yang peneliti lakukan adalah membahas mengenai sistem usulan untuk melakukan pengembangan sistem pembelajaran berbasis web yang bertujuan untuk mempermudahkan guru dalam melakukan ''upload'' materi bahan ajar dan mempermudah siswa dalam mengakses materi bahan ajar. Adapun sistem yang diusulkan untuk prosedur yang baru ini yaitu dengan menggunakan UML untuk menggambarkan ''Use Case Diagram, Activity Diagram'', dan ''Sequence Diagram''.</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">HRD
-<ol style="list-style:lower-alpha">
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Melakukan ''login''.
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan menu beranda.
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan menu data karyawan. Menu ini menampilkan data karyawan yang aktif. Dalam menu ini HRD dapat ''search, view, update, delete'', dan ''create''.
-        <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan menu data karyawan masuk. Menu ini menampilkan data karyawan yang aktif. Dalam menu ini admin dapat ''search, view, update, delete'', dan ''create''.
-        <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan menu laporan. Menu ini terdapat ''control safety'' masuk dan karyawan masuk. Dalam menu laporan ''control safety'' dapat ''search'' dan ''print''. Dalam menu karyawan masuk dapat ''search'' dan ''print''.
-        <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan menu manajemen ''user''. Menu ini menampilkan ''user'' yang aktif dan mengendalikan sistem. Dalam menu ini HRD dapat ''search, view, update, delete'', dan ''create''.
-        <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan ubah ''password''. Menu ini menampilkan ubah ''passsword''. Dalam menu ini HRD dapat ''update''.
-        <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan menu materi. Menu ini menampilkan tentang materi kesehatan dan keselamatan kerja.
-        <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Melakukan ''logout''.
-</ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Super ''Admin''
-<ol style="list-style:lower-alpha">
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Melakukan ''login''.
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan menu beranda.
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan menu data karyawan. Menu ini menampilkan data karyawan yang aktif. Dalam menu ini super ''admin'' dapat ''search, view, update, delete'', dan ''create''.
-        <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan menu data karyawan masuk. Menu ini menampilkan data karyawan yang aktif. Dalam menu ini ''admin'' dapat ''search, view, update, delete'', dan ''create''.
-        <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Menampilkan menu laporan. Menu ini terdapat ''control safety'' masuk dan karyawan masuk. Dalam menu laporan ''control safety'' dapat ''search'' dan ''print''. Dalam menu karyawan masuk dapat ''search'' dan ''print''.
-        <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Melakukan ''logout''.
-</ol>
-</ol>
 <br>
-==='''''Use'' ''Case'' ''Diagram'' Sistem yang  Diusulkan'''===
+==='''''Use Case 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">''Use case diagram'' berfungsi untuk menggambarkan sistem dengan pemakai (''user'') yang disebut ''actor''. ''Use case diagram'' digunakan untuk menggambarkan hubungan interaksi antara sistem dan pemakai (''user'').</p></div>
+<div align="center"><imG style="margin:0px" src="https://lh3.googleusercontent.com/-ug5-jHlwnR0/W5TFKk5mlkI/AAAAAAAAAqo/8FLOynIKCJYi-4ryDKnBtTLrzTiXXY-zwCL0BGAs/w530-d-h640-n-rw/1.png"/></div>
-<br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.1 ''Use Case Diagram'' Yang Diusulkan</p></div>
-<div align="center"><imG style="margin:0px" src="https://lh3.googleusercontent.com/IAd58tHV4p4yOyERd2btbXTVzgwjx5bee5Qol-anjUG-GyWMuo3Vx_6cQVmWIO_L28oPyknXqlZl8YFR3vnUkHIhzjhBDWq90qGCVA=w717-h879-rw-no" jsname="tEADhd"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berdasarkan gambar 4.1. ''Use Case Diagram'' terdiri dari :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.1 ''use'' ''case'' ''diagram'' sistem yang diusulkan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berdasarkan gambar 4.1 ''use case diagram'' sistem yang diusulkan :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">1. Terdapat satu sistem yang mencakup seluruh kegiatan sistem pengelolaan data dalam penanganan kesehatan dan keselamatan kerja pada PT. Cipta Perdana Lancar Tangerang
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 1 (satu) sistem yang mencakup kegiatan sistem pembelajaran
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">2. Terdapat dua actor yang melakukan kegiatan, diantaranya Manajer dan Super admin.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 3 (tiga) ''actor'' yang melakukan kegiatan didalam sistem yaitu, ''Admin'', Guru, Siswa.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">3. Terdapat 9 Use Case yaitu :
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 6 (enam) ''Use Case'' yang dapat dilakukan oleh actor tersebut yaitu, Login, Halaman Utama Admin, Dashboard, Materi Pelajaran, Evaluasi, Logout.
-<ol style="list-style:lower-alpha">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 3 (tiga) ''Include'' yaitu, ''Input'' Guru, ''Input'' Pelajaran, ''Input'' Materi.
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Login''.
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Beranda
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Data Karyawan.
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Data Karywan Masuk.
-        <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Satu ''Extend Use Case'', yaitu : Menu Laporan memiliki ''Control Safety'' dan Karyawan Masuk.
-        <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Manajemen ''User''.
-        <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ubah ''Password''.
-        <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Materi.
-        <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Logout''.
-</ol>
 </ol>
 <br>
-==='''''Activity'' ''Diagram'' Sistem yang Diusulkan'''===
+==='''''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 merupakan ''activity diagram'' yang menggambarkan alur aktivitas sistem informasi pengolahan data dalam penanganan kesehatan dan keselamatan kerja yang sedang dirancang yaitu :</p></div>
+<div align="center"><imG style="margin:0px" src="https://lh3.googleusercontent.com/-2iteIL7698A/W5TGrubKVnI/AAAAAAAAArQ/Y54tL9I40YYguXf__fKAiOfajN9ok69JACL0BGAs/w530-d-h487-n-rw/2.png"/></div>
-<br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Gambar 4.2. ''Activity Diagram'' Yang Diusulkan</p></div>
-<div align="center"><imG style="margin:0px" src="https://lh3.googleusercontent.com/ap-JCB314woyfek1jTccdFnK3lBWtsP7n-dWWiNVxKhRkaHAtjsnH-87tP92awRhy2KSuO7VwW6mAN9LwyJwgz3rysrm3_IQG4alnw=w612-h872-rw-no" jsname="tEADhd"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Berdasarkan gambar 4.2. ''Activity Diagram'' diatas terdiri dari :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Gambar 4.2 ''activity'' ''diagram'' yang diusulkan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Pada gambar 4.2 ''activity diagram'' yang diusulkan :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat satu ''initial node'', untuk mengawali objek.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 1 (satu) ''Initial Node'', sebagai awal objek.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 10 ''activity'' sebagai ''state'' dari sistem yang mencerminkan eksekusi dari suatu aksi diantaranya, yaitu : ''login'', beranda, data karyawan, data karyawan masuk, laporan ''control safety'', laporan karyawan masuk, manajemen ''user'', ubah ''password'', materi dan ''logout''.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 9 (sembilan) ''action state'' dari sistem yang mencerminkan eksekusi dari suatu aksi. ''Login'', Halaman Utama ''Admin'', ''Input'' Guru, ''Dashboard'', ''Input'' Pelajaran, ''Input'' Materi, Materi Pembelajaran, Evaluasi, ''Logout''.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat satu ''initial final node'' yang merupakan aktifitas akhir kegiatan.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 1 (satu) ''Final Node'', sebagai objek yang diakhiri.
 </ol>
 <br>
-==='''''Sequence'' ''Diagram'' Sistem yang Diusulkan'''===
+==='''''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 merupakan sequence diagram yang menggambarkan alur-alur aktivitas sistem informasi pengolahan data dalam penanganan kesehatan dan keselamatan kerja yang sedang dirancang yaitu :</p></div>
+<div align="center"><imG style="margin:0px" src="https://lh3.googleusercontent.com/-KEUjWPilNl8/W5TIwGXmTVI/AAAAAAAAAsQ/VhvAXAP_aV0F5jvIlRzhDsi8dNO3pvT7QCL0BGAs/w530-d-h319-n-rw/3.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Gambar 4.3. ''Sequence Diagram'' Yang Diusulkan</p></div>
+<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. ''Sequence Diagram'' diatas terdiri atas :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2">''Sequence diagram'' untuk manajer yang diusulkan terdapat.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 3 (tiga) ''actor'' yang melakukan kegiatan yaitu ''Admin'', Guru, Siswa.
-<div align="center"><imG style="margin:0px" src="https://lh3.googleusercontent.com/Nv3fN3I8xtZ5RlPI2FXF7K_kvQ7EJfIhy7Ev-wizRJnzDBa_FllYoVNLLSL2YzQGsBjjNhEfN9-UMY2zxIdakMVlCMeg8QxHaWacRw=w906-h577-rw-no" jsname="tEADhd"/></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 6 (enam) ''lifeline'' yaitu ''Login'', Halaman Utama ''Admin'', Dashboard, Materi Pembelajaran, Evaluasi, Logout.
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Gambar 4.3 ''Sequence Diagram'' Manajer Sistem yang Diusulkan</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 2 (dua) ''self message'' yaitu 1.1 gagal ''login'', 3.1 gagal ''login''.
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Pada gambar 4.3 ''sequence diagram'' untuk manajer yang diusulkan :</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 8 (delapan) ''message'' yang menggambarkan komunikasi, yaitu : melakukan ''login'', berhasil ''login'' dan ''input'' guru, melakukan ''login'', berhasil ''login'', ''input'' pelajaran beserta materi, mencari materi, mengerjakan evaluasi, admin melakukan ''logout'', guru melakukan ''logout''.
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 1 ''actor'' yang melakukan kegiatan, yaitu Manajer.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 8 ''lifeline'' yang saling berinteraksi, yaitu menu beranda, data karyawan, data karyawan masuk, laporan ''control safety'', laporan karyawan masuk, manajemen ''user'', dan ubah ''password'', materi.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 2 ''boundary lifeline'', yaitu ''login'' dan ''logout''.
-</ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Sequence diagram'' untuk Super Admin yang diusulkan terdapat :
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/Yv8hKTvsbC2yFAibdSNeZVMuYPv9ulhM5avpzpBvOHrVvlIkWWZM0uD_xdSQKeWa3PH0tim4JWDM3mpaMU6zZuS99oiwbGsrRM9VQw=w949-h526-rw-no" jsname="tEADhd"></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><p style="line-height: 2">Gambar 4.4 ''Sequence Diagram'' Super Admin Sistem yang Diusulkan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">''Sequence Diagram'' Super Admin Sistem yang Diusulkan :</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 1 ''actor'' yang melakukan kegiatan, yaitu Super Admin.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 5 ''lifeline'' yang saling berinteraksi, yaitu menu beranda, data karyawan, data karyawan masuk, laporan ''control safety'', laporan karyawan masuk.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat 2 ''boundary lifeline'', yaitu ''login'' dan ''logout''.
-</ol>
 </ol>
-<br>
-==='''''Class'' ''Diagram'' Sistem Yang Diusulkan'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Class diagram'' yang digunakan untuk menjelaskan spesifikasi objek-objek yang ada di dalam apikasi sistem informasi pengolahan data dalam penanganan kesehatan dan keselamatan kerja. Dimana ''class diagram'' yang diusulkan terdapat objek (''class'') yang saling berhubungan satu dengan yang lainnya.<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/9kYIo3j0k5jgtls5EVbgT24rhq7xZK46BvKxFL_M9l38G8_6xjidWALsXbR1mbxdQT5KaZb39TqvphUYnVB4V85YdzHmkQAJZgfikw=w605-h580-rw-no" jsname="tEADhd"></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.5 ''class'' ''diagram'' yang diusulkan</p></div>
 <br>
 ==='''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">Pada bab ini dijelaskan perbedaan sistem yang berjalan saat ini dan sistem yang diusulkan di''table'' di bawah 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">Berikut ini merupakan tabel perbedaan prosedur antara sistem yang sedang berjalan dan sistem yang diusulkan :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.1 Perbedaan Prosedur Antara Sistem Berjalan dan Sistem Usulan</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-zY9negidzE0/W5TLVEcqnTI/AAAAAAAAAtE/HUw4T0nGwVwvng19cuq2EvglEmMj06x_wCL0BGAs/w530-d-h278-n-rw/4.png"/></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/OsznZu6vC9upUOv2TkNbA808mw73xJNhG7BD5xmZO0y0n6E-xgODJMr0UHA5tLpndcv_ChP3nMs4RvCnDy4Rxrng0SK0jNLWR6hv0g=w612-h388-rw-no" jsname="tEADhd"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.1. Perbedaan Prosedur Antara Sistem yang Berjalan dan Sistem Usulan</p></div>
 <br>
-{{pagebreak}}
-<hr width="100%">
-=='''Rancangan Basis data'''==
+==='''Analisa Sistem yang Diusulkan'''===
-==='''Spesifikasi Basis Data'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Rancangan ''database'' dipakai untuk mempermudah dalam proses penyeleksian data, serta membantu pemprograman dalam mengambil dan menampilkan data. Pada ''database'' digunakan tabel-tabel, dan pada table-tabel ini akan dijelaskan mengenai nama ''field'', ''type'' dan ''size'' tersebut.</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
-Nama ''File'' : is_karyawan<br>
-Media             : ''Hardisk''<br>
-''Primary'' ''Key'' : kode_karyawan<br>
-Panjang ''record''         : 267<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.2 Data Karyawan</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/ybLZQIwMGZpqT7C-lWY8Fpg2QoNWnNdEsZvkGCQysmyDsf8sZ9PKvwOBL15C7PkVOpsk5sUq6udePhOJsKfb0fYey0VFYgVLLbUbxQ=w679-h779-rw-no" jsname="tEADhd"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
+===='''Analisa SWOT Yang Diusulkan'''====
-Nama ''File'' : is_karyawan_masuk<br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Beriut ini merupakan analisis SWOT yang diusulkan dimana pada analisis ini mengidentifikasi ''Strength'' (kekuatan) dan ''Weakness'' (kelemahan) yang merupakan faktor internal dan ''Opportunities'' (peluang) dan ''Threats'' (ancaman) yaitu merupakan faktor eksternal. Berikut ini merupakan table analisa SWOT yang diusulkan :</p></div>
-Media : ''Hardisk''<br>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-UiSWXbVJm3g/W5TNTMaLYnI/AAAAAAAAAts/5_dVw9RKGokGlT8dtjzooYYqsLfbI_7dwCL0BGAs/w530-d-h315-n-rw/5.png"/></div>
-''Primary'' ''Key'' : kode_kontrol_safety<br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.2. Analisis SWOT Sistem Yang Diusulkan</p></div>
-Panjang ''Record'' : 136<br>
-Tipe ''File'' : ''File'' ''Master''<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.3 Data Karyawan Masuk</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/lI9Q39EDth7nDjMjjMLwd_3uiAj7HQYT4ap_SfDROEkJnqXRoixRdzq3lYE01byOvEx480VPpuqc9uijuVJKGmegTuBKr4xbSoUo4w=w581-h350-rw-no" jsname="tEADhd"/></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">
-Nama ''File'' : is_user<br>
-Media : ''Hardisk''<br>
-''Primary'' ''Key'' : id_user<br>
-Panjang ''Record'' : 318<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.4 ''User''</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/kWRdCwhf67oBrGWYxQYyGrVi9xJ97b8v4W4PQwls1ILGUpxI3APVAsd2l5tN-9k8_N3dPYnitMs8OmD0JvZk03Jepkk3VFh1PXhzzw=w613-h565-rw-no" jsname="tEADhd"/></div>
-</ol>
 <br>
-{{pagebreak}}
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan identifikasi analisis SWOT yang dilakukan, maka selanjutnya melakukan analisa untuk mencari strategi menggunakan tabel matriks SWOT. Matriks SWOT yaitu matriks yang menggambarkan secara jelas peluang yang tersedia dengan menggunakan strategi S-O dan kekuatan untuk mengatasi sebuah ancaman dengan menggunakan strategi S-T, lalu analisis strategi yang bertujuan untuk mengurangi kelemahan yang dimiliki sistem dan untuk meraih sebuah peluang yang ada dengan menggunakan strategi W-O, mengatasi ancaman dengan menggunakan strategi W-T.  berikut ini merupakan tabel Matriks SWOT :</p></div>
-<hr width="100%">
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-3d6D-Q_lh0k/W5TOvA-jdbI/AAAAAAAAAug/pmRBcaqPZ14ldxyrZgsopftX-gOC5KQ8ACL0BGAs/w530-d-h358-n-rw/6.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Tabel 4.3. Matriks SWOT Yang Diusulkan</p></div>
-=='''Rancangan Prototype'''==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Rancangan ''prototype'' sistem pengolahan data dalam penanganan kesehatan dan keselamatan kerja diantaranya yaitu :</p></div>
-==='''''Prototype'' ''Login'''''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada saat program pertama kali dijalankan pada tampilan yang muncul yaitu ''login''. Tampilan login berfungsi sebagai awal dalam menggunakan sistem informasi pengolahan data dalam penanganan kesehatan dan keselamatan kerja, yang berhak melakukan ''login'' yaitu: HRD dan ''admin''. Berikut ini merupakan tampilan rancangan ''prototype'' pada ''login'' yang ditunjukkan pada gambar 4.6 :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/gRtZ3oaKW9zFWR5j-ULUGg87YuE-fz21rxBk_n4ysNL1vr7xZPSorO_JDQx_G4WZys0YSg8WFOHpG5-KswGAFcxCrsBvcjL-vx--=w439-h395-rw-no" jsname="tEADhd"></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.6''' ''Login''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada menu ''login'' yaitu:</p></div>
-<ol>
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Text field  username'' : masukan ''username'' pada kolom ''username''.
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Text field password'' : masukan ''password'' yang sesuai dengan ''username'' agar masuk ke dalam sistem.
- <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Button login'' : setelah memasukkan ''username'' dan ''password'' dengan benar selanjutnya klik ''login'' setelah itu admin dapat masuk kedalam sistem. Sedangkan, jika ''username'' atau ''password'' salah maka tidak dapat masuk ke dalam sistem dan akan muncul tulisan ''username'' atau ''password'' salah.
-</ol>
 <br>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Langkah selanjutnya yaitu melakukan analisa untuk menemukan strategi S-O (''Strength-Opportunity''), yang digunakan untuk mencari peluang kekuatan, strategi S-T (''Strength-Threats''), yang digunakan untuk mengatasi ancaman yang ada menggunakan kekuatan, strategi W-O (''Weakness-Opportunity''), yang digunakan untuk mengatasi kelemahan supaya dapat mencapai sebuah peluang dan strategi W-T (''Weakness-Threats''), digunakan untuk mengurangi kelemahan sistem dan menghindari ancaman.</p></div>
-==='''''Prototype'' Menu Berand'''a===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Rancangan menu beranda untuk menampilkan halaman awal pada sistem pengelolaan data dalam penanganan pada kesehatan dan keselamatan kerja, yang berisi menu data karyawan, menu data karyawan masuk, menu laporan, menu laporan ''control safety'', menu karyawan masuk, menu manajemen ''user'', menu ubah ''password'', materi dan menu ''logout''.<br>
-Berikut ini merupakan tampilan rancangan ''prototype'' pada menu beranda yang ditunjukkan pada gambar 4.7 :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/OGgNDGy-WyK6v_xKwCi7X4ej7hzUTrpxVYbOqU4tZIknZzfSmcemHHOf6QrhfzI38MpEhxTBrzpouOPe-qyeBSOsbq4MwvoSlmThKw=w613-h421-rw-no" jsname="tEADhd"></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.7''' Beranda</p></div>
 <br>
-==='''''Prototype'' Menu Data Karyawan'''===
+=='''Rancangan Basis data'''==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini merupakan tampilan rancangan ''prototype'' pada data karyawan yang ditunjukkan pada gambar 4.8 :</p></div>
+==='''''Class Diagram'' yang Diusulkan'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><img style="margin:0px" src="https://lh3.googleusercontent.com/TpYhn9_5y1n1nrXuxG7hNJ0LNo9KNiFe13aujU9G4-pr-OCZ3AYLWkFwbD25UASAANJaTaiMaxRrI3qVDO63RLxTOgO8pRwMrYK5mQ=w616-h345-rw-no" jsname="tEADhd"></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Class Diagram'' menggambarkan data apa saja yang akan diinput kedalam ''database''. Berikut ini adalah ''class diagram'' sistem modul pembelajaran berbasis web yang diusulkan :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambaar 4.8''' Data Karyawan</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-qFZdwJUpPeU/W5TQUsqyxMI/AAAAAAAAAvU/F3K4yu81vY4BtjXLnyQEXBhyfqmzpdRWQCL0BGAs/w530-d-h475-n-rw/7.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada tampilan data karyawan yaitu :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.4. ''Class Diagram'' yang Diusulkan</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan gambar ''class diagram'' yang diusulkan terdapat :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">No, kode karyawan, nama karyawan, nik karyawan, alamat, tempat lahir, tanggal lahir, jenis kelamin, no hp, ''control safety'', status kerja, bagian, , ''upload'' foto, jumlas cs dan aksi.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Klik tombol ''Button'' tambah, maka akan tampil input data karyawan yang ditunjukkan pada gambar 4.9 :
+<p style="line-height: 2">Terdapat 4 (empat) ''class'', himpunan dari objek-objek yang berbagi atribut serta operasi yang sama, yaitu ''Class Admin'', ''Class data_pengajar'', ''Class data_pelajaran'', ''Class data_materi''.</p></li>
-</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/MOVtGkXsq1rdQRb5ZkKzxD4Z5TCa7_Qaa4WTOMStzcGb78PY-F_iAUgV1XLzYO2LzVcjXfG9KCK9Vp0HF4tV72727l_-NbBfdUmmKg=w612-h595-rw-no" jsname="tEADhd"/></div>
+<p style="line-height: 2">Terdapat 6 (enam) ''association'', digunakan untuk memodelkan relasi di antara objek.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.9'''. Input Data Karyawan</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada input data karyawan yaitu :</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Di ''form'' data karyawan isi : kode karyawan, nama karyawan, nik karyawan, alamat, tempat lahir, tanggal lahir, jenis kelamin, no hp, ''control safety'', status kerja, bagian, dan ''upload'' foto.
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat ''button'' Simpan untuk menambah data karyawan.
 </ol>
 <br>
-==='''''Prototype'' Menu Data Karyawan Masuk'''===
+==='''Spesifikasi Basis Data'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini merupakan tampilan rancangan ''prototype'' pada data karyawan masuk yang ditunjukkan pada gambar 4.10 :</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 basis data menjelaskan secara rinci tentang masing-masing basis data yang digunakan dalam sistem, sebelum memaparkan basis data yang ada terlebih dahulu digambarkan oleh class diagram sistem yang diusulkan.</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/eDKJewi3WgLHQyzQTholNK0aVuwpk7MH9OrFnz-xi42T5GIT81fA8iLBIFXMK_29fffutWOUoqDazoi9Q4RFNia3dLlFkWs9qyhuTg=w613-h308-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.10'''. Data Karyawan Masuk</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada tampilan data karyawan masuk yaitu :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">No, kode, kode ''control safety'', tanggal masuk, CS pakai, data karyawan, jumlah ''control safety'', jumlah pakai, dan total jumlah ''control safety''.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tabel Admin</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Klik tombol ''Button'' tambah, maka akan tampil input data karyawan masuk yang ditunjukkan pada gambar 4.11 :
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-DLwoybubOYQ/W5UyWfUI7UI/AAAAAAAAA24/NGxHVbwThxs2CUUdmJSWinO_tTwMdxR7wCL0BGAs/w530-d-h93-n-rw/1.png"/></div>
-</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Tabel 4.4. Tabel Struktur Admin</div>
-<br>
+Keterangan :<br>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/VfJuCc1Vhzxb_RPOpLxOc-DISJb5fY2ZpGIAK0ykbtXYWxItIjFedCIdJULL3wQMf5T_qvE2HnSv6BcsBDIE4wOab2-B0pyTMicr8w=w612-h418-rw-no" jsname="tEADhd"/></div>
+Nama Tabel : Tabel Admin<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.11'''. Input Data Karyawan Masuk</p></div>
+Media : Harddisk<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada input data karyawan masuk yaitu :</p></div>
+Panjang Record  :11<br>
-<ol>
+Primary Key : id_admin<br>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Di form data karyawan masuk isi : kode ''control safety'', tanggal masuk, ''control safety'' pakai, data karyawan, jumlah ''control safety'', jumlah pakai, dan total jumlah ''control safety''.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tabel Data Pengajar</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat ''Button'' simpan untuk menambah data karyawan masuk.
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-HpQA86o9G70/W5UyaqVU4pI/AAAAAAAAA3Q/-RbuBxQ0vA8vXJRVUUSbO_aZYS_vyuQCACL0BGAs/w530-d-h505-n-rw/2.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Tabel 4.5. Tabel Struktur Data Pengajar</div>
+Keterangan :<br>
+Nama Tabel : Tabel Data pengajar<br>
+Media : Harddisk<br>
+Panjang Record  :11<br>
+Primary Key : id_guru<br>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tabel Data Pelajaran</p></li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-b7ttKofiH24/W5UyflpsXdI/AAAAAAAAA3o/v3ud_hvcyGk2N-5YUe4MsTHzFgBCCqXAQCL0BGAs/w530-d-h127-n-rw/3.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Tabel 4.6. Tabel Struktur Data Pelajaran</div>
+Keterangan :<br>
+Nama Tabel : Tabel Data pengajar<br>
+Media : Harddisk<br>
+Panjang Record  :11<br>
+Primary Key : id_pel<br>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Tabel Data Materi</p></li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-qQOhP9kf3Q8/W5UykytvcYI/AAAAAAAAA4A/o2Rce1idzIwyQkkhbWRWt9eve-PiKW5XQCL0BGAs/w530-d-h332-n-rw/4.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Tabel 4.7. Tabel Struktur Data Materi</div>
+Keterangan :<br>
+Nama Tabel : Tabel Data Materi<br>
+Media : Harddisk<br>
+Panjang Record  :11<br>
+Primary Key : id_materi<br>
 </ol>
 <br>
+{{pagebreak}}
+<hr width="100%">
-==='''''Prototype'' Halaman Laporan ''Control Safety'''''===
+=='''Rancangan ''Prototype'' 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 merupakan tampilan rancangan ''prototype'' pada data ''control safety'' yang ditunjukkan pada gambar 4.12 :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tahap ini merupakan gambaran mengenai rancang bangun yang lengkap kepada para pengguna, juga sebagai memenuhi kebutuhan dari pada pengguna sistem. Berikut ini merupakan ''prototype'' atau tampilan dari sistem yang akan dibuat oleh peneliti, yaitu :</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/a462BkMlDIXGYQIQjDYkMx-crSx53kQdIltLEQQ4328MKssOAmc8TGO-btW9or44EcpNiXdn-9BqItNimm4hjU7fTd1bElsj4IUbtA=w614-h348-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.12'''. Laporan ''Control Safety''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada tampilan laporan ''control safety'' yaitu :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">No, kode, kode karyawan, nama karyawan, nik karyawan, ''control safety'', bagian, dan jumlah cs.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Klik tombol ''Button'' cetak, maka akan tampil cetak laporan ''control safety'' yang ditunjukkan pada gambar 4.13 :
+<p style="line-height: 2">''Prototype'' Tampilan Halaman Utama</p></li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-5flCML5cIJI/W5Uys88yrvI/AAAAAAAAA4c/c8oSJZGMvSQsmTD9Dp1TT_wXqasYBwpbQCL0BGAs/w530-d-h332-n-rw/p1.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 4.5. ''Prototype'' Tampilan ''Login''</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">''Prototype'' Tampilan Login</p></li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-yw8EQQVLYQM/W5Uy2AKgDeI/AAAAAAAAA48/CegZm1KDcBMXP8uMGFpQJC5fMADyrZl2QCL0BGAs/w530-d-h321-n-rw/p2.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 4.6. ''Prototype'' Halaman ''Login''</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">''Prototype'' Halaman Utama Admin</p></li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-dLTm-2eGQJ8/W5Uy8H5hlsI/AAAAAAAAA5Y/U14gWD4Db64ByYmjhuXJSqUSbHtA4ZL8wCL0BGAs/w530-d-h321-n-rw/p3.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 4.7. ''Prototype'' Halaman Utama Admin</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">''Prototype'' Halaman Utama Guru</p></li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-U5U-0OHf87c/W5UzBLEKPWI/AAAAAAAAA5w/0s4DnxkJ910jKUng4nLgJWOMs7gRg-QwgCL0BGAs/w530-d-h321-n-rw/p4.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 4.8. ''Prototype'' Halaman Utama Guru</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">''Prototype'' Tampilan Halaman Upload Materi Guru</p></li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-le6oziT9ufI/W5UzJjeGMfI/AAAAAAAAA6M/Vwftt_uzbeYjTwbEBX-THZQ3y7fPuKQ8ACL0BGAs/w530-d-h350-n-rw/p5.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 4.9. ''Prototype'' Tampilan Halaman Upload Materi Guru</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">''Prototype'' Tampilan Profil Guru</p></li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-xDtDndYCDrI/W5UzTcOUZ6I/AAAAAAAAA6s/lEDg7hquWiIdaqPQood6bKpc813o6BrcACL0BGAs/w530-d-h354-n-rw/p6.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 4.10. ''Prototype'' Tampilan Profil Guru</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">''Prototype'' Tampilan Halaman Materi</p></li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-MZo2qCU9mKg/W5Uza8FYPxI/AAAAAAAAA7M/R1yBfjvAtu8xTgzu71HMTcqQGotK7z7QgCL0BGAs/w530-d-h361-n-rw/p7.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 4.11. ''Prototype'' Tampilan Halaman Materi</div>
 </ol>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/WAYXakhkxPQR0DdBVx75nCPUfPG5VXxiD66UgoRe1_DQBPq3FCIYDLSZyd5sNuthOpa97OxmlINkISvLe_H4DfDB1U5gcS7Od3vSEA=w612-h318-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.13'''. Cetak Laporan ''Control Safety''</p></div>
 <br>
-==='''''Prototype'' Halaman Laporan Karyawan Masuk'''===
+=='''Tampilan Program 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 merupakan tampilan rancangan ''prototype'' pada laporan karyawan masuk yang ditunjukkan pada gambar 4.14 :</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/e3b2azxckGeyDahxMkQt2qpt9nNWLYm2RaUb34UrZxaaRoNfOLjbbbzxq6UAStYHLq4UCenxrgIoEFdyE9qyCOV_JfzWpyY34Relnw=w612-h386-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.14'''. Menu Laporan Data Karyawan Masuk</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada laporan data karyawan masuk yaitu :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tanggal untuk menampilkan ''update'' tanggal yang ingin dicetak.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Klik tombol ''Button'' cetak, maka akan tampil cetak laporan karyawan masuk yang ditunjukkan pada gambar 4.15.
+<p style="line-height: 2">Tampilan Halaman Utama</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tampilan web modul berbasis web untuk para guru dan siswa, sebagai berikut :</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-Qryg2OtlWKI/W5UzjNmrBkI/AAAAAAAAA7s/i3C6WCCi2dMOKtQFj5xIAoiw8SE7JqmhwCL0BGAs/w530-d-h326-n-rw/t1.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 4.12. Tampilan Halaman Utama</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Tampilan Halaman Login</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Halaman ini berisi tampilan untuk login admin dan guru. Login dilakukan dengan menggunakan NIP/Email, seperti gambar 4.13. di bawah ini :</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-iOOd3Rgv8rQ/W5UzpnXHbZI/AAAAAAAAA8M/fzQqboinbaAAZtTRbVZlrlGRsk4yuLsbQCL0BGAs/w530-d-h350-n-rw/t2.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 4.13. Tampilan Login</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Tampilan Halaman Utama Admin</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setelah berhasil login dengan memasukan Email dan Password admin bisa masuk ke halaman utama admin atau dashboard, dimana admin dapat melihat daftar nama guru, daftar pelajaran, daftar materi, dll. Seperti gambar 4.14. di bawah ini :</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-uk8MCN9FVNc/W5Uzu4RWffI/AAAAAAAAA8o/X6u2H-d6UWUweogxTqLMR9juvMuIgYYIACL0BGAs/w530-d-h354-n-rw/t3.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 4.14. Tampilan Halaman Utama Admin</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Tampilan Halaman Utama Guru</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Setelah berhasil login dengan memasukan Email dan Password guru dapat masuk ke halaman utama guru atau dashboard, dimana guru dapat melakukan upload materi, merubah profile, dll. Seperti gambar 4.15. di bawah ini :</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-0HM7tx0jjIA/W5Uzz_0_4kI/AAAAAAAAA9Q/0HR33krllxIrA_6R_qv-UoRhG2xKWzygACL0BGAs/w530-d-h369-n-rw/t4.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 4.15. Tampilan Halaman Utama Guru</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Tampilan Halaman Upload Materi Guru</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Di halaman ini terdapat Title, Category, dan Browse untuk guru mengupload materi bahan ajar :</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-kNLV9rVgNPY/W5Uz5g8CoAI/AAAAAAAAA9w/-AsI5-O11PE4y4ASlf6t3_SCXSPdwIpLACL0BGAs/w530-d-h343-n-rw/t5.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 4.16. Tampilan Halaman Upload Materi Guru</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Tampilan Profil Guru</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pada halaman profil guru terdapat NIP, Nama Depan, Nama Belakang, Email, Jenis Kelamin, Tempat Lahir, Tanggal Lahir, Alamat, No.Handphone, Website, Status, Note :</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-F12eEoTZWPI/W5Uz-sfZIyI/AAAAAAAAA-Q/vspQR7YkAU4mAfhrN3h6s2KNjrOhPNwcQCL0BGAs/w530-d-h381-n-rw/t6.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 4.17. Tampilan Profil Guru</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Tampilan Halaman Materi</p></li>
+<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, siswa dapat mendownload materi bahan ajar. Dalam halaman ini terdapat category, title, code, upload, date, size, dan action :</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-U1QOwTAx3TE/W5U0EefilsI/AAAAAAAAA-0/A5F8jCRguB0Lt8jqMccMCwAXbMFXeilhQCL0BGAs/w530-d-h299-n-rw/t7.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Gambar 4.18. Tampilan Halaman Materi</div>
 </ol>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/QAx-74-8TxKGB_bvqxjKASh9Wx5g8e8NS-hPXHL18WbiwGD406Qn9VSVRuy1Q2FoLifz28asLBP27uRdQJMTiNhb5fQ_dJ5iZr6EnQ=w614-h260-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.15'''. Cetak Laporan Data Karyawan Masuk</p></div>
 <br>
-==='''''Prototype'' Menu Manajemen ''User'''''===
+=='''Konfigurasi Sistem Usulan'''==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini merupakan tampilan rancangan ''prototype'' pada manajemen ''user'' yang ditunjukkan pada gambar 4.16 :</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/qHCyXnWmw4j9koHrO5lAFawhcmNvpO-CympWKRl949yvtpmM_CQL7aC0kfMT5fpfiEg1mX0ECqQBlQyQGdaF03T5xvaD3d8QpLBGBA=w610-h417-rw-no" jsname="tEADhd"/></div>
+==='''Spesifikasi ''Hardware'''''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.15'''. Manajemen ''User''</p></div>
+<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 sistem suatu unit personal komputer. Perangkat keras yang diusulkan ini dibuat berdasarkan kebutuhan sistem saat ini dan antisipasi kebutuhan dimasa yang akan datang. Konfigurasi yang dibutuhkan pada desain sistem yang diusulkan adalah :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada tampilan manajemen ''user'' yaitu :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">No, foto, ''username'', nama ''user'', hak akses, status..
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Search'' untuk mencari data manajemen ''user''.
+<p style="line-height: 2">''Processor'' : Intel ® Celeron ® CPU B815 @ 1.60GHz 1.60 GHz.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Show entries'' untuk menampilkan jumlah data dalam satu halaman.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Klik tombol ''Button'' tambah ''user'', maka akan tampil ''input user'' yang ditunjukkan pada gambar 4.17 :
+<p style="line-height: 2">''Monitor'' : 15.0 HD LCD.</p></li>
-</ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/RiMonVDtLELXTZ7COKiA5RYay9xuqcQoDHRiosgvxtDEbcc7UEFbQKTr8f0H8NNrWilfZgrqg_WSYbGcKKlrWgfC00_cAoqCVrgvUA=w612-h420-rw-no" jsname="tEADhd"/></div>
+<p style="line-height: 2">''Mouse'' : Optik.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.17'''. ''Input User''</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada ''input user'' yaitu :</p></div>
+<p style="line-height: 2">''Keyboard'' : Standar.</p></li>
-<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Di ''form input user'' isi : ''username, password, nama user, level''.
+<p style="line-height: 2">''RAM'' : 2 GB DDR3 Memory.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat ''button'' Simpan untuk menambah data ''user''.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">''Hardisk'' : 1TB.</p></li>
 </ol>
 <br>
-==='''''Prototype'' Menu Ubah ''Password'''''===
+==='''Spesifikasi ''Software'''''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini merupakan tampilan rancangan ''prototype'' pada ubah ''password'' yang ditunjukkan pada gambar 4.18 :</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 software atau perangkat lunak merupakan penunjang peralatan komputer yang digunakan untuk menghubungkan instruksi-instruksi yang diinginkan oleh brainware pada saat mengakses sistem tersebut agar menghasilkan sebuah informasi. Konfigurasi sistem yang dibutuhkan :</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/Kg9lyNZPOx4R3IO4I0RjY75m1rL1fdnVgOxsRmqYkNIbuhx3_KoW8PKuR8GJFIYv1vGU7t4FkTKfw9ZLCiakxvNCTfBOuUhiWaDQ6A=w612-h419-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.18'''. Ubah ''Password''</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Keterangan pada ubah ''password'' yaitu :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Di ''form'' ubah ''password'' isi : ''password'' lama, ''passsword'' baru, dan ulangi ''password'' baru.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Terdapat ''button'' simpan untuk menyimpan ''password''.
+<p style="line-height: 2">''Microsoft Windows 7 Home Premium''</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">''Google Chrome''</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">''XAMPP''</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">''Sublime Text''</p></li>
 </ol>
 <br>
-==='''''Prototype'' Menu Materi'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut ini merupakan tampilan rancangan prototype pada materi yang ditunjukkan pada gambar 4.19 :</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/aKDl-T6Os7XsZ5JkKaaLxCQjkCerIwtbZi-0n7i_GTtJJV4-M484QnfXeeTc5LJwZbH_53NA88h6ZI1DgKAUFrpiwePMCBVeREbkaA=w613-h384-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.19'''. Menu Materi</p></div>
-<br>
-=='''Konfigurasi Sistem Usulan'''==
-==='''Spesifikasi Perangkat Keras (''Hardware'')'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Perangkat keras yang diusulkan dalam rancangan sistem ini adalah sebagai berikut:</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Processor : ''Intel Pentium''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Monitor : Toshiba 15,6”
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Hardisk : 500 GB
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">RAM : 4.00 GB
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Keyboard : ''Flat matt black keyboard''
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Printer : Canon PIXMA 2800
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Mouse : ''Logitech''
-</ol>
-==='''Spesifikasi Perangkat Lunak (''Software'')'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Perangkat lunak yang diusulkan dalam rancangan sistem ini adalah sebagai berikut:</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Sistem Operasi Windows 7
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Microsoft Office 2007
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">XAMPP
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Notepad ++
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Visual Paradigm for UML 8.0
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Google Chrome
-</ol>
 ==='''Hak Akses (''Brainware'')'''===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">User yang dapat mengakses sistem ini terdiri dari :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">HRD
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">''Super Admin''
+<p style="line-height: 2">''Admin''</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Guru</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Siswa</p></li>
 </ol>
 <br>
-{{pagebreak}}
-<hr width="100%">
 =='''''Testing'''''==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Pengujian dilakukan dengan menggunakan ''black'' ''box'' ''testing'' ini, dilakukan dengan beberapa ''input'' pada sistem. ''Input'' tersebut selanjutnya di proses sesuai dengan kebutuhan fungsionalnya, untuk melihat apakah program aplikasi sudah dapat menghasilkan ''output'' yang sesuai dengan yang diharapkan dari sistem tersebut. Jika ''input'' yang diberikan sudah dapat menghasilkan ''output'' yang sesuai dengan kebutuhan fungsionalnya, maka program yang dibuat sudah benar. Namun jika output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka sistem masih terdapat beberapa kesalahan, selanjutnya dilakukan perbaikan agar memperbaiki kesalahan yang terjadi.</p></div>
+==='''''Black Box Testing'''''===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk tahap pengujian pada sistem modul berbasis ''web'', peneliti menggunakan metode ''Black Box Testing''. Metode ''black box testing'' merupakan pengujian program yang mengutamakan pengujian terhadap kebutuhan fungsi dari suatu program. Tujuan dari metode ''black box testing'' untuk menemukan kesalahan fungsi pada program. Pengujian dengan menggunakan metode ''black box testing'' dilakukan hanya mengganti hasil eksekusi melalui data uji dan memeriksa fungsional dari software dan fungsionalitasnya tanpa mengetahui yang terjadi dalam proses detail, melainkan hanya mengetahui ''input'' dan 'output''. Berikut ini pengujian sistem yang dilakukan dengan menggunakan ''black box testing'' :</p></div>
-==='''''Black'' ''Box'' ''Testing'' ''Login'''''===
+<ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''Tabel 4.20'''. ''Black Box Testing'' pada menu ''login''.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/X7YK5jppImB2UoTWZboRG11O_FUYsp_9PWBN3wHBCI7jqNvOdhvxT_0Ghb7MIr1spzedore62olh7_5bYaqhwgalEPbCAhi-guFLcg=w647-h302-rw-no" jsname="tEADhd"/></div>
+<p style="line-height: 2">Pengujian Login Admin menggunakan NIP/Email dan Password</p></li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-LLGyVx571B0/W5U0o2uce6I/AAAAAAAABAY/voktgglwHxoySuPE9Gxv4TzPkA6_OOyvACL0BGAs/w530-d-h192-n-rw/b1.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Tabel 4.8. Black Box Testing Login Admin menggunakan NIP/Email</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Pengujian Login Guru menggunakan NIP/Email dan Password</p></li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-ZNacPQawfn0/W5U0tMZy0lI/AAAAAAAABAw/Irb7LENyjSs_NuSZhF5VqI3OgB3u2wuVwCL0BGAs/w530-d-h192-n-rw/b2.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Tabel 4.9. Black Box Testing Login Guru menggunakan NIP/Email</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Pengujian Guru mengupload materi bahan ajar</p></li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-6BrRfiqnDLM/W5U0yA7c7GI/AAAAAAAABBI/52kBQ2U5ST0yZhREWVrKBwlNY2tRt3h_gCL0BGAs/w530-d-h181-n-rw/b3.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Tabel 4.10. Black Box Testing Guru Upload Materi</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Pengujian Siswa untuk mendownload materi bahan ajar</p></li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-7yvYeq6PjVY/W5U02MYustI/AAAAAAAABBo/E9LY2PGNsJM9K3-3chbUeKcvCTu1SGB5gCL0BGAs/w530-d-h190-n-rw/b4.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Tabel 4.11. Black Box Testing Siswa Download Materi</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2">Pengujian Admin untuk menambahkan mata pelajaran</p></li>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-J_CYmTsNBy8/W5U07BwCTiI/AAAAAAAABCI/RrqblVL9DYY833xVr703MXA0idtQyxcmwCL0BGAs/w530-d-h191-n-rw/b5.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Tabel 4.12. Black Box Testing Admin Menambahkan Mata Pelajaran</div>
+</ol>
 <br>
-==='''''Black Box Testing Input'' Data Karyawan'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''Tabel 4.21'''. ''Black Box Testing'' pada menu ''input'' data karyawan</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/eGSl7cn1vvZctKw6A5bLtQAVo7MiEzOD5yyVBo0248Q0mtCLDQJPQrAOwhat-uOmKkJ0lcj-Oee2PKqaumTFqsbAlH1gNWrqfv0m6w=w614-h312-rw-no" jsname="tEADhd"/></div>
-<br>
-==='''''Black Box Testing'' Tambah Data Karyawan Masuk'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''Tabel 4.22'''. ''Black Box Testing'' pada menu tambah data karyawan masuk</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/rGAwfS6gWeTMqDbkfy0HyNwW9rCVubKk0fwxIOeKQ6M5zYgIb2Zz1fxjHabGYZgiOYyb543o-yGSHdxo3kdGtWzMsXX_-DLUJHN7cw=w623-h206-rw-no" jsname="tEADhd"/></div>
-<br>
-==='''''Black Box Testing'' Laporan ''Control Safety'''''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''Tabel 4.23'''. ''Black Box Testing''pada menu laporan ''control safety''</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/bLvzqZaDw1vplr8c8xTkiqBT35tszdlncOxT_g3YOISYgFnaGGjrvTCaECkW246QwVNDs8IWAXISdlK4meK0j_DlDT8DQd5F6aWQEg=w612-h185-rw-no" jsname="tEADhd"/></div>
-<br>
-==='''''Black Box Testing'' Laporan Karyawan Masuk'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''Tabel 4.24'''. ''Black Box Testing'' pada menu laporan karyawan masuk</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/ClfhT1AzF9DlCMvVZ10lQ7b_pzbpYyl6VCzH4GIgn8mqYZ6CxTWsBTEynDGLZGo_feMYne_3kDLvCDatiOWtuCo86dzLWWBabRC30Q=w627-h300-rw-no" jsname="tEADhd"/></div>
-<br>
-==='''''Black Box Testing'' Manajemen ''User'''''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''Tabel 4.25'''. ''Black Box Testing'' pada menu manajemen ''user''</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/RdDDLbhZf5XBagAscAT9CwjJr7J3ZokgZmIRD9OK_ok2pTbMorBlErxEaDHtFEWEOs1HkOlSVzGGvjToZTtoKepx92VhvoPp9jnaCQ=w616-h205-rw-no" jsname="tEADhd"/></div>
-<br>
-==='''''Black Box Testing'' Ubah ''Password'''''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''Tabel 4.26'''. ''Black Box Testing'' pada menu ubah ''password''</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/2uJzNczPaJU8apzpynCpTOAqN7vHGnFeuF0zxj-pWBRNoQlR7DyY76razi8dGbx2N1-EYiZysZNduhbZ96Ao7YXx-IslpGbja46Lnw=w622-h208-rw-no" jsname="tEADhd"/></div>
-<br>
-==='''''Black Box Testing'' Materi'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">'''Tabel 4.27'''. ''Black Box Testing'' pada menu materi</p></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/m4zyqXU762q7spkfxjVNgWXBk_0MdxmfxhU6rrH2Rd8NczKf4m-i-ajiQbfyiBWTIJk6Ct1tpg_o9SIfwzPNMq8l9uUS1jwOINXr=w616-h120-rw-no" jsname="tEADhd"/></div>
-<br>
-{{pagebreak}}
-<hr width="100%">
 =='''Implementasi'''==
-==='''Implementasi yang Diusulkan'''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tampilan sistem perancangan pengolahan data dalam penanganan kesehatan dan keselamatan kerja dapat dilihat pada gambar berikut ini :</p></div>
-<ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan ''Login''<br>
-Tampilan login merupakan langkah paling utama dalam mengimplementasikan program yang telah dibuat dengan catatan ''username'' atau ''password'' yang dimasukkan harus benar. Tampilan login ini menjaga sistem supaya tidak bisa dimasuki oleh sembarangan orang yang berhak untuk melakukan login hanya manajer, super admin dan admin.<br>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/spNawsjqJlKYL7Ju9R_Jw_XpyJlr4_Cj6IWWlu3tvjHqntdvfkdW8xSM2rZ44BrfA69MVLIMtmO8WyhHl8aD0mnAaqZxC7dIN0cP=w218-h257-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.28''' ''Login''</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Menu Beranda<br>
-Menu Beranda adalah menu yang berada di tampilan awal setelah melakukan login dan sistem yang berisi menu data karyawan, menu data karyawan masuk, menu laporan (''control safety'' dan karyawan masuk), menu manajemen ''user'', menu ubah ''password'' dan menu materi.<br>
-Berikut tampilan menu beranda yang ditujukkan pada gambar 4.29 :
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/AxUvQmgIYekK3UAdHrFpcKjqELHovjBPnmHuC6xINEFXeJVyM1IvHojCfGJrRtTgraG1us2TUMpsAXxGK8CzgM_ZQXzN0hZSOinS=w615-h304-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.29'''. Menu Beranda</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program Data Karyawan<br>
-Tampilan data karyawan, menu yang berada setelah beranda yang berisisi data-data karyawan. Berikut ini merupakan tampilan program data karyawan yang ditunjukkan pada gambar 4.30 :
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/vkU9kKBLbtpe6B_Ec-ZBw1Rr9Bv0vWIlkKocskb4jLxH3AwvKtKsNhcpD_AS_QadIndoIyzjg3pFepKnWBwzBB-if47BiDWNEY4n=w609-h292-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">Gambar 4.30 Menu Data Karyawan</p></div>
-Klik tombol tambah, maka akan tampilan program input data karyawan yang ditunjukkan pada gambar 4.31 :
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/wcnW2X_UfZBj2IbbhncSClLq9ZYcfZj9GZTVHUQjeJZEkuyKR3P9RdK8qWrsw1-m9NWOn9f4dI9VZ_1BMOQrI0jnKSlQyRFPTuz8=w545-h298-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.31'''. Input Data Karyawan</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program Data Karyawan Masuk<br>
-Tampilan data karyawan masuk, menu yang berada setelah data karyawan yang berisi data-data karyawan masuk. Berikut ini merupakan tampilan program data karyawan masuk yang ditunjukkan pada gambar 4.32 :
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/zctTlLz773x8CxApKVrQjuHxabtd8mcmBbHliwFhK0IS4xTpTU3v-xq4cklXC1Ury13wTN78xTfSbaR4J7C_zqoyBGGyyP84-jfE=w612-h300-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.32''' Data Karyawan Masuk</p></div>
-Klik tombol tambah, maka akan tampilan program input data karyawan masuk yang ditunjukkan pada gambar 4.33 :
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/ndz27-5khTFgs5GFdUAHjxKsdbgYkR6Jeny5iGZHzXnIW5srG5Pq5UlBdHhD0-2iA_oYAgI7921Yce6U3CwHlI1jEKtbCegQbC7S=w545-h299-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.33''' ''Input'' Data Karyawan Masuk</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program Laporan ''Control Safety''<br>
-Tampilan laporan ''control safety'', menu yang berada setelah data karyawan masuk yang berisi laporan-laporan ''control safety'', berikut ini merupakan tampilan data laporan ''control safety'' yang ditunjukkan pada gambar 4.34 :
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/38Mfm_nMkg1TuViYqXqPQgijAkrQrQo1qfVjQ3fN6RU5I3EkJVTK0QnBBgdLILJL9AggtjWFHj4Zzp_RvhlwhUGMFGXNQBk2LCnF=w549-h299-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.34''' Laporan ''Control Safety''</p></div>
-Klik tombol cetak, maka akan tampilan program cetak laporan ''control safety'' yang ditunjukkan pada gambar 4.35 :
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/1yKQ8-XoswzMuiOAFyjIbrv5e_f_SFop_Fcqdkpmb_JhbkTIBCg5JEYzcFkxmDFiiBCx-TNyX4LZ5e5VsqGWNZuiNmNDvr-IldhT=w491-h298-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.35''' Cetak Laporan ''Control Safety''</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program Laporan Data Karyawan Masuk<br>
-Tampilan laporan karyawan masuk, menu yang berada setelah laporan ''control safety'' yang berisi data-data karyawan masuk, berikut ini merupakan tampilan data laporan karyawan masuk yang ditunjukkan pada gambar 4.36 :
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/TO5bhGBPAWmzV6rl8cMBr79nqOznAq-L8HNMyAmMMOFIRCoEIOpF488TpViopbkAOTBDfjnpCgyI9Ezvl165QDzIXrbKFAIbpy5x=w610-h302-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">''Gambar 4.36 Laporan Data Karyawan Masuk</p></div>
-Klik tombol cetak, maka akan tampilan program cetak laporan data karyawan masuk yang ditunjukkan pada gambar 4.37 :
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/MTTePuYNt6r8fEhET1O2c5k-Vu7pfjv8S9xd0IlxkNK6jBMWbqUiirFtzDTpL5Gg9g3OAUrpHSbI2VyFIibWdL_rAEC3QLjFbmNH=w540-h298-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.37''' Cetak Laporan Data Karyawan Masuk</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program Manajemen User<br>
-Tampilan program manajemen user terdapat manajer dan super admin yang aktif, berikut ini merupakan tampilan manajemen user yang ditunjukkan pada gambar 4.38 :
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/Stnkum1Q_j_j3Ka3xjsSLcuWdjr7A4r5Ed1vk6dv3GOfk6vYEVJ7yVMLwT-zc1bxinhCDsUtYkgxw-TmheVbOtdPG-FTjwY75moe=w581-h297-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.38''' Manajemen User</p></div>
-Klik tombol tambah, maka akan tampilan program input user masuk yang ditunjukkan pada gambar 4.39 :
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/k-HUQ5tAGqmbCJAKe7lJBJPBkVfrO1E32oaFPQ3qDyKZYbO6Q8wN3gEME4zWEJvkbrDk7oJBK-tZXFxWhCfiebRw4PdyfwSxZEEm=w570-h297-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.39''' ''Input User''</p></div>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Tampilan Program Ubah Password<br>
-Tampilan program ubah password terdapat jika manajer ingin mengubah password admin. Berikut ini merupakan tampilan ubah password yang ditunjukkan pada gambar 4.40 :
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/5509a5TWdwlttlzRiqhiM635S6NU5AdEXjhKhsudhzPaPUzgsFdVMURSxg1SMnX_Spsln0ojOlpTkaIBeW3PK5Dz7jkH3pfFjP9Q=w578-h296-rw-no" jsname="tEADhd"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Gambar 4.40 Ubah ''Password''</p></div>
-</ol>
-<br>
-{{pagebreak}}
-<hr width="100%">
 ==='''''Schedule'''''===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tahap ini dibutuhkan untuk rencana implementasi yang berguna dalam melaksanakan penerapan sistem tersebut. Langkah-langkah yang dilakukan dalam usaha untuk mewujudkan suatu sistem yang sedang direncanakan ini, dalam bentuk time schedule yang ditunjukkan pada tabel 4.5 :</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 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>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Tabel 4.5''' ''Schedule''</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-QhQDXw5ckAw/W5U1DXYREII/AAAAAAAABCs/cvqdPsxc6skvWPgcV48x_cIbju9efsH3ACL0BGAs/w530-d-h394-n-rw/time.png"/></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/Ybmzj7GA46eYnOhPtPC0hi-s-8R0rqXMcb9vmd0JjSTt42LZ416Lde4_gGkxPrKR5BdnJohqFIq5AZM91rPnomICERl_dE6HynaO=w698-h426-rw-no" jsname="tEADhd"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Tabel 4.13. Time Schedule Pengembangan Sistem</div>
 <br>
 =='''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 untuk perhitungan kebutuhan yang diperlukan dalam menyelesaikan penelitian yang diusulkan. Berikut ini adalah estimasi biaya yang ditunjukkan pada tabel 4.6 :</p></div>
+<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 peneliti untuk menyelesaikan penelitian yang dilakukan :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in"><p style="line-height: 2">'''Tabel 4.6''' Estimasi Biaya</p></div>
+<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/-ywLvQMnoxic/W5U1Icj_eJI/AAAAAAAABDQ/df2HzEPEp8U0OACwEWC08JaD1fsjHwZQACL0BGAs/w530-d-h457-n-rw/biaya.png"/></div>
-<div align="center"><img style="margin:0px" src="https://lh3.googleusercontent.com/gsrsbFCTScVvSGJU99FzMDR4wAVmgqheyNcmRAgHYw81BAVcjIghu-uP3bso1ufkFLR2QMOjMFZmXbrAdX2Pe_QmMxdJ6-RtKHB9=w580-h498-rw-no" jsname="tEADhd"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Tabel 4.14. Estimasi Biaya</div>
 <br>
 {{pagebreak}}
 <hr width="100%">
@@ Baris 1.897: / Baris 1.690: @@
 =='''Kesimpulan'''==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan hasil penelitian yang telah dilakukan pada PT. Cipta Perdana Lancar Tangerang, maka penulis mengambil kesimpulan untuk menjawab pertanyaan dari rumusan masalah yang telah dijabarkan BAB I yaitu :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan rumusan masalah yang telah diuraikan pada bab sebelumnya, maka dapat diambil kesimpulan mengenai pembuatan modul pembelajaran berbasis web pada SMA Negeri 2 Kota Tangerang sebagai berikut :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Sistem informasi pengolahan data dalam penanganan kesehatan dan keselamatan kerja (K3) pada PT. Cipta Perdana Lancar yang berjalan saat ini yaitu dalam proses penginputan data pengolahan data karyawan, kontrol safety dan materi training tersebut masih manual dengan cara HRD mencari data pribadi karyawan di loker dan Kabag/Karu mengontrol secara manual, maka solusi dari permasalahan di atas yaitu membuatkan sistem yang terkomputerisasi untuk sistem pengolahan data dalam penanganan kesehatan dan keselamatan kerja agar saling terintegrasi satu sama lain. Sehingga menimbulkan data yang dihasilkan berjalan dengan efektif dan efisien.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Sistem pembelajaran yang berjalan saat ini masih belum bisa dikatakan optimal dikarenakan sistem pembelajaran masih sangat bergantung dengan kehadiran guru didalam kelas. Sehingga apabila guru tidak hadir maka siswa tidak mendapatkan materi.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Sistem informasi yang dibutuhkan pada penanganan keselamatan berupa kontrol safety untuk para karyawan yang dilakukan oleh kabag/karu agar terhindar dari kecelakaan, materi tentang kesehatan dan keselamatan kerja agar mereka mengetahui bahaya apa saja jika melanggar aturan kesehatan dan keselamatan kerja, dan data pribadi karyawan untuk manager mendapatkan data lebih efektif dan efisien saat terjadi kecelakaan kerja pada PT. Cipta Perdana Lancar Tangerang.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Untuk memudahkan siswa dalam mendapatkan materi bahan ajar diperlukan adanya sistem pembelajaran yang terkomputerisasi. Dengan adanya modul berbasis web, tentunya dapat memudahkan guru dalam hal menyediakan materi bahan ajar dan memudahkan siswa dalam mendapatkan materi bahan ajar. Sehingga siswa dapat dengan mudah mendapatkan materi dimana saja, kapan saja, dan langsung terhubung dengan jaringan internet.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Dengan adanya rancangan sistem informasi penanganan keselamatan karyawan, pada sistem yang baru sudah dapat mengecek karyawan siapa saja yang sudah safety, sehingga tidak perlu HRD turun ke lapangan untuk mengecek karyawan. Pada sistem yang baru, HRD bisa mendapat data pribadi karyawan dengan mudah untuk dikirimkan ke kantor BPJS saat terjadi kecelakaan, karena karyawan itu sendiri bisa mengupdate data pribadi dan mengupload ID BPJS dan ID KTP.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Untuk merancang sistem modul pembelajaran yang terkomputerisasi, peneliti merancang alur sistem modul pembelajaran pada SMA Negeri 2 Kota Tangerang dengan menggunakan UML (''Unified Modelling Language'') yang terdiri dari Use Case Diagram, Activity Diagram, Sequence Diagram. Lalu membuat analisis sistem pembelajaran yang sedang berjalan menggunakan analisis SWOT (''Strength, Weakness, Opportunities, Threat''). Setelah itu membuat elisitasi tahap I, elisitasi tahap II, elisitasi tahap III, dan ''final draft'' elisitasi. Tahap pembuatan program menggunakan ''Software Sublime text'' untuk mengoding sistem yang telah dirancang oleh peneliti. Bahasa pemrograman yang digunakan yaitu PHP dan ''database'' nya yaitu MySQL.</p></li>
 </ol>
 <br>
 =='''Saran'''==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Agar penggunaan sistem informasi pengolahan data dalam penanganan kesehatan dan keselamatan kerja karyawan pada PT. Cipta Perdana Lancar Tangerang dapat terwujud dengan baik, maka ada beberapa hal yang perlu diperhatikan agar dapat lebih dikembangkan, antara lain :</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan kesimpulan yang telah diuraikan, maka terdapat beberapa saran yang juga sebagai harapan ke depan terhadap modul permbelajaran berbasis web ini diantaranya :</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">PT. Cipta Perdana Lancar membutuhkan suatu sistem terkomputerisasi yang dapat menghasilkan informasi yang akurat, relevan, dan juga tepat waktu pada setiap kontrol safety agar dapat menghindari kecelakaan kerja pada PT. Cipta Perdana Lancar Tangerang.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Dengan adanya sistem yang baru ini, perlu dilakukan pengenalan dan pelatihan tentang sistem modul pembelajaran berbasis web kepada guru dan siswa agar lebih memahami cara pemakaiannya.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Masih diperlukan pengembangan sistem, agar sistem  pengolahan data penanganan kesehatan dan keselamatan kerja dapat lebih baik dan dimengerti oleh pihak HRD ataupun karyawan.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Diharapkan agar pihak pengembangan selanjutnya dapat menambahkan elemen design baru sehingga viewboard ini nantinya akan terlihat lebih user friendly.</p></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Untuk mengatasi permasalahan yang dihadapi maka perlu dibuat sistem yang mampu mengirimkan data secara online ke HRD sehingga karyawan tetap terpantau safetynya agar terhindar dari kecelakaan kerja.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;"><p style="line-height: 2">Untuk tahap selanjutnya pihak sekolah dapat mengembangkan sistem yang lebih luas lagi agar SMA Negeri 2 Kota Tangerang menjadi sekolah unggulan dan up to date dalam bidang teknologi informasi.</p></li>
 </ol>
 <br>

SI1412481237: Perbedaan revisi

Revisi terkini pada 11 September 2018 01.42

Daftar isi

BAB I PENDAHULUAN

Latar Belakang

Rumusan Masalah

Ruang Lingkup

Tujuan dan Manfaat Penelitian

Tujuan Penelitian

Manfaat Penelitian

Metodologi Penelitian

Metode Pengumpulan Data

Metode Analisa Sistem

Metode Perancangan Sistem

Metode Pengujian

Sistematika Penulisan

BAB II LANDASAN TEORI

TEORI UMUM

Konsep Dasar Sistem

Definisi Sistem

Karakteristik Sistem

Klasifikasi Sistem

Konsep Dasar Informasi

Definisi Informasi

Kualitas Informasi

Definisi Data

Konsep Dasar Sistem Informasi

Definisi Sistem Informasi

Komponen Sistem Informasi

Konsep Dasar Analisis Sistem

Definisi Analisa Sistem

TEORI KHUSUS

Definisi Perancangan

Definisi Bahan Ajar

Definisi Pembelajaran

Definisi Kualitas

Definisi Guru

Definisi Pelajar

Definisi Internet

Definisi Website

Definisi Database

Definisi HTML

Definisi Dashboard

Definisi PHP

Definisi MySQL

Konsep Dasar UML (Unifed Modeling Language)

Definisi UML (Unifed Modeling Language)

Jenis-Jenis Diagram Unified Modelling Language (UML)

Definisi Bootstrap

Konsep Dasar Perangkat Lunak Pendukung

Definisi Sublime Text

Definisi XAMPP

Definisi Content Management System (CMS)

Komponen Dasar Analisis SWOT

Definisi Analisis SWOT

Tujuan Analisis SWOT

Definisi Black Box Testing

Konsep Dasar Elisitasi

Definisi Elisitasi

Tahapan Elisitasi

Konsep Dasar Literature Review

Definisi Literature Review

Tujuan Literature Review

Literature Review

BAB III PEMBAHASAN

Gambaran Umum SMA Negeri 2 Kota Tangerang

Sejarah Singkat SMA Negeri 2 Kota Tangerang

Visi dan Misi SMA Negeri 2 Kota Tangerang

Struktur Organisasi SMA Negeri 2 Kota Tangerang

Wewenang dan Tanggung Jawab

Tata Laksana Sistem Yang Berjalan

Prosedur Sistem Yang Berjalan

Rancangan Prosedur Sistem Yang Berjalan

Use Case Sistem Yang Berjalan

Activity Diagram Sistem Yang Berjalan

Sequence Diagram Sistem Yang Berjalan

Analisa Sistem yang Berjalan

Metode Analisa Sistem

Metode Analisa Masukan, Analisa Proses, Analisa Keluaran

Kofigurasi Sistem Berjalan

BAB I

PENDAHULUAN

BAB II

LANDASAN TEORI

**Konsep Dasar UML (Unifed Modeling Language)**

**Definisi UML (Unifed Modeling Language)**

**Jenis-Jenis Diagram Unified Modelling Language (UML)**

BAB III

PEMBAHASAN

***User* *Requirement***

BAB IV

METODOLOGI PENELITIAN

**Rancangan Prototype yang Diusulkan**

**Hak Akses (Brainware)**

BAB V

PENUTUP