NIM	: 1614495507
Nama	: Dwiana Octavia
Fakultas	: Sains dan Teknologi
Program Pendidikan	: Strata Satu
Program Studi	: Sistem Informasi
Konsentrasi	: Komputer Akuntansi

Disahkan Oleh :

Tangerang, Februari 2020

Rektor	Dekan Fakultas	Ketua Program Studi
Universitas Raharja	Sains Dan Teknologi	Sistem Informasi




(Dr. Po. Abas Sunarya,M.Si)	(Sugeng Santoso M.Kom)	( Desy Apriani, S.Kom.,M.T.I)
NIP : 000603	NIP :006095	NIP :010814

UNIVERSITAS RAHARJA

LEMBAR PERSETUJUAN PEMBIMBING

PERANCANGAN SISTEM INFORMASI PERSEDIAAN BARANG

PT. INSTAPRINT JAYA PRIMATAMA

Dibuat Oleh :

NIM	: 1614495507
Nama	: Dwiana Octavia

Telah disetujui untuk dipertahankan dihadapan Tim Penguji Ujian Komprehensif

Fakultas Sains dan Teknologi

Program Studi Sistem Informasi

Konsentrasi Komputer Akuntansi

Tahun Akademik 2019/2020

Disetujui Oleh :

Tangerang, Januari 2020

Pembimbing I			Pembimbing II




(Janu Ilham Saputro, S.Kom,. MM)			(Rano Kurniawan, M.Kom)
NID : 16001			NID : 09013

UNIVERSITAS RAHARJA

LEMBAR PERSETUJUAN DEWAN PENGUJI

PERANCANGAN SISTEM INFORMASI PERSEDIAAN BARANG

PT. INSTAPRINT JAYA PRIMATAMA

Dibuat Oleh :

NIM	: 1614495507
Nama	: Dwiana Octavia

Disetujui setelah berhasil dipertahankan dihadapan Tim Penguji Ujian Komprehensif

Fakultas Sains dan Teknologi

Program Studi Sistem Informasi

Konsentrasi Komputer Akuntansi

Tahun Akademik 2019/2020

Disetujui Penguji :

Tangerang,

Ketua Penguji	Penguji I	Penguji II




(_____________)	(_____________)	(_____________)
NID :	NID :	NID :

UNIVERSITAS RAHARJA

LEMBAR KEASLIAN SKRIPSI

PERANCANGAN SISTEM INFORMASI PERSEDIAAN BARANG

PT. INSTAPRINT JAYA PRIMATAMA

Disusun Oleh :

NIM	: 1614495507
Nama	: Dwiana Octavia
Program Pendidikan	: Strata Satu
Program Studi	: Sistem Informasi
Konsentrasi	: Komputer Akuntansi

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 baik di lingkungan Universitas Raharja maupun di Universitas 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, Januari 2020

(Dwiana Octavia)

NIM : 1614495507

)*Tanda tangan dibubuhi materai 6.000;

ABSTRAKSI

Teknologi informatika semakin cepat berkembang segala kegiatan ataupun aktifitas yang ada di dunia ini menjadi sangat penting dalam menentukan kemajuan perusahaan, baik dalam kegiatan operasional maupun kegiatan non-operasional salah satunya yaitu laporan persediaan barang yang mana harus menghasilkan laporan yang tepat dan akurat. Dalam penyusunan laporan persediaan barang dibutuhkan sistem yang terkomputerisasi, sehingga setiap proses yang berjalan dalam pembuatan laporan dapat berjalan secara efektif dan efisien. PT Instaprint Jaya Primatama merupakan perusahaan yang bergerak di bidang digital printing. Permasalahan pada PT. Instaprint Jaya Primatama adalah belum memiliki sistem yang mencakup stok barang, sistem yang berjalan saat ini masih memiliki banyak masalah seperti memerlukan waktu yang cukup lama untuk mengetahui jumlah persediaan barang karena admin stok harus menghitung secara langsung jumlah stok fisik setiap hari dan juga pembuatan laporan persediaan masih menggunakan Ms. Excel sehingga terjadi keterlambatan dalam kinerja perusahaan. Oleh karena itu dibutuhkan suatu sistem yang dapat menghasilkan laporan persediaan barang yang lebih efektif dan efisien. Penelitian ini menggunakan metode analisa PIECES, permodelan sistem dengan menggunakan Unified Modelling Language (UML) untuk menggambarkan secara visualisasi, yang selanjutnya diimplementasikan dengan bahasa pemrograman Hypertext Preprocessor (PHP) dengan basis data MySQL-Server sebagai database yang digunakan. Dengan adanya sistem persediaan barang, dapat mempermudah admin stok untuk menghasilkan laporan yang akurat dengan waktu yang cepat sehingga dapat menciptakan kinerja yang efektif dan efisien.

Kata Kunci : Persediaan Barang, Admin Stok, Sistem Persediaan.

ABSTRACT

Information technology is rapidly developing all activities in the world become very important in determining the progress of the company, both in operational and non-operational activities, one of which is the inventory report which must produce accurate and accurate reports. In preparing the inventory report needed a computerized system, so that every process that runs in making the report can run effectively and efficiently. PT Instaprint Jaya Primatama is a company engaged in the field of digital printing. Problems at PT. Instaprint Jaya Primatama is not yet having a system that includes stock of goods, the current system still has many problems such as requiring a long time to find out the amount of inventory because the stock admin must calculate directly the amount of physical stock every day and also making inventory reports still use Ms. Excel so there is a delay in the company's performance. Therefore we need a system that can produce a more effective and efficient inventory report. This study uses the PIECES analysis method, system modeling using Unified Modelling Language (UML) to visualize, which is then implemented with the Hypertext Preprocessor (PHP) programming language with the MySQL-Server database as the database used. With the inventory system, it can facilitate the stock admin to produce accurate reports in a fast time so as to create effective and efficient performance.

Keywords: Inventory, Stock Admin, Inventory System.

KATA PENGANTAR

Puji syukur kepada Allah SWT yang telah melimpahkan segala rahmat dan hidayah-Nya, sehingga penulis dapat menyelesaikan laporan Skripsi ini dengan judul “PERANCANGAN SISTEM INFORMASI PERSEDIAAN BARANG PADA PT. INSTAPRINT JAYA PRIMATAMA”.

Tujuan penulisan laporan Skripsi ini sebagai syarat dalam menyelesaikan Program Pendidikan Strata 1 Program Studi Sistem Informasi pada Universitas Raharja.

Penulis menyadari bahwa tanpa adanya bimbingan dan dorongan dari berbagai pihak, penulis tidak dapat menyelesaikan laporan penelitian ini dengan baik dan tepat pada waktu yang telah ditentukan. Pada kesempatan ini, penulis ingin menyampaikan rasa terima kasih kepada pihak-pihak yang telah membantu serta mendukung penulis dalam menyelesaikan laporan penelitian ini, diantaranya:

Bapak Dr. Po. Abas Sunarya, M.Si selaku Rektor Universitas Raharja
Bapak Sugeng Santoso, M. Kom selaku Dekan Fakultas Sains dan Teknologi Universitas Raharja
Ibu Desy Apriani S. Kom., M.T.I selaku Ketua Program Studi Sistem Informasi Universitas Raharja
Bapak Janu Ilham Saputro, S.Kom., MM selaku pembimbing I yang telah berkenan memberikan bimbingan dan pengarahan serta motivasi & dukungan kepada penulis sehingga skripsi ini dapat diselesaikan dengan baik.
Bapak Rano Kurniawan, M.Kom., selaku pembimbing II yang telah berkenan memberikan berbagai masukan, bimbingan dan pengarahan kepada penulis.
Kepada Ibu Adinda Esa Putri, SE. selaku Supervisor Finance yang telah memberikan izin kepada penulis untuk melakukan penelitian di PT. Instaprint Jaya Primatama
Kepada Ibu Retno Wulan Ningsih selaku stakeholder yang telah berkenan memberikan bimbingan dan pengarahan kepada penulis.
Bapak dan Ibu Dosen Universitas Raharja yang telah memberikan ilmu pengetahuan kepada penulis.
Kedua Orang Tua, Adik, dan Keluarga yang telah memfasilitasi dan selalu memberikan perhatian penuh yang begitu besar kepada penulis untuk selalu bersemangat dalam mencari ilmu, dan memberikan begitu banyak arahan yang positif bagi kehidupan penulis.
Para pegawai PT. Instaprint Jaya Primatama yang telah membantu penulis dan memberikan dukungan selama melakukan penelitian.
Special thanks to Ade Sochibul Fahri, Restu Adi Pradana, Hurdjanto Wibisono, Firda Evilya Arifin, Silvia Permatasari, Dewi Nur Khasanah, Ratna Nur Aulia, Dzakwan Taqiyyudin Al Fatah, dan Ridhoi Ridwan) yang telah memberikan dukungan dan masukan kepada penulis. .

Penulis menyadari bahwa dalam menulis laporan penelitian ini masih jauh dari sempurna. Oleh sebab itu, penulis mengharapkan kritik dan saran yang membangun, sebagai pemicu agar berkarya lebih baik lagi. Semoga laporan penelitian ini dapat bermanfaat bagi semua pihak khususnya bagi Universitas Raharja.

Tangerang, Januari 2020

(Dwiana Octavia)

NIM : 1614495507

Daftar isi

1 BAB I
2 BAB II
3 BAB III
4 BAB IV
5 BAB V
- 5.1 Kesimpulan
- 5.2 Saran
6 DAFTAR PUSTAKA

DAFTAR TABEL

Tabel 3.1 Analisa Pieces
Tabel 3.2 Elisitasi Tahap I
Tabel 3.3 Elisitasi Tahap II
Tabel 3.4 Elisitasi Tahap III
Tabel 3.5 Final Draft Elisitasi
Tabel 4.1 : Perbedaan Sistem Berjalan Dengan Sistem Usulan
Tabel 4.2 Master Data Divisi
Tabel 4.3 Master Data Supplier
Tabel 4.4 Master Data Barang
Tabel 4.5 Master Data Unit
Tabel 4.6 Master Data Kategori Detail
Tabel 4.7 Master Data PO Detail
Tabel 4.8 Transaksi Request Order
Tabel 4.9 Transaksi Purchase Order
Tabel 4.10 Transaksi Barang Keluar
Tabel 4.11 Transaksi Barang Masuk
Tabel 4.12 Master Data Menu
Tabel 4.13 Master Data User
Tabel 4.14 Master Data Role</i>
Gambar 4.30 Time Schedule
Tabel 4.31 Estimasi biaya

DAFTAR GAMBAR

Gambar 3.1. Produk PT Instaprint Jaya Primatama
Gambar 3.2 Alur Produksi Online Instaprint</i>
Gambar 3.3 Alur Produksi Offline Instaprint
Gambar 3.4 Struktur Organisasi PT. Instaprint Jaya Primatama
Gambar 3.5 Use Case Diagram Persediaan Sistem Yang Berjalan
Gambar 3.6 Activity Diagram Persediaan Barang
Gambar 3.7 Sequence Diagram Persediaan Barang
Gambar 4.1 Use Case Diagram Persediaan Barang
Gambar 4.2 Activity Diagram Barang Keluar
Gambar 4.3 Activity Diagram Request Order
Gambar 4.4 Activity Diagram Purchase Order
Gambar 4.5 Activity Diagram Barang Masuk
Gambar 4.6 Sequence Diagram Operator
Gambar 4.7 Sequnece Diagram Admin Stok
Gambar 4.8 Sequence Diagram Purchasing
Gambar 4.9 Sequence Diagram Pimpinan Finance
Gambar 4.10 Class Diagram Persediaan Barang
Gambar 4.11 Rancangan Halaman Login
Gambar 4.12 Rancangan Halaman Dashboard
Gambar 4.13 Rancangan Tampilan Stock Menu Request Order
Gambar 4.14 Rancangan Tampilan Stock Menu Purchase Order
Gambar 4.15 Rancangan Tampilan Stock Menu Barang Masuk
Gambar 4.16 Rancangan Tampilan Stock Menu Barang Keluar
Gambar 4.17 Rancangan Tampilan Menu Divisi
Gambar 4.18 Rancangan Tampilan Menu Supplier
Gambar 4.19 Rancangan Tampilan Menu Barang</i>
Gambar 4.20 Rancangan Tampilan Menu Kategori Detail
Gambar 4.21 Rancangan Tampilan Menu User
Gambar 4.28 Tampilan Halaman Login Stock
Gambar 4.29 Tampilan Halaman Dashboard Stock
Gambar 4.30 Tampilan Halaman Stock
Gambar 4.31 Tampilan Halaman Request Order Stock
Gambar 4.32 Tampilan Halaman Purchase Order Stock
Gambar 4.33 Tampilan Halaman Barang Masuk Stock
Gambar 4.34 Tampilan Halaman Barang Keluar Stock
Gambar 4.35 Tampilan Halaman Divisi Stock
Gambar 4.36 Tampilan Halaman Supplier Stock
Gambar 4.37 Tampilan Halaman Barang Stock
Gambar 4.38 Tampilan Halaman Kategori Detail Stock
Gambar 4.65 Pengujian login apabila mengosongkan username dan password
Gambar 4.66 Hasil pengujian login apabila mengosongkan username dan password
Gambar 4.67 Pengujian login apabila username dan password salah
Gambar 4.68 Hasil pengujian login apabila username dan password salah
Gambar 4.69 Pengujian menu request order apabila input data lengkap
Gambar 4.70 Hasil pengujian menu request order apabila input data lengkap
Gambar 4.71 Hasil pengujian menu request order apabila input data tidak lengkap
Gambar 4.72 Pengujian Eksport Data Report Stock
Gambar 4.73 Hasil pengujian eksport data report stock
Gambar 4.74 Pengujian menu logout
Gambar 4.75 Hasil pengujian menu logout

DAFTAR SIMBOL

Simbol Use Case Diagram

Simbol Activity Diagram

Simbol Sequence Diagram

BAB I

PENDAHULUAN

Latar Belakang

Kemajuan teknologi memungkinkan manusia memiliki kualitas hidup yang semakin baik. Berbagai kegiatan dan aktivitas yang dahulu harus dilakukan secara manual dan membutuhkan waktu, energi, dan pikiran, kini dapat dilakukan secara efektif dan efisien dengan bantuan teknologi.

Perkembangan teknologi informasi dan komunikasi semakin lama semakin pesat karena manusia memiliki kecenderungan untuk selalu mencari dan mendapatkan lebih dari apa yang sudah ada. Perangkat teknologi informasi dan komunikasi diciptakan oleh manusia untuk kepentingan manusia juga. Sampai pada puncaknya sekarang ini, keberadaan teknologi informasi dan komunikasi ternyata mampu menjadi pendorong majunya kehidupan manusia dalam berbagai aspek, terlebih dengan hadirnya teknologi internet yang mampu menjadi jembatan komunikasi antar manusia di muka bumi. Semakin banyak manusia yang menyadari peranan yang dimainkan oleh produk teknologi informasi dan komunikasi dan mencoba untuk mengikuti perkembangannya sekaligus memanfaatkannya.

Seiring berkembangnya teknologi informasi dan komunikasi, persaingan bisnis dalam dunia industri semakin ketat. Jumlah perusahaan semakin banyak dan terus melakukan usaha dan strategi dalam mempertahankan bisnisnya. Oleh karena itu, setiap perusahaan akan mengelola persediaan barang ( inventory ) semaksimal mungkin agar dapat memenuhi kebutuhan pelanggan.

Seiring berkembangnya teknologi informasi dan komunikasi, persaingan bisnis dalam dunia industri semakin ketat. PT. Instaprint Jaya Primatama merupakan perusahaan yang bergerak dibidang percetakan, selama ini sistem pendataan persediaan stok barang yang berjalan masih semi komputerisasi dan membutuhkan sistem untuk mengelola dan menjalankan suatu kegiatan operasionalnya, karena sistem yang digunakan masih menggunakan Microsoft Excel dan sangat memerlukan waktu yang cukup lama untuk mengetahui jumlah persediaan barang karena admin stok harus menghitung secara langsung jumlah stok fisik yang sering menimbulkan terjadinya selisih antara barang masuk dan barang keluar sehingga selalu terjadi kesalahan perhitungan oleh admin stok, membutuhkan waktu yang lama untuk membuat laporan permintaan dan pengeluaran barang sehingga menyebabkan kinerja perusahaan menjadi terhambat, oleh karena itu diperlukan suatu sistem informasi persediaan yang tepat dan dapat mengolah data persediaan barang menjadi suatu informasi yang cepat, tepat dan akurat.

Berdasarkan penjelasan latar belakang diatas, maka dari itu penulis menganalisa lebih lanjut dengan mengangkat judul penelitian yaitu “PERANCANGAN SISTEM INFORMASI MANAJEMEN PERSEDIAAN BARANG PADA PT. INSTAPRINT JAYA PRIMATAMA”.

Rumusan Masalah

Berdasarkan latar belakang yang telah dijelaskan di atas maka, penulis merumuskan beberapa masalah sebagai berikut:

Bagaimana sistem persediaan keluar masuk barang yang sedang berjalan di PT Instaprint Jaya Primatama ?
Bagaimana cara admin stok agar persediaan barang terhindar dari kekurangan atau kelebihan stok di gudang ?
Bagaimana merancang sistem yang dapat membantu bagian stok barang dalam mengelola laporan data persediaan barang di PT Instaprint Jaya Primatama ?

Ruang Lingkup

Agar dalam pembahasan lebih terarah dan berjalan dengan baik maka perlu adanya batasan masalah pada perancangan ini. Berdasarkan hal di atas, ruang lingkup penelitian ini hanya dibatasi pada proses pembelian barang dari customer, proses pemakaian barang berdasarkan voucher stok, proses pembelian barang kepada supplier, dan pengolahan laporan persediaan barang.

Tujuan dan Manfaat Penelitian

Tujuan Penelitian

Tujuan penelitian merupakan rumusan kalimat yang menunjukkan adanya hasil, sesuatu yang diperoleh setelah penelitian selesai, sesuatu yang akan dituju atau dicapai dalam sebuah penelitian yang dilakukan. Adapun tujuan yang ingin dicapai dari penelitian yang dilakukan adalah sebagai berikut :

Untuk mengetahui bagaimana sistem informasi persediaan barang yang sedang berjalan pada PT. Instaprint Jaya Primatama.
Menganalisa permasalahan yang terjadi pada sistem persediaan barang di PT. Instaprint Jaya Primatama.
Merancang sebuah sistem untuk membantu bagian stok barang dalam mengelola data persediaan agar lebih akurat.

Manfaat Penelitian

Dari penelitian ini, diharapkan dapat memberikan manfaat yang baik diantaranya :

Menambah pengetahuan dan pengalaman bagi penulis serta memperluas wawasan mengenai persediaan barang.
Terkumpulnya data - data mengenai kelemahan dan kekurangan sistem yang sedang berjalan sehingga dapat membantu perusahaan dengan cara melakukan pengembangan sistem yang lebih baik lagi.
Dapat menghasilkan rancangan aplikasi yang mempermudah kegiatan proses keluar masuk barang.

Metode Penelitian

Untuk mendapatkan data yang diperlukan dalam pembuatan skripsi, maka peneliti menggunakan tiga metode yaitu metode pengumpulan data, metode analisis, dan metode perancangan.

Metode Pengumpulan Data

Metode pengumpulan data yang digunakan oleh penulis, diantaranya :

Metode Pengamatan Langsung (Observation).

Penulis melakukan peninjauan langsung pada PT. Instaprint Jaya Primatama untuk melihat sistem persediaan yang berjalan saat ini, dan melakukan pengamatan untuk mengetahui kendala-kendala apa saja lalu menarik kesimpulan mengenai masalah-masalah pada sistem tersebut.

Metode Wawancara (Interview).

Untuk mendapatkan data-data yang diperlukan, penulis melakukan sesi wawancara atau tanya jawab secara lisan kepada pihak-pihak yang bersangkutan, khususnya admin stock.

Studi Pustaka

Untuk mendapatkan informasi yang terkait dengan penelitian ini, penulis mendapatkannya dengan cara mengunjungi perpustakaan untuk membaca dan mempelajari buku-buku, jurnal dan hasil penelitian lain yang relevan terkait dengan judul yang diambil, sehingga penulis mendapatkan gambaran untuk penganalisaan dan membuat perancangan pada penulisan ini.

Metode Analisis Sistem

Pada penelitian ini penulis menggunakan metode analisa PIECES (Performance, Information, Economic, Control, Efficiency, Service). Dari analisis ini biasanya dapat dilihat beberapa masalah utama dikarenakan yang sering muncul dipermukaan bukan sebuah masalah utama, tetapi hanya sebuah gejala dari masalah utama.

Tahapan analisis ini merupakan tahapan penelitian dari sistem berjalan dengan tujuan merancang sebuah sistem yang baru dengan menggunakan analisa Object Oriented Analysis (OOA) dengan alat bantu UML (Unified Modelling Language) serta menggunakan Software Visual Paradigm yaitu sebuah bahasa yang berdasarkan grafik atau gambar, memvisualisasikan, mengspesifikasikan, membangun dan mendokumentasikan dari sebuah sistem pengembangan piranti lunak berbasis Object Orientied melalui tahap Use Case Diagram, Sequence Diagram, Activity Diagram, dan lain sebagainya.

**Metode Perencanaan (Planning)**

Tahap perencanaan adalah tahap awal pengembangan sistem yang mendefinisikan perkiraan kebutuhan-kebutuhan sumber daya, seperti : perangkat fisik, metode dan anggaran yang sifatnya masih umum. Didalam tahapan ini juga terdapat beberapa aktivitas pada pengembangan sistem yaitu : Mendefinisikan tujuan dan ruang lingkup pengembangan, mengidentifikasi kendala-kendala sistem, menentukan serta evaluasi strategi yang akan digunakan dalam pengembangan.

**Desain (Design)**

Metode ini adalah tahap desain yaitu menentukan proses data yang diperlukan oleh sistem baru dengan tujuan untuk memenuhi kebutuhan user dengan alat bantu UML (Unified Modeling Language). Sebuah proses desain ini akan menerjemahkan syarat kebutuhan kesebuah perancangan perangkat lunak yang dapat diperkirakan sebelum dibuat coding. Proses ini berfokus pada sebuah struktur data dengan menggunakan MySQL, arsitektur perangkat lunak, presentasi interface dengan menggunakan Sublime Text 3 dan detail algoritma prosedural dengan pembuatan database yang digunakan adalah XAMPP yang sudah mencakup Apache, PHP dan MySQL. Sebagai sebuah aplikasi browsing yang dipakai penulis menggunakan Mozilla Firefox. Tahapan ini akan menghasilkan sebuah dokumen yang disebut software requirement. Dokumen inilah yang digunakan untuk melakukan sebuah aktivitas dalam pembuatan sistemnya, konfigurasi sistem dan menyampaikan usulan implementasi.

**Implementasi (Implementation)**

Tahap implementasi adalah tahap dimana rancangan sistem yang sudah jadi lalu dibentuk menjadi suatu kode (program) yang siap untuk dioperasikan. Langkah-langkahnya yaitu menyiapkan fasilitas fisik dan melakukan simulasi. Pengujian yang digunakan pada tahap implementasi yaitu Blackbox Testing. Blackbox Testing adalah metode uji coba yang memfokuskan pada keperluan software.

**Pemeliharaan (Maintenance)**

Tahapan selanjutnya diperlukan adanya pemeliharaan secara berkala terhadap pemakaian program, audit sistem, penjagaan, perbaikan dan pengembangan sistem. Agar program aplikasi yang sudah dibuat dapat diperbaiki dan dikembangkan dengan baik sesuai kebutuhan perusahaan seiring dengan kemajuan teknologi.

**Metode Pengujian (Testing)**

Dalam penelitian ini metode testing yang digunakan adalah Black Box Testing yaitu metode uji coba yang memfokuskan kepada keperluan software, karena itu uji coba Black Box memungkinkan pengembangan software untuk membuat himpunan kondisi input yang akan melatih seluruh syarat-syarat fugnsional suatu program. Metode pengujian Black box berusaha untuk menemukan kesalahan dalam beberapa kategori, diantaranya: fungsi - fungsi yang salah atau hilang, kesalahan dalam struktur data atas akses database eksternal, kesalahan performa kesalahan inisialisasi, dan terminasi.

Sistematika Penulisan

Agar pemahaman tentang penelitian Skripsi ini menjadi lebih mudah maka, penulis mengelompokkan beberapa materi menjadi sub bab dengan sistematika penulisan sebagai berikut : :

BAB I PENDAHULUAN

Bab I menjelaskan antara lain latar belakang, rumusan masalah, tujuan penulisan, manfaat penulisan, metode penelitian, metode analisa, metode perancangan, metode pengujian dan, sistematika penulisan.

BAB II LANDASAN TEORI

Bab II ini berisikan landasan teori yang berhubungan dengan pembahasan masalah antara lain definisi ilmu berupa teori umum dan teori khusus serta beberapa literature review yang berhubungan dengan penelitian..

BAB III ANALISA SISTEM YANG BERJALAN

Bab III menjelaskan tentang gambaran umum PT. Instaprint Jaya Primatama, sejarah singkat perusahaan, struktur organisasi, tugas dan tanggung jawab dari masing-masing bagian, serta visi dan misi perusahaan. Selanjutnya, dijelaskan juga tata laksana sistem yang berjalan, permasalahan yang dihadapi, alternative pemecahan masalah, user requirement yang terdiri dari 4 (empat) tahap elisitasi, yaitu elisitasi tahap I, elisitasi tahap II, elisitasi tahap III, dan final draft elisitasi yang merupakan final elisitasi yang diusulkan.

BAB IV RANCANGAN SISTEM YANG DIUSULKAN

Bab IV berisikan rancangan sistem yang akan diusulkan pada PT. Instaprint Jaya Primatama, UML yang diusulkan, rancangan basis data, rancangan tampilan layar, tampilan output program, pengujian dengan black box testing, prototype sistem dan rancangan implementasi, estimasi biaya.

BAB V PENUTUP

Bab V berisi tentang kesimpulan dari hasil analisa yang dilakukan, selain itu pada bab ini juga berisi saran yang berhubungan dengan penelitian skripsi.

DAFTAR PUSTAKA

DAFTAR LAMPIRAN

BAB II

LANDASAN TEORI

Teori Umum

Konsep Dasar Sistem

Definisi Sistem

Menurut Hutahean (2015:2) ^[1] menjelaskan bahwa sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan kegiatan atau untuk melakukan sasaran yang tertentu.

Menurut Muslihudin (2016:2) ^[2] menjelaskan bahwa sistem adalah sekumpulan komponen atau jaringan kerja dari prosedur–prosedur yang saling berkaitan dan saling bekerja sama membentuk suatu jaringan kerja untuk mencapai sasaran atau tujuan tertentu.

Menurut Dini Hamidini Maniah (2017:1) ^[3] 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”.

Dari beberapa pengertian diatas dapat disimpulkan bahwa sistem adalah suatu kumpulan prosedur-prosedur suatu jaringan kerja yang menghasilkan informasi dan saling berhubungan satu sama lain serta dirancang untuk mencapai tujuan bersama.

Karakteristik Sistem

Menurut Jeperson Hutahaean (2015:3) ^[1] karakteristik sistem yang baik, sebagai berikut :

Komponen Sistem
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 dipandang sebagai satu kesatuan. Batasan suatu sistem menunjukkan ruang lingkup (scope) dari sistem tersebut.
Lingkungan Luar Sistem
Lingkungan luar adalah diluar batas dari sistem yang mempengaruhi operasi sistem. Lingkungan dapat bersifat menguntungkan yang harus tetap dijeda dan yang merugikan harus dijaga dan dikendalikan, kalau tidak akan mengganggu kelangsungan hidup dari sistem.
Penghubung Sistem
Penghubung (Interface) merupakan media penghubung antara satu subsistem dengan subsistem yang 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
Masukan atau input merupakan energi yang dimasukan ke dalam sistem. Masukan dapat berupa masukan perawatan (maintenance input), yaitu bahan yang dimasukkan agar sistem tersebut dapat beroperasi dan masukan sinyal (signal input), yaitu masukan yang diproses untuk mendapatkan keluaran.
Keluaran Sistem (output)
Keluaran (output) merupakan hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna dan sisa pembangunan. Contoh komputer menghasilkan panas yang merupakan sisa pembuangan, sedangkan informasi adalah keluaran yang dibutuhkan.
Pengolahan Sistem
Pengolahan sistem. Suatu sistem menjadi bsgian pengolah yang akan merubah masukan menjadi keluaran. Sistem produksi akan mengolah bahan baku menjadi bahan jadi.
Sasaran Sistem
Suatu sistem pasti mempunyai tujuan (goal) atau sasaran (objektif). Sasaran dari sistem sangat menentukan input yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem.

Klasifikasi Sistem

Menurut Jaluanto Sunu Punjul Tyoso (2016:5)^[4]dalam bukunya yang berjudul Sistem Informasi Manajemen, sistem dapat diklasifikasi dari beberapa aspek, diantaranya sebagai berikut :

Sistem Alamiah (Natural System)

Sistem alamiah adalah sistem yang muncul secara alamiah tanpa campur tangan manusia. Misalnya sistem perputaran bumi.

Sistem Tiruan (Artificial System)

SSistem tiruan diciptakan untuk mendukung tujuan tertentu. Ukuran keberhasilan sistem tiruan adalah efektifitas dan efisiensi (berhasil guna dan berdaya guna). Efektifitas mengukur seberapa tinggi suatu sistem mampu mencapai tujuannya, sedangkan efisiensi mengukur pemakaian masukan (sumber daya) dalam memproduksi keluaran tertentu dari sistem yang digunakan.

Sistem Deterministik (Deterministic System)

Sistem deterministik, bekerjanya sistem ini dapat diramalkan sebelumnya. Masukan sistem ini secara pasti menentukan jenis keluarannya. Contoh sistem ini yaitu sebuah microprocessor chip atau paket perangkat lunak program tertentu.

Sistem Probabilistik (Probabilistic System)

Sistem probabilistik dapat dilacak hanya dengan menggunakan nilai distribusi probabilitas selalu ada ketidakpastian nilai yang sesungguhnya pada sembarang waktu.

Sistem Tertutup (Closed System)

Sistem tertutup merupakan sistem yang tidak berhubungan dengan lingkungan luarnya. Pada sistem ini tidak terjadi pertukaran atau penggunaan sumber daya dengan atau dari lingkungannya, mengingat sistem ini tidak menggunakan input dari lingkungannya, maka output dari sistem ini tidak berkaitan dengan lingkungannya pula. Contoh dari sistem tertutup yaitu batu baterai atau traffic light. Sistem ini akan habis masa pakainya bersamaan dengan habisnya sumber daya yang dipakai atau dengan sengaja pihak perusahaan menghentikan sistem yang bersangkutan karena telah mencapai tujuannya.

Sistem Terbuka (Opened System)

Sistem terbuka adalah sistem yang menggunakan sumber daya dari lingkungannya sehingga keluarannya berkaitan dengan lingkungannya juga. Masukan dan keluaran sistem ini dapat diketahui atau ditentukan dan ada yang tidak diketahui sama sekali (predefined and unknown input or output). Dengan demikian, kita harus memilih input dan output seperti yang diharapkan.

Sistem Relatif Tertutup (Relatively Closed System)

Diantara kedua sistem tersebut (terbuka dan tertutup) terdapat suatu sistem relatif tertutup (relatively closed system). Sistem ini melakukan pertukaran sumber daya dengan lingkungannya hanya melalui input dan output yang telah ditentukan terlebih dahulu dengan baik. Input dan output tersebut dipastikan bersamaan dengan dirancangnya sistem ini, inputnya dikendalikan sehingga cocok dengan rancang bangun sistem relatif tertutup.

Konsep Dasar Data dan Informasi

Definisi Data

Menurut Gordon B. Davis dalam buku Jeperson Hutahean Konsep Sistem Informasi (2015:8)^[1]Data adalah bahan mentah bagi informasi, dirumuskan sebagai kelompok lambang-lambang tidak acak menunjukkan jumlah-jumlah, tindakan-tindakan, hal-hal dan sebagainya.

Menurut Nafiudin (2019:24) ^[5] Data adalah himpunan simbol atau stimulan yang tidak / belum mempunyai arti atau nilai apapun secara tersendiri.

Dari beberapa pendapat diatas dapat disimpulkan data adalah sekumpulan bahan mentah bagi informasi yang belum mempunyai arti ataupun nilai tersendiri.

Definisi Informasi

Menurut Gordon B. Davis dalam buku Jeperson Hutahean Konsep Sistem Informasi (2015:9) ^[1] menjelaskan bahwa Informasi adalah data yang telah diolah menjadi suatu bentuk yang penting bagi si penerima dan mempunyai nilai nyata atau yang dapat dirasakan dalam keputusan-keputusan yang sekarang atau keputusan-keputusan yang akan datang.

Menurut Nafiudin (2019:24) ^[5] Informasi merupakan data yang telah diproses menurut sekumpulan aturan dan telah memiliki arti atau nilai.

Berdasarkan beberapa pendapat diatas maka dapat ditarik kesimpulan bahwa informasi adalah data yang telah diolah dan diproses dengan cara tertentu menjadi bentuk yang penting dan memiliki arti atau nilai.

Kualitas Informasi

Menurut Sutabri dalam Maslihudin dan Oktafianto yang dikemas ulang oleh S Junikha ^[6] mengemukakan bahwa kualitas informasi tergantung dari tiga (3) hal, yaitu :

Informasi Akurat (accurate)

Informasi harus bebas dari kesalahan dan tidak bias atau menyesatkan. Akurat juga berarti bahwa informasi harus jelas mencerminkan maksudnya. Informasi harus akurat karena dari sumber informasi sampai ke penerima informasi kemungkinan banyak terjadi gangguan yang dapat mengubah atau merusak informasi tersebut.

Tepat Waktu

Informasi yang sampai pada si penerima tidak boleh terlambat, informasi yang sudah usang tidak akan mempunyai nilai lagi. Karena informasi merupakan landasan didalam pengambilan keputusan. Bila pengambilan keputusan terlambat, maka dapat berakibat fatal untuk organisasi. Mahalnya nilai informasi disebabkan harus cepatnya informasi tersebut didapat, sehingga diperlukan teknologi – teknologi mutakhir untuk mendapatkan, mengolah, dan mengirimkannya.

Relevan (relevance)

Informasi tersebut mempunyai manfaat untuk pemakainya. Relevansi untuk setiap orang, satu dengan yang lainnya adalah berbeda. Sebagai contoh informasi mengenai sebab musabab kerusakan mesin produksi kepada akuntan perusahaan adalah kurang relevan dan akan lebih relevan bila ditujukan kepada ahli teknik perusahaan. Sebaliknya informasi mengenai harga pokok produksi untuk ahli teknik merupakan informasi yang kurang relevan, tetapi relevan untuk akuntan.

Fungsi Informasi

Menurut Hutahean dalam jurnal S Junikha ^[6] fungsi informasi yaitu menambah pengetahuan atau mengurangi ketidakpastian pemakai informasi, karena informasi berguna memberikan gambaran tentang suatu permasalahan sehingga pengambil keputusan dapat menentukan keputusan lebih cepat, informasi juga memberikan keputusan lebih cepat, informasi juga memberikan standard, aturan maupun indikator bagi pengambil keputusan.

Nilai Informasi

Menurut Sutabri dalam jurnal S Junikha ^[6] Nilai informasi ditentukan oleh 2 (dua) hal, yaitu manfaat dan biaya untuk mendapatkannya. Suatu informasi dikatakan bernilai jika manfaat lebih efektif dibanding dengan biaya mendapatkannya. Nilai informasi ini didasarkan atas 10 (sepuluh) sifat, yaitu:

Mudah Diperoleh

Sifat ini menunjukkan informasi dapat diperoleh dengan mudah dan cepat. Kecepatan memperoleh dapat diukur, misalnya 1 menit versus 24 jam. Akan tetapi, berapa nilainya bagi pemakai informasi sulit mengukurnya.

Luas dan Lengkap

Sifat ini menunjukkan lengkapnya isi informasi. Hal ini tidak berarti hanya mengenai volume-nya, tetapi juga mengenai keluaran informasinya. Sifat ini sangat kabur karena itu sulit mengukurnya.

Ketelitian

Sifat ini menunjukkan minimnya kesalahan dan informasi. Dalam hubungannya dengan volume data yang besar biasanya terjadi dua jenis kesalahan, yakni kesalahan pencatatan dan kesalahan perhitungan.

Kecocokan

Sifat ini menunjukkan betapa baik keluaran informasi dalam hubungan dengan permintaan para pemakai. Isi informasi harus ada hubungannya dengan masalah yang sedang dihadapi. Semua keluaran lainnya tidak berguna tetapi mahal mempersiapkannya. Sifat ini sulit mengukurnya.

Ketepatan Waktu

Menunjukkan tak ada keterlambatan jika ada seseorang yang ingin mendapatkan informasi. Masukkan, pengolahan, dan pelaporan keluaran kepada pemakai biasanya tepat waktu. Dalam beberapa hal ketepatan waktu dapat diukur, misalnya berapa banyak penjualan dapat ditambah dengan memberikan tanggapan segera kepada permintaan langganan mengenai tersedianya barang-barang inventaris.

Kejelasan

Sifat ini menjelaskan keluaran informasi yang bebas dari istilah-istilah yang tidak jelas. Memberikan laporan tidak dapat memakan biaya yang besar. Beberapa biaya yang diperlukan untuk memperbaiki laporan tersebut.

Keluwesan

Sifat ini berhubungan dengan dapat disesuaikannya keluaran informasi tidak hanya dengan beberapa keputusan, tetapi juga dengan beberapa pengambil keputusan. Sifat ini sulit di ukur, tetapi dalam banyak hal dapat diberikan nilai yang dapat diukur.

Dapat Dibuktikan

Sifat ini dapat menunjukkan kemampuan beberapa pemakai informasi untuk menguji keluaran informasi dan sampai pada kesimpulan yang sama.

Tidak Ada Prasangka

Sifat ini berhubungan dengan tidak adanya keinginan untuk mengubah informasi guna mendapatkan kesimpulan yang telah dipertimbangkan sebelumnya.

Dapat Diukur

Sifat ini menunjukkan hakikat informasi yang telah dihasilkan dari sistem informasi formal. Meskipun kabar angin, desas - desus, dugaan – dugaan, klenik dan sebagainya sering dianggap informasi, hal – hal tersebut berada diluar lingkup pembicaraan kita.

Konsep Dasar Sistem Informasi

Definisi Sistem Informasi

Menurut Giandari Maulani dalam ICIT Journal (2018:2)^[7] Sistem informasi adalah suatu sistem yang berhubungan dengan pengumpulan, penyimpanan dan pemrosesan data, baik yang dilakukan secara manual,maupun berbantuan computer, untuk menghasilkan informasi yang sangat berguna bagi proses pengambilan keputusan..

Menurut Sutabri dalam jurnal S Junikha (2017:17)^[6]Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan laporan-laporan yang diperlukan".

Dari beberapa pendapat diatas dapat disimpulkan sistem informasi adalah suatu sistem yang melaksanakan dan mempermudah kegiatan – kegiatan utama suatu organisasi untuk pengambilan keputusan.

Komponen Sistem Informasi

Menurut Jeperson Hutahaean ^[1]menjelaskan bahwa sistem informasi terdiri dari beberapa komponen yang disebut dengan istilah blok bangunan (building block) yaitu :

Blok Masukan (input block)

Input mewakili data yang masuk ke dalam sistem informasi. Input disini termasuk metode-metode dan media yang digunakan untuk menangkap data yang akan dimasukkan, yang dapat berupa dokumen dasar.

Blok Model (model block)

Blok ini terdiri dari kombinasi prosedur, logika, dan metode matematik yang akan memanipulasi data input dan data yang tersimpan di basis data dengan cara yang sudah tertentu untuk menghasilkan keluaran yang sudah diinginkan.

Blok Keluaran (output block)

Produk dari sistem informasi adalah keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua tingkatan manajemen serta semua pemakai sistem.

Blok Teknologi (block technology)

Teknologi yang digunakan untuk menerima input, menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran dan membantu pengendalian diri secara keseluruhan. Teknologi ini terdiri dari tiga bagian utama :

Teknisi (brainware)
Perangkat Lunak (software)
Perangkat Keras (hardware)

Blok Basis Data (database block)

Basis Data (database) merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan di perangkat keras komputer dan digunakan perangkat lunak (software) untuk memanipulasinya.

Blok Kendali (control block)

Banyak faktor yang dapat merusak sistem informasi, misalnya bencana alam, api, temperatur tinggi, air, debu, kecurangan-kecurangan, kejanggalan sistem itu sendiri, kesalahan-kesalahan ketidakefisiensian, sabotase dan sebagainya. Beberapa pengendalian perlu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah atau bila terlanjur terjadi kesalahan dapat langsung diatasi.

Konsep Dasar Analisis Sistem

Definisi Analisa Sistem

Menurut Muhammad Farid Abdurrahman Luthfi dan Joko Sutrisno dalam Jurnal Idealis Vol. 2 No. 1 ( 2019:2)^[8] Analisa sistem adalah suatu proses yang secara umum digunakan sebagai landasan konseptual yang mempunyai tujuan untuk memperbaiki berbagai fungsi didalam suatu sistem tertentu.

Menurut Al Fatta, H., & Marco, R. dalam Jurnal Telematika Vol 8 (2015:7)^[9] Analisis sistem merupakan penguraian dari sistem informasi yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengindentifikasi dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya.

Dari beberapa pendapat diatas dapat disimpulkan analisa sistem adalah suatu proses penguraian sistem informasi ke dalam bagian komponen dengan tujuan memperbaiki berbagai fungsi didalam suatu sistem tertentu.

Prinsip - Prinsip Analisa Sistem

Menurut Chaidirman, C., & Mulyono, H. Yang dikutip dari Tyoso dalam jurnal Jurnal Manajemen Sistem Informasi (2018:3)^[10] Ada beberapa tahap-tahap dasar dari analisis sistem yaitu:

Mendefinisikan masalah. Masalah yang akan dipecahkan dengan sistem diatur bersamaan dengan lingkungan tempat sistem berinteraksi.
Menyatakan sasaran sistem. Tujuan umum dan khusus yang ingin dicapai yang berkaitan dengan kefektifan ditetapkan dan dirumuskan kepada pihak-pihak yang berkepentingan.
Menetapkan batas sistem (system Boundaries). Pembatas antara sistem yang baru dengan lingkungannya harus diperinci. Hubungan sistem (interface) yang berkaitan dengan masukan dan keluaran harus ditegaskan.
Menetapkan kendala sistem. Kendala pada sistem dan proses pengembangannya, seperti biaya dan jangka waktu untuk pengembangan sistem, harus dipastikan.
Dekomposisi Sistem. Sistem dipecahkan kedalam sub-subsistem yang saling terkait dan berhubungan dengan lingkungannya. Hubungan antar subsistem ditentukan sehingga seorang analis sistem mampu melihat sistem dengan terinci. Subsistem yang berada pada tingkat bawah lah yang nantinya dirancang dan menjadi bagian sistem yang ditetapkan.

Konsep Dasar Perancangan Sistem

Menurut Astuti, P. D dalam Journal Speed – Sentra Penelitian Engineering dan Edukasi (2017:3)^[11] Perancangan sistem dapat didefinisikan sebagai penggambaran,perencanaan, dan pembuatan sketsa atau pengaturan dari beberapa elemen terpisah ke dalam satu kesatuan yang utuh dan berfungsi. Tujuan dari rancangan sistem adalah untuk memenuhi kebutuhan kepada pemakai sistem, dan untuk memberikan gambaran secara jelas dan rancang bangun yang lengkap kepada pemrogram komputer dan ahli-ahli teknik lainnya.

Menurut Santoso yang dikutip dari ole Sugeng Santoso dkk dalam Journal SENSI (2019:2) ^[12] Perancangan sistem adalah tahap yang dilakukan setalah melakukan analisis sistem,pendefinisian kebutuhan-kebutuhan sistem yang akan dibangun ,dan persiapan untuk merancang bangun implemantasi sistem dimulai dengan memahami sistem yang sedang berjalan dan kriteria-kriteria sistem yang akan dibangun biasanya menggunakan pemodelan secara terstruktur yang di gambarkan oleh grafik atau diagram.

Dari beberapa pendapat diatas dapat disimpulkan perancangan sistem adalah penggambaran, perencanaan, dan pembuatan desain yang menentukan bagaimana suatu sistem akan menyelesaikan apa yang mesti diselesaikan untuk memenuhi kebutuhan kepada pemakai sistem.

Konsep Dasar Database

Menurut Fatmawati, R., dkk dalam Proseding Senapati (2016:3)^[13] Database adalah koleksi data-data yang saling berhubungan mengenai organisasi/enterprise dengan macam-macam pemakaiannya. Database terdiri dari dua kata yaitu data dan base, yang artinya berbasiskan pada data, tetapi secara konseptual, database diartikan sebuah koleksi atau kumpulan data-data yang saling berhubungan (relation), disusun menurut aturan tertentu secara logis, sehingga menghasilkan informasi.

Menurut Sovia dan Febio dalam Jurnal Processor (2017:4) ^[14] Database merupakan kumpulan file-file yang saling berkaitan dan berinteraksi, relasi tersebut dapat ditunjukan dengan kunci dari tiap-tiap file yang ada. Satu database menunjukkan suatu kumpulan data yang dipakai dalam suatu lingkup perusahaan, instansi. Pengolahan database merupakan suatu cara yang dilakukan terhadap file-file yang berada di suatu instansi yang mana file tersebut dapat disusun, diurut, diambil sewaktu-waktu serta dapat ditampilkan dalam bentuk suatu laporan sehingga dapat mengolah file-file yang berisikan informasi tersebut secara rapi.

Dari beberapa pendapat diatas dapat disimpulkan database adalah kumpulan data-data yang saling berhubungan disusun dengan aturan logis sehingga menghasilkan informasi.

Teori Khusus

Konsep Persediaan Barang

Definisi Persediaan

Menurut Heriyanto, dkk dalam jurnal Ekonomia (2016:4)^[15] Persediaan dapat diartikan sebagai barang-barang yang disimpan untuk digunakan atau dijual pada masa atau periode yang akan datang.

Menurut Budianto dkk dalam jurnal Aplikasi Administrasi (2018:4)^[16]Persediaan pada umumnya salah satu jenis aktiva lancar yang jumlahnya cukup besar di dalam suatu perusahaan. Dimana hal ini dapat dipahami dengan mudah dikarenakan persediaan merupakan sebuah faktor yang penting di dalam menentukan kelancaran operasi sebuah perusahaan. Persediaan sendiri merupakan sebuah bentuk investasi, dimana keuntungan atau laba tersebut dapat diharapkan melalui sebuah penjualan di kemudian harinya.

Dari beberapa pendapat diatas dapat disimpulkan persediaan adalah sebuah bentuk investasi yang disimpan untuk digunakan pada masa atau periode yang akan datang, sehingga keuntungan atau laba tersebut dapat diharapkan melalui sebuah penjualan di kemudian harinya.

Fungsi Persediaan

Menurut Heizer dan Render dalam Jurnal EMBA (2017:3)^[17] Persediaan dapat melayani beberapa fungsi yang menambah fleksibilitas bagi operasi perusahaan. Keempat fungsi persediaan adalah sebagai berikut :

“Decouple” atau memisahkan beberapa tahapan dari proses produksi. Sebagai contoh, jika persediaan sebuah perusahaan berfluktuasi, persediaan tambahan mungkin diperlukan untuk melakukan decouple proses produksi dari pemasok.
Melakukan “decouple” perusahaan dari fluktuasi permintaan dan menyediakan persediaan barang-barang yang akan memberikan pilihan bagi pelanggan. Persediaan seperti ini digunakan secara umum pada bisnis eceran.
Mengambil keuntungan dari diskon kuantitas karena pembelian dalam jumlah besar dapat mengurangi biaya pengiriman barang.
Melindungi terhadap inflasi dan kenaikan harga.

Jenis - Jenis Persediaan

Menurut Heizer dan Render dalam Jurnal EMBA (2017:3)^[17] Untuk mengakomodasi fungsi-fungsi persediaan, perusahaan harus memelihara empat jenis persediaan, yaitu:

Persediaan bahan mentah (raw material inventory) telah dibeli, tetapi belum diproses. Dapat digunakan untuk melakukan decouple (memisahkan) pemasok dari proses produksi.
Persediaan barang setengah jadi (work in process-WIP inventory) adalah komponen atau bahan mentah yang telah melewati beberapa proses perubahan, tetapi belum selesai.
Persediaan pasokan pemeliharaan/perbaikan/operasi. MRO adalah persediaan-persediaan yang disediakan untuk persediaan pemeliharaan, perbaikan, operasi (maintenance, repair, operating- MRO) yang dibutuhkan untuk menjaga agar mesin-mesin dan proses-proses tetap produktif.
Persediaan barang jadi adalah produk yang telah selesai dan tinggal menunggu pengiriman. Barang jadi dimasukan ke dalam persediaan karena permintaan pelanggan di masa mendatang tidak diketahui.

Klasifikasi Persediaan

Menurut Heizer dan Render dalam Jurnal EMBA (2017:3)^[17] Persediaan bisa diklasifikasikan dengan berbagai cara :

Berdasarkan bentuk, persediaan bisa diklasifikasikan menjadi bahan baku (raw materials), barang setengah jadi (WIP), dan produk jadi (finished product). Klasifikasi ini hanya berlaku pada konteks perusahaan manufaktur.
Berdasarkan fungsi, persediaan bisa dibedakan menjadi: .

Pipeline/transit inventory, yaitu persediaan yang muncul karena lead time pengiriman dari suatu tempat ke tempat lain.
Cycle stock, yaitu persediaan yang mempunyai siklus tertentu. Pada saat pengiriman jumlahnya banyak, kemudian sedikit demi sedikit berkurang akibat dipakai atau dijual sampai akhirnya habis.
Persediaan pengaman (safety stock), yaitu persediaan yang fungsinya sebagai perlindungan terhadap ketidakpastian permintaan maupun pasokan.
Anticipation stock, yaitu persediaan yang dibutuhkan untuk mangantisipasi kenaikan permintaan akibat sifat musiman dari permintaan yang tidak pasti, namun perusahaan bisa memprediksi adanya kenaikan dalam jumlah yang signifikan.

Persediaan juga bisa diklasifikasikan berdasarkan sifat ketergantungan kebutuhan antara satu item dengan item lainnya. Item-item yang kebutuhannya tergantung pada kebutuhan item lain dinamakan dependent demand item. Sebaliknya, kebutuhan independent demand item tidak tergantung pada kebutuhan item lain. Yang termasuk dalam dependent demand item biasanya adalah komponen atau bahan baku yang akan digunakan untuk membuat produk jadi. Produk jadi biasanya tergolong dalam independent demand item karena kebutuhan akan satu produk jadi tidak langsung mempengaruhi kebutuhan produk jadi yang lain.

Tujuan Pengelolaan Persediaan

Tujuan pengelolaan persediaan menurut Agus Ristono dalam penelitian oleh Luciana Andrawina (2017:3)^[18] adalah :

Untuk dapat memenuhi kebutuhan atau permintaan konsumen dengan cepat (memuaskan konsumen).
Untuk menjaga kontinuitas produksi atau menjaga agar perusahaan tidak mengalami kehabisan persediaan yang mengakibatkan terhentinya proses produksi.
Untuk mempertahankan dan bila mungkin meningkatkan penjualan dan laba perusahaan.
Menjaga agar pembelian secara kecil-kecil dapat dihindari, karena dapat mengakibatkan ongkos pesan menjadi besar.
Menjaga supaya penyimpanan dalam emplacement tidak besar-besaran, karena akan mengakibatkan biaya menjadi besar.

Stock Opname

Definisi Stock Opname

Menurut Ivan Surya Sutjianto dkk di Jurnal Infra (2017: 2)^[19] Stock opname adalah menghitung sisa jumlah persediaan barang dagang untuk dijual yang ada di gudang. Tujuan stock opname untuk mengetahui kebenaran catatan pembukuan sudah sesuai dengan kebenaran atau tidak. Jika ternyata ada selisih antara stock opname dengan catatan pada pembukuan, kemungkinan ada transaksi yang belum tercatat, atau bahkan ada kecurangan.

Menurut Satia Utama dalam penelitian di Jurnal Aplikasi Akuntansi (2019:8)^[20] Stock opname adalah kegiatan perhitungan fisik persediaan yang ada di gudang untuk kemudian dijual untuk mengetahui keakuratan catatan pembukuan yang merupakan salah satu fungsi sistem pengendalian intern. Dengan menggunakan stock opname akan diketahui stock persediaan dan mengetahui selisih antara keadaan fisik dengan catatan pembukuan persediaan barang. Tujuan dilakukannya stock opname adalah untuk mengetahui keakuratan catatan pembukuan yang merupakan salah satu fungsi sistem pengendalian intern suatu perusahaan.

Dari beberapa pendapat diatas dapat disimpulkan stock opname adalah kegiatan perhitungan fisik persediaan barang dagang yang ada di gudang kemudian dijual untuk mengetahui kebenaran dan keakuratan catatan pembukuan suatu perusahaan.

Faktor Penentu Safety Stock

Menurut Ristono dalam eProceedings of Engineering (2017:4)^[18] Safety stock atau stok pengaman adalah persediaan tambahan yang dijaga dalam persediaan yang berfungsi sebagai penyangga untuk mencegah persediaan habis dalam kaitannya menghadapi gangguan-gangguan yang datang tiba-tiba (acak) dari alam maupun lingkungan. Stok pengaman ini dibutuhkan untuk mengantisipasi lonjakan permintaan selama pemesanan ulang dilakukan dalam kasus di mana permintaan aktual melebihi permintaan yang diharapkan, atau lama lead time aktual yang melebihi lead time yang diharapkan. yaitu sebagai berikut :

Tingkat pemakaian bahan baku yang lebih tinggi dari yang telah diramalkan sebelumnya.
Keterlambatan pengiriman bahan baku.

Konsep Dasar Analisis PIECES (Performance, Information, Economics, Control, Efficiency dan Service)

Menurut Adi Supriyatna dalam jurnal Ilmu Komputer dan Informatika (2018:2)^[21],Analisa Pieces adalah kerangka yang dipakai untuk mengklarifikasikan suatu problem, oppurtunities, dan directives yang terdapat pada bagian scope definition analisis dan perancangan sistem. Dengan kerangka ini, dapat dihasilkan hal-hal baru yang dapat menjadi pertimbangan dalam mengembangkan sistem. Dalam PIECES terdapat enam buah variabel yang digunakan untuk menganalisis sistem informasi yaitu :

Performance (Keandalan)

Analisis ini dilakukan untuk mengetahui kinerja sebuah sistem, apakah berjalan dengan baik atau tidak. Kinerja ini dapat diukur dari jumlah temuan data yang dihasilkan dan seberapa cepat suatu data dapat ditemukan.

Information and Data (Data dan Informasi)

Dalam sebuah temuan data pasti akan dihasilkan sebuah informasi yang akan ditampilkan, analisis ini digunakan untuk mengetahui seberapa banyak dan seberapa jelas informasi yang akan dihasilkan untuk satu pencarian.

Economics (Nilai Ekonomis)

Analisis ini dilakukan untuk mengetahui apakah suatu sistem itu tepat diterapkan pada suatu lembaga informasi dilihat dari segi finansial dan biaya yang dikeluarkan. Hal ini sangat penting karena suatu sistem juga dipengaruhi oleh besarnya biaya yang dikeluarkan.

Control Security (Pengendalian dan Pengamanan)

Dalam suatu sistem perlu diadakan sebuah kontrol atau pengawasan agar sistem itu berjalan dengan baik. Analisis ini digunakan untuk mengetahui sejauh mana pengawasan dan kontrol yang dilakukan agar sistem tersebut berjalan dengan baik.

Efficiency (Efisiensi)

Efisiensi dan efektifitas sebuah sistem perlu dipertanyakan dalam kinerja dan alasan mengapa sistem itu dibuat. Sebuah sistem harus bisa secara efisien menjawab dan membantu suatu permasalahan khususnya dalam hal otomasi. Analisis ini dilakukan untuk mengetahui apakah suatu sistem itu efisien atau tidak, dengan input yang sedikit bisa menghasilkan sebuah output yang memuaskan.

Service (Pelayanan)

Dalam hal pemanfaatan suatu sistem, sebuah pelayanan masih menjadi suatu hal yang penting dan perlu diperhatikan. Suatu sistem yang diterapkan akan berjalan dengan baik dan seimbang bila diimbangi dengan pelayanan yang baik juga. Analisis ini digunakan untuk mengetahui bagaimana pelayanan yang dilakukan dan mengetahui permasalahan-permasalahan yang ada terkait tentang pelayanan.

Konsep Dasar UML (Unified Modelling Language)

Definisi UML

Menurut Amak Yunus dan Achmad Rohman dalam jurnal SMARTICS Journal (2018:2)^[22] UML (Unified Modeling Language) adalah metode permodelan secara visual sebagai sarana untuk merancang dan atau membuat sistem pendukung keputusan berorientasi objek. UML sendiri juga memberikan standar penulisan sebuah sistem blue print, yang meliputi konsep bisnis proses, penulisan kelas-kelas dalam bahasa program yang spesifik, skema database, dan komponen-komponen yang diperlukan dalam sistem pendukung keputusan.

Menurut Giandari dkk dalam ICIT Jornal (2018:2)^[7] UML merupakan sintesis dari tiga metode analisis dan perancangan berbasis objek serta ditambah dengan keunggulan metode-metode berorientasi objek lainnya (fushion, shlaermellon, coad-yourdom) yang juga disintesiskan dalam UML menawarkan pendekatan yang cukup baik yang sudah digunakan diindustri perangkat lunak.

Dari beberapa pendapat diatas dapat disimpulkan UML yaitu suatu model secara visual yang sangat handal dalam dunia pengembangan sistem yang berorientasi obyek.

Jenis - Jenis UML

Menurut Hanafri dkk dalam jurnal SISFOTEK GLOBAL Vol.7 No.1 (2017:2)^[23] terdapat empat jenis perancangan diagram model data antara lain :

Use Case Diagram

Use case diagram adalah gambar dari beberapa atau seluruh aktor dan use case dengan tujuan mengenali interaksi mereka dalam suatu sistem.

Activity Diagram

Activity Diagram menggambarkan rangkaian aliran dari aktivitas, digunakan untuk aktivitas lainnya seperti use case atau interaksi. Activity diagram berupa flow chart yang digunakan untuk memperlihatkan aliran kerja dari sistem.

Sequence Diagram

Sequence diagram menggambarkan kolaborasi dinamis antara sejumlah objek dan untuk menunjukkan rangkaian pesan yang dikirim antar objek juga interaksi antar objek, sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem. Sequence diagram menjelaskan interaksi objek yang disusun berdasarkan urutan waktu. Secara mudahnya sequence diagram adalah gambaran tahap demi tahap yang seharusnya dilakukan untuk menghasilkan sesuatu dengan use case diagram. Dalam sequence diagram terdapat 2 model, yaitu: Actor dan Lifeline.

Class Diagram

Class diagram menggambarkan struktur dan deskripsi class, package, dan objek beserta hubungan satu dengan yang lain seperti containment, pewarisan, asosiasi, dan lain-lain.

Konsep Dasar Elisitasi

Menurut Iqbal Hanafri dkk dikutip dari buku Siahaan dalam Jurnal Sisfotek Global, 8(1).(2018:2)^[24], Elisitasi adalah sekumpulan aktifitas yang ditunjukkan untuk menemukan kebutuhan suatu sistem melalui komunikasi dengan pelanggan, pengguna sistem, dan pihak lain yang memiliki kepentingan dalam pengembangan sistem.

Menurut Ariawan, J., & Wahyuni, S dalam Jurnal Sisfotek Global, 5(1)(2015:63).^[25] Elisitasi berisi usulan rancangan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk dieksekusi. Elisitasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap yaitu sebagai berikut:

Berdasarkan definisi diatas dapat disimpulkan bahwa, UML merupakan metode perancangan sistem berorientasi objek dengan menggunakan diagram untuk menggambarkan suatu sistem.

Elisitasi Tahap I
Elisitasi Tahap II

“M” pada MDI itu artinya Mandatory (penting). Maksudnya requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru.
“D” pada MDI itu artinya Desirable. Maksudnya requirement tersebut tidak terlalu penting dan boleh dihilangkan. Tetapi jika requirement tersebut digunakan dalam pembentukan sistem, akan membuat sistem tersebut lebih sempurna.
“I” pada MDI itu artinya Inessential. Maksudnya bahwa requirement tersebut bukanlah bagian dari sistem yang dibahas dan merupakan bagian dari luar sistem.

Elisitasi Tahap III

T artinya Technical, maksudnya bagaimana tata cara/teknik pembuatan requirement tersebut dalam sistem yang diusulkan.
O artinya Operational, maksudnya bagaimana tata cara penggunaan requirement tersebut dalam sistem yang akan dikembangkan.
E artinya Economy, maksudnya berapakah biaya yang diperlukan guna membangun requirement tersebut didalam sistem. Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu:
1. High (H) : Sulit untuk dikerjakan, karena tehnik pembuatan dan pemakaiannya sulit serta biayanya mahal. Sehingga requirement tersebut harus dieliminasi.
2. Middle (M) : Mampu untuk dikerjakan
3. Low (L) : Mudah untuk dikerjakan

Final Draft Elisitasi

Konsep Dasar XAMPP

Menurut Hilmi Fuad dalam dalam jurnal Sisfotek Global (2018:2)^[26] XAMPP adalah sebuah software yang berfungsi untuk menjalankan website berbasis PHP dan menggunakan pengelola data MySql di komputer lokal. Xampp berperan sebagai server web pada komputer anda. Xampp juga dapat disebut sebuah Cpanel server virtual, yang dapat membantu anda melakukan preview sehingga dapat memodifikasi website tanpa harus online atau terakses dengan internet.

Menurut Yosef Murya dalam penelitian Iqbal Hanafri dkk di jurnal Sisfotek Global (2018:2)^[24] Xampp merupakan sebuah perangkat lunak gratis sehingga bebas digunakan. Xampp berfungsi sebagai server yang berdiri sendiri (localhost), yang terdiri dari Apache HTTP Server, MySQL database dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl.

Dari beberapa pendapat diatas dapat disimpulkan Xampp adalah software yang berfungsi sebagai server untuk menjalankan dan memodifikasi website tanpa terhubung dengan internet.

Konsep Dasar Bahasa Pemrograman

Definisi PHP

Menurut Wahana Komputer dalam penelitian Iqbal Hanafri dkk di jurnal Sisfotek Global (2018:2).^[24], PHP merupakan bahasa pemograman untuk membuat website yang bersifat serverside scripting, PHP memungkinan anda untuk membuat halaman website yang bersifat dinamis.

Definisi PHP (Hypertext Preprocessor) menurut Kusuma Ardhana dalam Shanti Ria Sirepia Siregar dan Penti Sundari dalam Jurnal Sisfotek Global, 6(1)(2016:77^[27],adalah “Bahasa pemrograman berbasis server-side yang dapat melakukan parsing script php menjadi script web sehingga dari sisi client menghasilkan suatu tampilan yang menarik”.

Dari beberapa pendapat diatas dapat disimpulkan PHP adalah bahasa pemrograman untuk membuat website berbasis server side dan bersifat dinamis.

Definisi HTML

Menurut Ahmad Hidayat dan Faisal dalam Jurnal Sistem Informasi dan Sains Teknologi Vol.1 No.1, (2019:3)^[28], Hypertext Markup Language (HTML) merupakan sebuah bahasa pemrograman terstruktur yang dikembangkan untuk membuat halaman website yang dapat diakses atau ditampilkan menggunakan web browser.

Menurut Edy Budiman dkk dalam Jurnal Prosiding Seminar Ilmu Komputer dan Teknologi Informasi (2017:2)^[29] HypertText Markup Language (HTML) adalah bahasa markup yang bertujuan untuk penataan dan penyajian konten untuk World Wide Web (WWW).

Dari beberapa pendapat diatas dapat disimpulkan HTML adalah bahasa pemrograman untuk membuat halaman website agar bisa diakses di web browser.

Definisi CSS

Menurut Syukri Ali dan Arisandy Ambarita dalam jurnal IJIS Vol.1 No.1 (2016:34)^[30] yang dikutip Kurniawan dalam buku yang berjudul desain web praktis dengan CSS menjelaskan bahwa CSS atau Cascading Style Sheets adalah sebuah dokumen yang berisi aturan yang digunakan untuk memisahkan isi dengan layout dalam halaman-halaman web yang dibuat. CSS memperkenalkan “template” yang berupa style untuk dibuat dalam mengizinkan penulisan kode yang lebih mudah dari halaman-halaman web yang dirancang.

Menurut Wahyu Sya’ban dalam penelitian Sukindro Setyo Prabowo pada (Studi Kasus: Romantic Wedding) (Doctoral Dissertation, Stmik Akakom Yogyakarta) (2019:7)^[31] Cascading Style Sheet (CSS) merupakan salah satu bahasa pemograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

Dari beberapa pendapat diatas dapat disimpulkan CSS adalah dokumen yang berisi aturan untuk memisahkan isi dengan layout dalam halaman-halaman web agar lebih terstruktur dan seragam.

Definisi Javascript

Menurut Sianipar, R. H. (2017:1)^[32] Javascript adalah sebuah bahasa skript dinamis yang dapat dipakai untuk membangun interaktifitas pada halaman-halaman HTML statis.

Menurut Sianipar, R. H. (2018:1) ^[33] Javascript merupakan bahasa skript populer yang dipakai untuk menciptakan halaman web yang dapat berinteraksi dengan pengguna dan dapat merespon event yang terjadi pada halaman. Javascript merupakan perekat yang menyatukan halaman-halaman web, akan sangat mudah menjumpai halaman web komersial yang tidak memuat kode Javascript.

Dari beberapa pendapat diatas dapat disimpulkan Javascript adalah bahasa script yang populer dan dipakai untuk situs web.

Konsep Dasar MySQL

Menurut Suhartanto, M. dalam Journal Speed – Sentra Penelitian Engineering dan Edukasi – Volume 4 No 1 (2017:3)^[34] MySQL adalah salah satu jenis database server yang sangat terkenal dan banyak digunakan untuk membangun aplikasi web yang database sebagai sumber dan pengelolaan datanya.

Menurut Wahana Komputer dalam penelitian Syukri Ali dan Arisandy Ambarita di jurnal IJIS (2016:3)^[30] MySQL adalah sebuah implementasi dari sistem manajemen basis data relasional (RDBMS) yang didistribusikan secara gratis. Setiap pengguna dapat secara bebas menggunakan MySQL, namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan produk turunan yang bersifat komersial.

Dari beberapa pendapat diatas dapat disimpulkan MySQL adalah sebuah server database yang digunakan berbagai aplikasi terutama untuk membuat web.

Konsep Prototype Balsamiq Mockups

Menurut Krisnayani, P., Arthana, I. K. R., Darmawiguna, I. G. M., & Kom, S. dalam Kumpulan Artikel Mahasiswa Pendidikan Teknik Informatika (ISSN: 2252-9063), 5(2)(2016:4).^[35] Balsamiq Mockups adalah aplikasi yang sangat berguna jika kalian adalah seorang designer terutama di bidang web. Mockups biasanya di gunakan oleh para designer untuk memulai suatu coretan-coretan, dengan kata lain kalian nggak perlu lagi menggunakan pensil untuk merancang sesuatu. Mockups adalah istilah yang tidak asing bagi para designer, mockups sendiri atau yang sering diartikan prototype sangat diperlukan untuk demonstrasi produk awal sebelum menjadi produk jadi yang nantinya akan dipasarkan ke publik.

Menurut Prima Nur Hidayati Putri pada jurnal Mahasiswa Teknologi Pendidikan (2019:2).^[36] Balsamiq Mockup adalah program aplikasi yang digunakan dalam pembuatan tampilan User Interface sebuah aplikasi. Software ini sudah menyediakan tools yang dapat memudahkan dalam membuat desain Prototyping Website atau aplikasi yang akan dibuat. Software ini berfokus pada konten yang ingin digambar dan fungsionalitas yang dibutuhkan oleh pengguna. Balsamiq Mockup juga dapat diartikan sebagai salah satu Software yang berfungsi sebagai pembuatan desain. Software yang dapat mempermudah dalam menggambar sebuah tampilan User Interface.

Dari beberapa pendapat diatas dapat disimpulkan Balsamiq Mockup adalah sebuah aplikasi yang digunakan untuk mempermudah dalam pembuatan tampilan user interface.

Konsep Dasar Codeigniter

Menurut Ir. Yuniar Supardi dan Ading Hermawan (2018:1).^[37] Codeigniter adalah aplikasi open source yang berupa framework dengan model MVC (model, view, controller) untuk membangun website dinamis dengan menggunakan PHP. Codeigniter memudahkan pengembang (developer) untuk membuat aplikasi web dengan cepat dan mudah dibandingkan dengan membuatnya dari awal.

Menurut Budi Raharjo dalam penelitian Iqbal Hanafri dkk di jurnal Sisfotek Global (2018:2)^[38] Codeigniter merupakan sebuah toolkit yang ditujukan untuk orang yang ingin membangun aplikasi web dalam bahasa pemrograman PHP”.

Adapun beberapa keunggulan dari codeigniter adalah sebagai berikut:

Codeigniter memiliki ukuran yang kecil dibandingkan dengan framework lain.
Codeigniter adalah framework yang bersifat free dan open source.
Aplikasi yang dibuat menggunakan codeigniter bisa berjalan cepat.
Codeigniter menggunakan pola desain model view controller (MVC) sehingga satu file tidak terlalu berisi banyak kode, hal ini menjadikan kode lebih mudah dibaca, dipahami, dan dipelihara dikemudian hari.
Codeigniter dapat diperluas sesuai dengan kebutuhan.
Codeigniter terdokumentasi dengan baik, informasi tentang pustaka kelas dan fungsi yang disediakan oleh codeigniter dapat diperoleh melalui dokumentasi yang disertakan di dalam paket distribusinya.

Konsep Dasar OOP (Object Oriented Programming

Menurut Muhammad Ropianto dalam Jurnal Teknik Ibnu Sina (2016:2)^[39] Object Oriented Programming (OOP) adalah paradigma pemograman yang memandang perangkat lunak sebagai kumpulan objek yang saling berinteraksi didalam suatu sistem.

Menurut Rohi Abdullah (2017:1)^[40] OOP (Object Oriented Programming) merupakan teknik pemrograman dengan menggunakan konsep objek. Tujuan dari OOP adalah untuk memudahkan programmer dalam pembuatan program dengan menggunakan konsep objek yang ada dalam kehidupan sehari-hari. Dan objek itu sendiri merupakan gabungan dari beberapa objek yang lebih kecil.

Keuntungan menggunakan OOP diantaranya sebagai berikut :

Mudah dikelola karena kita dapat dengan mudah menemukan sumber kesalahan kemudian diperbaiki.
Setiap objek dapat ditambah kemampuannya tanpa mengganggu objek lain.
Setiap objek dapat dipakai dalam projek yang lain tanpa perlu banyak penyesuaian.

Konsep Dasar Black Box Testing

Hayat, A., Aisyah, E. S., & Ningrum, S. O. (2015). SISTEM INFORMASI SIMPAN PINJAM KOPERASI PEGAWAI PADA SMK YUPPENTEK 1 TANGERANG. CERITA Journal, 1(1), 86-93. ^[41], Black Box Testing yaitu dengan melakukan test case ini bertujuan untuk menunjukkan fungsi perangkat lunak tentang cara beroperasinya, apakah pemasukan data keluaran telah berjalan sebagaimana yang diharapkan dan apakah informasi yang disimpan secara eksternal selalu dijaga kemutakhirannya.

Menurut Tri Snadhika Jaya dalam Jurnal Informatika (2015:90)^[42] Black-Box Testing merupakan Teknik pengujian perangkat lunak yang berfokus pada spesifikasi fungsional dari perangkat lunak. Blackbox Testing bekerja dengan mengabaikan struktur kontrol sehingga perhatiannya difokuskan pada informasi domain. Blackbox Testing memungkinkan pengembang software untuk membuat himpunan kondisi input yang akan melatih seluruh syarat-syarat fungsional suatu program.

Keuntungan penggunaan metode blackbox testing adalah :

Penguji tidak perlu memiliki pengetahuan tentang bahasa pemrograman tertentu
Pengujian dilakukan dari sudut pandang pengguna, ini membantu untuk mengungkapkan ambiguitas atau inkonsistensi dalam spesifikasi persyaratan
Programmer dan tester keduanya saling bergantung satu sama lain.

Konsep Dasar Sublime Text 3

Menurut Rendgra Agrida dalam PENGEMBANGAN CUSTOMER RELATIONSHIP MANAGEMENT DENGAN PENERAPAN KONSEP BUNDLING PRODUK (Studi Kasus: Cafe Jadul) (Doctoral dissertation, Universitas Widyatama) (2016:13).^[43] Sublime Text 3 adalah sebuah text/source editor yang memudahkan kita saat melakukan coding dan support terhadap banyak bahasa pemrograman mulai dari ASP, C, C#, C++, PHP, HTML, dan masih banyak lagi. Sublime Text 3 ini juga hadir dengan berbagai macam tema yang membuat text editor ini terlihat lebih indah dan nyaman saat melakukan coding. Sublime Text 3 juga tersedia di berbagai sistem operasi seperti Windows, Linux, dan Mac OS.

Menurut Muhammad Alfadin Salim dalam ANALISA ALGORITMA AES MODIFIKASI DENGAN TEKNIK BLUM BLUM SHUB–CHAOTIC FUNCTION DAN MODIFIKASI SHIFTROWS (Doctoral dissertation, University of Muhammadiyah Malang) (2019:25) ^[44] Sublime text 3 adalah salah satu text editor yang digunakan untuk menyusun dan mengedit code. Banyak bahasa pemrograman yang didukung oleh Sublime text 3, salah satunya adalah PHP yang digunakan untuk membangun sistem dan program yang digunakan pada penelitian ini.

Dari beberapa pendapat diatas dapat disimpulkan Sublime Text 3 adalah sebuah text editor yang mempermudah untuk menulis, menyusun, dan mengedit kode serta support terhadap banyak bahasa pemrograman.

Konsep Dasar Bootstrap

Menurut Jubilee Enterprise (2016:1) ^[45] Boostrap adalah framework front–end yag intuitif dan powerful untuk pengembangan aplikasi web yang lebih cepat dan mudah. Boostrap menggunakan HTML, CSS, dan Javascript. Boostrap memiliki fitur-fitur komponen interface yang bagus seperti typography, forms, buttons, tables, navigations, dropdowns, alerts, modals, tabs, accordion, carousel, dan lain sebagainya. Dengan menggunakan Boostrap, anda dapat membuat layout situs yang responsif dengan mudah.

Menurut Team Bootstrap (2015:1) ^[46] Bootstrap merupakan framework HTML, CSS, Javascript populer untuk membangun situs web yang responsive. RWD (Responsive Web Design) adalah desain situs yang otomatis akan menyesuaikan diri agar tampil baik di semua perangkat dari ponsel sampai dekstop. Bootstrap terdiri dari satu set file css, javascript, dan jquery.

Dari beberapa pendapat diatas dapat disimpulkan Bootstrap adalah framework front-end yang dapat digunakan untuk membuat layout situs yang responsif dengan mudah.

Konsep Dasar Web

Menurut Priyo Sutopo dkk (2017:3) ^[47] Web adalah “Terobosan baru sebagai teknologi sistem informasi yang menghubungkan data dari banyak sumber dan layanan yang beragam macamnya di internet, web cepat sekali populer di lingkungan pengguna internet, karena kemudahan yang diberikan kepada pengguna internet untuk melakukan penelusuran, penjelajahan, dan pencarian informasi”.

Menurut Imam Samsudin dan Muhamad Muslihudin dalam Jurnal Teknologi Komputer dan Sistem Informasi (2018:2) ^[48] Web adalah satu aplikasi yang berisikan dokumen-dokumen multimedia (teks, gambar, video, suara, animasi) di dalamnya yang menggunakan protocol HTTP (hypertext transfer protocol) dan untuk mengaksesnya menggunakan perangkat lunak yang disebut browser.

Dari beberapa pendapat diatas dapat disimpulkan Web adalah kumpulan halaman yang berisikan dokumen-dokumen multimedia (teks, gambar, video, suara, animasi) dan didalamnya berisi protocol HTTP sehingga pengguna internet bisa melakukan penelusuran, penjelajahan, dan pencarian informasi secara mudah.

Konsep Dasar Navicat

Menurut Mohamad Waid dan Hadwitya Handayani dalam Jurnal Surya Informatika Vol.1 No.1 (2015:4) ^[49] Navicat adalah alat GUI (Grafic User Interface) yang di gunakan untuk mengelola setiap aspek dari MySQL server, seperti mengelola alat visual serta editor kode cerdas untuk handcoding SQL dan prosedur yang tersimpan.

Menurut Muhammad Radja Fadhilah dkk dalam Jurnal e-Proceeding of Applied Science Vol.4 No.3 (2018:4) ^[50] Navicat adalah sebuah tool untuk mengelola database MySQL Server berbasis grafic interface. Navicat memungkinkan kita untuk mengelola database MySQL dengan mudah melalui interface Microsoft Windows, Macintosh dan Linux platform. Navicat di rilis dalam 2 versi, yaitu versi premium untuk MySQL pada tahun 2002 dan versi lite pada tahun 2007 untuk penggunaan tidak komersil. Premiumsoft Navicat adalah satu rangkaian DBMS dan pengembangan perangkat lunak grafis untuk MySQL, Oracle, SQLITE dan Postgresql. Navicat mempunyai suatu alat penghubung seperti penjelajah dan pendukungan berbagai koneksi database untuk database remote dan local.

Dari beberapa pendapat diatas dapat disimpulkan Navicat adalah sebuah tools multi-koneksi untuk mengelolah database dan menghubungkan ke MySQL.

Konsep Dasar Literature Review

Menurut Untung Rahardja dkk dalam Jurnal Technomedia Journal (TMJ) Vol.2 No.2 (2018:5)^[51]Literature review adalah serangkaian teori, temuan dan penelitian terdahulu atau sudah pernah ada yang di jadikan landasan kegiatan penelitian selanjutnya dalam menyusun kerangka pemikiran dari masalah yang sedang di teliti.

Menurut Hasibuan dalam penelitian Ageng Setiani Rafika, dkk di Jurnal CCIT Vol.8 No.3 (2015:5)^[52] “Literature review berisi tentang uraian teori, temuan dan bahan penelitian lain yang diperoleh dari bahan acuan untuk dijadikan landasan kegiatan penelitian. Uraian dalam literature review ini diarahkan untuk menyusun kerangka pemikiran yang jelas tentang pemecahan masalah yang diuraikan sebelumnya pada perumusan masalah”.

Dari beberapa pendapat diatas dapat disimpulkan Literature Review adalah uraian teori, temuan, dan penelitian yang sudah pernah ada dan dijadikan landasan kegiatan penelitian selanjutnya.

Studi Pustaka Literature Review

Dalam upaya menyempurnakan penelitian maka perlu dilakukan studi pustaka (Literature Review), diantaranya yaitu :

“Analisis dan Perancangan Sistem Informasi Manajemen Persediaan Barang pada Advan Center Jambi” merupakan hasil dari penelitian Amelia dan Joni Devitra (2018) ^[53] Dalam penelitian ini menghasilkan sebuah prototipe sistem informasi persediaan barang yang dapat mengelola data persediaan barang secara terkomputerisasi dan dapat menyajikan laporan-laporan barang yang dibutuhkan setiap hari atau setiap bulannya.
Yoga Widodo dan Joni Devitra (2018)^[54]Melakukan penelitian dengan judul “Analisa dan Perancangan Sistem Informasi Manajemen Persediaan Pada PT Pinus Merah Abadi”, penelitian ini menghasilkan rancangan yang dihasilkan berupa sistem informasi manajemen persediaan di PT. Pinus Merah Abadi yang dapat membantu personil perusahaan khususnya kepala gudang dan salesman kanvas dalam mendistribusikan barang dari gudang ke konsumen dan pengelolaan pemutakhiran data stok gudang masuk dan keluar, data distribusi barang kanvas, data transaksi penjualan kanvas disertai laporan-laporan.
Penelitian yang dilakukan oleh Edy Tekat Bronto Waluyo dkk (2019)^[55] Melakukan penelitian dengan judul “Perancangan Sistem Informasi Persediaan Barang Pada Gudang Sparepart” , penelitian ini menghasilkan sistem informasi persediaan barang untuk membantu mengatasi dan mengurangi masalah, dengan adanya suatu sistem informasi persediaan barang pada gudang sparepart ini dapat mempermudah dalam mengetahui jumlah persediaan barang yang tersedia di dalam suatu gudang dan mempermudah admin gudang dalam penyajian laporan persediaan keluar masuk barang yang dibutuhkan pimpinan dengan akurasi data yang tinggi.
Peneliti yang dilakukan oleh Ressa Priskila (2018)^[56] melakukan penelitian dengan judul “Perancangan Sistem Informasi Persediaan Barang Pada Perusahaan Karya Cipta Buana Sentosa Berbasis Web Dengan Metode Extreme Programing”. Menerapkan metodologi pendekatan Agile Software Development dengan model Extreme Programming untuk membuat sistem menjadi lebih cepat dan sesuai dengan kebutuhan klien. Sistem ini juga dapat mempermudah perusahaan dalam mengelola barang sehingga menjadi lebih efektif dan efisien.
Dalam penelitian skripsi yang berjudul “Penerapan Supply Chain Management Sistem Informasi Persediaan Obat Berbasis Web” yang dilakukan oleh Ali Ibrahim dan Deni Dian Ismawan (2017)^[57]Membahas mengenai sistem terkomputerisasi yang didukung dengan metode penunjang yang dipilih dalam mengelola proses persediaan obat di Apotek Bunda Farma Rawa Bening untuk memastikan agar persediaan dapat memenuhi kebutuhan yang ada. Salah satu metode yang dapat digunakan dalam pengelolaan persediaan barang tersebut adalah metode pengelolaan rantai persediaan (Supply Chain Management). Konsep SCM merupakan mekanisme untuk meningkatkan produktivitas total perusahaan dalam rantai suplai melalui optimalisasi waktu, lokasi, dan aliran bahan. Dengan SCM, waktu pemesanan akan lebih teratur setiap kali periode pemesanan, dan keadaan persediaan yang akan habis lebih mudah diketahui.
Penelitian yang ditulis oleh Dedeh Supriyanti, Yudo Bangun Romadhon, dan Dedy Iskandar, (2015) ^[58]STMIK Raharja dalam jurnal CERITA, Vol.1, No.1, dengan Judul “Sistem Informasi Persediaan Barang Pada PT. Hankook Ceramic Indonesia”. Membahas mengenai sistem yang berjalan belum dapat memudahkan karyawan dalam memperoleh informasi hal ini disebabkan karena masih lamanya proses pencarian dan pembuatan laporannya, karena banyaknya dokumen yang diperlukan, sehingga proses pembuatan keputusan pun menjadi terhambat. Untuk merancang sistem informasi stock control material terkomputerisasi, yang dapat mempermudah stakeholder dalam menghasilkan laporan yang dibutuhkan maka dibuatkan perancangan sistem informasi persediaan barang yang diharapkan dapat meningkatkan kinerja operasional pada pegawai PT. Hankook Ceramic Indonesia.
Penelitian International Journal Dalam judul “A CASE STUDY OF INVENTORY MANAGEMENT IN A MANUFACTURING COMPANY IN CHINA” dalam Nang Yan Business Journal yang dilakukan oleh Hong Shen, Qiang Deng, Rebecca Lao, dan Simon Wu. (2017)^[59] Bertujuan untuk mengidentifikasi faktor-faktor utama yang mempengaruhi praktik manajemen persediaan, menyelidiki pendekatan manajemen persediaan yang efisien dan efektif, dan menguji dampak kerjasama pemasok pada peningkatan rantai pasokan. Pendekatan studi kasus digunakan untuk mengidentifikasi faktor-faktor yang mempengaruhi manajemen persediaan di sebuah pabrik. Persediaan yang efisien dan efektif berasal dari studi kasus dan dapat memberikan panduan praktis untuk produsen asing di China. Studi ini memberikan alat yang berharga untuk mengidentifikasi faktor-faktor dalam manajemen persediaan yang dapat diterapkan untuk masalah serupa yang ditemui di pabrik yang sebenarnya.
Penelitian yang dilakukan oleh Peipei Ran dkk dalam jurnal MATEC Web of Conferences (2018)^[60] yang berjudul “Design of Inventory Management Module in Printing Enterprise Based on Web”. Membahas mengenai manajemen persediaan yang dirancang dan diimplementasikan untuk mencapai bahan di gudang, persediaan, dan fungsi laporan bulanan. Bertujuan untuk mengurangi beban kerja staff, meningkatkan tingkat manajemen informasi perusahaan dan membuat manajemen persediaan agar lebih tertib, efisien, dan akurat.
Penelitian yang dilakukan oleh Rina Fitriana dkk dalam jurnal IOP Conference Series yang berjudul “Information system design of inventory control spare parts maintenance (valuation class 5000)(case study: plant kw)” (2016)^[61] Membahas mengenai ketersediaan suku cadang barang yang memerlukan perawatan, mampu memberikan informasi persediaan yang dibutuhkan dengan cepat dan akurat sehingga memudahkan pencarian dan pengambilan informasi yang dibutuhkan oleh pengguna. Sistem informasi persediaan ini memiliki keamanan yang baik, karena akses dibatasi dengan menggunakan ID pengguna dan kata sandi disetiap departemen.
Penelitian yang ditulis oleh Erna Astriyani, Rahmadi, dan Ahmad Ricky Alfariz (2017)^[62]STMIK Raharja dalam jurnal CERITA, Vol.3, No.1, dengan Judul “Rancangan Sistem Pengadaan Stok Barang Pada PT. Laju Karunia Jaya”. Membahas mengenai sistem yang berjalan masih terdapat kekurangan dan kendala yaitu penerapannya masih menggunakan semi komputerisasi dimana barang yang masuk digudang diinput dari nota pembelian kedalam Microsoft Excel serta barang yang akan keluar dari gudang masih menerapkan pencatatan manual dengan memo pada kertas, hal ini menyebabkan lemahnya pengontrolan stok barang yang ada digudang yang berdampak kepada kekurangan stok barang maupun kelebihan stok barang serta sering terjadi ketidaksesuaian pelaporan barang, dimana menyulitkan dalam proses mengadakan barang kembali pada gudang. Hasil dari penelitian ini dimaksudkan untuk mengembangkan sistem pengadaan stok barang berbasis website, yang mana pemanfaatannya sebagai pengontrolan data barang masuk dan barang keluar secara cepat dan akurat sehingga dalam pengelolaan pengadaan stok barang yang ada pada gudang dapat dilakukan secara efisien namun tetap terjaga keakuratan datanya.
Penelitian yang ditulis oleh Sugeng Santoso, Ilamsyah, Winda Novita (2019) ^[63] STMIK Raharja dalam jurnal SENSI Journal, Vol.5, No.2, dengan Judul “Aplikasi Sistem Informasi Pemantauan Inventory Stock Opname Berbasis Web Pada PT Makmur Berkat Solusi Logistic”. Membahas mengenai sistem yang dibuat bertujuan untuk merancang aplikasi sistem inventory barang yang dapat membantu dalam melakukan pengecekan laporan stock pada PT Makmur Berkat Solusi Logistic karena memiliki beberapa kendala dalam menggunakan sistem yang sudah ada yaitu informasi tidak update dan keterlambatan laporan sehingga pemilik barang tidak dapat melakukan pengecekan laporan stock apabila terjadi nya barang masuk dan keluar secara terupdate untuk itu memerlukan sistem yang dapat membantu dalam pembuatan laporan stock barang agar bisa dipantau oleh pemilik barang dan agar dapat mencegah terjadi nya over load atau kelebihan persedian di dalam gudang.
Penelitian yang ditulis oleh Rahayu Rais, Moh. Fayumi, Ani Purwanita (2016) ^[64] STMIK Raharja dalam jurnal SENSI Journal, Vol.2, No.2, dengan Judul “Rancang Bangun Aplikasi Sistem Inventory (BAN) Pada Gudang PT. Gajah Tunggal Tbk. Plant I”. Membahas mengenai sistem yg sedang berjalan saat ini sangat tidak efektif dan tidak efisien. Ini terbukti dengan cara manual pihak gudang tidak mendapatkan informasi mengenai data manajemen barang secara lebih mudah dan lebih cepat. Hasil dari penelitian ini yaitu membuat rancang bangun aplikasi sistem informasi pergudangan atau stock barang gudang pada PT Gajah Tunggal Tbk yang bertujuan untuk mempermudah dalam penyajian data persediaan barang, dengan adanya sistem persediaan barang ini juga dapat menghasilkan data-data proses pengolahan menggunakan komputerisasi dengan hasil lebih akurat dan tingkat kesalahan kecil dibandingkan dengan sistem yang dilakukan secara manual sebelumnya, dengan adanya sistem persediaan barang ini pihak gudang akan dapat mendapatkan informasi mengenai data manajemen barang secara lebih mudah dan lebih cepat.

BAB III

PEMBAHASAN

Gambaran Umum Perusahaan

Sejarah Perusahaan PT. Instaprint Jaya Primatama

PT. Instaprint Jaya Primatama adalah perusahaan yang bergerak di bidang produksi digital printing yang berlokasi di Serpong Kota Tangerang, atau lebih tepatnya di Jl. M.H. Thamrin No. 28 D & E Serpong, Tangerang - Banten. Berdiri sejak tahun 27 Oktober 2013, PT. Instaprint Jaya Primatama mempunyai visi “Menjadi perusahaan percetakan digital nomor 1 di masa depan. Dengan peralatan dan pelayanan dari tim yang berpengalaman, kami memberikan komersial print hanya dengan kualitas terbaik kepada konsumen dan mengutamakan ketepatan waktu.” dan misi “Melengkapi peralatan produksi dan kualitas, menciptakan produk yang berkualitas, konsisten menjaga ketepatan waktu pada proses produksi, Membangun komunikasi dan memelihara hubungan yang baik antara perusahaan dengan konsumen, perusahaan dengan karyawan.”

PT. Instaprint Jaya Primatama telah memiliki 3 toko cabang pembantu di Tangerang dan Jakarta diantaranya adalah Instaprint Gading Serpong yang beralamat di Ruko Paramount 7CS Blok DF3 no 9. Summarecon Serpong, Tangerang, Instaprint Cengkareng yang beralamat di Rukan Paris Golf Lake Residence Blok B No.28, Jakarta Barat, dan Instaprint Bintaro yang beralamat di Ruko Kebayoran Arcade 5 Blok F3 No.2, CBD Kebayoran Boulevard Bintaro Jaya Sektor 7, Tangerang Selatan

Visi Dan Misi PT. Instaprint Jaya Primatama

Visi

Menjadi perusahaan percetakan digital nomor 1 (satu) di masa depan. Dengan peralatan dan pelayanan dari tim yang berpengalaman, kami memberikan komersial print hanya dengan kualitas terbaik kepada konsumen / perusahaan berdasarkan anggaran yang diberikan dan mengutamakan ketepatan waktu.

Misi

Melengkapi peralatan produksi dan kualitas.
Menciptakan produk yang berkualitas.
Konsisten menjaga ketepatan waktu pada proses produksi.
Membangun komunikasi dan memelihara hubungan yang baik antara perusahaan dengan konsumen, perusahaan dengan karyawan.

Ruang Lingkup PT. Instaprint Jaya Primatama

PT Instaprint Jaya Primatama bergerak dalam bidang industri percetakan. Berikut penjabaran produk yang diproduksi oleh PT Instaprint Jaya Primatama :

Ruang Lingkup

Gambar 3.1 Produk PT Instaprint Jaya Primatama

Kebijakan dan Sasaran Strategis PT. Instaprint Jaya Primatama

Kebijakan Strategis PT. Instaprint Jaya Primatama

Mewujudkan visi perusahaan semaksimal mungkin.
Menyediakan produk terbaik kepada konsumen.
Mewujudkan kinerja terbaik perusahaan melalui misi perusahaan.

Sasaran Strategis PT. Instaprint Jaya Primatama

Kinerja baik.
Profesionalisme dalam operasi.
Meraih laba.

Alur Produksi

Alur Produksi Online PT. Instaprint Jaya Primatama

Alur Produksi Online

Gambar 3.2 Alur Produksi Online Instaprint

Penjelasan alur produksi online ada 4 tahap yaitu tahap pertama dimulai dari orderan online yang bisa dipesan melalui email ataupun website instaprint. Tahap kedua yaitu customer service online akan menyiapkan filenya dan membuatkan surat perintah kerja (SPK) sesuai dengan kategori barangnya, adapun kategori Scan & Copy Large Document (Rolland), Hp Indigo, Outdoor Indoor, dan Print Machine. Setelah orderan dibuatkan nomor spk maka sistem otomatis menuju salah satu kategori tersebut dan langsung diproses oleh operatornya. Tahap ketiga yaitu packing dan labeling berdasarkan orderannya. Tahap keempat yaitu diantar ke alamat yang memesan.

Alur Produksi Offline PT. Instaprint Jaya Primatama

Alur Produksi Offline

Gambar 3.3 Alur Produksi Offline Instaprint

Penjelasan alur produksi offline yaitu ada 4 tahap, yang pertama dimulai dari customer yang datang langsung ke Instaprint dan akan diberikan nomor urut oleh customer service berdasarkan kebutuhan customer. Tahap kedua yaitu datang ke bagian desain, operator desain dibagi menjadi 2 yaitu ready print dan setting. Ready print yaitu jika customer sudah menyiapkan filenya dan hanya tinggal menentukan pilihan cetakannya. Setting yaitu jika customer belum menyediakan file dan harus dibuat terlebih dahulu model dan ukurannya oleh operator designnya. Tahap ketiga yaitu operator design akan membuatkan surat perintah kerja (SPK) sesuai dengan kategori barangnya. Kategori produksi dibagi menjadi Mesin A3 (Indigo), Laser, Large Format (Indoor & Outdoor). Tahap keempat yaitu packing dan pickup sesuai pesanannya.

Struktur Organisasi Perusahaan PT. Instaprint Jaya Primatama

Struktur Organisasi merupakan kerangka yang menggambarkan hubungan antar bagian yang terkait dalan suatu organisasi seperti pembagian kerja ke dalam kelompok-kelompok tugas dan tanggung jawab.

Struktur organisasi akan tergantung pada tujuan tahap perkembangan organisasi dan kemampuan sumber-sumbernya yang mendukung pada bidang-bidang pekerjaan masing-masing dalam kesatuan fungsional. Dalam suatu perusahaan ataupun organisasi struktur organisasi merupakan hal yang sangat penting karena dengan memiliki struktur organisasi yang baik, fungsi-fungsi managemen akan dapat dijalankan dengan baik dan lancar. Organisasi merupakan kesatuan aktifitas dimana para pemimpin mempunyai wewenang untuk mengkoordinasikan kegiatan dengan maksud untuk mencapai tujuan organisasi.

Dengan organisasi yang efektif, maka setiap bagian organisasi mengetahui wewenang dan tugas yang menjadi tanggung jawabnya masing-masing. Dengan demikian hubungan kerja dalam organisasi akan dapat dikoordinasikan dengan baik. Struktur organisasi tercermin dalam suatu bagan organisasi yang menunjukkan adanya pembagian tugas dan wewenang serta aturan dan prosedur yang ada termasuk komunikasi dan arus kerja.

Berikut merupakan struktur organisasi dari PT. Instaprint Jaya Primatama :

Struktur Organisasi

Gambar 3.4 Struktur Organisasi PT. Instaprint Jaya Primatama

Tugas dan Tanggung Jawab

Berikut adalah tugas serta tanggung jawab yang ada pada PT. Instaprint Jaya Primatama :

CEO (Chief Executive Officer)

CEO bertugas untuk menetapkan laba berjalan perusahaan yang efektif dan efisien. Merencanakan, mengelola, dan menganalisis segala aktivitas fungsional bisnis seperti operasional, sumber daya manusia, keuangan dan pemasaran. Mengadakan rapat dengan berbagai departemen terkait dibawahnya untuk meminta pertanggung jawaban dari masing-masing departemen tersebut.

Director

Director bertugas untuk mengatur jalannya perusahaan. Director diberi hak untuk mengambil tanggung jawab bila diperlukan untuk menyelesaikan tugas-tugas dalam menyelesaikan dalam fungsi ini, asalkan tindakannya tidak ke luar dari ruang lingkup kebijakan dan prosedur yang dibentuk, yang tidak melebihi batas penempatan otoritasnya oleh CEO. Contohnya seperti menetapkan strategi-strategi untuk mencapakai visi dan misi perusahaan, bertindak sebagai perwakilan perusahaan dalam hubungannya dengan corporate lain, merencanakan serta mengembangkan sumber-sumber pendapatan dan pembelanjaan kekayaan perusahaan.

Manager

Manager bertugas untuk mempertahankan staff dengan merekrut, memilih, mengorientasi, dan melakukan pelatihan karyawan, menjaga lingkungan kerja yang aman, nyaman, tertib, serta menetapkan tujuan strategis dengan mengumpulkan bidang bisnis yang bersangkutan, keuangan, layanan dan informasi.

HRD

HRD bertugas membentuk atau membuat desain organisasi perusahaan, melakukan penelitian kinerja karyawan, mengatur karyawan, merencanakan tata cara penghargaan dan kompensasi serta pengembangan karyawan.

Supervisor Finance

Supervisor Finance bertugas mengawasi pemasukan dan pengeluaran uang kas dan uang di bank, menyetujui anggaran keuangan tiap bagian, meminta laporan keuangan setiap bulan serta meneliti penyimpangan yang terjadi pada tiap anggaran keuangan tersebut, bertindak sebagai penghubung kepada pihak ketiga, khususnya mengenai laporan pajak dan perbankan, bertanggung jawab atas kegiatan pencatatan, penggolongan, peringkasan dan penyajian laporan keuangan perusahaan, dan bertanggung jawab atas pembayaran gaji karyawan.

Staff Pajak

Bertanggung jawab untuk menangani pajak bulanan dan tahunan, menghitung dan melaporkan semua pembayaran pajak perusahaan, menyiapkan dan mendokumentasikan faktur pajak, membantu bagian keuangan dalam hal pengurusan perpajakan, dan dapat mengoperasikan e-Faktur pajak.

Staff Purchasing

Bertugas menerima dan mereview surat permintaan barang baik yang harian maupun yang bulanan, melakukan pemeriksaan terhadap ketepatan pemeriksaan dengan anggaran dan atau kebutuhan, melakukan pendapatan terhadap supplier dari segi harga, kesiapan, dan ketepatan, melakukan proses pembelian, membuat permintaan penawaran harga, membuat purchase order dan melakukan review dan rekap pembelian perbulan dan analisa ketepatan berdasarkan anggaran.

Staff Admin Penjualan

Bertugas melakukan penagihan (invoice) pembayaran yang telah lewat dari jatuh tempo, memeriksa bahwa pesanan mencakup harga dan diskon yang benar, memeriksa keakuratan data dalam pesanan dan faktur, dan membuat laporan penjualan.

Staff Admin Stock

Mengambil voucher pengambilan barang beserta mengecek barang di gudang.
Mengajukan permintaan barang ke purchasing
Membuat laporan keluar masuk barang.
Menerima faktur dan surat jalan dari supplier

Kasir

Menjalankan proses penjualan dan pembayaran, melakukan pencatatan atas semua transaksi, membantu pelanggan dalam memberikan informasi mengenai suatu produk, melakukan pencatatan kas fisik serta melakukan pelaporan kepada supervisor finance.

Supervisor & Assistant Supervisor Produksi

Supervisor & Ass. Supervisor bertugas untuk menjalankan dan mengawasi sistem yang berjalan sebagaimana dijelaskan dalam prosedur untuk masing-masing bagian fungsi yang telah ditetapkan.

Supervisor Produksi diberikan hak untuk mengambil beberapa tindakan penting untuk melaksanakan tugas yang ditetapkan dalam fungsi ini, selama tindakan tersebut tidak menyimpang dari lingkup aturan dan prosedur dasar, serta tidak melebihi batasan yang ditetapkan sebagai wewenangnya oleh direktur seperti bertanggung jawab dalam pencapaian target produksi dan kualitas standar hasil produksi dan memberi bimbingan pada bawahan agar bawahan dapat meningkatkan kemampuannya dan melakukan penilaian kinerja bawahan.
Assistant Supervisor Produksi bertugas membantu supervisor dalam proses produksi agar dapat berjalan lancar sesuai dengan standar perusahaan dan terjaga kualitas dan kuantitasnya.

Marketing

Membuat daftar pelanggan sesuai dengan segmentasi yang diinginkan perusahaan, melakukan proses penjualan sesuai daftar target yang sudah ditentukan dan disepakati bersama, dan melaksanakan pengendalian perhitungan harga jual produk kepada pelanggan dan dapat melaksanakan pengembangan pasar lokal.

Production

Mengoperasikan mesin/ alat yang menjadi tanggung jawabnya, bekerja sesuai SOP (Standar Operational Procedure), bekerja sesuai target yang ditentukan perusahaan, memberikan informasi pada saat pergantian shift, memastikan lingkungan kerja terjaga kerapihan tugas dan kebersihannya, dan memastikan laporan kerja dibuat sebagai bahan pertanggung jawaban nantinya. Untuk mengoptimalkan pelaksanaan proses produksi cetak, maka perlu ditetapkan tugas dan tanggung jawab setiap operator cetak, sehingga dengan penetapan ini perhatian operator akan terfokus pada tugasnya, meliputi :

Customer Service Division

Bertugas mengurus orderan customer, mengelola website perusahaan, memberikan layanan informasi seperti masa promo, diskon dan lain lain.

Design & Pre Press Division

Bertugas membuat desain/setting desain sesuai spesifikasi yang diberikan customer dan memeriksa & meningkatkan kualitas desain yang diterima supaya hasil cetak lebih maksimal.

Digital Offset Division

Bertugas untuk mencetak barang yang berbahan kertas dengan minimal cetakan 500 pcs.

Plotter & Large Format Division

Plotter & large format division dibagi menjadi 2 yaitu indoor dan outdoor.

Indoor yaitu menghasilkan cetakan berupa gambar atau grafik yang prima. Mesin digital Indoor ini biasa digunakan untuk mencetak dibahan seperti sticker, backlite, albatros dan bahan indoor lainnya.

Outdoor yaitu mesin digital printing yang biasa digunakan untuk mencetak bahan-bahan seperti spanduk, banner, neonbox, billboard dan bahan outdoor lainnya.

Laser & Finishing Division

Laser division bertugas untuk mencetak barang yang berbahan akrilik dan lain lain.
Finishing bertugas seperti laminating stiker, proses poli, dan proses pond.

Delivery

Bertugas untuk mengantar barang ke alamat customer sesuai dengan pesanannya.

Security

Mempertahankan lingkungan dengan memantau dan pengaturan bangunan dan kontrol peralatan, melakukan tindakan preventif keamanan, dan melindungi lingkungan perusahaan dari setiap gangguan keamanan, serta menegakkan peraturan dan tata tertib yang berlaku dilingkungan kerjanya.

Tata Laksana Sistem Yang Berjalan

Prosedur Sistem Yang Berjalan

Setiap hari admin stok mengambil voucher pengambilan barang
Voucher yang sudah diambil lalu di input ke excel
Jika barang di gudang sudah menipis, admin stok akan membuat request order dan diberikan kepada purchasing
Purchasing akan mengecek dan akan membuat purchase order
Purchase order yang sudah dibuat akan diberikan ke bagian finance untuk ditanda tangani.
Purchase order yang sudah ditanda tangani akan segera dipesan oleh bagian purchasing.
Jika barang sudah datang admin stok akan mencatat barang masuk dan keluar.
Admin stok akan membuat laporan persediaan barang akhir yang bersifat terbuka setiap minggunya.

Rancangan Prosedur Sistem Yang Berjalan

Dalam menggambarkan proses yang sedang berjalan, penelitian ini menggunakan program Unified Modelling Language (UML) berupa diagram dan beberapa diagram yang digunakan diantaranya use case diagram, sequence diagram, dan activity diagram.

Use Case Diagram

Gambar 3.5 Use Case Diagram Persediaan Barang

Berdasarkan gambar 3.5 Use Case Diagram diatas terdapat :

Terdapat 1 sistem yang mencangkup seluruh kegiatan mulai dari pengecekan stok barang yang tersedia sampai kegiatan laporan persediaan barang kepada pimpinan.
Terdapat 3 Actor dalam proses kegiatan yang berjalan, yaitu Admin Stock, Purchasing, dan Finance.
Terdapat 7 Case kegiatan yang dilakukan oleh actor – actor tersebut.

Activity Diagram

Activity Diagram menggambarkan berbagai alur aktivitas dalam sistem yang dirancang, bagaimana masing-masing alur berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity Diagram juga menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.

Gambar 3.6 Activity Diagram Persediaan Barang

Berdasarkan gambar 3.6 Activity Diagram diatas terdapat :

Terdapat 1 Initial Node merupakan awal proses kegiatan
Terdapat 11 action yang mencerminkan eksekusi suatu aksi.
Terdapat 3 Swimline yaitu Admin Stock, Purchasing, dan Finance
Terdapat 1 Final Node yang merupakan akhir proses kegiatan

Sequence Diagram

Sequence Diagram menjelaskan secara detail urutan proses yang di lakukan dalam sistem untuk mencapai tujuan dari use case: interaksi yang terjadi antar class, operasi apa saja yang terlibat, urutan antar operasi, dan informasi yang diperlukan oleh masing-masing operasi.

Gambar 3.7 Sequence Diagram Persediaan Barang

Berdasarkan Gambar 3.7 Sequence Diagram diatas terdapat :

Terdapat 3 Actor terdiri dari : Admin Stock, Purchasing, dan Finance
Terdapat 5 Lifeline terdiri dari : Voucher Barang, Request Order, Purchase Order, Barang, dan Laporan Persediaan.
Terdapat 10 Message memberikan informasi - informasi tentang gambaran aktivitas yang berlangsung pada proses kegiatan yang dilakukan oleh actor tersebut.

Analisis Sistem Yang Berjalan

Metode Analisis PIECES

Untuk mengidentifikasi masalah, harus dilakukan analisis terhadap kinerja, informasi, ekonomi, keamanan aplikasi, efesiensi dan pelayanan-pelayanan. Panduan ini dikenal dengan Analisi PIECES (Performance, Information, Economy, Control, Efeciency, Service). Dari analisis ini biasanya yang muncul bukan masalah utama, tetapi hanya gejala dari masalah utama saja.

Tabel 3.8 Analisis PIECES

Metode Analisa Masukan, Analisa Proses, Analisa Keluaran

Analisa Masukan

Pada analisa masukan berisi tentang semua data yang merupakan masukan (input) dimana terdiri dari Nama Masukan, Fungsi, Sumber, Media, dan Frekunsi. Berikut analisa masukan dari sistem yang berjalan.

Nama Masukan : Voucher Pengambilan Barang
Fungsi : Sebagai bukti untuk barang yang sudah terpakai
Sumber : Operator
Media : Kertas
Frekuensi : Setiap operator yang mengambil barang harus mengisi kartu stok

Analisa Proses

Pada analisa proses memuat tentang semua proses yang digunakan untuk menyelesaikan suatu masalah. Berikut analisa proses dari sistem yang berjalan :

Nama Modul : Permintaan Barang
Masukan : Form Request Order
Keluaran : Form Purchase Order
Ringkasan Proses : Proses ini bermula dari permintaan barang kemudian purchasing akan cek laporan stok barang sebelumnya jika stok barang sudah habis maka akan dibuatkan form purchase order.

Analisa Keluaran

Pada analisa proses memuat tentang semua informasi dari proses yang dijalankan dan sudah sesuai dengan format tertentu. Berikut analisa proses dari sistem yang berjalan.

Nama Keluaran : Surat Jalan
Fungsi : Sebagai bukti jumlah barang yang datang
Media : Kertas
Rangkap : 2 Rangkap
Distribusi : Admin Stok
Nama Keluaran : Laporan Permintaan & Pengeluaran Barang
Fungsi : Untuk mengetahui laporan permintaan dan pengeluaran barang
Media : Kertas
Rangkap : 2 Rangkap
Distribusi : Finance

Konfigurasi Sistem Berjalan

Spesifikasi Hardware

Processor : Intel Celeron 1.80 GHz
Monitor : LCD 14”
Mouse : Ps2
RAM : 2 GB
Storage : HDD (320 GB)
Peripheral : Mouse dan Keyboard
Keyboard : Compatible Ps2
Printer : Hp Deskjet Ink Adv 2060 K110

Spesifikasi Software

Windows 7 (Operating System)
Microsoft Office 2016
Google Chrome

Permasalahan Yang Dihadapi dan Alternatif Pemecahan Masalah

Permasalahan Yang Dihadapi

Ada beberapa permasalahan pada sistem berjalan saat ini, diantaranya adalah :

Untuk mengetahui jumlah persediaan barang yang tersedia diperlukan waktu yang cukup lama karena admin stock harus menginput kartu stok ke excel dan mengecek secara langsung jumlah stok fisik.
Pembuatan kartu stok barang masih tidak efisien karena dilakukan secara manual dan masih memungkinkan terjadinya kesalahan dalam pembuatan laporan karena antara laporan dan fisik barangnya tidak sesuai.

Alternatif Pemecahan Masalah

Setelah mengamati hingga meneliti dari beberapa permasalahan yang terjadi, terdapat beberapa alternatif pemecahan dari masalah yang dihadapi, yaitu :

Dilihat dari permasalahan yang ada pada sistem yang berjalan maka alternatif pemecahan masalah yang bisa membantu sistem kerja bagian admin stock yaitu dengan membuat rancangan sistem yang baru berbasis web, sehingga dalam penginputan data lebih aman, dan efisien.
Dilihat berdasarkan use case pengambilan kartu stok masih dilakukan secara manual dan dilakukan setiap hari juga sering kali kartu stok tidak ditulis oleh operator ataupun hilang sehingga terjadi perbedaan antara laporan dengan fisik barangnya oleh karna itu perlu dikembangkannya suatu sistem untuk memudahkan admin dalam membuat laporan.

User Requirment

Elisitasi Tahap I

Elisitasi Tahap I berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.

Tabel 3.2 Elisitasi Tahap I

Elisitasi Tahap II

Elisitasi tahap II merupakan hasil pengklasifikasian dari elisitasi tahap I berdasarkan metode MDI. Berikut lampiran elisitasi tahap II yang telah dibuat.

Tabel 3.10 Elisitasi Tahap II

Keterangan :

M (Mandatory) : Penting atau dibutuhkan
D (Desirable) : Diinginkan tapi tidak terlalu penting.
I (Inessential) : Bukanlah bagian dari sistem dan dieliminasi

Elisitasi Tahap III

Berdasarkan elisitasi tahap II diatas, dibentuklah suatu elisitasi tahap ke III yang kemudian diklasifikasikan kembali dengan menggunakan metode TOE (Technical, Operational, Economy) dengan option HML.

Tabel 3.11 Elisitasi Tahap III

Keterangan :

T artinya Technical Technical (Bagaimana tata cara / teknik pembuatan requirement tersebut dalam sistem yang diusulkan)
O artinya Operational (Bagaimana tata cara penggunaan requirement tersebut dalam sistem yang akan dikembangkan)
E artinya Economy (Berapakah biaya yang diperlukan guna membangun requirement tersebut didalam sistem)

Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu:

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

Final Draft Elisitasi

Final Draft merupakan hasil final yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.

Tabel 3.12 Final Draft Elisitasi

BAB IV

RANCANGAN SISTEM YANG DIUSULKAN

Rancangan Sistem yang Diusulkan

Setelah melakukan analisis dan penelitian sistem yang sedang berjalan pada sistem informasi persediaan barang, maka selanjutnya akan dibahas mengenai rancangan usulan sistem yang akan dibangun. Ada beberapa usulan prosedur yang bertujuan untuk mengoptimalkan fungsi sistem informasi persediaan barang yang sedang berjalan saat ini, yaitu merubah sistem pengolahan persediaan barang yang semula dilakukan secara semi komputerisasi menjadi sistem persediaan barang yang terkomputerisasi dan berbasis web. Maka langkah-langkah berikutnya yaitu perancangan atau desain sistem usulan yang bertujuan untuk menyempurnakan sistem yang lama dengan memberi gambaran atau pandangan yang jelas menurut proses desain sistem dari awal hingga akhir penelitian. Dalam menganalisa usulan prosedur yang baru pada penelitian ini digunakan program Visual Paradigm for UML Enterprise Edition Ver. 8.0 Personal Edition untuk menggambarkan use case diagram, activity diagram, sequence diagram, dan class diagram

Prosedur Sistem Usulan

Terdapat beberapa usulan prosedur baru, prosedur yang bertujuan untuk memperbaiki dan menyempurnakan sistem yang ada sekarang. Prosedur yang diusulkan yaitu :

Operator

Melakukan login pada sistem.
Menampilkan menu dashboard.
Melakukan input data barang keluar.
Melakukan logout pada sistem.

Admin Stok

Melakukan login pada sistem
Menampilkan menu dashboard
Menampilkan menu stock
Melakukan input request order
Menampilkan menu purchase order
Melakukan input barang masuk
Melakukan approve barang keluar
Melakukan input master data divisi
Melakukan input master data supplier
Melakukan input master data barang
Melakukan input master data kategori detail
Melakukan logout pada sistem

Purchasing

Melakukan login pada sistem
Menampilkan menu dashboard
Menampilkan menu stock
Melakukan input purchase order
Menampilkan menu barang masuk
Menampilkan menu barang keluar
Melakukan logout pada sistem

Finance

Melakukan login pada sistem
Menampilkan menu dashboard
Menampilkan menu stock
Melakukan approval purchase order
Melakukan logout pada sistem

Admin

Melakukan login pada sistem
Menampilkan menu dashboard
Menampilkan menu stock
Menampilkan menu request order
Menampilkan menu purchase order
Menampilkan menu barang masuk
Menampilkan menu barang keluar
Melakukan input master data divisi
Melakukan input master data supplier
Melakukan input master data barang
Melakukan input master data kategori detail
Melakukan input master data user
Melakukan logout pada sistem

Diagram Rancangan Sistem

Use Case Diagram yang Diusulkan

Gambar 4.1 Usecase Diagram Persediaan Barang yang Diusulkan

Berdasarkan gambar 4.1 Use Case Diagram sistem yang diusulkan terdapat :

Use Case : Login
Actor : Operator, Stok, Purchasing, Finance, dan Admin.
Scenario : Operator,stok, purchasing, finance, dan admin dapat melakukan login ke sistem.
Use Case : Logout
Actor : Operator, Admin Stok, Purchasing, Finance, dan Admin.
Scenario : Operator, stok, purchasing, finance, dan admin dapat melakukan logout ke sistem.
Use Case : Dashboard
Actor : Operator, Stok, Purchasing, Finance, dan Admin.
Scenario : Operator, stok, purchasing, spv finance, dan admin dapat menampilkan menu beranda pada sistem.
Use Case : Barang
Actor : Stok dan Admin
Scenario : Stok dan admin dapat menambah, mengedit, dan menghapus menu barang.
Use Case : Supplier
Actor : Stok dan Admin
Scenario : Stok dan admin dapat menambah, mengedit, dan menghapus menu supplier.
Use Case : Divisi
Actor : Stok dan Admin
Scenario : Stok dan admin dapat menambah, mengedit, dan menghapus menu divisi.
Use Case : Kategori Detail
Actor : Stok dan Admin
Scenario : Stok dan admin dapat menambah, mengedit, dan menghapus menu kategori detail.
Use Case : User
Actor : Admin
Scenario : Admin dapat menambah, mengedit, dan menghapus menu user.
Use Case : Request Order
Actor : Stok, Purchasing, Admin
Scenario : Stok dapat menambah menu request order. Purchasing dapat membuat purchase order. Admin dapat melihat menu request order.
Use Cae : Barang Masuk
Actor : Stok, Purchasing, Admin
Scenario : Stok dapat melihat barang masuk yang sudah dia approve finance. Purchasing dan Admin dapat melihat menu barang masuk.
Use Case : Purchase Order
Actor : Stok, Purchasing, Admin
Scenario : Stok dapat menginput item untuk barang masuk. Purchasing dapat melihat status purchase order dan bisa mendownload berbentuk pdf. Admin dapat melihat menu purchase order.
Use Case : Barang Keluar
Actor : Operator, Stok, Purchasing, Admin
Scenario : Operator dapat menambah barang keluar. Stok dapat approve dan mengapus menu request order. Purchasing dan Admin dapat melihat menu barang keluar.
Use Case : Stock
Actor : Finance, Stok, Purchasing, dan Admin
Scenario : Stok dapat menambah menu request order. Purchasing dapat membuat purchase order. Admin dapat melihat menu barang keluar.

Activity Diagram yang Diusulkan

Activity Diagram Barang Keluar

Gambar 4.2 Activity Diagram Barang Keluar yang Diusulkan

Berdasarkan gambar 4.2 Activity Diagram Barang Keluar diatas terdapat:

1 Initial Node, objek yang diawali
8 Action, dari sistem yang mencerminkan eksekusi dari suatu aksi.
2 Decesion Node yang merupakan pemilihan ya atau tidak
1 Activity Final Node, objek yang diakhiri.

Activity Diagram Request Order

Gambar 4.3 Activity Diagram Request Order yang Diusulkan

Berdasarkan gambar 4.3 Activity Diagram Request Order diatas terdapat:

1 Initial Node, objek yang diawali
11 Action, dari sistem yang mencerminkan eksekusi dari suatu aksi.
2 Decesion Node yang merupakan pemilihan ya atau tidak
1 Activity Final Node, objek yang diakhiri.

Activity Diagram Purchase Order

Gambar 4.4 Activity Diagram Purchase Order yang Diusulkan

Berdasarkan gambar 4.4 Activity Diagram Purchase Order diatas terdapat:

1 Initial Node, objek yang diawali
11 Action, dari sistem yang mencerminkan eksekusi dari suatu aksi.
2 Decesion Node yang merupakan pemilihan ya atau tidak
1 Activity Final Node, objek yang diakhiri.

Activity Diagram Barang Masuk

Gambar 4.5 Activity Diagram Barang Masuk yang Diusulkan

Berdasarkan gambar 4.5 Activity Diagram Barang Masuk diatas terdapat:

1 Initial Node, objek yang diawali
6 Action, dari sistem yang mencerminkan eksekusi dari suatu aksi.
1 Decesion Node yang merupakan pemilihan ya atau tidak
1 Activity Final Node, objek yang diakhiri.

Sequence Diagram Persediaan Barang Yang Diusulkan

Sequence Diagram Sistem Operator

Gambar 4.6 Sequence Diagram Operator

Berdasarkan gambar 4.6 Sequence Diagram Operator terdapat :

1 actor yang melakukan kegiatan yaitu Operator.
4 life line, objek entity antar muka yang saling berinteraksi.
7 mesangge, spesifikasi dari komunikasi antar objek yang membuat informasi-informasi aktifitas yang terjadi.

Sequence Diagram Sistem Admin Stock

Gambar 4.7 Sequence Diagram Admin Stock

Berdasarkan gambar 4.7 Sequence Diagram Admin Stok terdapat :

1 actor yang melakukan kegiatan yaitu Admin Stock.
7 life line, objek entity antar muka yang saling berinteraksi.
14 mesangge, spesifikasi dari komunikasi antar objek yang membuat informasi-informasi aktifitas yang terjadi.

Sequence Diagram Sistem Purchasing

Gambar 4.8 Sequence Diagram Purchasing

Berdasarkan gambar 4.8 Sequence Diagram Purchasing terdapat :

1 actor yang melakukan kegiatan yaitu Purchasing.
5 life line, objek entity antar muka yang saling berinteraksi.
7 mesangge, spesifikasi dari komunikasi antar objek yang membuat informasi-informasi aktifitas yang terjadi.

Sequence Diagram Sistem Finance

Gambar 4.9 Sequence Diagram Finance

Berdasarkan gambar 4.9 Sequence Diagram Pimpinan Finance terdapat:

1 actor yang melakukan kegiatan yaitu Finance.
5 life line, objek entity antar muka yang saling berinteraksi.
11 mesangge, spesifikasi dari komunikasi antar objek yang membuat informasi-informasi aktifitas yang terjadi.

Perbedaan Prosedur Antara Sistem Yang Berjalan dan Sistem Usulan

Berikut ini adalah perbedaan sistem yang berjalan dan sistem usulan:

Tabel 4.1 Perbedaan Sistem Berjalan Dengan Sistem Usulan

Rancangan Basis Data

Class Diagram Yang Diusulkan

Class Diagram dapat membantu untuk memvisualisasikan kelas dari suatu sistem, karena class digram memiliki kelompok objek dengan atribut (property) dan relasi yang sama. Berikut merupakan class diagram yang diusulkan pada PT Instaprint Jaya Primatama :

Gambar 4.10 Class Diagram Persediaan Barang

Berdasarkan gambar 4.10 class diagram yang diusulkan terdapat :

12 (dua belas) class, himpunan dari objek-objek yang berbagi atribut serta operasi.
12 (dua belas) Assosiation, hubungan antara objek satu dengan objek yang lainnya.

Spesifikasi Basis Data

Rancangan basis data digunakan untuk mempermudah dalam menggambarkan tabel-tabel yang ada di dalam database, serta dapat membantu pemrograman dalam mengambil atau menampilkan data. Salah satunya untuk menggambarkan spesifikasi tabel-tabel yang ada di dalam database, berikut ini merupakan spesifikasi tabel pada sistem yang diusulkan.

Tabel Master Data Divisi

Tabel 4.2 Master Data Divisi

Tabel Master Data Supplier

Tabel 4.3 Master Data Supplier

Tabel Master Data Barang

Tabel 4.4 Master Data Barang

Tabel Master Data Unit

Tabel 4.5 Master Data Unit

Tabel Master Data Kategori Detail

Tabel 4.6 Master Data Kategori Detail

Tabel Master Data PO Detail

Tabel 4.7 PO Detail

Tabel Transaksi Request Order

Tabel 4.8 Transaksi Request Order

Tabel Transaksi Purchase Order

Tabel 4.9 Transaksi Purchase Order

Tabel Transaksi Barang Keluar

Tabel 4.10 Transaksi Barang Keluar

Tabel Transaksi Barang Masuk

Tabel 4.11 Transaksi Barang Masuk

Tabel Master Data Menu

Tabel 4.12 Master Data Menu

Tabel Master Data User

Tabel 4.13 Master Data User

Tabel Master Data Role

Tabel 4.14 Master Data Role

Rancangan Prototype Sistem Persediaan Barang

Rancangan Halaman Login

Halaman ini berfungsi sebagai sistem keamanan bagi pengguna untuk memastikan apakah pengguna (user) memiliki hak akses untuk masuk kedalam sistem atau tidak. Menu login berisi username dan password dan berfungsi untuk menjaga data pada sistem.

Gambar 4.11 Rancangan Halaman Login

Rancangan Halaman Dashboard

Halaman ini berfungsi untuk menampilkan menu utama untuk operator, admin stok, purchasing, finance, dan administrator pada PT. Instaprint Jaya Primatama. Menu beranda berisi chart bar.

Gambar 4.12 Rancangan Halaman Dashboard

Rancangan Halaman Request Order User Stock

Halaman ini berfungsi untuk menampilkan data request order yang dibuat oleh admin stok.

Gambar 4.13 Rancangan Tampilan Stock Menu Request Order

Rancangan Halaman Purchase Order User Stock

Halaman ini berfungsi untuk menampilkan data purchase order yang dibuat oleh purchasing dan sudah disetujui oleh finance.

Gambar 4.14 Rancangan Tampilan Stock Menu Purchase Order

Rancangan Halaman Barang Masuk User Stock

Halaman ini berfungsi untuk menampilkan data barang masuk yang dibuat setelah pembuatan purchase order.

Gambar 4.15 Rancangan Tampilan Stock Menu Barang Masuk

Rancangan Halaman Barang Keluar User Stock

Halaman ini berfungsi untuk approval data barang keluar yang dibuat oleh operator.

Gambar 4.16 Rancangan Tampilan Stock Menu Barang Keluar

Tampilan Sistem Yang Diusulkan

Tampilan Halaman Login Admin Stock

Tampilan diatas merupakan tampilan awal sebelum masuk kedalam sistem, setiap user harus melakukan login dengan memasukan username dan password yang benar agar dapat masuk kedalam sistem.

Gambar 4.28 Tampilan Halaman Login Stock

Tampilan Halaman Dashboard Admin Stock

Setelah user melakukan proses login dengan benar, maka akan tampil dashboard yang mana didalamnya menggambarkan nilai setiap transaksi yang ada, dapat melihat nilai dan detail data ketika klik salah satu grafik yang ada. Halaman ini dapat diakses oleh semua user.

Gambar 4.29 Tampilan Halaman Dashboard Stock

Tampilan Halaman Stock Admin Stok

Tampilan diatas merupakan tampilan menu report stock. Halaman ini hanya dapat diakses oleh stok, purchasing, finance dan admin.

Gambar 4.30 Tampilan Halaman Stock

Tampilan Menu Request Order Admin Stock

Tampilan diatas merupakan halaman request order. Untuk menambah data hanya bisa dilakukan oleh admin stock.

Gambar 4.31 Tampilan Halaman Request Order Stock

Menu Purchase Order Admin Stock

Tampilan diatas adalah halaman purchase order, data ro yang telah di approv purchasing akan muncul dihalaman ini. Setelah di approv, admin stok bisa menambah data barang masuk.

Gambar 4.32 Tampilan Halaman Purchase Order Stock

Tampilan Menu Barang Masuk Admin Stock

Tampilan diatas adalah halaman barang masuk yang sebelumnya admin stok input di menu purchase order maka akan otomatis keluar di menu barang masuk.

Gambar 4.33 Tampilan Halaman Barang Masuk Stock

Tampilan Menu Barang Keluar Admin Stock

Tampilan diatas adalah halaman barang keluar. Halaman ini untuk meng-approv data barang masuk yang dibuat oleh operator.

Gambar 4.34 Tampilan Halaman Barang Keluar Stock

Konfigurasi Sistem Usulan

Spesifikasi Perangkat Keras (Hardware)

Perangkat keras merupakan salah satu bagian peting di dalam berjalannya sebuah sistem. Perangkat keras memiliki banyak jenis yang dapat digunakan seperti, PC, Laptop, Handphone, dll semua jenis perangkat lunak tersebut dapat bekerja membantu brainware dalam menggunakan sistem yang dirancang ini. Berikut ini konfigurasi sistem perangkat keras yang dibutuhkan:

Processor : Minimal 2,1 GHz
Monitor : Minimal VGA
RAM : Minimal 2 GB
Modem USB : Minimal Kecepatan 14,4 Mbps
Peripheral : Minimal Mouse dan Keyboard

Spesifikasi Perangkat Lunak (Software)

Selain itu hal yang menjadi pendukung berjalannya sebuah sistem adalah Perangkat lunak merupakan penghubung antara instruksi-instruksi yang dibutuhkan oleh brainware untuk menjalankan hardware sehingga dapat menghasilkan informasi yang dibutuhkan. Berikut adalah spesifikasi yang dibutuhkan:

Sistem operasi yang dapat digunakan bisa berupa Windows.
Browser yang dapat digunakan antara lain Google Chrome, Mozila Firefox, dan Internet Explorer.

Hak Akses (Brainware)

Dalam sistem yang dikembangkan yaitu pada sistem Persediaan Barang harus memiliki user untuk menjalankan sistem tersebut. Oleh karena itu dibutuhkan beberapa user yang dapat mengakses Persediaan Barang, diantaranya:

Admin Stock.
Purchasing.
Finance.
Operator.
Admin.

Testing

Blackbox Testing

Berikut ini adalah tabel pengujian Black box untuk fungsi menu login, yaitu:

Skenario pengujian : Tampilan awal sistem yaitu halaman Login

Gambar 4.65 Pengujian login apabila mengosongkan username dan password

Hasil yang diharapkan : Sistem menolak untuk masuk menu login dan menampilkan pesan error (validation is failed).
Gambar pengujian :.

Gambar 4.66 Hasil pengujian login apabila mengosongkan username dan password
Kesimpulan : Hasil pengujian VALID

Skenario Pengujian : Tampilan awal sistem yaitu halaman Login

Gambar 4.67 Pengujian login apabila username dan password salah

Hasil yang diharapkan : Sistem menolak untuk masuk menu login dan menampilkan pesan error (username or password wrong).
Gambar pengujian :.

Gambar 4.68 Hasil pengujian login apabila username dan password salah
Kesimpulan : Hasil pengujian VALID

Skenario Pengujian : Input data request order

Gambar 4.69 Pengujian menu request order apabila input data lengkap

Hasil yang diharapkan : Jika mengisi form dengan lengkap akan tampil alert Successfully add data.
Gambar pengujian :.

Gambar 4.70 Hasil pengujian menu request order apabila input data lengkap
Kesimpulan : Hasil pengujian VALID
Hasil yang diharapkan : Jika mengisi form tidak lengkap akan tampil alert error.
Gambar pengujian :

Gambar 4.71 Hasil pengujian menu request order apabila input data tidak lengkap
Kesimpulan : Hasil pengujian VALID

Skenario Pengujian : Eksport Data Report Stock

Gambar 4.72 Pengujian Eksport Data Report Stock

Hasil yang diharapkan : Sistem menghasilkan laporan sesuai dengan yang dibutuhkan.
Gambar pengujian :.

Gambar 4.73 Hasil pengujian eksport data report stock
Kesimpulan : Hasil pengujian VALID

Skenario Pengujian : Melakukan Logout

Gambar 4.74 Pengujian menu logout

Hasil yang diharapkan : Dapat keluar dari sistem setelah memilih Log out pada profil user.
Gambar pengujian :.

Gambar 4.75 Hasil pengujian menu logout
Kesimpulan : Hasil pengujian VALID

Implementasi

Time Schedule

Tabel 4.30 Time Schedule

Dalam melakukan penelitian ini tentu memerlukan proses dan kegiatan yang banyak memakan waktu dalam penyelesaiannya, dibawah ini merupakan jadwal dari kegiatan yang dilakukan selama penelitian berlangsung.

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 berjudul “Perancangan Sistem Informasi Persediaan Barang Pada PT. Instaprint Jaya Primatama”.

Tabel 4.31 Estimasi Biaya

BAB V

PENUTUP

Kesimpulan

Berdasarkan hasil penelitian yang dilaksanakan pada PT. Instaprint Jaya Primatama mengenai perancangan sistem persediaan barang dapat disimpulkan bahwa :

Sistem persediaan barang yang berjalan saat ini di PT. Instaprint Jaya Primatama masih menggunakan Microsoft Excel untuk pengolahan datanya sehingga sistem saat ini belum berjalan dengan efisien.
Kendala - kendala yang terjadi pada sistem persediaan barang yang berjalan saat ini terdapat kekurangan diantaranya memerlukan waktu yang cukup lama untuk mengetahui jumlah persediaan barang karena admin stok harus menghitung secara langsung jumlah stok fisik setiap hari dan sering terjadinya selisih antara laporan stok barang dengan fisik.
Teknik penyimpanan data yang berjalan pada PT. Instaprint Jaya Primatama masih menggunakan pengarsipan berkas sehingga mengakibatkan penumpukan berkas, serta kemungkinan berkas yang hilang atau rusak cukup besar.
Penulis menggunakan metode analisis PIECES untuk menganalisa sistem berjalan, menggunakan Unified Modeling Language (UML) untuk menggambarkan sistem berjalan dan sistem usulan dengan tools Visual Paradigm for UML 12.1 Enterprise Edition. Dalam perancangan sistem, peneliti menggunakan text editor Sublime Text dengan bahasa pemrograman PHP dan database My SQL.
Dalam testing, peneliti menggunakan metode Blackbox Testing. Dalam metode Blackbox Testing berfokus pada pengujian persyaratan fungsional perangkat lunak (software), untuk mendapatkan serangkaian kondisi input yang sesuai dengan persyaratan fungsional suatu program.

Saran

Berikut ini adalah beberapa saran yang dapat peneliti berikan sebagai bahan pertimbangan bagi PT. Instaprint Jaya Primatama, antara lain :

Perlu adanya sosialisasi terhadap sistem usulan yang telah dibuat kepada user agar user dapat memaksimalkan kinerjanya dengan baik.
Harus adanya maintenance dan control sistem agar tidak terjadi kerusakan pada sistem.
Dengan sistem yang terkomputerisasi di harapkan pemantauan stok barang lebih di tingkatkan lagi sehingga meminimalisir kerugian perusahaan.
Dapat dilakukan pengembangan sistem supaya lebih baik lagi dan meminimalisir terjadinya error yang tentunya dapat mengakibatkan kerugian bagi penggunanya dan perusahaanya.

DAFTAR PUSTAKA

↑ ^1,0 ^1,1 ^1,2 ^1,3 ^1,4 Hutahaean, J. (2015). Konsep sistem informasi. Deepublish.
↑ Muslihudin, M. (2016). Analisis Dan Perancangan Sistem Informasi Menggunakan Model Terstruktur Dan UML. Penerbit Andi
↑ Maniah, H. D. (2017). Analisis dan Perancangan Sistem Informasi Pembahasan Secara Praktis dengan Contoh Kasus. Sleman: Deepublish
↑ Tyoso, J. S. P. (2016). Sistem Informasi Manajemen. Deepublish
↑ ^5,0 ^5,1 Nafiudin, S. (2019). Sistem informasi manajemen. Penerbit Qiara Media
↑ ^6,0 ^6,1 ^6,2 ^6,3 JUNIKHA, S. (2017). SISTEM INFORMASI JATUH TEMPO ANGSURAN KREDIT NASABAH BERBASIS VISUAL BASIC 2010 PADA BANK BANTEN CABANG PALEMBANG (Doctoral dissertation, POLITEKNIK NEGERI SRIWIJAYA).
↑ ^7,0 ^7,1 Maulani1G., Septiani, D., & Sahara, P. (2018). RANCANG BANGUN SISTEM INFORMASI INVENTORY FASILITAS MAINTENANCE PADA PT. PLN (PERSERO) TANGERANG. ICIT Journal, 4(2), 156-167. Retrieved from http://ejournal.raharja.ac.id/index.php/icit/article/view/90
↑ Luthfie, M. F. A., & Sutrisno, J. (2019). ANALISA DAN PERANCANGAN SISTEM INFORMASI PENJUALAN DAN JASA SERVICE AKSESORIS MOTOR BERBASIS WEB PADA AUTO39 BIKE SHOP MENGGUNAKAN UNIFIED MODELING LANGUAGE. IDEALIS: Indonesia Journal Information System, 2(1), 61-66.
↑ Al Fatta, H., & Marco, R. (2015). Analisis pengembangan dan perancangan sistem informasi akademik smart berbasis cloud computing pada sekolah menengah umum negeri (smun) di daerah istimewa yogyakarta. Telematika, 8(2).
↑ Chaidirman, C., & Mulyono, H. (2018). ANALISIS DAN PERANCANGAN SISTEM INFORMASI LAYANAN INDIVIDU BIMBINGAN KONSELING PADA SMKN 6 TANJUNG JABUNG TIMUR. Jurnal Manajemen Sistem Informasi, 3(3), 1140-1148.
↑ Santoso, S., Ilamsyah, I., & Novita, W. (2019). APLIKASI SISTEM INFORMASI PEMANTAUAN INVENTORY STOCK OPNAME BERBASIS WEB PADA PT MAKMUR BERKAT SOLUSI Astuti, P. D. (2017). Sistem Informasi Penjualan Obat Pada Apotek Jati Farma Arjosari. Speed-sentra penelitian engineering dan edukasi, 3(4).
↑ Santoso, S., Ilamsyah, I., & Novita, W. (2019). APLIKASI SISTEM INFORMASI PEMANTAUAN INVENTORY STOCK OPNAME BERBASIS WEB PADA PT MAKMUR BERKAT SOLUSI LOGISTIC. SENSI Journal, 5(2), 165-174. Retrieved from http://ejournal.raharja.ac.id/index.php/sensi/article/view/118.
↑ Fatmawati, R., Irviani, E. S., Rachman, I. P., Anggie, A., & Kristina, M. (2016). Tata Kelola Teknologi Informasi Sebagai Implementasi E-Government Pada Kabupaten Pemekaran Untuk Meningkatkan Potensi Daerah (Studi: Kabupaten Pringsewu Lampung). Proseding Senapati, 1(1).
↑ Sovia, R., & Febio, J. (2017). Membangun Aplikasi E-Library Menggunakan Html, Php Script, Dan Mysql Database. Jurnal Processor, 6(2).
↑ Heriyanto, D. N., & Lau, E. A. (2016). Manajemen Persediaan Suku Cadang Alat Berat PT. United Tractors, Tbk Cabang Samarinda. Ekonomia, 5(3), 46-57.
↑ Budianto, H., & Ferriswara, D. (2018). PENERAPAN METODE PENCATATAN DAN PENILAIAN PERSEDIAAN BARANG MENURUT SAK ETAP PADA CV. TJIPTO PUTRA MANDIRI INDONESIA. Jurnal Aplikasi Administrasi, 20(2), 124-138.
↑ ^17,0 ^17,1 ^17,2 Rasyid, R. R. R., Sumarauw, J. S., & Palandeng, I. D. (2017). ANALISIS PERSEDIAAN AIR BERSIH DI PT. AIR MANADO. Jurnal EMBA: Jurnal Riset Ekonomi, Manajemen, Bisnis dan Akuntansi, 5(1).
↑ ^18,0 ^18,1 Andrawina, L., & Santosa, B. (2017). Kebijakan Pengendalian Persediaan Produk Kategori Sub Part Sepeda Motor Dengan Menggunakan Metode Probabilistik Continuous Review (s, s) Dan Continuous Review (s, q) Untuk Meminimasi Biaya Persediaan Di Pt Xyz Bandung. eProceedings of Engineering, 4(2).
↑ Perancangan dan Pembuatan Sistem Administrasi Pada Toko kiddy Baby Shop. Jurnal Infra, 5(1), 234-238.
↑ Utama, A. G. S., Restiyantingrum, E. V., Manasika, A., Laila, E. A., & Pramesti, I. G. O. M. S. (2019). Automatic Management Inventory System (AMIS): Efektivitas Pengawasan dan Pengelolaan Persediaan Terintegrasi. Jurnal Aplikasi Akuntansi, 3(2), 144-169.
↑ Supriyatna, A., & Maria, V. (2018). Analisa Tingkat Kepuasan Pengguna dan Tingkat Kepentingan Penerapan Sistem Informasi DJP Online dengan Kerangka PIECES. Khazanah Informatika: Jurnal Ilmu Komputer dan Informatika, 3(2), 88-94.
↑ Yunus, A., & Rohman, A. C. (2018). Sistem Pendukung Keputusan Penentuan Lahan Pertanian, Pertambangan, Dan Perindustrian (Softplet) Dengan Menggunakan Metode Smarter. SMARTICS Journal, 4(1), 5-10.
↑ Hanafri, Muhammad Iqbal, Siti Maisaroh Mustafa, Arip Hidayat. 2017. Proses Perakitan Trafo Dengan Menggunakan Animasi Multimedia. ISSN : 2088 – 1762. JURNAL SISFOTEK GLOBAL Vol.7 No.1-Maret 2017 Tangerang: SRMIK Bina Saran Global.
↑ ^24,0 ^24,1 ^24,2 Hanafri, M. I., Triono, T., & Luthfiudin, I. (2018). Rancang Bangun Sistem Monitoring Kehadiran Dosen Berbasis Web Pada STMIK Bina Sarana Global. JURNAL SISFOTEK GLOBAL, 8(1).[
↑ Ariawan, J., & Wahyuni, S. (2015). Aplikasi Pengajuan Lembur Karyawan Berbasis Web. Jurnal Sisfotek Global, 5(1).
↑ Fuad, H., Sutarman, S., & Yayah, Y. (2018). Perancangan Sistem Infomasi Customer Relationship Management Pelayanan Berbasis Web di PT Sahabat Kreasi Muda. JURNAL SISFOTEK GLOBAL, 8(1).
↑ Siregar, S. R. S., & Sundari, P. (2016). Rancangan Sistem Informasi Pengelolaan Data Kependudukan Desa (Studi Kasus di Kantor Desa Sangiang Kecamatan Sepatan Timur). Jurnal Sisfotek Global, 6(1).
↑ Hidayat, A., & Piliang, F. (2019). RANCANG BANGUN SISTEM INFORMASI PENYEWAAN LAHAN PARKIR BERBASIS WEB GIS. Jurnal Sistem Informasi dan Sains Teknologi, 1(1).
↑ Budiman, E., Hasudungan, R., & Khoiri, A. (2017). Online Game “Pics And Words” Sebagai Media Edukasi Bahasa Inggris Berbasis HTML. Prosiding 2nd SAKTI.[6] Knuth, DE The Art of Computer Programming (2d.)
↑ ^30,0 ^30,1 Ali, S., & Ambarita, A. (2016). Sistem Informasi Data Barang Inventaris Berbasis Web Pada Kejaksaan Negeri Ternate. IJIS-Indonesian Journal On Information System, 1(1).
↑ Prabowo, S. (2019). SISTEM RESERVASI WEDDING ORGANIZER BERBASIS WEB MENGGUNAKAN FRAMEWORK CODEIGNITER & BOOTSTRAP (STUDI KASUS: ROMANTIC WEDDING) (Doctoral dissertation, STMIK AKAKOM YOGYAKARTA).
↑ Sianipar, R. H. (2017). Dasar Pemrograman JavaScript: Langkah demi Langkah (Vol. 1). Penerbit ANDI.
↑ Sianipar, R. H., & Irwan, M. (2018). JavaScript Untuk Profesional (Vol. 1). SPARTA PUBLISHER.
↑ Suhartanto, M. (2017). pembuatan website sekolah menengah pertama negeri 3 delanggu dengan menggunakan php dan mysql. Speed-Sentra Penelitian Engineering dan Edukasi, 4(1).
↑ Krisnayani, P., Arthana, I. K. R., Darmawiguna, I. G. M., & Kom, S. (2016). Analisa Usability Pada Website UNDIKSHA Dengan Menggunakan Metode Heuristic Evaluation. Kumpulan Artikel Mahasiswa Pendidikan Teknik Informatika (ISSN: 2252-9063), 5(2).
↑ NUR HIDAYATI PUTRI, P. R. I. M. A. (2019). PENERAPAN SOFTWARE BALSAMIQ UNTUK MENINGKATKAN HASIL BELAJAR PADA MATA PELAJARAN KERJA PROYEK SISWA KELAS XII MULTIMEDIA DI SMK NEGERI 1 JOMBANG. Jurnal Mahasiswa Teknologi Pendidikan, 9(2).
↑ Supardi, I. Y., & Hermawan, A. (2018). Semua Bisa Menjadi Programmer CodeIgniter Basic. Elex Media Komputindo.
↑ Hanafri, M. I., Triono, T., & Luthfiudin, I. (2018). Rancang Bangun Sistem Monitoring Kehadiran Dosen Berbasis Web Pada STMIK Bina Sarana Global. JURNAL SISFOTEK GLOBAL, 8(1).
↑ Ropianto, M. (2016). Pemahaman Penggunaan Unified Modelling Language. Jurnal Teknik Ibnu Sina JT-IBSI, 1(01).
↑ Abdulloh, R. (2017). Membuat Toko Online dengan Teknik OOP, MVC, dan AJAX. Elex Media Komputindo.
↑ Sovia, R., & Febio, J. (2017). Membangun Aplikasi E-Library Menggunakan Html, Php Script, Dan Mysql Database. Jurnal Processor, 6(2).
↑ Jaya, T. S. (2018). Pengujian Aplikasi dengan Metode Blackbox Testing Boundary Value Analysis (Studi Kasus: Kantor Digital Politeknik Negeri Lampung). Jurnal Informatika: Jurnal Pengembangan IT, 3(1), 45-48.
↑ Agrida, R. (2016). PENGEMBANGAN CUSTOMER RELATIONSHIP MANAGEMENT DENGAN PENERAPAN KONSEP BUNDLING PRODUK (Studi Kasus: Cafe Jadul) (Doctoral dissertation, Universitas Widyatama).
↑ Salim, M. A. (2019). ANALISA ALGORITMA AES MODIFIKASI DENGAN TEKNIK BLUM BLUM SHUB–CHAOTIC FUNCTION DAN MODIFIKASI SHIFTROWS (Doctoral dissertation, University of Muhammadiyah Malang).
↑ Enterprise, J. (2016). Pemrograman Bootstrap untuk Pemula. Elex Media Komputindo.
↑ Bootstrap, T. (2015). Bootstrap. Obtenido de http://getbootstrap. com.
↑ Sutopo, P., Cahyadi, D., & Arifin, Z. (2017). Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web.
↑ Samsudin, I., & Muslihudin, M. (2018). Implementasi Web Government Dalam Meningkatkan Potensi Produk Unggulan Desa Berbasis Android. Jurnal Teknologi Komputer dan Sistem Informasi, 1(2), 10-16.
↑ Kusumawardani, H. H., & Wait, M. (2015). SISTEM INFORMASI LABORATORIUM PADA KLINIK MULIA MEDIKA BERBASIS LAN MENGGUNAKAN MICROSOFT VISUAL BASIC 6.0. Jurnal Surya Informatika, 1(1).
↑ Fadhilah, M. R., Tulloh, R., & Novianto, H. (2018). Perancangan Dan Implementasi Database Server Dengan Mariadb Dan Linux Centos (studi Kasus: Pt. Infomedia Nusantara). eProceedings of Applied Science, 4(3).
↑ Rafika, A. S., Budiarto, M., & Budianto, W. (2015). Aplikasi Monitoring sistem absensi sidik jari sebagai pendukung pembayaran biaya pegawai terpusat dengan SAP. CCIT Journal, 8(3), 134-146.
↑ Rahardja, U., Harahap, E. P., & Pratiwi, S. (2018). Pemanfaatan Mailchimp Sebagai Trend Penyebaran Informasi Pembayaran Bagi Mahasiswa Di Perguruan Tinggi. Technomedia Journal, 2(2), 41-54.
↑ Amelia, A., & Devitra, J. (2018). Analisis dan Perancangan Sistem Informasi Manajemen Persediaan Barang pada Advan Service Center Jambi. Jurnal Manajemen Sistem Informasi, 3(1), 856-869.
↑ Widodo, Y., & Devitra, J. (2018). ANALISA DAN PERANCANGAN SISTEM INFORMASI MANAJEMEN PERSEDIAAN PADA PT. PINUS MERAH ABADI CABANG KUALA TUNGKAL. Jurnal Manajemen Sistem Informasi, 3(2), 1053-1070.
↑ Waluyo, E. T. B., Hanafri, M. I., & Sulaeman, S. (2019). Perancangan Sistem Informasi Persediaan Barang Pada Gudang Sparepart. JURNAL SISFOTEK GLOBAL, 9(1).
↑ Priskila, R. (2018). Perancangan Sistem Informasi Persediaan Barang pada Perusahaan Karya Cipta Buana Sentosa berbasis web dengan Metode Extreme Programing. Computer Engineering, Science and System Journal, 3(2), 94-99.
↑ Ibrahim, A., & Ismawan, D. D. (2017). Penerapan Supply Chain Management Sistem Informasi Persediaan Obat Berbasis Web. KNTIA, 4.
↑ 58. Supriyanti, D., Romadhon, Y. B., & Iskandar, D. (2015). SISTEM INFORMASI PERSEDIAAN BARANG PADA PT. HANKOOK CERAMIC INDONESIA. CERITA Journal, 1(1), 56-63. (http://ejournal.raharja.ac.id/index.php/cerita/article/view/355/246)
↑ Shen, H., Deng, Q., Lao, R., & Wu, S. (2016). A case study of inventory management in a manufacturing company in China. Nang Yan Business Journal, 5(1), 20-40. (https://content.sciendo.com/configurable/contentpage/journals$002fnybj$002f5$002f1$002farticle-p20.xml)
↑ Ran, P., Yang, W., Cao, S., & Huo, Y. (2018). Design of Inventory Management Module in Printing Enterprise Based on Web. In MATEC Web of Conferences (Vol. 232, p. 02019). EDP Sciences.
↑ Fitriana, R., Moengin, P., & Riana, M. (2016, February). Information system design of inventory control spare parts maintenance (valuation class 5000)(case study: plant kW). In IOP Conference Series: Materials Science and Engineering (Vol. 114, No. 1, p. 012076). IOP Publishing.
↑ Astriyani, E., Rahmadi & Alfariz, A. R. (2017). RANCANGAN SISTEM PENGADAAN STOK BARANG PADA PT. LAJU KARUNIA JAYA. CERITA Journal, 3(1), 85-90.
↑ Santoso, S., Ilamsyah, I., & Novita, W. (2019). APLIKASI SISTEM INFORMASI PEMANTAUAN INVENTORY STOCK OPNAME BERBASIS WEB PADA PT MAKMUR BERKAT SOLUSI LOGISTIC. SENSI Journal, 5(2), 165-174. Retrieved from http://ejournal.raharja.ac.id/index.php/sensi/article/view/118
↑ Rahayu Rais, N., Moh. Fayumi, M. F., & Purwanita, A. (2016). RANCANG BANGUN APLIKASI SISTEM INVENTORY (BAN) PADA GUDANG PT. GAJAH TUNGGAL Tbk. PLANT I. SENSI Journal, 2(2), 212-227. Retrieved from http://ejournal.raharja.ac.id/index.php/sensi/article/view/754

Contributors

Dwiana Octavia, Restuadi

[Hutahean-1] 1,0 ^1,1 ^1,2 ^1,3 ^1,4 Hutahaean, J. (2015). Konsep sistem informasi. Deepublish.

[2] Muslihudin, M. (2016). Analisis Dan Perancangan Sistem Informasi Menggunakan Model Terstruktur Dan UML. Penerbit Andi

[3] Maniah, H. D. (2017). Analisis dan Perancangan Sistem Informasi Pembahasan Secara Praktis dengan Contoh Kasus. Sleman: Deepublish

[4] Tyoso, J. S. P. (2016). Sistem Informasi Manajemen. Deepublish

[Nafiudin-5] 5,0 ^5,1 Nafiudin, S. (2019). Sistem informasi manajemen. Penerbit Qiara Media

[Junikha-6] 6,0 ^6,1 ^6,2 ^6,3 JUNIKHA, S. (2017). SISTEM INFORMASI JATUH TEMPO ANGSURAN KREDIT NASABAH BERBASIS VISUAL BASIC 2010 PADA BANK BANTEN CABANG PALEMBANG (Doctoral dissertation, POLITEKNIK NEGERI SRIWIJAYA).

[Giandari-7] 7,0 ^7,1 Maulani1G., Septiani, D., & Sahara, P. (2018). RANCANG BANGUN SISTEM INFORMASI INVENTORY FASILITAS MAINTENANCE PADA PT. PLN (PERSERO) TANGERANG. ICIT Journal, 4(2), 156-167. Retrieved from http://ejournal.raharja.ac.id/index.php/icit/article/view/90

[8] Luthfie, M. F. A., & Sutrisno, J. (2019). ANALISA DAN PERANCANGAN SISTEM INFORMASI PENJUALAN DAN JASA SERVICE AKSESORIS MOTOR BERBASIS WEB PADA AUTO39 BIKE SHOP MENGGUNAKAN UNIFIED MODELING LANGUAGE. IDEALIS: Indonesia Journal Information System, 2(1), 61-66.

[9] Al Fatta, H., & Marco, R. (2015). Analisis pengembangan dan perancangan sistem informasi akademik smart berbasis cloud computing pada sekolah menengah umum negeri (smun) di daerah istimewa yogyakarta. Telematika, 8(2).

[10] Chaidirman, C., & Mulyono, H. (2018). ANALISIS DAN PERANCANGAN SISTEM INFORMASI LAYANAN INDIVIDU BIMBINGAN KONSELING PADA SMKN 6 TANJUNG JABUNG TIMUR. Jurnal Manajemen Sistem Informasi, 3(3), 1140-1148.

[11] Santoso, S., Ilamsyah, I., & Novita, W. (2019). APLIKASI SISTEM INFORMASI PEMANTAUAN INVENTORY STOCK OPNAME BERBASIS WEB PADA PT MAKMUR BERKAT SOLUSI Astuti, P. D. (2017). Sistem Informasi Penjualan Obat Pada Apotek Jati Farma Arjosari. Speed-sentra penelitian engineering dan edukasi, 3(4).

[12] Santoso, S., Ilamsyah, I., & Novita, W. (2019). APLIKASI SISTEM INFORMASI PEMANTAUAN INVENTORY STOCK OPNAME BERBASIS WEB PADA PT MAKMUR BERKAT SOLUSI LOGISTIC. SENSI Journal, 5(2), 165-174. Retrieved from http://ejournal.raharja.ac.id/index.php/sensi/article/view/118.

[13] Fatmawati, R., Irviani, E. S., Rachman, I. P., Anggie, A., & Kristina, M. (2016). Tata Kelola Teknologi Informasi Sebagai Implementasi E-Government Pada Kabupaten Pemekaran Untuk Meningkatkan Potensi Daerah (Studi: Kabupaten Pringsewu Lampung). Proseding Senapati, 1(1).

[14] Sovia, R., & Febio, J. (2017). Membangun Aplikasi E-Library Menggunakan Html, Php Script, Dan Mysql Database. Jurnal Processor, 6(2).

[15] Heriyanto, D. N., & Lau, E. A. (2016). Manajemen Persediaan Suku Cadang Alat Berat PT. United Tractors, Tbk Cabang Samarinda. Ekonomia, 5(3), 46-57.

[16] Budianto, H., & Ferriswara, D. (2018). PENERAPAN METODE PENCATATAN DAN PENILAIAN PERSEDIAAN BARANG MENURUT SAK ETAP PADA CV. TJIPTO PUTRA MANDIRI INDONESIA. Jurnal Aplikasi Administrasi, 20(2), 124-138.

[Rasyid-17] 17,0 ^17,1 ^17,2 Rasyid, R. R. R., Sumarauw, J. S., & Palandeng, I. D. (2017). ANALISIS PERSEDIAAN AIR BERSIH DI PT. AIR MANADO. Jurnal EMBA: Jurnal Riset Ekonomi, Manajemen, Bisnis dan Akuntansi, 5(1).

[Andrawina-18] 18,0 ^18,1 Andrawina, L., & Santosa, B. (2017). Kebijakan Pengendalian Persediaan Produk Kategori Sub Part Sepeda Motor Dengan Menggunakan Metode Probabilistik Continuous Review (s, s) Dan Continuous Review (s, q) Untuk Meminimasi Biaya Persediaan Di Pt Xyz Bandung. eProceedings of Engineering, 4(2).

[19] Perancangan dan Pembuatan Sistem Administrasi Pada Toko kiddy Baby Shop. Jurnal Infra, 5(1), 234-238.

[20] Utama, A. G. S., Restiyantingrum, E. V., Manasika, A., Laila, E. A., & Pramesti, I. G. O. M. S. (2019). Automatic Management Inventory System (AMIS): Efektivitas Pengawasan dan Pengelolaan Persediaan Terintegrasi. Jurnal Aplikasi Akuntansi, 3(2), 144-169.

[21] Supriyatna, A., & Maria, V. (2018). Analisa Tingkat Kepuasan Pengguna dan Tingkat Kepentingan Penerapan Sistem Informasi DJP Online dengan Kerangka PIECES. Khazanah Informatika: Jurnal Ilmu Komputer dan Informatika, 3(2), 88-94.

[22] Yunus, A., & Rohman, A. C. (2018). Sistem Pendukung Keputusan Penentuan Lahan Pertanian, Pertambangan, Dan Perindustrian (Softplet) Dengan Menggunakan Metode Smarter. SMARTICS Journal, 4(1), 5-10.

[23] Hanafri, Muhammad Iqbal, Siti Maisaroh Mustafa, Arip Hidayat. 2017. Proses Perakitan Trafo Dengan Menggunakan Animasi Multimedia. ISSN : 2088 – 1762. JURNAL SISFOTEK GLOBAL Vol.7 No.1-Maret 2017 Tangerang: SRMIK Bina Saran Global.

[Hanafri-24] 24,0 ^24,1 ^24,2 Hanafri, M. I., Triono, T., & Luthfiudin, I. (2018). Rancang Bangun Sistem Monitoring Kehadiran Dosen Berbasis Web Pada STMIK Bina Sarana Global. JURNAL SISFOTEK GLOBAL, 8(1).[

[25] Ariawan, J., & Wahyuni, S. (2015). Aplikasi Pengajuan Lembur Karyawan Berbasis Web. Jurnal Sisfotek Global, 5(1).

[26] Fuad, H., Sutarman, S., & Yayah, Y. (2018). Perancangan Sistem Infomasi Customer Relationship Management Pelayanan Berbasis Web di PT Sahabat Kreasi Muda. JURNAL SISFOTEK GLOBAL, 8(1).

[27] Siregar, S. R. S., & Sundari, P. (2016). Rancangan Sistem Informasi Pengelolaan Data Kependudukan Desa (Studi Kasus di Kantor Desa Sangiang Kecamatan Sepatan Timur). Jurnal Sisfotek Global, 6(1).

[28] Hidayat, A., & Piliang, F. (2019). RANCANG BANGUN SISTEM INFORMASI PENYEWAAN LAHAN PARKIR BERBASIS WEB GIS. Jurnal Sistem Informasi dan Sains Teknologi, 1(1).

[29] Budiman, E., Hasudungan, R., & Khoiri, A. (2017). Online Game “Pics And Words” Sebagai Media Edukasi Bahasa Inggris Berbasis HTML. Prosiding 2nd SAKTI.[6] Knuth, DE The Art of Computer Programming (2d.)

[Ali-30] 30,0 ^30,1 Ali, S., & Ambarita, A. (2016). Sistem Informasi Data Barang Inventaris Berbasis Web Pada Kejaksaan Negeri Ternate. IJIS-Indonesian Journal On Information System, 1(1).

[31] Prabowo, S. (2019). SISTEM RESERVASI WEDDING ORGANIZER BERBASIS WEB MENGGUNAKAN FRAMEWORK CODEIGNITER & BOOTSTRAP (STUDI KASUS: ROMANTIC WEDDING) (Doctoral dissertation, STMIK AKAKOM YOGYAKARTA).

[32] Sianipar, R. H. (2017). Dasar Pemrograman JavaScript: Langkah demi Langkah (Vol. 1). Penerbit ANDI.

[33] Sianipar, R. H., & Irwan, M. (2018). JavaScript Untuk Profesional (Vol. 1). SPARTA PUBLISHER.

[34] Suhartanto, M. (2017). pembuatan website sekolah menengah pertama negeri 3 delanggu dengan menggunakan php dan mysql. Speed-Sentra Penelitian Engineering dan Edukasi, 4(1).

[35] Krisnayani, P., Arthana, I. K. R., Darmawiguna, I. G. M., & Kom, S. (2016). Analisa Usability Pada Website UNDIKSHA Dengan Menggunakan Metode Heuristic Evaluation. Kumpulan Artikel Mahasiswa Pendidikan Teknik Informatika (ISSN: 2252-9063), 5(2).

[36] NUR HIDAYATI PUTRI, P. R. I. M. A. (2019). PENERAPAN SOFTWARE BALSAMIQ UNTUK MENINGKATKAN HASIL BELAJAR PADA MATA PELAJARAN KERJA PROYEK SISWA KELAS XII MULTIMEDIA DI SMK NEGERI 1 JOMBANG. Jurnal Mahasiswa Teknologi Pendidikan, 9(2).

[37] Supardi, I. Y., & Hermawan, A. (2018). Semua Bisa Menjadi Programmer CodeIgniter Basic. Elex Media Komputindo.

[38] Hanafri, M. I., Triono, T., & Luthfiudin, I. (2018). Rancang Bangun Sistem Monitoring Kehadiran Dosen Berbasis Web Pada STMIK Bina Sarana Global. JURNAL SISFOTEK GLOBAL, 8(1).

[39] Ropianto, M. (2016). Pemahaman Penggunaan Unified Modelling Language. Jurnal Teknik Ibnu Sina JT-IBSI, 1(01).

[40] Abdulloh, R. (2017). Membuat Toko Online dengan Teknik OOP, MVC, dan AJAX. Elex Media Komputindo.

[41] Sovia, R., & Febio, J. (2017). Membangun Aplikasi E-Library Menggunakan Html, Php Script, Dan Mysql Database. Jurnal Processor, 6(2).

[42] Jaya, T. S. (2018). Pengujian Aplikasi dengan Metode Blackbox Testing Boundary Value Analysis (Studi Kasus: Kantor Digital Politeknik Negeri Lampung). Jurnal Informatika: Jurnal Pengembangan IT, 3(1), 45-48.

[43] Agrida, R. (2016). PENGEMBANGAN CUSTOMER RELATIONSHIP MANAGEMENT DENGAN PENERAPAN KONSEP BUNDLING PRODUK (Studi Kasus: Cafe Jadul) (Doctoral dissertation, Universitas Widyatama).

[44] Salim, M. A. (2019). ANALISA ALGORITMA AES MODIFIKASI DENGAN TEKNIK BLUM BLUM SHUB–CHAOTIC FUNCTION DAN MODIFIKASI SHIFTROWS (Doctoral dissertation, University of Muhammadiyah Malang).

[45] Enterprise, J. (2016). Pemrograman Bootstrap untuk Pemula. Elex Media Komputindo.

[46] Bootstrap, T. (2015). Bootstrap. Obtenido de http://getbootstrap. com.

[47] Sutopo, P., Cahyadi, D., & Arifin, Z. (2017). Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web.

[48] Samsudin, I., & Muslihudin, M. (2018). Implementasi Web Government Dalam Meningkatkan Potensi Produk Unggulan Desa Berbasis Android. Jurnal Teknologi Komputer dan Sistem Informasi, 1(2), 10-16.

[49] Kusumawardani, H. H., & Wait, M. (2015). SISTEM INFORMASI LABORATORIUM PADA KLINIK MULIA MEDIKA BERBASIS LAN MENGGUNAKAN MICROSOFT VISUAL BASIC 6.0. Jurnal Surya Informatika, 1(1).

[50] Fadhilah, M. R., Tulloh, R., & Novianto, H. (2018). Perancangan Dan Implementasi Database Server Dengan Mariadb Dan Linux Centos (studi Kasus: Pt. Infomedia Nusantara). eProceedings of Applied Science, 4(3).

[51] Rafika, A. S., Budiarto, M., & Budianto, W. (2015). Aplikasi Monitoring sistem absensi sidik jari sebagai pendukung pembayaran biaya pegawai terpusat dengan SAP. CCIT Journal, 8(3), 134-146.

[52] Rahardja, U., Harahap, E. P., & Pratiwi, S. (2018). Pemanfaatan Mailchimp Sebagai Trend Penyebaran Informasi Pembayaran Bagi Mahasiswa Di Perguruan Tinggi. Technomedia Journal, 2(2), 41-54.

[53] Amelia, A., & Devitra, J. (2018). Analisis dan Perancangan Sistem Informasi Manajemen Persediaan Barang pada Advan Service Center Jambi. Jurnal Manajemen Sistem Informasi, 3(1), 856-869.

[54] Widodo, Y., & Devitra, J. (2018). ANALISA DAN PERANCANGAN SISTEM INFORMASI MANAJEMEN PERSEDIAAN PADA PT. PINUS MERAH ABADI CABANG KUALA TUNGKAL. Jurnal Manajemen Sistem Informasi, 3(2), 1053-1070.

[55] Waluyo, E. T. B., Hanafri, M. I., & Sulaeman, S. (2019). Perancangan Sistem Informasi Persediaan Barang Pada Gudang Sparepart. JURNAL SISFOTEK GLOBAL, 9(1).

[56] Priskila, R. (2018). Perancangan Sistem Informasi Persediaan Barang pada Perusahaan Karya Cipta Buana Sentosa berbasis web dengan Metode Extreme Programing. Computer Engineering, Science and System Journal, 3(2), 94-99.

[57] Ibrahim, A., & Ismawan, D. D. (2017). Penerapan Supply Chain Management Sistem Informasi Persediaan Obat Berbasis Web. KNTIA, 4.

[58] 58. Supriyanti, D., Romadhon, Y. B., & Iskandar, D. (2015). SISTEM INFORMASI PERSEDIAAN BARANG PADA PT. HANKOOK CERAMIC INDONESIA. CERITA Journal, 1(1), 56-63. (http://ejournal.raharja.ac.id/index.php/cerita/article/view/355/246)

[59] Shen, H., Deng, Q., Lao, R., & Wu, S. (2016). A case study of inventory management in a manufacturing company in China. Nang Yan Business Journal, 5(1), 20-40. (https://content.sciendo.com/configurable/contentpage/journals$002fnybj$002f5$002f1$002farticle-p20.xml)

[60] Ran, P., Yang, W., Cao, S., & Huo, Y. (2018). Design of Inventory Management Module in Printing Enterprise Based on Web. In MATEC Web of Conferences (Vol. 232, p. 02019). EDP Sciences.

[61] Fitriana, R., Moengin, P., & Riana, M. (2016, February). Information system design of inventory control spare parts maintenance (valuation class 5000)(case study: plant kW). In IOP Conference Series: Materials Science and Engineering (Vol. 114, No. 1, p. 012076). IOP Publishing.

[62] Astriyani, E., Rahmadi & Alfariz, A. R. (2017). RANCANGAN SISTEM PENGADAAN STOK BARANG PADA PT. LAJU KARUNIA JAYA. CERITA Journal, 3(1), 85-90.

[63] Santoso, S., Ilamsyah, I., & Novita, W. (2019). APLIKASI SISTEM INFORMASI PEMANTAUAN INVENTORY STOCK OPNAME BERBASIS WEB PADA PT MAKMUR BERKAT SOLUSI LOGISTIC. SENSI Journal, 5(2), 165-174. Retrieved from http://ejournal.raharja.ac.id/index.php/sensi/article/view/118

[64] Rahayu Rais, N., Moh. Fayumi, M. F., & Purwanita, A. (2016). RANCANG BANGUN APLIKASI SISTEM INVENTORY (BAN) PADA GUDANG PT. GAJAH TUNGGAL Tbk. PLANT I. SENSI Journal, 2(2), 212-227. Retrieved from http://ejournal.raharja.ac.id/index.php/sensi/article/view/754

[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]

[53]

[54]

[55]

[56]

[57]

[58]

[59]

[60]

[61]

[62]

[63]

[64]

@@ Baris 278: / Baris 278: @@
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Janu Ilham Saputro, S.Kom., MM selaku pembimbing I yang telah berkenan memberikan bimbingan dan pengarahan serta motivasi & dukungan kepada penulis sehingga skripsi ini dapat diselesaikan dengan baik.</li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Bapak Rano Kurniawan, M.Kom., selaku pembimbing II yang telah berkenan memberikan berbagai masukan, bimbingan dan pengarahan kepada penulis.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Ibu Retno Wulan Ningsih selaku stakeholder yang telah memberikan izin kepada penulis untuk melakukan penelitian di PT. Instaprint Jaya Primatama.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kepada Ibu Adinda Esa Putri, SE. selaku Supervisor Finance yang telah memberikan izin kepada penulis untuk melakukan penelitian di PT. Instaprint Jaya Primatama</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Kepada Ibu Retno Wulan Ningsih selaku stakeholder yang telah berkenan 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 Universitas 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, Adik, dan Keluarga yang telah memfasilitasi dan selalu memberikan perhatian penuh yang begitu besar kepada penulis untuk selalu bersemangat dalam mencari ilmu, dan memberikan begitu banyak arahan yang positif bagi kehidupan penulis.</li>
 <li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Para pegawai PT. Instaprint Jaya Primatama yang telah membantu penulis dan memberikan dukungan selama melakukan penelitian.</li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Special thanks to Firda Evilya Arifin, Silvia Permatasari, Restu Adi Pradana, Hurdjanto Wibisono, Dewi Nur Khasanah, Dzakwan Taqiyyudin Al Fatah, dan Ridhoi Ridwan) yang telah memberikan dukungan dan masukan kepada penulis. .</li></ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height: 2;">Special thanks to Ade Sochibul Fahri, Restu Adi Pradana, Hurdjanto Wibisono, Firda Evilya Arifin, Silvia Permatasari, Dewi Nur Khasanah, Ratna Nur Aulia, Dzakwan Taqiyyudin Al Fatah, dan Ridhoi Ridwan) yang telah memberikan dukungan dan masukan kepada penulis. .</li></ol>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Penulis menyadari bahwa dalam menulis laporan penelitian ini masih jauh dari sempurna. Oleh sebab itu, penulis mengharapkan kritik dan saran yang membangun, sebagai pemicu agar berkarya lebih baik lagi. Semoga laporan penelitian ini dapat bermanfaat bagi semua pihak khususnya bagi Universitas Raharja.</p></div>
 &nbsp;&nbsp;<div style="font-size: 12pt;font-family: 'times new roman';text-align: right;text-indent: 0.5in">Tangerang, Januari 2020</div>&nbsp;&nbsp;&nbsp;<div style="font-size: 12pt;font-family: 'times new roman';text-align: right;text-indent: 0.5in">'''([[Dwiana Octavia]])'''</div><div style="font-size: 12pt;font-family: 'times new roman';text-align: right;text-indent: 0.5in">'''NIM : 1614495507'''</div>
 {{pagebreak}}<hr/>
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;line-height:1.5;">
 __TOC__
-</div>
+{{pagebreak}}
-{{pagebreak}}<hr/>
+{{pagebreak}}<hr />
-<br>
-<br>
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''DAFTAR GAMBAR'''</div>
-<br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 2.1''' Sistem Tertutup</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 2.2''' Sistem Terbuka</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 2.3''' Daur Hidup Sistem</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 3.1''' Struktur Organisasi PT Red Eye Utama </div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 3.2''' ''Use Case Diagram'' sistem yang berjalan </div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 3.3''' ''Activity Diagram'' sistem yang berjalan </div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 3.4''' ''Sequence Diagram'' sistem yang berjalan</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 4.1''' ''Use Case Diagram'' sistem yang diusulkan</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 4.2''' ''Activity Diagram'' sistem yang diusulkan </div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 4.3''' ''Sequence Diagram'' sistem yang diusulkan</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 4.4''' ''Class Diagram'' sistem yang diusulkan</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 4.5''' Tampilan Home</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 4.6''' Tampilan Login</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 4.7''' Tampilan Registrasi</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 4.8''' Tampilan Paket Socmed </div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 4.9''' Tampilan Laman Daftar Harga Paket</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 4.10''' Tampilan Form Order</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 4.11''' Tampilan Form Analisa Admin </div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 4.12''' Tampilan Hasil Analisa </div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 4.13''' Tampilan Form Pembayaran </div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 4.14''' Tampilan Form Konfirmasi Payment </div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 4.15''' Tampilan Order dan Status Order (Admin)  </div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 4.16''' Tampilan Order dan Status Order (User) </div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Gambar 4.17''' Tampilan Form Tambah Paket </div>
-<br>
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center; text indent: 0.5"><p style="line-height: 2">'''DAFTAR TABEL'''</p></div>
-{{pagebreak}}
+<ol>
------------------------------------------------------------------------------------------------------------------------
-<br>
-<br>
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''DAFTAR TABEL'''</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<br>
+Tabel 3.1 Analisa Pieces</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel''' Simbol ''Use-case'' Diagram<div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel''' Simbol ''Activity'' Diagram<div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel''' Simbol ''Sequence'' Diagram<div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel''' Simbol ''Class'' Diagram<div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 2.1''' Daftar Literature Review<div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 3.1''' Tabel Strategi SWOT<div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 3.2''' Requirement Elicitation Tahap I<div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 3.3'''  Requirement Elicitation Tahap II <div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 3.4''' Requirement Elicitation Tahap III <div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 3.5''' Requirement Elicitation Tahap Final <div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 4.1''' Perbedaan Sistem Berjalan dan Sistem Yang Usulan  <div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 4.2'''  Tabel paket  <div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 4.3''' Tabel sub_paket <div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 4.4''' Tabel analisis <div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 4.5'''  Tabel orderdigi <div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 4.6''' Tabel status <div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 4.7'''  Tabel user_role <div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 4.8'''  Tabel user <div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 4.9''' Tabel payment <div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 4.10''' Tabel user_acces_menu <div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 4.11''' Tabel user_menu <div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 4.12'''  Tabel user_submenu <div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 4.13''' Tabel targeting<div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 4.14''' Tabel login <div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 4.15''' Black Box Testing <div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 4.16''' Time Schedule<div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">'''Tabel 4.17''' Estimasi Biaya<div>
-<br>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-{{pagebreak}}
+Tabel 3.2 Elisitasi Tahap I</p></li>
------------------------------------------------------------------------------------------------------------------
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center; text indent: 0.5"><p style="line-height: 2">'''DAFTAR SIMBOL'''</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Tabel 3.3 Elisitasi Tahap II</p></li>
-<div align="center"><img width="350" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/-ZfeYseHq44I/XBDNqFkuKRI/AAAAAAAAAfk/61YmjRTUdZYIXTByc-xb89upZwJfiO9TQCL0BGAs/w530-d-h639-n-rw/Snapshot_2018-12-12_15-57-24.jpg"/></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Simbol Use Case Diagram</b></div>
+Tabel 3.4 Elisitasi Tahap III</p></li>
-{{pagebreak}}
-<div align="center"><img width="350" height="250" style="margin:0px" src="https://lh3.googleusercontent.com/-p58pabTvhv4/XBDODHhSHQI/AAAAAAAAAgU/Aj-YjSwZ1v0p56Onb8zxfXiYbXTQZQ7eQCL0BGAs/w530-d-h323-n-rw/Snapshot_2018-12-12_15-58-55.jpg"/></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Simbol Activity Diagram</b></div>
+Tabel 3.5 <i> Final Draft Elisitasi</i></p></li>
-{{pagebreak}}
-<div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-kZ_vQ4oxeIE/XBDOK26kwtI/AAAAAAAAAg0/f7Povqu-VLo4dYfd4mTepYwuiZ9WPSAlQCL0BGAs/w530-d-h324-n-rw/Snapshot_2018-12-12_15-59-11.jpg"/></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Simbol Sequence Diagram</b></div>
+Tabel 4.1 : Perbedaan Sistem Berjalan Dengan Sistem Usulan</p></li>
-{{pagebreak}}
-<div align="center"><img width="350" height="300" style="margin:0px" src="https://lh3.googleusercontent.com/-BbdWxbapS1k/XBDOV98Ue0I/AAAAAAAAAhQ/otMvt_z5DiQ1Grv6epca87hSXc5c73pYACL0BGAs/w530-d-h478-n-rw/Snapshot_2018-12-12_15-59-27.jpg"/></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>Simbol Class Diagram</b></div>
+Tabel 4.2 Master Data Divisi</p></li>
-{{pagebreak}}
-{{pagebreak}}
-{{pagebreak}}<hr/>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Tabel 4.3 Master Data Supplier</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Tabel 4.4 Master Data Barang</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Tabel 4.5 Master Data Unit</p></li>
-=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB I'''</div>=
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PENDAHULUAN'''</div>
+Tabel 4.6 Master Data Kategori Detail</p></li>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Latar Belakang'''</div>==
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Tabel 4.7 Master Data PO Detail</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<p style="line-height:2"> Kemajuan teknologi memungkinkan manusia memiliki kualitas hidup yang semakin baik. Berbagai kegiatan dan aktivitas yang dahulu harus dilakukan secara manual dan membutuhkan waktu, energi, dan pikiran, kini dapat dilakukan secara efektif dan efisien dengan bantuan teknologi.
+Tabel 4.8 Transaksi Request Order</p></li>
-</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<p style="line-height:2"> Perkembangan teknologi informasi dan komunikasi semakin lama semakin pesat karena manusia memiliki kecenderungan untuk selalu mencari dan mendapatkan lebih dari apa yang sudah ada. Perangkat teknologi informasi dan komunikasi diciptakan oleh manusia untuk kepentingan manusia juga. Sampai pada puncaknya sekarang ini, keberadaan teknologi informasi dan komunikasi ternyata mampu menjadi pendorong majunya kehidupan manusia dalam berbagai aspek, terlebih dengan hadirnya teknologi internet yang mampu menjadi jembatan komunikasi antar manusia di muka bumi. Semakin banyak manusia yang menyadari peranan yang dimainkan oleh produk teknologi informasi dan komunikasi dan mencoba untuk mengikuti perkembangannya sekaligus memanfaatkannya.
+Tabel 4.9 Transaksi Purchase Order</p></li>
-</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<p style="line-height:2"> Seiring berkembangnya teknologi informasi dan komunikasi, persaingan bisnis dalam dunia industri semakin ketat. Jumlah perusahaan semakin banyak dan terus melakukan usaha dan strategi dalam mempertahankan bisnisnya. Oleh karena itu, setiap perusahaan akan mengelola persediaan barang ( inventory ) semaksimal mungkin agar dapat memenuhi kebutuhan pelanggan.
+Tabel 4.10 Transaksi Barang Keluar</p></li>
-</P>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-PT. Instaprint Jaya Primatama merupakan perusahaan yang bergerak dibidang percetakan, selama ini sistem pendataan persediaan stok barang yang berjalan masih semi komputerisasi dan membutuhkan sistem untuk mengelola dan menjalankan suatu kegiatan operasionalnya, karena sistem yang digunakan masih menggunakan Microsoft Excel dan sangat memerlukan waktu yang cukup lama untuk mengetahui jumlah persediaan barang karena admin stok harus menghitung secara langsung jumlah stok fisik yang sering menimbulkan terjadinya selisih antara barang masuk dan barang keluar sehingga selalu terjadi kesalahan perhitungan oleh admin stok, membutuhkan waktu yang lama untuk membuat laporan permintaan dan pengeluaran barang sehingga menyebabkan kinerja perusahaan menjadi terhambat, oleh karena itu diperlukan suatu sistem informasi persediaan yang tepat dan dapat mengolah data persediaan barang menjadi suatu informasi yang cepat, tepat dan akurat.
+Tabel 4.11 Transaksi Barang Masuk</p></li>
-</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-  Berdasarkan penjelasan latar belakang diatas, maka dari itu penulis menganalisa lebih lanjut dengan mengangkat judul penelitian yaitu  ''' “PERANCANGAN SISTEM INFORMASI MANAJEMEN PERSEDIAAN BARANG PADA PT. INSTAPRINT JAYA PRIMATAMA”. ''' </div>
+Tabel 4.12 Master Data Menu</p></li>
-</div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rumusan Masalah'''</div>==
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Tabel 4.13 Master Data User</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<p style="line-height:2"> Berdasarkan latar belakang yang telah dijelaskan di atas maka, penulis merumuskan beberapa masalah sebagai berikut: </p></div>
+Tabel 4.14 Master Data Role</i></p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.30 Time Schedule</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Tabel 4.31 Estimasi biaya</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
-<ol>
-<li style="text-align: justify;line-height: 2;"> Bagaimana sistem persediaan keluar masuk barang yang sedang berjalan  di PT Instaprint Jaya Primatama ?
-<li style="text-align: justify;line-height: 2;"> Bagaimana cara admin stok agar persediaan barang terhindar dari kekurangan atau kelebihan stok di gudang ?
-<li style="text-align: justify;line-height: 2;">Bagaimana merancang sistem yang dapat membantu bagian stok barang dalam mengelola laporan data persediaan barang di PT Instaprint Jaya Primatama ?
 </ol>
-</div>
-==<div style="line-height:2; font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Ruang Lingkup Penelitian'''</div>==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+{{pagebreak}}
-<p style="line-height:2"> Agar dalam pembahasan lebih terarah dan berjalan dengan baik maka perlu adanya batasan masalah pada perancangan ini. Berdasarkan hal di atas, ruang lingkup penelitian ini hanya dibatasi pada proses pembelian barang dari customer, proses pemakaian barang berdasarkan voucher stok, proses pembelian barang kepada supplier, dan pengolahan laporan persediaan barang.
-</p>
-</div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tujuan dan Manfaat Penelitian'''</div>==
+{{pagebreak}}<hr />
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tujuan Penelitian'''</div>===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
-<p style="line-height:2"> Tujuan penelitian merupakan rumusan kalimat yang menunjukkan adanya hasil, sesuatu yang diperoleh setelah penelitian selesai, sesuatu yang akan dituju atau dicapai dalam sebuah penelitian yang dilakukan. Adapun tujuan yang ingin dicapai dari penelitian yang dilakukan adalah sebagai berikut :
-</p>
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center; text indent: 0.5"><p style="line-height: 2">'''DAFTAR GAMBAR'''</p></div>
 <ol>
-<li> Untuk mengetahui bagaimana sistem informasi persediaan barang yang sedang berjalan pada PT. Instaprint Jaya Primatama.
-<li> Menganalisa permasalahan yang terjadi pada sistem persediaan barang di PT. Instaprint Jaya Primatama.
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<li> Merancang sebuah sistem untuk membantu bagian stok barang dalam mengelola data persediaan agar lebih akurat.
+Gambar 3.1. Produk PT Instaprint Jaya Primatama</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 3.2 Alur Produksi Online Instaprint</i></p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 3.3 Alur Produksi Offline Instaprint</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 3.4 Struktur Organisasi PT. Instaprint Jaya Primatama</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 3.5 Use Case Diagram Persediaan Sistem Yang Berjalan</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 3.6 Activity Diagram Persediaan Barang </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 3.7 Sequence Diagram Persediaan Barang</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.1 Use Case Diagram Persediaan Barang</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.2 Activity Diagram Barang Keluar</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.3 Activity Diagram Request Order</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.4 Activity Diagram Purchase Order</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.5 Activity Diagram Barang Masuk</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.6 Sequence Diagram Operator</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.7 Sequnece Diagram Admin Stok</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.8 Sequence Diagram Purchasing</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.9 Sequence Diagram Pimpinan Finance</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.10 Class Diagram Persediaan Barang</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.11 Rancangan Halaman Login</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.12 Rancangan Halaman Dashboard</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.13 Rancangan Tampilan Stock Menu Request Order</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.14 Rancangan Tampilan Stock Menu Purchase Order</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.15 Rancangan Tampilan Stock Menu Barang Masuk</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.16 Rancangan Tampilan Stock Menu Barang Keluar</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.17 Rancangan Tampilan Menu Divisi</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.18 Rancangan Tampilan Menu Supplier</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.19 Rancangan Tampilan Menu Barang</i></p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.20 Rancangan Tampilan Menu Kategori Detail</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.21 Rancangan Tampilan Menu User</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.28 Tampilan Halaman Login Stock</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.29 Tampilan Halaman Dashboard Stock</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.30 Tampilan Halaman Stock</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.31 Tampilan Halaman Request Order Stock</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.32 Tampilan Halaman Purchase Order Stock</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.33 Tampilan Halaman Barang Masuk Stock</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.34 Tampilan Halaman Barang Keluar Stock</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.35 Tampilan Halaman Divisi Stock</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.36 Tampilan Halaman Supplier Stock</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.37 Tampilan Halaman Barang Stock</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.38 Tampilan Halaman Kategori Detail Stock</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.65 Pengujian login apabila mengosongkan username dan password</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.66 Hasil pengujian login apabila mengosongkan username dan password</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.67 Pengujian login apabila username dan password salah</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.68 Hasil pengujian login apabila username dan password salah</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.69 Pengujian menu request order apabila input data lengkap</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.70 Hasil pengujian menu request order apabila input data lengkap</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.71 Hasil pengujian menu request order apabila input data tidak lengkap</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.72 Pengujian Eksport Data Report Stock</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.73 Hasil pengujian eksport data report stock</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.74 Pengujian menu logout</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Gambar 4.75 Hasil pengujian menu logout</p></li>
 </ol>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Manfaat Penelitian'''</div>===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
-<p style="line-height:2"> Dari penelitian ini, diharapkan dapat memberikan manfaat yang baik diantaranya : </p>
+{{pagebreak}}
+{{pagebreak}}<hr />
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center; text indent: 0.5"><p style="line-height: 2">'''DAFTAR SIMBOL'''</p></div>
+<div align="center"><img width="45%" height="45%" style="margin:0px" src="
+https://i.postimg.cc/rssZR63C/Simbol-Use-Case.png></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Simbol <i>Use Case Diagram</i>
+</b></div>
+<div align="center"><img width="45%" height="45%" style="margin:0px" src="
+https://i.postimg.cc/26zKmLxt/Simbol-Activity.png></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Simbol <i>Activity Diagram</i>
+</b></div>
+<div align="center"><img width="45%" height="45%" style="margin:0px" src="
+https://i.postimg.cc/RFXb0CsZ/Simbol-Sequence-Diagram.png></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Simbol <i>Sequence Diagram</i>
+</b></div>
+{{pagebreak}}
+<br><br>
+=<div style="font-family: 'times new roman'; text-align: center">'''BAB I'''</div>=
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PENDAHULUAN'''</div>
+=='''Latar Belakang'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Kemajuan teknologi memungkinkan manusia memiliki kualitas hidup yang semakin baik. Berbagai kegiatan dan aktivitas yang dahulu harus dilakukan secara manual dan membutuhkan waktu, energi, dan pikiran, kini dapat dilakukan secara efektif dan efisien dengan bantuan teknologi.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Perkembangan teknologi informasi dan komunikasi semakin lama semakin pesat karena manusia memiliki kecenderungan untuk selalu mencari dan mendapatkan lebih dari apa yang sudah ada. Perangkat teknologi informasi dan komunikasi diciptakan oleh manusia untuk kepentingan manusia juga. Sampai pada puncaknya sekarang ini, keberadaan teknologi informasi dan komunikasi ternyata mampu menjadi pendorong majunya kehidupan manusia dalam berbagai aspek, terlebih dengan hadirnya teknologi internet yang mampu menjadi jembatan komunikasi antar manusia di muka bumi. Semakin banyak manusia yang menyadari peranan yang dimainkan oleh produk teknologi informasi dan komunikasi dan mencoba untuk mengikuti perkembangannya sekaligus memanfaatkannya.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Seiring berkembangnya teknologi informasi dan komunikasi, persaingan bisnis dalam dunia industri semakin ketat. Jumlah perusahaan semakin banyak dan terus melakukan usaha dan strategi dalam mempertahankan bisnisnya. Oleh karena itu, setiap perusahaan akan mengelola persediaan barang ( inventory ) semaksimal mungkin agar dapat memenuhi kebutuhan pelanggan. </p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Seiring berkembangnya teknologi informasi dan komunikasi, persaingan bisnis dalam dunia industri semakin ketat. PT. Instaprint Jaya Primatama merupakan perusahaan yang bergerak dibidang percetakan, selama ini sistem pendataan persediaan stok barang yang berjalan masih semi komputerisasi dan membutuhkan sistem untuk mengelola dan menjalankan suatu kegiatan operasionalnya, karena sistem yang digunakan masih menggunakan Microsoft Excel dan sangat memerlukan waktu yang cukup lama untuk mengetahui jumlah persediaan barang karena admin stok harus menghitung secara langsung jumlah stok fisik yang sering menimbulkan terjadinya selisih antara barang masuk dan barang keluar sehingga selalu terjadi kesalahan perhitungan oleh admin stok, membutuhkan waktu yang lama untuk membuat laporan permintaan dan pengeluaran barang sehingga menyebabkan kinerja perusahaan menjadi terhambat, oleh karena itu diperlukan suatu sistem informasi persediaan yang tepat dan dapat mengolah data persediaan barang menjadi suatu informasi yang cepat, tepat dan akurat. </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 penjelasan latar belakang diatas, maka dari itu penulis menganalisa lebih lanjut dengan mengangkat judul penelitian yaitu '''“PERANCANGAN SISTEM INFORMASI MANAJEMEN PERSEDIAAN BARANG PADA PT. INSTAPRINT JAYA PRIMATAMA”'''.</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 latar belakang yang telah dijelaskan di atas maka, penulis merumuskan beberapa masalah sebagai berikut:</p></div>
 <ol>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Menambah pengetahuan dan pengalaman bagi penulis serta memperluas wawasan mengenai persediaan barang.
+<li><span style="font-family: times new roman, times; font-size: medium;">Bagaimana sistem persediaan keluar masuk barang yang sedang berjalan  di PT Instaprint Jaya Primatama ?</span></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Terkumpulnya data - data mengenai kelemahan dan kekurangan sistem yang sedang berjalan sehingga dapat membantu perusahaan dengan cara melakukan pengembangan sistem yang lebih baik lagi.
+<li><span style="font-family: times new roman, times; font-size: medium;">Bagaimana cara admin stok agar persediaan barang terhindar dari kekurangan atau kelebihan stok di gudang ?</span></li>
-<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2"> Dapat menghasilkan rancangan aplikasi yang mempermudah kegiatan proses keluar masuk barang.
+<li><span style="font-family: times new roman, times; font-size: medium;">Bagaimana merancang sistem yang dapat membantu bagian stok barang dalam mengelola laporan data persediaan barang di PT Instaprint Jaya Primatama ?</span></li>
 </ol>
-</div>
+<br>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Penelitian'''</div>==
+=='''Ruang Lingkup'''==
-<p style="line-height:2"> Untuk mendapatkan data yang diperlukan dalam pembuatan skripsi, maka peneliti menggunakan tiga metode yaitu metode pengumpulan data, metode analisis, dan metode perancangan.
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Agar dalam pembahasan lebih terarah dan berjalan dengan baik maka perlu adanya batasan masalah pada perancangan ini. Berdasarkan hal di atas, ruang lingkup penelitian ini hanya dibatasi pada proses pembelian barang dari customer, proses pemakaian barang berdasarkan voucher stok, proses pembelian barang kepada supplier, dan pengolahan laporan persediaan barang.</p></div>
+<br>
+=='''Tujuan dan Manfaat Penelitian'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify:"><p style="line-height: 2"><b>Tujuan Penelitian</b></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 penelitian merupakan rumusan kalimat yang menunjukkan adanya hasil, sesuatu yang diperoleh setelah penelitian selesai, sesuatu yang akan dituju atau dicapai dalam sebuah penelitian yang dilakukan. Adapun tujuan yang ingin dicapai dari penelitian yang dilakukan adalah sebagai berikut :
 </p></div>
+<ol>
+<li><span style="font-family: times new roman, times; font-size: medium;">Untuk mengetahui bagaimana sistem informasi persediaan barang yang sedang berjalan pada PT. Instaprint Jaya Primatama.</span></li>
+<li><span style="font-family: times new roman, times; font-size: medium;">Menganalisa permasalahan yang terjadi pada sistem persediaan barang di PT. Instaprint Jaya Primatama.</span></li>
+<li><span style="font-family: times new roman, times; font-size: medium;">Merancang sebuah sistem untuk membantu bagian stok barang dalam mengelola data persediaan agar lebih akurat.</span></li>
+</ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify:"><p style="line-height: 2"><b>Manfaat Penelitian</b></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 penelitian ini, diharapkan dapat memberikan manfaat yang baik diantaranya :</p></div>
+<ol>
+<li><span style="font-family: times new roman, times; font-size: medium;">Menambah pengetahuan dan pengalaman bagi penulis serta memperluas wawasan mengenai persediaan barang.</span></li>
+<li><span style="font-family: times new roman, times; font-size: medium;">Terkumpulnya data - data mengenai kelemahan dan kekurangan sistem yang sedang berjalan sehingga dapat membantu perusahaan dengan cara melakukan pengembangan sistem yang lebih baik lagi.</span></li>
+<li><span style="font-family: times new roman, times; font-size: medium;">Dapat menghasilkan rancangan aplikasi yang mempermudah kegiatan proses keluar  masuk barang.</span></li>
+</ol>
+<br>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Pengumpulan Data'''</div>===
+=='''Metode Penelitian'''==
-<p style="line-height:2"> Metode pengumpulan data yang digunakan oleh penulis, diantaranya : </p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk mendapatkan data yang diperlukan dalam pembuatan skripsi, maka peneliti menggunakan tiga metode yaitu metode pengumpulan data, metode analisis, dan metode perancangan.</p></div>
+==='''Metode Pengumpulan Data'''===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Metode pengumpulan data yang digunakan oleh penulis, diantaranya :</p></div>
 <ol>
- <li style="text-align: justify;"line-height: 2";">Metode Observasi<p style="line-height: 2"> Penulis melakukan peninjauan langsung pada PT. Instaprint Jaya Primatama untuk melihat sistem persediaan yang berjalan saat ini, dan melakukan pengamatan untuk mengetahui kendala-kendala apa saja lalu menarik kesimpulan mengenai masalah-masalah pada sistem tersebut.
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Metode Pengamatan Langsung <i>(Observation)</i>.</li>
-</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Penulis melakukan peninjauan langsung pada PT. Instaprint Jaya Primatama untuk melihat sistem persediaan yang berjalan saat ini, dan melakukan pengamatan untuk mengetahui kendala-kendala apa saja lalu menarik kesimpulan mengenai masalah-masalah pada sistem tersebut.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Metode Wawancara <i>(Interview)</i>.</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk mendapatkan data-data yang diperlukan, penulis melakukan sesi wawancara atau tanya jawab secara lisan kepada pihak-pihak yang bersangkutan, khususnya admin stock.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Studi Pustaka</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Untuk mendapatkan informasi yang terkait dengan penelitian ini, penulis mendapatkannya dengan cara mengunjungi perpustakaan untuk membaca dan mempelajari buku-buku, jurnal dan hasil penelitian lain yang relevan terkait dengan judul yang diambil, sehingga penulis mendapatkan gambaran untuk penganalisaan dan membuat perancangan pada penulisan ini.</p></div>
+</ol>
- <li style="text-align: justify;line-height: 2;">Metode Wawancara<p style="line-height: 2"> Untuk mendapatkan data-data yang diperlukan, penulis melakukan sesi wawancara atau tanya jawab secara lisan kepada pihak-pihak yang bersangkutan, khususnya admin stock.
+==='''Metode Analisis Sistem'''===
-</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 penelitian ini penulis menggunakan metode analisa PIECES ''(Performance, Information, Economic, Control, Efficiency, Service)''. Dari analisis ini biasanya dapat dilihat beberapa masalah utama dikarenakan yang sering muncul dipermukaan bukan sebuah masalah utama, tetapi hanya sebuah gejala dari masalah utama.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tahapan analisis ini merupakan tahapan penelitian dari sistem berjalan dengan tujuan merancang sebuah sistem yang baru dengan menggunakan analisa ''Object Oriented Analysis'' (OOA) dengan alat bantu UML ''(Unified Modelling Language)'' serta menggunakan Software Visual Paradigm yaitu sebuah bahasa yang berdasarkan grafik atau gambar, memvisualisasikan, mengspesifikasikan, membangun dan mendokumentasikan dari sebuah sistem pengembangan piranti lunak berbasis Object Orientied melalui tahap Use Case Diagram, Sequence Diagram, Activity Diagram, dan lain sebagainya. </p></div>
- <li style="text-align: justify;line-height: 2;">Metode Studi Pustaka (''Library Research'')<p style="line-height: 2"> Untuk mendapatkan informasi yang terkait dengan penelitian ini, penulis mendapatkannya dengan cara mengunjungi perpustakaan untuk membaca dan mempelajari buku-buku, jurnal dan hasil penelitian lain yang relevan terkait dengan judul yang diambil, sehingga penulis mendapatkan gambaran untuk penganalisaan dan membuat perancangan pada penulisan ini.
+==='''Metode Perencanaan (''Planning'')'''===
-</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tahap perencanaan adalah tahap awal pengembangan sistem yang mendefinisikan perkiraan kebutuhan-kebutuhan sumber daya, seperti : perangkat fisik, metode dan anggaran yang sifatnya masih umum. Didalam tahapan ini juga terdapat beberapa aktivitas pada pengembangan sistem yaitu : Mendefinisikan tujuan dan ruang lingkup pengembangan, mengidentifikasi kendala-kendala sistem, menentukan serta evaluasi strategi yang akan digunakan dalam pengembangan.</p></div>
-</ol>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Analisis dan Perancangan'''</div>===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
-<p style="line-height:2">Dalam penelitian ini digunakan metode pengembangan sistem dengan metode SDLC <i>(System Development Life Cycle)</i> yang memiliki 5 tahapan pengerjaannya yaitu :</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+==='''Desain (''Design'')'''===
-<ol 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">Metode ini adalah tahap desain yaitu menentukan proses data yang diperlukan oleh sistem baru dengan tujuan untuk memenuhi kebutuhan user dengan alat bantu UML (Unified Modeling Language). Sebuah proses desain ini akan menerjemahkan syarat kebutuhan kesebuah perancangan perangkat lunak yang dapat diperkirakan sebelum dibuat coding. Proses ini berfokus pada sebuah struktur data dengan menggunakan MySQL, arsitektur perangkat lunak, presentasi interface dengan menggunakan Sublime Text 3 dan detail algoritma prosedural dengan pembuatan database yang digunakan adalah XAMPP yang sudah mencakup Apache, PHP dan MySQL. Sebagai sebuah aplikasi browsing yang dipakai penulis menggunakan Mozilla Firefox. Tahapan ini akan menghasilkan sebuah dokumen yang disebut software requirement. Dokumen inilah yang digunakan untuk melakukan sebuah aktivitas dalam pembuatan sistemnya, konfigurasi sistem dan menyampaikan usulan implementasi.</p></div>
-<li>'''Perencanaan <i> (Planning) </i>'''
-<div style="text-indent: 0.5in;">
-<p style="line-height:2">Tahap perencanaan adalah tahap awal pengembangan sistem yang mendefinisikan perkiraan kebutuhan-kebutuhan sumber daya, seperti: perangkat fisik, metode dan anggaran yang sifatnya masih umum. Didalam tahapan ini juga terdapat beberapa aktivitas pada pengembangan sistem yaitu : Mendefinisikan tujuan dan ruang lingkup pengembangan, mengidentifikasi kendala-kendala sistem, menentukan serta evaluasi strategi yang akan digunakan dalam pengembangan.</p></div>
-</li>
-<li>'''Analisis <i> (Analysis) </i>'''
+==='''Implementasi (''Implementation'')'''===
-<div style="text-indent: 0.5in;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tahap implementasi adalah tahap dimana rancangan sistem yang sudah jadi lalu dibentuk menjadi suatu kode (program) yang siap untuk dioperasikan. Langkah-langkahnya yaitu menyiapkan fasilitas fisik dan melakukan simulasi. Pengujian yang digunakan pada tahap implementasi yaitu Blackbox Testing. Blackbox Testing adalah metode uji coba yang memfokuskan pada keperluan software.</p></div>
-<p style="line-height:2">Pada penelitian ini penulis menggunakan metode analisa PIECES <i>(Performance, Information, Economic, Control, Efficiency, Service)</i>. Dari analisis ini biasanya dapat dilihat beberapa masalah utama dikarenakan yang sering muncul dipermukaan bukan sebuah masalah utama, tetapi hanya sebuah gejala dari masalah utama.
-Tahapan analisis ini merupakan tahapan penelitian dari sistem berjalan dengan tujuan merancang sebuah sistem yang baru dengan menggunakan analisa <i> Object Oriented Analysis </i> (OOA) dengan alat bantu UML <i>(Unified Modelling Language)</i> serta menggunakan Software Visual Paradigm yaitu sebuah bahasa yang berdasarkan grafik atau gambar, memvisualisasikan, mengspesifikasikan, membangun dan mendokumentasikan dari sebuah sistem pengembangan piranti lunak berbasis <i> Object Orientied melalui tahap Use Case Diagram, Sequence Diagram, Activity Diagram, </i> dan lain sebagainya.</p></div>
-</li>
-<li>'''Desain <i> (Design) </i>'''
+==='''Pemeliharaan (''Maintenance'')'''===
-<div style="text-indent: 0.5in;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Tahapan selanjutnya diperlukan adanya pemeliharaan secara berkala terhadap pemakaian program, audit sistem, penjagaan, perbaikan dan pengembangan sistem. Agar program aplikasi yang sudah dibuat dapat diperbaiki dan dikembangkan dengan baik sesuai kebutuhan perusahaan seiring dengan kemajuan teknologi.</p></div>
-<p style="line-height:2">Metode ini adalah tahap desain yaitu menentukan proses data yang diperlukan oleh sistem baru dengan tujuan untuk memenuhi kebutuhan user dengan alat bantu UML <i>(Unified Modeling Language)</i>. Sebuah proses desain ini akan menerjemahkan syarat kebutuhan kesebuah perancangan perangkat lunak yang dapat diperkirakan sebelum dibuat coding. Proses ini berfokus pada sebuah struktur data dengan menggunakan MySQL, arsitektur perangkat lunak, presentasi interface dengan menggunakan Sublime Text 3 dan detail algoritma prosedural dengan pembuatan database yang digunakan adalah XAMPP yang sudah mencakup Apache, PHP dan MySQL. Sebagai sebuah aplikasi browsing yang dipakai penulis menggunakan Mozilla Firefox. Tahapan ini akan menghasilkan sebuah dokumen yang disebut software requirement. Dokumen inilah yang digunakan untuk melakukan sebuah aktivitas dalam pembuatan sistemnya, konfigurasi sistem dan menyampaikan usulan implementasi.</p></div>
-</li>
-<li>'''Implementasi <i> (Implementation) </i>'''
+==='''Metode Pengujian (''Testing'')'''===
-<div style="text-indent: 0.5in;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam penelitian ini metode testing yang digunakan adalah Black Box Testing yaitu metode uji coba yang memfokuskan kepada keperluan software, karena itu uji coba Black Box memungkinkan pengembangan software untuk membuat himpunan kondisi input yang akan melatih seluruh syarat-syarat fugnsional suatu program. Metode pengujian Black box berusaha untuk menemukan kesalahan dalam beberapa kategori, diantaranya: fungsi - fungsi yang salah atau hilang, kesalahan dalam struktur data atas akses database eksternal, kesalahan performa kesalahan inisialisasi, dan terminasi.</p></div>
-<p style="line-height:2">Tahap implementasi adalah tahap dimana rancangan sistem yang sudah jadi lalu dibentuk menjadi suatu kode (program) yang siap untuk dioperasikan. Langkah-langkahnya yaitu menyiapkan fasilitas fisik dan melakukan simulasi. Pengujian yang digunakan pada tahap implementasi yaitu Blackbox Testing. Blackbox Testing adalah metode uji coba yang memfokuskan pada keperluan software.</p></div>
-</li>
-<li>'''Pemeliharaan <i> (Maintenance) </i>'''
+=='''Sistematika Penulisan'''==
-<div style="text-indent: 0.5in;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Agar pemahaman tentang penelitian Skripsi ini menjadi lebih mudah maka, penulis mengelompokkan beberapa materi menjadi sub bab dengan sistematika penulisan sebagai berikut : &nbsp;:<strong></strong></p></div>
-<p style="line-height:2">Tahapan selanjutnya diperlukan adanya pemeliharaan secara berkala terhadap pemakaian program, audit sistem, penjagaan, perbaikan dan pengembangan sistem. Agar program aplikasi yang sudah dibuat dapat diperbaiki dan dikembangkan dengan baik sesuai kebutuhan perusahaan seiring dengan kemajuan teknologi.</p></div>
+==='''BAB I PENDAHULUAN'''===
-</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Bab I menjelaskan antara lain latar belakang, rumusan masalah, tujuan penulisan, manfaat penulisan, metode penelitian, metode analisa, metode perancangan, metode pengujian dan, sistematika penulisan.<strong></strong></p></div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Testing'''</div>===
+==='''BAB II LANDASAN TEORI'''===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Bab II ini berisikan landasan teori yang berhubungan dengan pembahasan masalah antara lain definisi ilmu berupa teori umum dan teori khusus serta beberapa literature review yang berhubungan dengan penelitian..<strong></strong></p></div
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
-<p style="line-height:2">Dalam penelitian ini metode testing yang digunakan adalah Black Box Testing yaitu metode uji coba yang memfokuskan kepada keperluan software, Karena itu uji coba Black Box memungkinkan pengembangan software untuk membuat himpunan kondisi input yang akan melatih seluruh syarat-syarat fugnsional suatu program. Metode pengujian Black box berusaha untuk menemukan kesalahan dalam beberapa kategori, diantaranya: fungsi - fungsi yang salah atau hilang, kesalahan dalam struktur data atas akses database eksternal, kesalahan performa kesalahan inisialisasi, dan terminasi..</p></div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: justify;">'''Sistematika Penulisan'''</div>==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
-<p style="line-height:2"> Agar pemahaman tentang penelitian Skripsi ini menjadi lebih mudah maka, penulis mengelompokkan beberapa materi menjadi sub bab dengan 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 &emsp; PENDAHULUAN'''</p>
-<p style="line-height:2;"> Bab ini menjelaskan antara lain latar belakang, rumusan masalah, tujuan penulisan, manfaat penulisan, metode penelitian, metode analisa, metode perancangan, metode pengujian 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 &emsp; LANDASAN TEORI'''</p>
-<p style="line-height:2;"> Bab ini berisikan landasan teori yang berhubungan dengan pembahasan masalah antara lain definisi ilmu berupa teori umum dan teori khusus serta beberapa literature review yang berhubungan dengan penelitian.
-</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
-<p style="line-height:2">'''BAB III &emsp; ANALISA SISTEM BERJALAN'''</p>
-<p style="line-height:2;"> Bab ini menjelaskan tentang gambaran umum PT. Instaprint Jaya Primatama, sejarah singkat perusahaan, struktur organisasi, tugas dan tanggung jawab dari masing-masing bagian, serta visi dan misi perusahaan. Selanjutnya, dijelaskan juga tata laksana sistem yang berjalan, permasalahan yang dihadapi, alternative pemecahan masalah, user requirement yang terdiri dari 4 (empat) tahap elisitasi, yaitu elisitasi tahap I, elisitasi tahap II, elisitasi tahap III, dan final draft elisitasi yang merupakan final elisitasi yang diusulkan.
-</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+>
-<p style="line-height:2">'''BAB IV &emsp; RANCANGAN SISTEM YANG DIUSULKAN'''</p>
-<p style="line-height:2;"> Bab ini berisikan rancangan sistem yang akan diusulkan pada PT. Instaprint Jaya Primatama, UML yang diusulkan, rancangan basis data, rancangan tampilan layar, tampilan output program, pengujian dengan black box testing, prototype sistem dan rancangan implementasi, estimasi biaya.
-</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+==='''BAB III ANALISA SISTEM YANG BERJALAN'''===
-<p style="line-height:2">'''BAB V &emsp; PENUTUP'''</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Bab III menjelaskan tentang gambaran umum PT. Instaprint Jaya Primatama, sejarah singkat perusahaan, struktur organisasi, tugas dan tanggung jawab dari masing-masing bagian, serta visi dan misi perusahaan. Selanjutnya, dijelaskan juga tata laksana sistem yang berjalan, permasalahan yang dihadapi, alternative pemecahan masalah, user requirement yang terdiri dari 4 (empat) tahap elisitasi, yaitu elisitasi tahap I, elisitasi tahap II, elisitasi tahap III, dan final draft elisitasi yang merupakan final elisitasi yang diusulkan.<strong></strong></p></div>
-<p style="line-height:2;"> Bab ini berisi tentang kesimpulan dari hasil analisa yang dilakukan, selain itu pada bab ini juga berisi saran yang berhubungan dengan penelitian skripsi.
-</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+==='''BAB IV RANCANGAN SISTEM YANG DIUSULKAN'''===
-<p style="line-height:2">'''DAFTAR PUSTAKA'''</p>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Bab IV berisikan rancangan sistem yang akan diusulkan pada PT. Instaprint Jaya Primatama, UML yang diusulkan, rancangan basis data, rancangan tampilan layar, tampilan output program, pengujian dengan black box testing, prototype sistem dan rancangan implementasi, estimasi biaya.<strong></strong></p></div>
+==='''BAB V PENUTUP'''===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Bab V berisi tentang kesimpulan dari hasil analisa yang dilakukan, selain itu pada bab ini juga berisi saran yang berhubungan dengan penelitian skripsi.</p></div>
+<p><span style="font-family: times new roman, times; font-size: medium;"><strong>DAFTAR PUSTAKA</strong></span></p>
+<p><span style="font-family: times new roman, times; font-size: medium;"><strong>DAFTAR LAMPIRAN</strong></span></p>
+<p>&nbsp;</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
-<p style="line-height:2">'''DAFTAR LAMPIRAN'''</p>
-</div>
 {{pagebreak}}
-=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB II'''</div>=
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''LANDASAN TEORI'''</div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Perancangan'''</div>==
+<br><br>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Arif (2016:71)<ref name="cit ar">Arif, Muhammad. 2016. “Bahan Ajar Rancangan Teknik Industri”. Yogyakarta: Deepublish.</ref>, “Perancangan adalah kegiatan awal dari suatu rangkaian kegiatan dalam proses pembuatan produk. Dalam tahap perancangan tersebut dibuat keputusan-keputusan penting yang mempengaruhi kegiatan-kegiatan lain yang menyusulnya”.</p></div>
+=<div style="font-family: 'times new roman'; text-align: center">'''BAB II'''</div>=
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''LANDASAN TEORI'''</div>
-<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 Hendrawan (2017: 407)<ref name="cit hen">Hendrawan, H., Nugroho, A., & Safirman, M. R. 2017. “Perancangan Sistem Aplikasi Rekam Medik Pada Puskesmas Pakuan Baru Kota Jambi”. Jurnal MEDIA PROCESSOR, vol. 10, no. 1.</ref>, “Perancangan adalah sebuah proses yang mendefinisikan sesuatu yang akan dikerjakan dengan menggunakan teknik yang bervariasi serta didalamnya melibatkan deskripsi mengenai arsitektur serta detail komponen dan juga keterbatasan yang akan dialami dalam proses pengerjaannya”.</p></div>
+=='''Teori Umum'''==
+===Konsep Dasar Sistem===
+====Definisi Sistem====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2;text-indent: 0.5in">Menurut Hutahean (2015:2) <ref name="Hutahean">Hutahaean, J. (2015). Konsep sistem informasi. Deepublish. </ref> menjelaskan bahwa 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 style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Wandanaya, et al (2019:16)<ref name="cit anita">Wandanaya, Anita Bawaiqki, Sendy Zul Friandi, dan Fachry Agus Maulana. 2019. “Aplikasi Sistem Pengolahan Data Nilai Siswa Berbasis Web Pada SMKN 1 Kota Tangerang”. CERITA Journal, vol.5, no.1.</ref> “Perancangan sistem adalah tahap awal pendekatan masalah pada sistem. Tujuan perancangan sistem secara umum adalah untuk memberikan gambaran umum kepada pemakai (user) mengenai sistem informasi yang baru serta untuk memenuhi kebutuhanpemakai (user) dalam memperoleh dan mengolah informasi yang ada”.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2;text-indent: 0.5in">Menurut Muslihudin (2016:2) <ref name=>Muslihudin, M. (2016). Analisis Dan Perancangan Sistem Informasi Menggunakan Model Terstruktur Dan UML. Penerbit Andi </ref> menjelaskan bahwa sistem adalah sekumpulan komponen atau jaringan kerja dari prosedur–prosedur yang saling berkaitan dan saling bekerja sama membentuk suatu jaringan kerja untuk mencapai sasaran atau tujuan tertentu.</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Beberapa definisi yang penulis sebutkan dapat diambil kesimpulan bahwa perancangan merupakan tahapan awal sebelum membuat suatu sistem, pada proses perancangan tersebut memuat tentang komponen apa saja yang membangun, bagaimana cara kerjanya, apa yang dihasilkan dari sistem yang akan dibuat.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+<p style="line-height: 2;text-indent: 0.5in">Menurut Dini Hamidini Maniah (2017:1) <ref name=>Maniah, H. D. (2017). Analisis dan Perancangan Sistem Informasi Pembahasan Secara Praktis dengan Contoh Kasus. Sleman: 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 style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Trainer'''</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 pengertian diatas dapat disimpulkan bahwa sistem adalah suatu kumpulan prosedur-prosedur suatu jaringan kerja yang menghasilkan informasi dan saling berhubungan satu sama lain serta dirancang untuk mencapai tujuan bersama.</p></div>
+====<B>Karakteristik Sistem</B>====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Jeperson Hutahaean (2015:3) <ref name="Hutahean">Hutahaean, J. (2015). Konsep sistem informasi. Deepublish</ref> karakteristik sistem yang baik, 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 Suryani dalam Pratikno et al (2014:147)<ref name="cit prak">Praktikno, Teguh, Ewo Tarmedi, dan Wahid Munawar. 2016. “Studi Komparasi Hasil Belajar Siswa yang Menggunakan Aurora 3 Dimensi Presentation Dengan Siswa yang Menggunakan Media Engine Trainer Pada Kompetensi Menjelaskan Konsep Motor Bakar”. Journal of Mechanical Engineering Education, vol. 1, no. 1.</ref>, Trainer merupakan proses simulasi aplikasi membangun model dari sistem nyata atau usulan sistem, melakukan eksperimen dengan model tersebut untuk menjelaskan perilaku sistem, mempelajari kinerja sistem, atau untuk membangun sistem baru sesuai dengan kinerja yang diinginkan.</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 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 (''boundary'') <p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Batasan sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lain atau dengan lingkungan luarnya. Batasan sistem ini memungkinkan suatu sistem dipandang sebagai satu kesatuan. Batasan suatu sistem menunjukkan 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">
+Lingkungan luar adalah diluar batas dari sistem yang mempengaruhi operasi sistem. Lingkungan dapat bersifat menguntungkan yang harus tetap dijeda dan yang merugikan 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">
+Penghubung <i>(Interface)</i> merupakan media penghubung antara satu subsistem dengan subsistem yang lainnya. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari subsistem ke subsistem lain. Keluaran <i>(output)</i> dari subsistem akan menjadi masukan <i>(input)</i> 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">
+Masukan atau input merupakan energi yang dimasukan ke dalam sistem. Masukan dapat berupa masukan perawatan<i> (maintenance input),</i> yaitu bahan yang dimasukkan agar sistem tersebut dapat beroperasi dan masukan sinyal<i> (signal input)</i>, yaitu masukan yang diproses untuk mendapatkan keluaran.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify;line-height: 2;">Keluaran Sistem <i>(output)</i><p style="font-family: 'times new roman'text-align: justify;line-height: 2;text-indent: 0.5in">
+Keluaran <i>(output)</i> merupakan hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna dan sisa pembangunan. 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">
+Pengolahan sistem. Suatu sistem menjadi bsgian pengolah yang akan merubah masukan menjadi keluaran. Sistem produksi akan mengolah bahan baku menjadi bahan jadi. </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 <i>(goal)</i> atau sasaran (objektif). Sasaran dari sistem sangat menentukan input yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem.</p></li>
+</ol>
+====Klasifikasi Sistem====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menurut Jaluanto Sunu Punjul Tyoso (2016:5)<ref name=>
+Tyoso, J. S. P. (2016). Sistem Informasi Manajemen. Deepublish</ref>dalam bukunya yang berjudul Sistem Informasi Manajemen, sistem dapat diklasifikasi dari beberapa aspek, diantaranya 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 Hasan dalam Wahyudi dan Rijanto (2017:2)<ref name="cit wah">Wahyudi, Lukman dan Tri Rijanto. 2017. “Pengembangan Trainer Miniatur Pintu Perlintasan Kereta Api Berbasis PLC Untuk Meningkatkan Standar Kompetensi Merangkai PLC Di SMK Dwija Bakti Jombang”. Jurnal Pendidikan Teknik Elektro, vol. 6, no. 1.</ref> mengemukakan bahwa trainer adalah suatu set peralatan di laboratorium yang digunakan sebagai media pendidikan yang merupakan gabungan antara model kerja dan mock-up. Trainer ditujukan untuk menunjang pembelajaran peserta didik dalam menerapkan pengetahuan/konsep yang diperolehnya pada benda nyata.</p></div>
+<ol type='a'>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Sistem Alamiah <i>(Natural System)</i> </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sistem alamiah adalah sistem yang muncul secara alamiah tanpa campur tangan manusia. Misalnya sistem perputaran bumi. </p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Sistem Tiruan (''Artificial System'') </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">SSistem tiruan diciptakan untuk mendukung tujuan tertentu. Ukuran keberhasilan sistem tiruan adalah efektifitas dan efisiensi (berhasil guna dan berdaya guna). Efektifitas mengukur seberapa tinggi suatu sistem mampu mencapai tujuannya, sedangkan efisiensi mengukur pemakaian masukan (sumber daya) dalam memproduksi keluaran tertentu dari sistem yang digunakan. </p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Sistem Deterministik <i>(Deterministic System)</i> </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sistem deterministik, bekerjanya sistem ini dapat diramalkan sebelumnya. Masukan sistem ini secara pasti menentukan jenis keluarannya. Contoh sistem ini yaitu sebuah ''microprocessor chip'' atau paket perangkat lunak program tertentu. </p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Sistem Probabilistik <i>(Probabilistic System)</i> </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sistem probabilistik dapat dilacak hanya dengan menggunakan nilai distribusi probabilitas selalu ada ketidakpastian nilai yang sesungguhnya pada sembarang waktu.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Sistem Tertutup <i>(Closed System)</i> </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sistem tertutup merupakan sistem yang tidak berhubungan dengan lingkungan luarnya. Pada sistem ini tidak terjadi pertukaran atau penggunaan sumber daya dengan atau dari lingkungannya, mengingat sistem ini tidak menggunakan input dari lingkungannya, maka output dari sistem ini tidak berkaitan dengan lingkungannya pula. Contoh dari sistem tertutup yaitu batu baterai atau ''traffic light''. Sistem ini akan habis masa pakainya bersamaan dengan habisnya sumber daya yang dipakai atau dengan sengaja pihak perusahaan menghentikan sistem yang bersangkutan karena telah mencapai tujuannya. </p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Sistem Terbuka <i>(Opened System)</i> </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sistem terbuka adalah sistem yang menggunakan sumber daya dari lingkungannya sehingga keluarannya berkaitan dengan lingkungannya juga. Masukan dan keluaran sistem ini dapat diketahui atau ditentukan dan ada yang tidak diketahui sama sekali (predefined and unknown input or output). Dengan demikian, kita harus memilih input dan output seperti yang diharapkan.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Sistem Relatif Tertutup <i>(Relatively Closed System)</i> </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Diantara kedua sistem tersebut (terbuka dan tertutup) terdapat suatu sistem relatif tertutup (relatively closed system). Sistem ini melakukan pertukaran sumber daya dengan lingkungannya hanya melalui input dan output yang telah ditentukan terlebih dahulu dengan baik. Input dan output tersebut dipastikan bersamaan dengan dirancangnya sistem ini, inputnya dikendalikan sehingga cocok dengan rancang bangun sistem relatif tertutup.</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">Berdasarkan beberapa definisi tadi maka penulis menyimpulkan bahwa trainer merupakan suatu peralatan yang digunakan sebagai media pembelajaran untuk melakukan simulasi dalam menerapkan suatu model sistem yang diharapkan dapat memahami perilaku dan cara kerja suatu sistem seperti pada sistem sesungguhnya.</p></div>
+===Konsep Dasar Data dan 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 Gordon B. Davis dalam buku Jeperson Hutahean Konsep Sistem Informasi (2015:8)<ref name="Hutahean>Hutahaean, J. (2015). Konsep sistem informasi. Deepublish</ref>Data adalah bahan mentah bagi informasi, dirumuskan sebagai kelompok lambang-lambang tidak acak menunjukkan jumlah-jumlah, tindakan-tindakan, hal-hal dan sebagainya.</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 Nafiudin (2019:24) <ref name="Nafiudin">Nafiudin, S. (2019). Sistem informasi manajemen. Penerbit Qiara Media</ref> Data adalah himpunan simbol atau stimulan yang tidak / belum mempunyai arti atau nilai apapun secara tersendiri.</p></div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Mikrokontroler'''</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 diatas dapat disimpulkan data adalah sekumpulan bahan mentah bagi informasi yang belum mempunyai arti  ataupun nilai tersendiri. </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 Sujarwata (2018:3)<ref name="cit suj">Sujarwata. 2018. “Belajar Mikrokontroler BS2SX Teori, Penerapan dan Contoh pemrograman PBasic”. Yogyakarta: Deepublish.</ref>, Mikrokontroler adalah sebuah sistem mikroprosesor lengkap yang terkandung di dalam sebuah chip. Mikrokontroler pada umumnya telah berisi komponen pendukung minimum sistem mikroprosesor, yaitu memori dan antarmuka I/O (input output). Mikrokontroler juga merupakan single chip computer yang memiliki kemampuan untuk diprogram dan digunakan untuk tugas-tugas yang berorientasi pada pengendali.</p></div>
+====Definisi Informasi====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Dharmawan (2017:1)<ref name="cit dhar">Dharmawan, Hari Arief. 2017. “Mikrokontroler: Konsep Dasar dan Praktis”. Malang: Universitas Brawijaya Press.</ref>, Mikrokontroler merupakan chip mikrokomputer yang secara fisik berupa IC (''integrated circuit''). Mikrokontroler berisikan bagian-bagian utama, yaitu CPU (''Central Processing Unit''), RAM (Random-Access Memory), ROM (''Read-Only Memory''), dan port I/O (input/output). Mikrokontroler bekerja berdasarkan program (perangkat lunak) yang dibenamkan di dalamnya.</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 Gordon B. Davis dalam buku Jeperson Hutahean Konsep Sistem Informasi (2015:9) <ref name="Hutahean">Hutahaean, J. (2015). Konsep sistem informasi. Deepublish</ref> menjelaskan bahwa Informasi adalah data yang telah diolah menjadi suatu bentuk yang penting bagi si penerima dan mempunyai nilai 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 Kusumah et al. (2016:170)<ref name="cit kus">Kusumah, Hendra, Alfian Toro dan Muhammad Idris. 2016. “Sistem Pengukur Tinggi Dan Berat Badan Untuk Posyandu Menggunakan Mikrokontroler ATmega853”. CCIT Journal, vol. 9, no. 2.</ref>, “Mikrokontroler adalah IC yang dapat diprogram berulang kali, baik ditulis atau dihapus. Biasanya digunakan untuk pengontrolan otomatis dan manual pada perangkat elektronika.”.</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 Nafiudin (2019:24) <ref name="Nafiudin">Nafiudin, S. (2019). Sistem informasi manajemen. Penerbit Qiara Media.</ref> Informasi merupakan data yang telah diproses menurut sekumpulan aturan dan telah memiliki arti atau nilai.</p></div>
-<div id="g21" align="center"><img width="312px" src="https://www.microchip.com/_images/ics/medium-ATmega328-SPDIP-28.png"/></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: center;"><p style="line-height:2">'''Gambar 2.1''' Mikrokontroler ATmega328.</p><p style="line-height:2">Sumber : http://microchip.com</p></div>
+Berdasarkan beberapa pendapat diatas maka dapat ditarik kesimpulan bahwa informasi adalah data yang telah diolah dan diproses dengan cara tertentu menjadi bentuk yang penting dan memiliki arti atau nilai. </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 tiga definisi diatas, dapat disimpulkan bahwa mikrokontroler merupakan chip yang didalamnya terdapat sistem minimum mikroprosesor yang terdiri dari CPU, RAM, memori, dan antarmuka input/output yang berbentuk sebuah IC (''Integrated Circuit''). Mikrokontroler dapat diprogram untuk menjalankan tugas dan fungsi yang biasanya berupa pengontrolan atau kendali.</p></div>
+====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 Sutabri dalam Maslihudin dan Oktafianto yang dikemas ulang oleh S Junikha <ref name="Junikha">JUNIKHA, S. (2017). SISTEM INFORMASI JATUH TEMPO ANGSURAN KREDIT NASABAH BERBASIS VISUAL BASIC 2010 PADA BANK BANTEN CABANG PALEMBANG (Doctoral dissertation, POLITEKNIK NEGERI SRIWIJAYA).</ref> mengemukakan bahwa kualitas informasi tergantung dari tiga (3) hal, yaitu : </p></div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar ''Interface'' (Antarmuka)'''</div>==
+<ol>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Informasi Akurat <i>(accurate)</i> </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Informasi harus bebas dari kesalahan dan tidak bias atau menyesatkan. Akurat juga berarti bahwa informasi harus jelas mencerminkan maksudnya. Informasi harus akurat karena dari sumber informasi sampai ke penerima informasi kemungkinan banyak terjadi gangguan yang dapat mengubah atau merusak informasi 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">Menurut Yasin dan Yumarlin (2016:80)<ref name="cit yas">Yasin, Alimuddin, dan Yumarlin, M. Z. 2016. “Evaluasi Web UJB menggunakan Golden Rules Of User Interface Design Theo Mandel”. SEMNASTEKNOMEDIA ONLINE, vol. 4, no. 1.</ref>, Interface atau antarmuka merupakan penghubung antara sistem dan pengguna. Dimana seperti halnya dalam proses komunikasi secara umum, antarmuka merupakan media yang menghubungkan komunikasi antara sistem dan manusia, dan berperan penuh dalam menerjemahkan setiap aksi dan reaksi dari keduanya.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Tepat Waktu </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Informasi yang sampai pada si penerima tidak boleh terlambat, informasi yang sudah usang tidak akan mempunyai nilai lagi. Karena informasi merupakan landasan didalam pengambilan keputusan. Bila pengambilan keputusan terlambat, maka dapat berakibat fatal untuk organisasi. Mahalnya nilai informasi disebabkan harus cepatnya informasi tersebut didapat, sehingga diperlukan teknologi – teknologi mutakhir untuk mendapatkan, mengolah, dan mengirimkannya. </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 dikutip dari Kamus Besar Bahasa Indonesia (KBBI) daring<ref name="cit kbbi">Kamus Besar Bahasa Indonesia (KBBI) Daring. https://kbbi.kemdikbud.go.id/entri/antarmuka. (diakses tanggal 1 Juli 2019)</ref>, antarmuka merupakan hubungan atau batasan umum antara dua unit atau alat, atau merupakan perangkat lunak yang memungkinkan program untuk bekerja dengan pengguna, atau merupakan kartu, colokan, atau perangkat lain yang menghubungkan perangkat keras dengan komputer sehingga informasi dapat dipindahkan dari satu tempat ke tempat lainnya.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Relevan (''relevance'') </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Informasi tersebut mempunyai manfaat untuk pemakainya. Relevansi untuk setiap orang, satu dengan yang lainnya adalah berbeda. Sebagai contoh informasi mengenai sebab musabab kerusakan mesin produksi kepada akuntan perusahaan adalah kurang relevan dan akan lebih relevan bila ditujukan kepada ahli teknik perusahaan. Sebaliknya informasi mengenai harga pokok produksi untuk ahli teknik merupakan informasi yang kurang relevan, tetapi relevan untuk akuntan. </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">Dari beberapa definisi di atas maka penulis menyimpulkan bahwa antarmuka merupakan pintu penghubung antara perangkat keras atau perangkat lunak dengan perangkat yang sama atau sebaliknya, maupun dengan pengguna sistem sehingga dapat terjadi komunikasi dan perpindahan informasi dari suatu perangkat dengan perangkat atau dengan pengguna sistem.</p></div>
+====Fungsi Informasi====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Hutahean dalam jurnal S Junikha <ref name="Junikha">JUNIKHA, S. (2017). SISTEM INFORMASI JATUH TEMPO ANGSURAN KREDIT NASABAH BERBASIS VISUAL BASIC 2010 PADA BANK BANTEN CABANG PALEMBANG (Doctoral dissertation, POLITEKNIK NEGERI SRIWIJAYA).</ref> fungsi informasi yaitu menambah pengetahuan atau mengurangi ketidakpastian pemakai informasi, karena informasi berguna memberikan gambaran tentang suatu permasalahan sehingga pengambil keputusan dapat menentukan keputusan lebih cepat, informasi juga memberikan keputusan lebih cepat, informasi juga memberikan standard, aturan maupun indikator bagi pengambil keputusan. </p></div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Protokol ''Interface'' Mikrokontroler'''</div>===
+====Nilai Informasi====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Mikhaylov dalam Oktanugraha (2018:25)<ref name="okt">Oktanugraha, Dimas. 2018. “PERANCANGAN ANTARMUKA I2C PADA SENSOR CO2 MHZ-19”. SKRIPSI Prodi Teknik Elektro Fakultas Teknik Universitas Muhammadiyah Yogyakarta.</ref>, Komunikasi data merupakan bagian terpenting dalam bidang elektronika khususnya mikrokontroler, baik antar mikrokontroler maupun perangkat lain seperti sensor akan saling terhubung dan berkomunikasi satu sama lain. Komunikasi data tiap perangkat akan melalui protokol komunikasi tertentu, sistem komunikasi serial adalah jenis protokol komunikasi yang sering digunakan. Komunikasi serial atau yang biasa disebut sebagai interface (antarmuka) terdiri dari SPI, I2C, dan UART. Interface ini banyak terdapat pada perangkat mikrokontroler.</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 Sutabri dalam jurnal S Junikha <ref name="Junikha">JUNIKHA, S. (2017). SISTEM INFORMASI JATUH TEMPO ANGSURAN KREDIT NASABAH BERBASIS VISUAL BASIC 2010 PADA BANK BANTEN CABANG PALEMBANG (Doctoral dissertation, POLITEKNIK NEGERI SRIWIJAYA).</ref> Nilai informasi ditentukan oleh 2 (dua) hal, yaitu manfaat dan biaya untuk mendapatkannya. Suatu informasi dikatakan bernilai jika manfaat lebih efektif dibanding dengan biaya mendapatkannya. Nilai informasi ini didasarkan atas 10 (sepuluh) sifat, yaitu: </p></div>
+<ol>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Mudah Diperoleh </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sifat ini menunjukkan informasi dapat diperoleh dengan mudah dan cepat. Kecepatan memperoleh dapat diukur, misalnya 1 menit versus 24 jam. Akan tetapi, berapa nilainya bagi pemakai informasi sulit mengukurnya. </p></div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Serial Peripheral Interface (SPI)'''</div>===
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Luas dan Lengkap </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sifat ini menunjukkan lengkapnya isi informasi. Hal ini tidak berarti hanya mengenai volume-nya, tetapi juga mengenai keluaran informasinya. Sifat ini sangat kabur karena itu sulit mengukurnya. </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 Wardana (2017:158)<ref name="cit war">Wardana, I. Nyoman Kusuma. 2017. “Teknik antarmuka secara serial peripheral interface (SPI) menggunakan platform arduino dan matlab”. Matrix Jurnal Manajemen Teknologi dan Informatika, vol. 6, no. 3.</ref>, “Serial Peripheral Interface adalah protokol komunikasi secara synchronous antara dua perangkat (''master'' dan ''slave''), yang memisahkan antara jalur data dan jalur clock”.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Ketelitian </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sifat ini menunjukkan minimnya kesalahan dan informasi. Dalam hubungannya dengan volume data yang besar biasanya terjadi dua jenis kesalahan, yakni kesalahan pencatatan dan kesalahan perhitungan. </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 Sulistiyono, et al (2014:2)<ref name="cit sul">Sulistiyono, Taufiq Yudi. Nurussa’adah, dan Eka Maulana. 2014. “Komparasi Sistem Komunikasi Serial Multipoint pada Robot Management Sampah menggunakan I2C dan SPI”. Jurnal Mahasiswa TEUB, vol. 2, vol. 3.</ref>, “SPI merupakan salah satu metode pengiriman data dari suatu device ke device lainnya yang bekerja pada metode full duplex dan merupakan standar sinkronisasi serial data link”.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Kecocokan </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sifat ini menunjukkan betapa baik keluaran informasi dalam hubungan dengan permintaan para pemakai. Isi informasi harus ada hubungannya dengan masalah yang sedang dihadapi. Semua keluaran lainnya tidak berguna tetapi mahal mempersiapkannya. Sifat ini sulit mengukurnya. </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 Bejo dalam Oktanugraha (2018:26)<ref name="okt" />, “Dalam komunikasi SPI antara perangkat yang saling terhubung terdapat ''master'' dan ''slave''. ''Master'' adalah perangkat yang menginisialisasi atau mengatur pengiriman data menuju ''slave'' yang terdiri dari satu atau beberapa buah (''multipoint'')”.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Ketepatan Waktu </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menunjukkan tak ada keterlambatan jika ada seseorang yang ingin mendapatkan informasi. Masukkan, pengolahan, dan pelaporan keluaran kepada pemakai biasanya tepat waktu. Dalam beberapa hal ketepatan waktu dapat diukur, misalnya berapa banyak penjualan dapat ditambah dengan memberikan tanggapan segera kepada permintaan langganan mengenai tersedianya barang-barang inventaris. </p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Kejelasan </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sifat ini menjelaskan keluaran informasi yang bebas dari istilah-istilah yang tidak jelas. Memberikan laporan tidak dapat memakan biaya yang besar. Beberapa biaya yang diperlukan untuk memperbaiki laporan tersebut. </p></div>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Karakteristik SPI'''</div>====
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Keluwesan </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sifat ini berhubungan dengan dapat disesuaikannya keluaran informasi tidak hanya dengan beberapa keputusan, tetapi juga dengan beberapa pengambil keputusan. Sifat ini sulit di ukur, tetapi dalam banyak hal dapat diberikan nilai yang dapat diukur. </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 Wardana (2017:158)<ref name="cit war" />, SPI dimulai oleh Motorola (sekarang freescale) merupakan komunikasi serial ''full-duplex'' yang memungkinkan komunikasi dua arah antara ''master'' dan ''slave'' secara simultan.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Dapat Dibuktikan </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sifat ini dapat menunjukkan kemampuan beberapa pemakai informasi untuk menguji keluaran informasi dan sampai pada kesimpulan 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">Menurut Sulistiyono, et al (2014:2)<ref name="cit sul" />, Komunikasi serial data antara master dan SPI diatur melalui 4 buah pin yang terdiri dari SCLK, MOSI, MISO, dan SS.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman'; text-align: justify; line-height: 2">Tidak Ada Prasangka </li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sifat ini berhubungan dengan tidak adanya keinginan untuk mengubah informasi guna mendapatkan kesimpulan yang telah dipertimbangkan sebelumnya. </p></div>
-<div 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">Dapat Diukur </li>
-<ol>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Sifat ini menunjukkan hakikat informasi yang telah dihasilkan dari sistem informasi formal. Meskipun kabar angin, desas - desus, dugaan – dugaan, klenik dan sebagainya sering dianggap informasi, hal – hal tersebut berada diluar lingkup pembicaraan kita. </p></div>
-  <li style="text-align: justify;line-height: 2;">MOSI (''master out slave in'') merupakan pin yang berfungsi sebagai jalur data pada saat data keluar dari master dan masuk ke ''slave''. istilah lain pin ini adalah SIMO, SDI, DI, dan SI.</li>
-    <li style="text-align: justify;line-height: 2;">MISO (''master in slave out'') merupakan pin yang berfungsi sebagai jalur data yang keluar dari ''slave'' dan masuk ke master. Istilah lain pin ini adalah SOMI, SDO, DO, dan SO.</li>
-    <li style="text-align: justify;line-height: 2;">SCLK (''serial clock'') merupakan komponen prosedur komunikasi data SPI. Data biner yang keluar dari ''master'' ke ''slave'' berfungsi sebagai clock dengan frekuensi tertentu. Istilah lain pin ini adalah SCK</li>
-    <li style="text-align: justify;line-height: 2;">SS (''slave select'') merupakan pin yang berfungsi untuk mengaktifkan ''slave'' sehingga pengiriman data hanya dapat dilakukan jika slave dalam keadaan aktif (''active low''). Istilah lain pin SS adalah CS (''chip select''), nCS, nSS, dan STE (''slave transmit enable'').</li>
 </ol>
-</div>
-<div id="g22" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-qCZ1bGg--lc/XVZrBipLF0I/AAAAAAAAEXI/X2nPac8eoWM-90yz4bGpRACn5qFTjuE_wCK8BGAs/s0/2019-08-16.png"/></div>
+===Konsep Dasar Sistem Informasi===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.2''' Interface SPI.</p><p style="line-height:2">Sumber : Mikhaylov dalam Oktanugraha (2018:27)<ref name="okt" /></p></div>
+====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">
+Menurut Giandari Maulani dalam ICIT Journal (2018:2)<ref name="Giandari">Maulani1G., Septiani, D., & Sahara, P. (2018). RANCANG BANGUN SISTEM INFORMASI INVENTORY FASILITAS MAINTENANCE PADA PT. PLN (PERSERO) TANGERANG. ICIT Journal, 4(2), 156-167.
+Retrieved from http://ejournal.raharja.ac.id/index.php/icit/article/view/90</ref> Sistem informasi adalah suatu sistem yang berhubungan dengan pengumpulan, penyimpanan dan pemrosesan data, baik yang dilakukan secara manual,maupun berbantuan computer, untuk menghasilkan informasi yang sangat berguna bagi 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 Sutabri dalam jurnal S Junikha (2017:17)<ref name="Junikha">JUNIKHA, S. (2017). SISTEM INFORMASI JATUH TEMPO ANGSURAN KREDIT NASABAH BERBASIS VISUAL BASIC 2010 PADA BANK BANTEN CABANG PALEMBANG (Doctoral dissertation, POLITEKNIK NEGERI SRIWIJAYA). </ref>Sistem informasi adalah suatu sistem  di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan laporan-laporan yang diperlukan".</p></div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Inter Integrated Circuit (I2C)'''</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 diatas dapat disimpulkan sistem informasi adalah suatu sistem yang melaksanakan dan mempermudah kegiatan – kegiatan utama suatu organisasi untuk 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 Kurniawan dalam Sari (2015:113)<ref name="cit sari">Sari, Kartika, Cucu Suhery dan Yudha Arman. 2015. “Implementasi sistem pakan ikan menggunakan buzzer dan aplikasi antarmuka berbasis mikrokontroler”. Jurnal Coding Sistem Komputer Universitas Tanjungpura, vol. 3, no. 2.</ref>, I2C merupakan singkatan dari ''Inter Integrated Circuit'', yaitu sebuah protokol untuk komunikasi serial antar IC dan sering disebut juga ''Two Wire Interface'' (TWI).</p></div>
+====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">Menurut Hardana (2018:131)<ref name="cit hard">Hardana. 2018. “Belajar Mudah Mikrokontroler ARM STM32: Dasar-Dasar Mikrokontroler Arsitektur ARM ST Microelectronics”. Jakarta: PT. Mitra Sinergi Optima.</ref>, I2C (''Inter Integrated Circuit'') adalah cara berkomunikasi atau protokol komunikasi antar IC secara serial menggunakan 2 kabel, yaitu ''serial data'' (SDA), dan ''serial clock'' (SCL).</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 Jeperson Hutahaean <ref name="Hutahean">Hutahaean, J. (2015). Konsep sistem informasi. Deepublish. </ref>menjelaskan bahwa sistem informasi terdiri dari beberapa komponen yang disebut dengan istilah blok bangunan (''building block'') 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 ''datasheet'' Semiconductor UM10204 dalam Oktanugraha (2018:29)<ref name="okt" />, Philips Semiconductor (NXP Semiconductor) menciptakan sebuah ''bus two-wire'' yang bersifat bidirectional untuk meningkatkan efisiensi kontrol inter-IC yang disebut juga I2C-bus. Bus ini terdiri dari 2 jalur yaitu ''serial data line'' (SDA) dan ''serial clock line'' (SCL). Pada bus I2C ini juga dibutuhkan resistor ''pull-up'' sebesar 4k7 ohm. pada satu bus I2C dapat menghubungkan banyak perangkat atau periferal hingga 128 buah.</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Blok Masukan (''input block'')</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Input mewakili data yang masuk ke dalam sistem informasi. Input disini termasuk metode-metode dan media yang digunakan untuk menangkap data yang akan dimasukkan, yang dapat berupa dokumen dasar. </p></div>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Karakteristik I2C'''</div>====
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Blok Model (''model block'')</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Blok ini terdiri dari kombinasi prosedur, logika, dan metode matematik yang akan memanipulasi data input dan data yang tersimpan di basis data dengan cara yang sudah tertentu untuk menghasilkan keluaran yang sudah diinginkan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sulistiyono, et al (2014:2)<ref name="cit sul" /> menjabarkan karakter I2C yaitu:</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Blok Keluaran (''output block'') </p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Produk dari sistem informasi adalah keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua tingkatan manajemen serta semua pemakai sistem. </p></div>
-<div 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"><p style="line-height: 2">
-<ol>
+Blok Teknologi (''block technology'')</p></li>
-  <li style="text-align: justify;line-height: 2;">Data dikirim secara serial per-bit.</li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
-    <li style="text-align: justify;line-height: 2;">Menggunakan dua penghantar koneksi dengan ''ground'' bersama. Dua penghantar tersebut adalah SCL (''Serial Clock Line'') untuk menghantarkan sinyal clock dan SDA (''Serial Data'') untuk mentranslasikan data.</li>
+Teknologi yang digunakan untuk menerima input, menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran dan membantu pengendalian diri secara keseluruhan. Teknologi ini terdiri dari tiga bagian utama : </p></div>
-    <li style="text-align: justify;line-height: 2;">Jumlah ''slave'' maksimal 127. ''Slave'' dialamatkan melalui 7-bit alamat.</li>
+<ol type='a'>
-    <li style="text-align: justify;line-height: 2;">Setiap transaksi data terjadi antara pengirim (''transmitter'') dan penerima (''receiver'').</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Teknisi (''brainware'')</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Perangkat Lunak (''software'')</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Perangkat Keras (''hardware'')</p></li>
 </ol>
-</div>
-<div id="g23" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-xZsloH4-loc/XVaaDRRnE5I/AAAAAAAAEXU/PLO_Kkgk8cgF8SUg0CDPyrCP7uLyLmwgQCK8BGAs/s0/2019-08-16.png"/></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.3''' Interface I2C.</p><p style="line-height:2">Sumber : Mikhaylov dalam Oktanugraha (2018:28)<ref name="okt" /></p></div>
+Blok Basis Data (''database block'') </p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Basis Data (''database'') merupakan kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan di perangkat keras komputer dan digunakan perangkat lunak (''software'') untuk memanipulasinya. </p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Blok Kendali (''control block'') </p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Banyak faktor yang dapat merusak sistem informasi, misalnya bencana alam, api, temperatur tinggi, air, debu, kecurangan-kecurangan, kejanggalan sistem itu sendiri, kesalahan-kesalahan ketidakefisiensian, sabotase dan sebagainya. Beberapa pengendalian perlu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah atau bila terlanjur terjadi kesalahan dapat langsung diatasi. </p></div>
+</ol>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Universal Asynchronous Serial Receiver and Transmitter (UART)'''</div>===
+===Konsep Dasar Analisis 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">Menurut Kurniawan (2016:9)<ref name="cit kur">Kurniawan, Bobi, Eko Budi Setiawan, dan Rodi Hartono. 2015. “Perbaikan sistem parkir kendaraan bermotor di lingkungan universitas komputer indonesia dengan menggunakan RFID dan database”. Majalah Ilmiah UNIKOM, vol. 12, no. 2..</ref>, “UART adalah salah satu metode komunikasi dimana data dikirimkan satu persatu melalui pin TX dan diterima melalui pin RX”.</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 Muhammad Farid Abdurrahman Luthfi dan Joko Sutrisno dalam Jurnal Idealis Vol. 2 No. 1 ( 2019:2)<ref name=>
+Luthfie, M. F. A., & Sutrisno, J. (2019). ANALISA DAN PERANCANGAN SISTEM INFORMASI PENJUALAN DAN JASA SERVICE AKSESORIS MOTOR BERBASIS WEB PADA AUTO39 BIKE SHOP MENGGUNAKAN UNIFIED MODELING LANGUAGE. IDEALIS: Indonesia Journal Information System, 2(1), 61-66. </ref> Analisa sistem adalah suatu proses yang secara umum digunakan sebagai landasan konseptual yang mempunyai tujuan untuk memperbaiki berbagai fungsi didalam suatu sistem 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 Munarso (2014:251)<ref name="cit mun">Munarso, M., & Suryono, S., 2014. “Sistem Telemetri Pemantauan Suhu Lingkungan Menggunakan Mikrokontroler dan Jaringan WIFI”. Youngster physics journal, vol.3, no. 3.</ref>, ''Universal Asynchronous Serial Receiver and Transmitter'' (UART) adalah sebuah perangkat di dalam mikrokontroler yang digunakan untuk melakukan komunikasi data serial. Perangkat keras UART dibagi ke dalam tiga bagian/blok besar yaitu ''transmitter'', ''receiver'' dan ''clock'' (''clock generator''). Blok transmitter melakukan pengiriman data melalui pin TX. Sedangkan bagian ''receiver'' melakukan penerimaan data melalui pin RX. Pada blok clock generator berhubungan dengan setting kecepatan transfer data (''baud rate'').</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 Al Fatta, H., & Marco, R. dalam Jurnal Telematika Vol 8 (2015:7)<ref name=>
+Al Fatta, H., & Marco, R. (2015). Analisis pengembangan dan perancangan sistem informasi akademik smart berbasis cloud computing pada sekolah menengah umum negeri (smun) di daerah istimewa yogyakarta. Telematika, 8(2). </ref> Analisis sistem merupakan penguraian dari sistem informasi yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengindentifikasi dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya.</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 diatas dapat disimpulkan analisa sistem adalah suatu proses penguraian sistem informasi ke dalam bagian komponen dengan tujuan memperbaiki berbagai fungsi didalam suatu sistem tertentu.</p></div>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Karakteristik UART'''</div>====
+====Prinsip - Prinsip Analisa Sistem====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Mikhaylov dalam Oktanugraha (2018:28)<ref name="okt" />, UART memiliki komunikasi ''full-duplex'' seperti SPI, namun bersifat ''peer-to-peer'' sehingga hanya bisa berkomunikasi dengan 1 perangkat lain dalam 1 bus. UART hanya menggunakan 2 jalur yaitu TX dan RX. TX sebagai ''transmitter'' dan RX sebagai ''receiver''. Jalur UART dihubungkan secara silang dengan menghubungkan RX perangkat A dengan TX perangkat B dan sebaliknya. Kedua perangkat dapat saling mengirim dan menerima 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 Chaidirman, C., & Mulyono, H. Yang dikutip dari Tyoso dalam jurnal Jurnal Manajemen Sistem Informasi (2018:3)<ref name=>
+Chaidirman, C., & Mulyono, H. (2018). ANALISIS DAN PERANCANGAN SISTEM INFORMASI LAYANAN INDIVIDU BIMBINGAN KONSELING PADA SMKN 6 TANJUNG JABUNG TIMUR. Jurnal Manajemen Sistem Informasi, 3(3), 1140-1148. </ref> Ada beberapa tahap-tahap dasar dari analisis sistem yaitu: </p></div>
-<div id="g24" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-v1A291AbJDQ/XVpSdmsDaWI/AAAAAAAAEX4/Gg5Df9o2Vco2TSpFM2cOX4aIH4cfN4hTQCK8BGAs/s0/2019-08-19.png"/></div>
+<ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.4''' Interface UART.</p><p style="line-height:2">Sumber : Mikhaylov dalam Oktanugraha (2018:29)<ref name="okt" /></p></div>
+<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 bersamaan dengan lingkungan tempat sistem berinteraksi.</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 kefektifan ditetapkan dan dirumuskan kepada pihak-pihak yang berkepentingan.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Menetapkan batas 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>
+<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>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Dekomposisi Sistem. Sistem dipecahkan kedalam sub-subsistem yang saling terkait dan berhubungan dengan lingkungannya. Hubungan antar subsistem ditentukan sehingga seorang analis sistem mampu melihat sistem dengan terinci. Subsistem yang berada pada tingkat bawah lah yang nantinya dirancang dan menjadi bagian sistem yang ditetapkan.</p></li>
+</ol>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi ESP32'''</div>==
+===Konsep Dasar Perancangan Sistem===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Astuti, P. D dalam Journal Speed – Sentra Penelitian Engineering dan Edukasi (2017:3)<ref name=>
+Santoso, S., Ilamsyah, I., & Novita, W. (2019). APLIKASI SISTEM INFORMASI PEMANTAUAN INVENTORY STOCK OPNAME BERBASIS WEB PADA PT MAKMUR BERKAT SOLUSI Astuti, P. D. (2017). Sistem Informasi Penjualan Obat Pada Apotek Jati Farma Arjosari. Speed-sentra penelitian engineering dan edukasi, 3(4).  </ref> Perancangan sistem dapat didefinisikan sebagai penggambaran,perencanaan, dan pembuatan sketsa atau pengaturan dari beberapa elemen terpisah ke dalam satu kesatuan yang utuh dan berfungsi. Tujuan dari rancangan sistem adalah untuk memenuhi kebutuhan kepada pemakai sistem, dan untuk memberikan gambaran secara jelas dan rancang bangun yang lengkap kepada pemrogram komputer dan ahli-ahli teknik 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">ESP32 dikenalkan oleh Espressif System yang merupakan penerus dari mikrokontroler ESP8266. Mikrokontroler ESP32 memiliki keunggulan yaitu sistem berbiaya rendah, dan juga berdaya rendah dengan modul WiFi yang terintegrasi dengan chip mikrokontroler serta memiliki bluetooth dengan mode ganda dan fitur hemat daya menjadikannya lebih fleksibel. ESP32 kompatibel dengan perangkat seluler dan aplikasi IoT (Internet of Things). Mikrokontroler ini dapat digunakan sebagai sistem mandiri yang lengkap atau dapat dioperasikan sebagai perangkat pendukung mikrokontroler host. (Biswas, 2018)<ref name="cit bis">Biswas, Shatadru Bipasha, dan M. Tariq Iqbal. 2018. “Solar Water Pumping System Control Using a Low Cost ESP32 Microcontroller.” 2018 IEEE Canadian Conference on Electrical & Computer Engineering (CCECE).</ref>.</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 yang dikutip dari ole Sugeng Santoso dkk dalam Journal SENSI (2019:2) <ref name=>
+Santoso, S., Ilamsyah, I., & Novita, W. (2019). APLIKASI SISTEM INFORMASI PEMANTAUAN INVENTORY STOCK OPNAME BERBASIS WEB PADA PT MAKMUR BERKAT SOLUSI LOGISTIC. SENSI Journal, 5(2), 165-174. Retrieved from http://ejournal.raharja.ac.id/index.php/sensi/article/view/118. </ref> Perancangan sistem adalah tahap yang dilakukan setalah melakukan analisis sistem,pendefinisian kebutuhan-kebutuhan sistem yang akan dibangun ,dan persiapan untuk merancang bangun implemantasi sistem dimulai dengan memahami sistem yang sedang berjalan dan kriteria-kriteria sistem yang akan dibangun biasanya menggunakan pemodelan secara terstruktur yang di gambarkan oleh grafik atau diagram. </p></div>
-<div id="g25" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-uyqgEug1p-M/XVpULf9RvhI/AAAAAAAAEYE/ixGP6wWx4XUxECTuRuGWDfY3bFhPoUtjQCK8BGAs/s0/2019-08-19.png"/></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: center;"><p style="line-height:2">'''Gambar 2.5''' ESP32.</p></div>
+Dari beberapa pendapat diatas dapat disimpulkan perancangan sistem adalah penggambaran, perencanaan, dan pembuatan desain yang menentukan bagaimana suatu sistem akan menyelesaikan apa yang mesti diselesaikan untuk memenuhi kebutuhan kepada pemakai 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">ESP32 adalah chip dengan WiFi 2.4GHz dan bluetooth dengan desain teknologi 40nm yang dirancang untuk daya dan kinerja radio terbaik yang menunjukkan ketahanan, keserbagunaan dan keandalan dalam berbagai aplikasi dan skenario daya. (Espressif, 2019)<ref name="cit esp">ESPRESSIF. ESP32 Resources. https://www.espressif.com/en/products/hardware/esp32/resources . (diakses tanggal 4 Januari 2019).</ref>.</p></div>
+===Konsep Dasar Database===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Fatmawati, R., dkk dalam Proseding Senapati (2016:3)<ref name=>
+Fatmawati, R., Irviani, E. S., Rachman, I. P., Anggie, A., & Kristina, M. (2016). Tata Kelola Teknologi Informasi Sebagai Implementasi E-Government Pada Kabupaten Pemekaran Untuk Meningkatkan Potensi Daerah (Studi: Kabupaten Pringsewu Lampung). Proseding Senapati, 1(1). </ref> Database adalah koleksi data-data yang saling berhubungan mengenai organisasi/enterprise dengan macam-macam pemakaiannya. Database terdiri dari dua kata yaitu data dan base, yang artinya berbasiskan pada data, tetapi secara konseptual, database diartikan sebuah koleksi atau kumpulan data-data yang saling berhubungan (relation), disusun menurut aturan tertentu secara logis, sehingga menghasilkan 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 Sovia dan Febio dalam Jurnal Processor (2017:4) <ref name=>
+Sovia, R., & Febio, J. (2017). Membangun Aplikasi E-Library Menggunakan Html, Php Script, Dan Mysql Database. Jurnal Processor, 6(2). </ref> Database merupakan kumpulan file-file yang saling berkaitan dan  berinteraksi, relasi tersebut dapat ditunjukan dengan kunci dari tiap-tiap file yang ada. Satu database menunjukkan suatu kumpulan data yang dipakai dalam suatu lingkup perusahaan, instansi. Pengolahan database merupakan suatu cara yang dilakukan terhadap file-file yang berada di suatu instansi yang mana file tersebut dapat disusun, diurut, diambil sewaktu-waktu serta dapat ditampilkan dalam bentuk suatu laporan sehingga dapat mengolah file-file yang berisikan informasi tersebut secara rapi.</p></div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Spesifikasi ESP32'''</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 diatas dapat disimpulkan database adalah kumpulan data-data yang saling berhubungan disusun dengan aturan logis sehingga menghasilkan 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">ESP32 memiliki spesifikasi seperti yang ditampilkan pada tabel 2.1 sebagai berikut:</p></div>
+=='''Teori Khusus'''==
+===Konsep Persediaan Barang===
+====Definisi Persediaan====
-<div id="t21" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 2.1.''' Spesifikasi ESP32 (Maier, 2017:144)<ref name="cit mai">Maier, Alexander, Andrew Sharp, dan Yuriy Vagapov. 2017. “Comparative analysis and practical implementation of the ESP32 microcontroller module for the internet of things”. Internet Technologies and Applications (ITA).</ref>.</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: left;">
+Menurut Heriyanto, dkk dalam jurnal Ekonomia (2016:4)<ref name=>
-<table align="center" width="474" border="1">
+Heriyanto, D. N., & Lau, E. A. (2016). Manajemen Persediaan Suku Cadang Alat Berat PT. United Tractors, Tbk Cabang Samarinda. Ekonomia, 5(3), 46-57.
-<tr>
+</ref> Persediaan dapat diartikan sebagai barang-barang yang disimpan untuk digunakan atau dijual pada masa atau periode yang akan datang.</p></div>
-<td width="134"><strong>Atribut</strong></td>
-<td width="340"><strong>Detail</strong></td>
-</tr>
-<tr>
-<td width="134">CPU</td>
-<td width="340">Tensilica Xtensa LX6 32bit Dual-Core di 160/240MHz</td>
-</tr>
-<tr>
-<td width="134">SRAM</td>
-<td width="340">520 KB</td>
-</tr>
-<tr>
-<td width="134">FLASH</td>
-<td width="340">2MB (max. 64MB)</td>
-</tr>
-<tr>
-<td width="134">Tegangan</td>
-<td width="340">2.2V sampai 3.6V</td>
-</tr>
-<tr>
-<td width="134">Arus Kerja</td>
-<td width="340">Rata-rata 80mA</td>
-</tr>
-<tr>
-<td width="134">Dapat diprogram</td>
-<td width="340">Ya (C, C++, Python, Lua, dll)</td>
-</tr>
-<tr>
-<td width="134">Open Source</td>
-<td width="340">Ya</td>
-</tr>
-<tr>
-<td colspan="2" width="474"><strong>Konektivitas</strong></td>
-</tr>
-<tr>
-<td width="134">Wi-Fi</td>
-<td width="340">802.11 b/g/n</td>
-</tr>
-<tr>
-<td width="134">BluetoothⓇ</td>
-<td width="340">4.2BR/EDR + BLE</td>
-</tr>
-<tr>
-<td width="134">UART</td>
-<td width="340">3</td>
-</tr>
-<tr>
-<td colspan="2" width="474"><strong>I/O</strong></td>
-</tr>
-<tr>
-<td width="134">GPIO</td>
-<td width="340">32</td>
-</tr>
-<tr>
-<td width="134">SPI</td>
-<td width="340">4</td>
-</tr>
-<tr>
-<td width="134">I2C</td>
-<td width="340">2</td>
-</tr>
-<tr>
-<td width="134">PWM</td>
-<td width="340">8</td>
-</tr>
-<tr>
-<td width="134">ADC</td>
-<td width="340">18 (12-bit)</td>
-</tr>
-<tr>
-<td width="134">DAC</td>
-<td width="340">2 (8-bit)</td>
-</tr>
-</table>
-</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Budianto dkk dalam jurnal Aplikasi Administrasi (2018:4)<ref name=>
+Budianto, H., & Ferriswara, D. (2018). PENERAPAN METODE PENCATATAN DAN PENILAIAN PERSEDIAAN BARANG MENURUT SAK ETAP PADA CV. TJIPTO PUTRA MANDIRI INDONESIA. Jurnal Aplikasi Administrasi, 20(2), 124-138.
+</ref>Persediaan pada umumnya salah satu jenis aktiva lancar yang jumlahnya cukup besar di dalam suatu perusahaan. Dimana hal ini dapat dipahami dengan mudah dikarenakan persediaan merupakan sebuah faktor yang penting di dalam menentukan kelancaran operasi sebuah perusahaan. Persediaan sendiri merupakan sebuah bentuk investasi, dimana keuntungan atau laba tersebut dapat diharapkan melalui sebuah penjualan di kemudian harinya.</p></div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Media Pembelajaran'''</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 diatas dapat disimpulkan persediaan adalah sebuah bentuk investasi yang disimpan untuk digunakan pada masa atau periode yang akan datang, sehingga keuntungan atau laba tersebut dapat diharapkan melalui sebuah penjualan di kemudian harinya.</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 Martin dan Briggs dalam Sumiharsono (2017:9)<ref name="cit sumi">Sumiharsono, Rudy dan Hisbiyatul Hasanah. 2017. “Media Pembelajaran: Buku Bacaan Wajib Dosen, Guru dan Calon Pendidik”. Jember: Pustaka Abadi.</ref> Media pembelajaran mencakup semua sumber yang diperlukan untuk melakukan komunikasi dengan pembelajar. Har ini dapat berupa perangkat keras dan perangkat lunak yang digunakan pada perangkat keras. </p></div>
+====Fungsi Persediaan====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut H. Malik dalam Sumiharsono (2017:10)<ref name="cit sumi" />, Media belajar adalah segala sesuatu yang dapat digunakan untuk menyalurkan pesan (bahan pembelajaran), sehingga dapat merangsang perhatian, minat, pikiran dan perasaan pembelajar dalam kegiatan belajar untuk mencapai tujuan pembelajaran 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 Heizer dan Render dalam Jurnal EMBA (2017:3)<ref name="Rasyid">
+Rasyid, R. R. R., Sumarauw, J. S., & Palandeng, I. D. (2017). ANALISIS PERSEDIAAN AIR BERSIH DI PT. AIR MANADO. Jurnal EMBA: Jurnal Riset Ekonomi, Manajemen, Bisnis dan Akuntansi, 5(1).
+</ref> Persediaan dapat melayani beberapa fungsi yang menambah fleksibilitas bagi operasi perusahaan. Keempat fungsi persediaan 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 Yaumi (2018:7)<ref name="cit yaumi">Yaumi, Muhammad. 2018. “Media dan Teknologi Pembelajaran”. Jakarta: Kencana.</ref>, Media pembelajaran adalah semua bentuk peralatan fisik yang didesain secara terencana untuk menyampaikan informasi dan membangun interaksi. Peralatan fisik yang dimaksud mencakup bahan asli, bahan cetak, visual, audio, audio-visual, multimedia, dan web. </p></div>
+<ol type='1'>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sedangkan fungsi media pembelajaran menurut Soelarko dalam Sumiharsono (2017:10)<ref name="cit sumi" /> yaitu memvisualisasikan sesuatu yang tidak dapat dilihat atau sukar dilihat sehingga nampak jelas dan menimbulkan pengertian atau meningkatkan persepsi seseorang. </p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''“Decouple”'' atau memisahkan beberapa tahapan dari proses produksi. Sebagai contoh, jika persediaan sebuah perusahaan berfluktuasi, persediaan tambahan mungkin diperlukan untuk melakukan decouple proses produksi dari pemasok.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Yaumi (2018:8)<ref name="cit yaumi" /> menjelaskan ada beberapa istilah yang dikaitkan dengan media pembelajaran, yaitu sumber belajar dan alat peraga </p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan ''“decouple”'' perusahaan dari fluktuasi permintaan dan menyediakan persediaan barang-barang yang akan memberikan pilihan bagi pelanggan. Persediaan seperti ini digunakan secara umum pada bisnis eceran.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Mengambil keuntungan dari diskon kuantitas karena pembelian dalam jumlah besar dapat mengurangi biaya pengiriman barang.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melindungi terhadap inflasi dan kenaikan harga. </p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
-<ol>
-  <li style="text-align: justify;line-height: 2;">Sumber belajar adalah perangkat, bahan (materi), peralatan, pengaturan dan orang dimana peserta didik dapat berinteraksi dengannya yang bertujuan untuk memfasilitasi belajar dan memperbaiki kinerja.</li>
-    <li style="text-align: justify;line-height: 2;">Alat peraga adalah alat bantu pembelajaran berupa benda konkret yang digunakan untuk memperagakan materi pelajaran. Alat peraga sendiri mengandung pengertian bahwa segala sesuatu yang masih bersifat abstrak kemudian dikonkritkan dengan menggunakan alat agar dapat dijangkau dengan pikiran yang sederhana dan dapat dilihat, dipandang, dan dirasakan.</li>
 </ol>
-</div>
+====Jenis - Jenis Persediaan====
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Manfaat Media Pembelajaran'''</div>===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Heizer dan Render dalam Jurnal EMBA (2017:3)<ref name="Rasyid">
+Rasyid, R. R. R., Sumarauw, J. S., & Palandeng, I. D. (2017). ANALISIS PERSEDIAAN AIR BERSIH DI PT. AIR MANADO. Jurnal EMBA: Jurnal Riset Ekonomi, Manajemen, Bisnis dan Akuntansi, 5(1).
+</ref> Untuk mengakomodasi fungsi-fungsi persediaan, perusahaan harus memelihara empat jenis persediaan, 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">Satrianawati (2018:9)<ref name="cit satrian">Satrianawati. 2018. “Media dan Sumber Belajar”. Yogyakarta: Deepublish.</ref> menguraikan manfaat media pembelajaran bagi pengajar dan pembelajar, yaitu:</p></div>
+<ol type='1'>
-<div 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"><p style="line-height: 2">
-<ol>
+Persediaan bahan mentah (''raw material inventory'') telah dibeli, tetapi belum diproses. Dapat digunakan untuk melakukan ''decouple'' (memisahkan) pemasok dari proses produksi.</p></li>
-  <li style="text-align: justify;line-height: 2;">Memudahkan guru dalam menjelaskan materi pembelajaran dan siswa dapat mudah memahami materi pembelajaran.</li>
-    <li style="text-align: justify;line-height: 2;">Konsep materi mudah dipahami oleh siswa.</li>
-    <li style="text-align: justify;line-height: 2;">Lebih efektif dan efisien, guru mengulang materi hanya seperlunya dan siswa memiliki waktu yang lebih banyak dalam mempelajari materi.</li>
-    <li style="text-align: justify;line-height: 2;">Mendorong minat belajar dan mengajar</li>
-    <li style="text-align: justify;line-height: 2;">Situasi belajar menjadi interaktif dan multi-aktif.</li>
-</ol>
-</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Persediaan barang setengah jadi (''work in process-WIP inventory'') adalah komponen atau bahan mentah yang telah melewati beberapa proses perubahan, tetapi belum selesai.</p></li>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Arduino'''</div>==
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Persediaan pasokan pemeliharaan/perbaikan/operasi. ''MRO'' adalah persediaan-persediaan yang disediakan untuk persediaan pemeliharaan, perbaikan, operasi (''maintenance, repair, operating- MRO'') yang dibutuhkan untuk menjaga agar mesin-mesin dan proses-proses tetap produktif. </p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dikutip dari halaman website resmi arduino (http://arduino.cc , 2019)<ref name="cit arduino">Arduino Environment. “Arduino Software (IDE)”. https://www.arduino.cc/en/Guide/Environment# . (diakses tanggal 2 Januari 2019).</ref>, Arduino adalah platform elektronik open source berdasarkan perangkat keras dan perangkat lunak yang mudah digunakan. Papan Arduino dapat membaca input dari sensor, tombol, atau pesan di twitter dan mengubahnya menjadi output seperti menyalakan motor, lampu led, dan mem-publish sesuatu secara online.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Persediaan barang jadi adalah produk yang telah selesai dan tinggal menunggu pengiriman. Barang jadi dimasukan ke dalam persediaan karena permintaan pelanggan di masa mendatang tidak diketahui. </p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sedangkan Arduino dalam Dharmawan (2017:18)<ref name="cit dhar" /> menyatakan Arduino merupakan prototyping platform yang bersifat open source, menggunakan perangkat keras dan perangkat lunak yang mudah digunakan.</p></div>
+</ol>
+====Klasifikasi Persediaan====
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perangkat Keras Arduino'''</div>===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Heizer dan Render dalam Jurnal EMBA (2017:3)<ref name="Rasyid">
+Rasyid, R. R. R., Sumarauw, J. S., & Palandeng, I. D. (2017). ANALISIS PERSEDIAAN AIR BERSIH DI PT. AIR MANADO. Jurnal EMBA: Jurnal Riset Ekonomi, Manajemen, Bisnis dan Akuntansi, 5(1).
+</ref> Persediaan bisa diklasifikasikan dengan berbagai cara : </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 Dharmawan (2017:18)<ref name="cit dhar" />, Perangkat keras arduino berupa papan pengembangan yang berisi mikrokontroler AVR buatan Atmel (sekarang Microchip). Terdapat pilihan perangkat keras Arduino yang berupa board, module, shield maupun kit. Perangkat keras Arduino ditawarkan dalam berbagai jenis yang terbagi dalam kategori pemula sampai expert.</p></div>
+<ol type='1'>
-<div id="g26" align="center"><img width="700px" src="https://lh3.googleusercontent.com/-QAxHoAYm-hc/XVp2vlJMTOI/AAAAAAAAEYQ/urR1Psqdy5EP1-uhPlhJrXk1EPmDwG6BwCK8BGAs/s0/2019-08-19.png"/></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.6''' Tabel jenis perangkat keras Arduino.</p><p style="line-height:2">Sumber : Dharmawan (2017:19)<ref name="cit dhar" /></p></div>
+Berdasarkan bentuk, persediaan bisa diklasifikasikan menjadi bahan baku (''raw materials''), barang setengah jadi (''WIP''), dan produk jadi (''finished product''). Klasifikasi ini hanya berlaku pada konteks perusahaan manufaktur.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Berdasarkan fungsi, persediaan bisa dibedakan menjadi: .</p></li>
+<ol type='a'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Pipeline/transit inventory'', yaitu persediaan yang muncul karena ''lead time'' pengiriman dari suatu tempat ke tempat lain.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Cycle stock'', yaitu persediaan yang mempunyai siklus tertentu. Pada saat pengiriman jumlahnya banyak, kemudian sedikit demi sedikit berkurang akibat dipakai atau dijual sampai akhirnya habis.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Persediaan pengaman (''safety stock''), yaitu persediaan yang fungsinya sebagai perlindungan terhadap ketidakpastian permintaan maupun pasokan.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Anticipation stock'', yaitu persediaan yang dibutuhkan untuk mangantisipasi kenaikan permintaan akibat sifat musiman dari permintaan yang tidak pasti, namun perusahaan bisa memprediksi adanya kenaikan dalam jumlah yang signifikan.</p></li>
+</ol>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perangkat Keras Arduino'''</div>===
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Persediaan juga bisa diklasifikasikan berdasarkan sifat ketergantungan kebutuhan antara satu item dengan item lainnya. Item-item yang kebutuhannya tergantung pada kebutuhan item lain dinamakan ''dependent demand item''. Sebaliknya, kebutuhan ''independent demand item'' tidak tergantung pada kebutuhan item lain. Yang termasuk dalam ''dependent demand item'' biasanya adalah komponen atau bahan baku yang akan digunakan untuk membuat produk jadi. Produk jadi biasanya tergolong dalam ''independent demand item'' karena kebutuhan akan satu produk jadi tidak langsung mempengaruhi kebutuhan produk jadi yang lain.</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">Menurut Dharmawan (2017:18)<ref name="cit dhar" />, Perangkat lunak arduino terdiri dari bahasa pemrograman dan ''Integrated Development Environment'' (IDE) yang digunakan untuk menulis, mengedit program dan mengkonversinya menjadi kode-kode instruksi untuk selanjutnya diprogram di papan arduino.</p></div>
+====Tujuan Pengelolaan Persediaan====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Arduino ''Integrated Development Environment'' atau Arduino ''Software'' (IDE) berisi editor teks untuk menulis kode, area pesan, konsol teks, bilah alat dengan tombol untuk fungsi umum dan serangkaian menu. Terhubung ke perangkat keras Arduino untuk mengunggah program dan berkomunikasi dengannya. Program yang ditulis menggunakan Arduino Software (IDE) disebut ''Sketch''. ''Sketch'' ini ditulis dalam editor teks dan disimpan dengan ekstensi file .ino. Editor memiliki fitur untuk memotong / menempel dan untuk mencari / mengganti teks. Area pesan memberikan umpan balik saat menyimpan dan mengekspor dan juga menampilkan kesalahan pada saat menulis program. Konsol menampilkan output teks oleh Arduino ''Software'' (IDE), termasuk pesan kesalahan lengkap dan informasi 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">
+Tujuan pengelolaan persediaan menurut Agus Ristono dalam penelitian oleh Luciana Andrawina (2017:3)<ref name="Andrawina">
+Andrawina, L., & Santosa, B. (2017). Kebijakan Pengendalian Persediaan Produk Kategori Sub Part Sepeda Motor Dengan Menggunakan Metode Probabilistik Continuous Review (s, s) Dan Continuous Review (s, q) Untuk Meminimasi Biaya Persediaan Di Pt Xyz Bandung. eProceedings of Engineering, 4(2).
+</ref> 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 Mulyana et al(2014:173)<ref name="cit mulyana">Mulyana, Eka dan Rindi Kharisman. 2014. “Perancangan Alat Peringatan Dini Bahaya Banjir Dengan Mikrokontroler Arduino Uno R3”. Citec Journal Vol. 1, No. 3.</ref>, “''Integrated Development Environment'' (IDE) yaitu berupa ''software processing'' yang digunakan untuk menulis program ke dalam arduino uno, merupakan penggabungan antara bahasa C++ dan Java”. ''Software'' Arduino dapat di-''install'' di berbagai sistem operasi seperti Linux, Mac OS, Windows.</p></div>
+<ol type='1'>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Software IDE (''Integrated Development Environment'') Arduino terdiri dari tiga bagian yaitu:</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Untuk dapat memenuhi kebutuhan atau permintaan konsumen dengan cepat (memuaskan konsumen).</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Untuk menjaga kontinuitas produksi atau menjaga agar perusahaan tidak mengalami kehabisan persediaan yang mengakibatkan terhentinya proses produksi.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Untuk mempertahankan dan bila mungkin meningkatkan penjualan dan laba perusahaan.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menjaga agar pembelian secara kecil-kecil dapat dihindari, karena dapat mengakibatkan ongkos pesan menjadi besar.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menjaga supaya penyimpanan dalam emplacement tidak besar-besaran, karena akan mengakibatkan biaya menjadi besar.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
-<ol type="a">
-  <li style="text-align: justify;line-height: 2;">Editor Program</li>
- <p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Untuk menulis dan mengedit program dalam bahasa ''processing''. ''Listing'' program pada Arduino disebut ''Sketch''.</p>
-  <li style="text-align: justify;line-height: 2;">''Compiler''</li>
- <p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Modul yang berfungsi mengubah bahasa processing (kode program) ke dalam kode biner, karena kode biner adalah bahasa satu-satunya bahasa program yang dipahami oleh mikrokontroler.</p>
- <li style="text-align: justify;line-height: 2;">''Uploader''</li>
- <p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Modul yang berfungsi memasukan kode biner kedalam memori mikrokontroler.</p>
 </ol>
-</div>
-<div id="g27" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-4UVHgzzZFqc/XVp8WifUZYI/AAAAAAAAEYc/zVtRIbFyl90fqY2SVlAQTAMCYgTInSiKQCK8BGAs/s0/2019-08-19.png"/></div>
+===Stock Opname===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">''Gambar 2.7'' Arduino IDE.</p></div>
+====Definisi ''Stock Opname''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada ''website'' resmi Arduino menjelaskan bahwa Arduino IDE mendukung perangkat keras pihak ketiga yaitu perangkat keras selain platform Arduino semisal NodeMCU, Wemos, ESP8266, ESP32, dan sebagainya. Platform yang dipasang pada Arduino IDE dapat mencakup definisi platform perangkat keras pihak ketiga (yang muncul di menu ''board''), ''library'' utama, ''bootloader'', dan definisi pemrogram.</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  Ivan Surya Sutjianto dkk di Jurnal Infra (2017: 2)<ref name=>
+Perancangan dan Pembuatan Sistem Administrasi Pada Toko kiddy Baby Shop. Jurnal Infra, 5(1), 234-238.
+</ref> ''Stock opname'' adalah menghitung sisa jumlah persediaan barang dagang untuk dijual yang ada di gudang. Tujuan stock opname untuk mengetahui kebenaran catatan pembukuan sudah sesuai dengan kebenaran atau tidak. Jika ternyata ada selisih antara stock opname dengan catatan pada pembukuan, kemungkinan ada transaksi yang belum tercatat, atau bahkan ada kecurangan. </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 Satia Utama dalam penelitian di Jurnal Aplikasi Akuntansi (2019:8)<ref name=>
+Utama, A. G. S., Restiyantingrum, E. V., Manasika, A., Laila, E. A., & Pramesti, I. G. O. M. S. (2019). Automatic Management Inventory System (AMIS): Efektivitas Pengawasan dan Pengelolaan Persediaan Terintegrasi. Jurnal Aplikasi Akuntansi, 3(2), 144-169.
+</ref> ''Stock opname'' adalah kegiatan perhitungan fisik persediaan yang ada di gudang untuk kemudian dijual untuk mengetahui keakuratan catatan  pembukuan yang merupakan salah satu fungsi sistem pengendalian intern. Dengan menggunakan ''stock opname'' akan diketahui stock persediaan dan mengetahui selisih antara keadaan fisik dengan catatan pembukuan persediaan barang. Tujuan dilakukannya ''stock opname'' adalah untuk mengetahui keakuratan catatan pembukuan yang merupakan salah satu fungsi sistem pengendalian intern suatu perusahaan.</p></div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi EasyEDA'''</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 diatas dapat disimpulkan stock opname adalah kegiatan perhitungan fisik persediaan barang dagang yang ada di gudang kemudian dijual untuk mengetahui kebenaran dan keakuratan catatan pembukuan suatu 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">Dikutip dari ''website'' resmi nya, EasyEDA adalah ''software tools'' untuk membuat desain PCB secara ''online'' yang diperuntukan untuk insinyur elektronik, guru, siswa, pembuat, dan penggemar elektronika untuk merancang dan berbagi proyek elektronik, ''tools'' ini terintegrasi dengan katalog toko ''online'' komponen elektronika dan layanan jasa percetakan PCB yang membantu pengguna menghemat waktu untuk membuat ide-ide mereka menjadi produk nyata.</p></div>
+====Faktor Penentu ''Safety Stock''====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Tools ini memiliki kemampuan untuk menggambar skematik rangkaian elektronika dengan mudah yang didukung dengan fitur untuk membuat tangkapan skematik serta layout PCB yang dapat dilakukan oleh pengguna dengan berbagai jenis perangkat komputer, kapanpun dan dimanapun. Kemampuan lain yang dimiliki EasyEDA yaitu mampu digunakan untuk pengguna berkolaborasi mengembangkan proyek elektronik dengan team secara ''real-time'', ''sharing'' project, library komponen yang lengkap karena terdapat suatu komunitas online untuk mengembangkan ''library'' ''add-on'', terintegrasi dengan toko online komponen elektronik beserta jasa pembuatan PCB, kompatibilitas untuk mengenali file dari ''software'' EDA (''Electronics Design Automation'') 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 Ristono dalam eProceedings of Engineering (2017:4)<ref name="Andrawina">
+Andrawina, L., & Santosa, B. (2017). Kebijakan Pengendalian Persediaan Produk Kategori Sub Part Sepeda Motor Dengan Menggunakan Metode Probabilistik Continuous Review (s, s) Dan Continuous Review (s, q) Untuk Meminimasi Biaya Persediaan Di Pt Xyz Bandung. eProceedings of Engineering, 4(2).
+</ref> ''Safety stock'' atau stok pengaman adalah persediaan tambahan yang dijaga dalam persediaan yang berfungsi sebagai penyangga untuk mencegah persediaan habis dalam kaitannya menghadapi gangguan-gangguan yang datang tiba-tiba (acak) dari alam maupun lingkungan. Stok pengaman ini dibutuhkan untuk mengantisipasi lonjakan permintaan selama pemesanan ulang dilakukan dalam kasus di mana permintaan aktual melebihi permintaan yang diharapkan, atau lama lead time aktual yang melebihi lead time yang diharapkan. yaitu sebagai berikut : </p></div>
+<ol type='1'>
-<div id="g28" align="center"><img width="900px" src="https://lh3.googleusercontent.com/-3TdG3s6V1Ko/XVp-e90HhqI/AAAAAAAAEYo/3P3qgfZ1e7Ulo08Nsj67OCZp5hoeUxsFgCK8BGAs/s0/2019-08-19.png"/></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.8''' Tampilan EasyEDA online</p></div>
+Tingkat pemakaian bahan baku yang lebih tinggi dari yang telah diramalkan sebelumnya.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Keterlambatan pengiriman bahan baku.</p></li>
+</ol>
+===Konsep Dasar Analisis PIECES (''Performance, Information, Economics, Control, Efficiency dan Service'')===
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Komponen Elektronika'''</div>==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Adi Supriyatna dalam jurnal Ilmu Komputer dan Informatika (2018:2)<ref name=>
+Supriyatna, A., & Maria, V. (2018). Analisa Tingkat Kepuasan Pengguna dan Tingkat Kepentingan Penerapan Sistem Informasi DJP Online dengan Kerangka PIECES. Khazanah Informatika: Jurnal Ilmu Komputer dan Informatika, 3(2), 88-94.
+</ref>,Analisa Pieces adalah kerangka yang dipakai untuk mengklarifikasikan suatu problem, oppurtunities, dan directives yang terdapat pada bagian scope definition analisis dan perancangan sistem. Dengan kerangka ini, dapat dihasilkan hal-hal baru yang dapat menjadi pertimbangan dalam mengembangkan sistem. Dalam PIECES terdapat enam buah variabel yang digunakan untuk menganalisis sistem informasi 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">Secara umum komponen elektronika dibagi kedalam dua kelompok besar, yaitu komponen elektronika pasif dan komponen elektronika aktif. (Listiyarini, 2018:48)<ref name="cit lis">Listiyarini, Ratih. 2018. “Dasar Listrik dan Elektronika”. Yogyakarta: Deepublish.</ref></p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Performance'' (Keandalan)</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Analisis ini dilakukan untuk mengetahui kinerja sebuah sistem, apakah berjalan dengan baik atau tidak. Kinerja ini dapat diukur dari jumlah temuan data yang dihasilkan dan seberapa cepat suatu data dapat ditemukan.</p></div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Komponen Elektronika Pasif'''</div>===
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Information and Data'' (Data dan Informasi)</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Dalam sebuah temuan data pasti akan dihasilkan sebuah informasi yang akan ditampilkan, analisis ini digunakan untuk mengetahui seberapa banyak dan seberapa jelas informasi yang akan dihasilkan untuk satu pencarian.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Komponen Pasif merupakan komponen yang dapat bekerja tanpa sumber tegangan, komponen pasif terdiri dari resistor, kapasitor, induktor, dan transformator.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Economics'' (Nilai Ekonomis)</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Analisis ini dilakukan untuk mengetahui apakah suatu sistem itu tepat diterapkan pada suatu lembaga informasi dilihat dari segi finansial dan biaya yang dikeluarkan. Hal ini sangat penting karena suatu sistem juga dipengaruhi oleh besarnya biaya yang dikeluarkan.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Control Security'' (Pengendalian dan Pengamanan)</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Dalam suatu sistem perlu diadakan sebuah kontrol atau pengawasan agar sistem itu berjalan dengan baik. Analisis ini digunakan untuk mengetahui sejauh mana pengawasan dan kontrol yang dilakukan agar sistem tersebut berjalan dengan baik.</p></div>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Resistor'''</div>====
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Efficiency'' (Efisiensi)</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Efisiensi dan efektifitas sebuah sistem perlu dipertanyakan  dalam kinerja dan alasan mengapa sistem itu dibuat. Sebuah sistem harus bisa secara efisien menjawab dan membantu suatu permasalahan khususnya dalam hal otomasi. Analisis ini dilakukan untuk mengetahui apakah suatu sistem itu efisien atau tidak, dengan input yang sedikit bisa menghasilkan sebuah output yang memuaskan.</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 Yohandri dan Asrizal (2016:30)<ref name="cit yoh">Yohandri dan Asrizal. 2016. “Elektronika Dasar 1: Komponen, Rangkaian, dan Aplikasi”. Jakarta: Kencana.</ref>, Resistor merupakan salah satu komponen dasar dalam rangkaian elektronik yang berguna untuk membatasi atau menghambat aliran arus dalam suatu rangkaian. Sesuai dengan namanya, resistor memiliki sifat resistif dan jumlah arus yang melaluinya berbanding terbalik dengan nilai resistansinya. Beberapa aplikasi resistor dalam rangkaian antara lain pembagi arus, pembagi tegangan, penurun tegangan, pembatas arus, dan lain sebagainya Berdasarkan nilainya, resistor dapat dibedakan atas tiga jenis, yaitu resistor tetap, resistor tidak tetap dan resistor tidak linier.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Service'' (Pelayanan)</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Dalam hal pemanfaatan suatu sistem, sebuah pelayanan masih menjadi suatu hal yang penting dan perlu diperhatikan. Suatu sistem yang diterapkan akan berjalan dengan baik dan seimbang bila diimbangi dengan pelayanan yang baik juga. Analisis ini digunakan untuk mengetahui bagaimana pelayanan yang dilakukan dan mengetahui permasalahan-permasalahan yang ada terkait tentang pelayanan.</p></div>
-<div id="g29" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-xElS_Qo2lDU/XVt3n7v6DUI/AAAAAAAAEY4/Bixs6GEbfIwz_-Oo4AM5hd3kv5ID7sOdwCK8BGAs/s0/2019-08-19.png"/></div>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.9''' Resistor.</p></div>
+===Konsep Dasar UML (''Unified Modelling Language'')===
+====Definisi UML====
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Potensiometer'''</div>====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Amak Yunus dan Achmad Rohman dalam jurnal SMARTICS Journal (2018:2)<ref name=>
+Yunus, A., & Rohman, A. C. (2018). Sistem Pendukung Keputusan Penentuan Lahan Pertanian, Pertambangan, Dan Perindustrian (Softplet) Dengan Menggunakan Metode Smarter. SMARTICS Journal, 4(1), 5-10.
+</ref> UML (''Unified Modeling Language'') adalah metode permodelan secara visual sebagai sarana untuk merancang dan atau membuat sistem pendukung keputusan berorientasi objek. UML sendiri juga memberikan standar penulisan sebuah sistem blue print, yang meliputi konsep bisnis proses, penulisan kelas-kelas dalam bahasa program yang spesifik, skema database, dan komponen-komponen yang diperlukan dalam sistem pendukung 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 Listiyarini (2018:49)<ref name="cit lis" />, “Potensiometer adalah resistor tiga terminal yang nilai tahanannya dapat diubah dengan cara menggeser atau memutar tuasnya”.</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 Giandari dkk dalam ICIT Jornal (2018:2)<ref name="Giandari">
+Maulani1G., Septiani, D., & Sahara, P. (2018). RANCANG BANGUN SISTEM INFORMASI INVENTORY FASILITAS MAINTENANCE PADA PT. PLN (PERSERO) TANGERANG. ICIT Journal, 4(2), 156-167. Retrieved from http://ejournal.raharja.ac.id/index.php/icit/article/view/90.
+</ref> UML merupakan sintesis dari tiga metode analisis dan perancangan berbasis objek serta ditambah dengan keunggulan metode-metode berorientasi objek lainnya (fushion, shlaermellon, coad-yourdom) yang juga disintesiskan dalam UML menawarkan pendekatan yang cukup baik yang sudah digunakan diindustri 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 Yohandri dan Asrizal (2016:44)<ref name="cit yoh" />, “Potensiometer adalah resistor variabel yang nilai tahanannya dapat diubah dengan memindahkan kontak geser atau penyapu sepanjang elemen resistifnya untuk mendapatkan nilai tahanan yang diinginkan”.</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 diatas dapat disimpulkan UML yaitu suatu model secara visual yang sangat handal dalam dunia pengembangan sistem yang berorientasi obyek.</p></div>
-<div id="g210" align="center"><img width="200px" src="https://lh3.googleusercontent.com/-YCSMNJvtGHw/XVt61G66deI/AAAAAAAAEZE/BhGEmUSyUM8oT0gPYsVnISr553oXamYjACK8BGAs/s0/2019-08-19.png"/></div>
+====Jenis - Jenis UML====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.10''' Potensiometer.</p><p style="line-height:2">Sumber : Yohandri dan Asrizal (2016:46)<ref name="cit yoh" /></p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Potensiometer memiliki terminal pada tiap ujung dari elemen resistifnya dan terminal ketiga dihubungkan dengan penyapu yang dapat digeser. Jika penyapu dipindahkan pada posisi pangkal elemen resistif maka nilai tahanan potensiometer akan minimal, dan sebaliknya jika dipindah ke ujung elemen yang jauh maka nilai tahanan akan maksimum. (Yohandri dan Asrizal, 2016:44)<ref name="cit yoh" />.</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 Hanafri dkk dalam jurnal SISFOTEK GLOBAL Vol.7 No.1 (2017:2)<ref name=>
+Hanafri, Muhammad Iqbal, Siti Maisaroh Mustafa, Arip Hidayat. 2017. Proses Perakitan Trafo Dengan Menggunakan Animasi Multimedia. ISSN : 2088 – 1762. JURNAL SISFOTEK GLOBAL Vol.7 No.1-Maret 2017 Tangerang: SRMIK Bina Saran Global.
+</ref> terdapat empat jenis perancangan diagram model data antara lain : </p></div>
-<div id="g211" align="center"><img width="500px" src="https://lh3.googleusercontent.com/-cSo4hKYJRis/XVt7k0AgQUI/AAAAAAAAEZM/T7eubnYprIQ_-qshbGMPkn6PrRVrDOqcQCK8BGAs/s0/2019-08-19.png"/></div>
+<ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.11''' Prinsip Kerja Potensiometer.</p><p style="line-height:2">Sumber : Yohandri dan Asrizal (2016:44)<ref name="cit yoh" /></p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Use Case 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">
+Use case diagram adalah gambar dari beberapa atau seluruh aktor dan use case dengan tujuan mengenali interaksi mereka dalam suatu sistem.</p></div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Komponen Elektronika Aktif'''</div>===
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><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 menggambarkan rangkaian aliran dari aktivitas, digunakan untuk aktivitas lainnya seperti use case atau interaksi. Activity diagram berupa flow chart yang digunakan untuk memperlihatkan aliran kerja dari 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">Komponen aktif merupakan komponen yang tidak dapat bekerja tanpa adanya sumber tegangan, komponen aktif terdiri dari dioda, transistor, integrated circuit (IC), dan lain lain.</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">
+Sequence diagram menggambarkan kolaborasi dinamis antara sejumlah objek dan untuk menunjukkan rangkaian pesan yang dikirim antar objek juga interaksi antar objek, sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem. Sequence diagram menjelaskan interaksi objek yang disusun berdasarkan urutan waktu. Secara mudahnya sequence diagram adalah gambaran tahap demi tahap yang seharusnya dilakukan untuk menghasilkan sesuatu dengan use case diagram. Dalam sequence diagram terdapat 2 model, yaitu: Actor dan Lifeline.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><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 menggambarkan struktur dan deskripsi class, package, dan objek beserta hubungan satu dengan yang lain seperti containment, pewarisan, asosiasi, dan lain-lain. </p></div>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Transistor'''</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 Yohandri dan Asrizal (2016:198)<ref name="cit yoh" />, Transistor adalah suatu piranti semikonduktor yang biasa digunakan untuk memperkuat atau sebagai saklar sinyal elektronika, transistor terbuat dari material semikonduktor dengan tiga terminal untuk menghubungkan ke rangkaian. Pada dasarnya transistor terdiri dari dua kata, yaitu transfer dan resistor, kedua kata ini merupakan dari definisi transistor yaitu transfer arus listrik dari resistansi rendah ke resistansi tinggi. Dalam elektronika terdapat beberapa fungsi dari transistor, yaitu sebagai penguat arus listrik, sebagai saklar elektronika, sebagai multivibrator, dan sebagainya.</p></div>
+===Konsep Dasar Elisitasi===
-<div id="g212" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-caGvA_SoW7g/XVt8NzzCKQI/AAAAAAAAEZY/GEJe4xisj5kBbW6vSCmv6AkmeNC9JNh1gCK8BGAs/s0/2019-08-19.png"/></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: center;"><p style="line-height:2">'''Gambar 2.12''' Transistor</p></div>
+Menurut Iqbal Hanafri dkk dikutip dari buku Siahaan dalam  Jurnal Sisfotek Global, 8(1).(2018:2)<ref name="Hanafri">
+Hanafri, M. I., Triono, T., & Luthfiudin, I. (2018). Rancang Bangun Sistem Monitoring Kehadiran Dosen Berbasis Web Pada STMIK Bina Sarana Global. JURNAL SISFOTEK GLOBAL, 8(1).[
+</ref>, Elisitasi adalah sekumpulan aktifitas yang ditunjukkan untuk menemukan kebutuhan suatu sistem melalui komunikasi dengan pelanggan, pengguna sistem, dan pihak lain yang memiliki kepentingan dalam pengembangan 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 Ariawan, J., & Wahyuni, S dalam Jurnal Sisfotek Global, 5(1)(2015:63).<ref name=>
+Ariawan, J., & Wahyuni, S. (2015). Aplikasi Pengajuan Lembur Karyawan Berbasis Web. Jurnal Sisfotek Global, 5(1).
+</ref> Elisitasi berisi usulan rancangan sistem baru yang diinginkan oleh pihak manajemen terkait dan disanggupi oleh penulis untuk dieksekusi. Elisitasi didapat melalui metode wawancara dan dilakukan melalui tiga tahap yaitu sebagai berikut: </p></div>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi LED'''</div>====
+<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, UML merupakan metode perancangan sistem berorientasi objek dengan menggunakan diagram untuk menggambarkan suatu sistem.</p></div>
+<ol type='1'>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">LED (Light Emitting Diode) adalah komponen elektronika yang masih merupakan keluarga dioda yang terbuat dari semikonduktor. LED dapat memancarkan cahaya ketika diberi tegangan maju, warna cahaya yang dipancarkan bergantung pada jenis bahan semikonduktor yang digunakan nya. (Sokop et al, 2016:17)<ref name="cit sok">Sokop, S. J., Mamahit, D. J., & Sompie, S. R. 2016. “Trainer Periferal Antarmuka Berbasis Mikrokontroler Arduino Uno”. Jurnal Teknik Elektro Dan Komputer, vol.5, no.3.</ref>.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Elisitasi Tahap I</p></li>
+Berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.</li>
-<div id="g213" align="center"><img width="200px" src="https://lh3.googleusercontent.com/-1-wzHj6ta58/XVt9b_Qln7I/AAAAAAAAEZk/pIchQTWNPeMW4twVNULbTABwkdipxnWIQCK8BGAs/s0/2019-08-19.png"/></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.13''' LED</p></div>
+Elisitasi Tahap II</p></li>
+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. </li>
+<ol type='a'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+“M” pada MDI itu artinya Mandatory (penting). Maksudnya requirement tersebut harus ada dan tidak boleh dihilangkan pada saat membuat sistem baru.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+“D” pada MDI itu artinya Desirable. Maksudnya requirement tersebut tidak terlalu penting dan boleh dihilangkan. Tetapi jika requirement tersebut digunakan dalam pembentukan sistem, akan membuat sistem tersebut lebih sempurna.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+“I” pada MDI itu artinya Inessential. Maksudnya bahwa requirement tersebut bukanlah bagian dari sistem yang dibahas dan merupakan bagian dari luar sistem. </p>
+</ol>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Dioda'''</div>====
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Elisitasi Tahap III</p></li>
+Merupakan hasil penyusutan dari elisitasi tahap II dengan cara mengeliminasi semua requirement yang optionnya I pada metode MDI. Selanjutnya semua requirement yang tersisa diklasifikasikan kembali melalui metode TOE, yaitu sebagai berikut: </li>
-<div id="g214" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-1__antUECKA/XVt92WQj68I/AAAAAAAAEZs/9dPNUHScAXYJwC5LcDaTkmLn01B58fMnACK8BGAs/s0/2019-08-19.png"/></div>
+<ol type='a'>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.14''' Simbol Dioda</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+T artinya Technical, maksudnya bagaimana tata cara/teknik pembuatan requirement tersebut dalam sistem yang diusulkan.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+O artinya Operational, maksudnya bagaimana tata cara penggunaan requirement tersebut dalam sistem yang akan dikembangkan.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+E artinya Economy, maksudnya berapakah biaya yang diperlukan guna membangun requirement tersebut didalam sistem. Metode TOE tersebut dibagi kembali menjadi beberapa option, yaitu: </p>
+<ol type="square">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+High (H) : Sulit untuk dikerjakan, karena tehnik pembuatan dan pemakaiannya sulit serta biayanya mahal. Sehingga requirement tersebut harus dieliminasi.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Middle (M) : Mampu untuk dikerjakan</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Low (L) : Mudah untuk dikerjakan</p>
+</ol>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Setiyo (2017:125)<ref name="cit setiyo">Setiyo, Muji. 2017. “Listrik & Elektronika Dasar Otomotif: Basic Automotive Electricity & Electronics”. Maglang: Unimma Press.</ref>, menjelaskan bahwa Dioda adalah komponen semikonduktor yang berfungsi mengalirkan listrik dalam satu arah. Selain menyearahkan arus, dioda juga digunakan pada ''switch'' pengatur arus listrik on/off dan untuk melindungi sirkuit elektronik. Arus bolak balik dapat disearahkan dengan menggunakan karakteristik dioda yang hanya mengalirkan listrik dalam satu arah.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Final Draft Elisitasi</p></li>
+Merupakan hasil akhir yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.</li>
-<div id="g215" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-llynVo9iV_c/XVt93Ghd2HI/AAAAAAAAEZw/44gTSZVq5dYdsAPvJKu6krUW3Q8NuSxpACK8BGAs/s0/2019-08-19.png"/></div>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.15''' Sirkuit penyearah setengah gelombang</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Saat dioda diberikan arus bolak balik, pada saat tersebut sinyal positif (+) masuk, arus listrik mengalir ke arah depan, namun apabila sinyal yang masuk adalah negatif (-) maka arus listrik tidak dapat mengalir karena arah nya terbalik. Sirkuit yang hanya mengalirkan arus listrik dalam satu sisi disebut dengan sirkuit penyearah setengah gelombang.</p></div>
+=====Konsep Dasar XAMPP=====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Hilmi Fuad dalam dalam jurnal Sisfotek Global (2018:2)<ref name=>
+Fuad, H., Sutarman, S., & Yayah, Y. (2018). Perancangan Sistem Infomasi Customer Relationship Management Pelayanan Berbasis Web di PT Sahabat Kreasi Muda. JURNAL SISFOTEK GLOBAL, 8(1).
+</ref> XAMPP adalah sebuah software yang berfungsi untuk menjalankan website berbasis PHP dan menggunakan pengelola data MySql di komputer lokal. Xampp  berperan sebagai server web pada komputer anda. Xampp juga  dapat disebut sebuah Cpanel server virtual, yang dapat membantu anda melakukan preview sehingga dapat memodifikasi website tanpa harus online atau terakses dengan internet. </p></div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi OLED Display 128x64'''</div>==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Yosef Murya dalam penelitian Iqbal Hanafri dkk di jurnal Sisfotek Global (2018:2)<ref name="Hanafri">
+Hanafri, M. I., Triono, T., & Luthfiudin, I. (2018). Rancang Bangun Sistem Monitoring Kehadiran Dosen Berbasis Web Pada STMIK Bina Sarana Global. JURNAL SISFOTEK GLOBAL, 8(1).
+</ref> Xampp merupakan sebuah perangkat lunak gratis sehingga bebas digunakan. Xampp berfungsi sebagai server yang berdiri sendiri (localhost), yang terdiri dari Apache HTTP Server, MySQL database dan penerjemah bahasa yang ditulis dengan bahasa pemrograman 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">OLED 128x64 adalah layar berjenis OLED yang terdiri dari 128 segmen dan 64 common atau 128x64 piksel. Untuk menerima atau mengirim data perintah ke mikrokontroler, layar ini menggunakan interface periferal baik I2C maupun SPI. Layar ini menggunakan driver CMOS bertipe SSD1306 yang menyematkan kontrol kontras, RAM display dan osilator yang mana dapat mengurangi jumlah koneksi eksternal dan konsumsi daya. Driver SSD1306 dirancang untuk panel OLED tipe ''common cathode''. Panel OLED ini juga memiliki fungsi ''continuous scrolling'' baik dalam arah vertikal dan horisontal yang memungkinkan untuk menghemat ruang pada layar. (Kodali dan Mahesh, 2016:781)<ref name="cit kod">Kodali, R. K., & Mahesh, K. S. 2016. “Low cost ambient monitoring using ESP8266”. 2016 2nd International Conference on Contemporary Computing and Informatics (IC3I).</ref>.</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 diatas dapat disimpulkan Xampp adalah software yang berfungsi sebagai server untuk menjalankan dan memodifikasi website tanpa terhubung dengan internet.</p></div>
-<div id="g216" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-JdO7wVdoULY/XVt_1jpb-iI/AAAAAAAAEZ8/PMfWY_AyyaUGk4RkLT4GjnHFqNptxtmHACK8BGAs/s0/2019-08-19.png"/></div>
+===Konsep Dasar Bahasa Pemrograman===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.16''' LCD OLED 128x64.</p></div>
+====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 Wahana Komputer dalam penelitian Iqbal Hanafri dkk di jurnal Sisfotek Global (2018:2).<ref name="Hanafri">
+Hanafri, M. I., Triono, T., & Luthfiudin, I. (2018). Rancang Bangun Sistem Monitoring Kehadiran Dosen Berbasis Web Pada STMIK Bina Sarana Global. JURNAL SISFOTEK GLOBAL, 8(1).
+</ref>, ''PHP'' merupakan bahasa pemograman untuk membuat website yang bersifat ''serverside scripting'', PHP  memungkinan anda untuk membuat halaman website yang bersifat 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 Dinata (2018:49)<ref name="cit dinata">Dinata, Andi. 2018. “Fun Coding with MicroPython”. Jakarta: PT Elex Media Komputindo.</ref>, OLED atau ''Organic'' LED adalah teknologi layar yang memiliki prinsip kerja yang hampir sama dengan LED, namun letak perbedaannya ada pada lapisan antara kutub positif dan kutub negatif. OLED menggunakan material organik untuk memancarkan cahaya yang terjadi saat muatan positif bertemu dengan negatif. OLED pada SSD1306 tersedia dua macam interface yaitu I2C dan SPI. Interface SPI pada umumnya digunakan untuk tampilan informasi yang tidak membutuhkan ''frame rate'' yang tinggi seperti tampilan animasi dari game. Untuk kebutuhan seperti itu, interface SPI akan mentransfer lebih banyak data dari mikrokontroler menuju ''display'' sehingga animasi akan terlihat. Pada umumnya OLED memiliki dua warna saja yaitu hitam dan putih, namun ada beberapa varian OLED memiliki dua tampilan warna yaitu kuning dan biru. OLED memiliki tingkat kemampuan baca yang baik meskipun di bawah sinar matahari.</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 PHP (''Hypertext Preprocessor'') menurut Kusuma Ardhana dalam Shanti Ria Sirepia Siregar dan Penti Sundari dalam Jurnal Sisfotek Global, 6(1)(2016:77<ref name=>
+Siregar, S. R. S., & Sundari, P. (2016). Rancangan Sistem Informasi Pengelolaan Data Kependudukan Desa (Studi Kasus di Kantor Desa Sangiang Kecamatan Sepatan Timur). Jurnal Sisfotek Global, 6(1).
+</ref>,adalah “Bahasa pemrograman berbasis server-side yang dapat melakukan parsing script php menjadi script web sehingga dari sisi client menghasilkan suatu tampilan yang menarik”.</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 diatas dapat disimpulkan PHP adalah bahasa pemrograman untuk membuat website berbasis server side dan bersifat dinamis.</p></div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi RTC DS3231'''</div>==
+====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 Ahmad Hidayat dan Faisal dalam Jurnal Sistem Informasi dan Sains Teknologi Vol.1 No.1, (2019:3)<ref name=>
+Hidayat, A., & Piliang, F. (2019). RANCANG BANGUN SISTEM INFORMASI PENYEWAAN LAHAN PARKIR BERBASIS WEB GIS. Jurnal Sistem Informasi dan Sains Teknologi, 1(1).
+</ref>, ''Hypertext Markup Language'' (HTML) merupakan sebuah bahasa pemrograman terstruktur yang dikembangkan untuk membuat halaman website yang dapat diakses atau ditampilkan menggunakan web browser.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">DS3231 adalah IC ''real-time clock'' (RTC) yang terintegrasi dengan sensor temperatur dan kristal. Perangkat ini menggunakan baterai input dan menjaga ketepatan waktu yang akurat ketika daya utama perangkat terganggu. Integrasi resonator kristal meningkatkan akurasi perangkat dalam jangka panjang. RTC menyimpan informasi detik, menit, jam, hari, tanggal, bulan, dan tahun. Tanggal di akhir bulan secara otomatis disesuaikan untuk bulan dengan kurang dari 31 hari, termasuk koreksi untuk tahun kabisat. Jam beroperasi dalam format 24 jam atau 12 jam dengan indikator AM / PM. Modul RTC DS3231 yang biasa dijumpai sudah disertai dengan baterai 3V CR2032 yang berfungsi sebagai baterai backup agar jika sumber daya utama terganggu maka IC ini tetap menyimpan waktu. IC ini berkomunikasi dengan mikrokontroler melalui protokol interface I2C. (Maxim, 2019)<ref name="cit max">Maxim Integrated. DS3231. https://www.maximintegrated.com/en/products/digital/real-time-clocks/DS3231.html. (diakses tanggal 3 Januari 2019).</ref></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 Edy Budiman dkk dalam Jurnal Prosiding Seminar Ilmu Komputer dan Teknologi Informasi (2017:2)<ref name=>
+Budiman, E., Hasudungan, R., & Khoiri, A. (2017). Online Game “Pics And Words” Sebagai Media Edukasi Bahasa Inggris Berbasis HTML. Prosiding 2nd SAKTI.[6] Knuth, DE The Art of Computer Programming (2d.)
+</ref> ''HypertText Markup Language'' (HTML) adalah bahasa markup yang bertujuan untuk penataan dan penyajian konten untuk ''World Wide Web'' (WWW).</p></div>
-<div id="g217" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-yxUPeYofkJ8/XVuBGqtBTrI/AAAAAAAAEaI/1tc58EQEycIk6AoXCOxqLoCzYtWo0xnYwCK8BGAs/s0/2019-08-19.png"/></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: center;"><p style="line-height:2">'''Gambar 2.17''' RTC DS3231.</p></div>
+Dari beberapa pendapat diatas dapat disimpulkan HTML adalah bahasa pemrograman untuk membuat halaman website agar bisa diakses di web browser.</p></div>
+====Definisi CSS====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Syukri Ali dan Arisandy Ambarita dalam jurnal IJIS Vol.1 No.1 (2016:34)<ref name="Ali">
+Ali, S., & Ambarita, A. (2016). Sistem Informasi Data Barang Inventaris Berbasis Web Pada Kejaksaan Negeri Ternate. IJIS-Indonesian Journal On Information System, 1(1).
+</ref> yang dikutip Kurniawan dalam buku yang berjudul desain web praktis dengan CSS menjelaskan bahwa CSS atau ''Cascading Style Sheets'' adalah sebuah dokumen yang berisi aturan yang digunakan untuk memisahkan isi dengan layout dalam halaman-halaman web yang dibuat. CSS memperkenalkan “template” yang berupa style untuk dibuat dalam mengizinkan penulisan kode yang lebih mudah dari halaman-halaman web yang dirancang.</p></div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Sensor BMP180'''</div>==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Wahyu Sya’ban dalam penelitian Sukindro Setyo Prabowo pada (Studi Kasus: Romantic Wedding) (Doctoral Dissertation, Stmik Akakom Yogyakarta) (2019:7)<ref name=>
+Prabowo, S. (2019). SISTEM RESERVASI WEDDING ORGANIZER BERBASIS WEB MENGGUNAKAN FRAMEWORK CODEIGNITER & BOOTSTRAP (STUDI KASUS: ROMANTIC WEDDING) (Doctoral dissertation, STMIK AKAKOM YOGYAKARTA).
+</ref> ''Cascading Style Sheet'' (CSS) merupakan salah satu bahasa pemograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.</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 Sunarya, et al. (2015:61)<ref name="cit sun">Sunarya, Abas. Asep Saefullah dan Deinsyah Fakhrizal. 2015. “Prototype Weather Station Berbasis Arduino Yun”. CCIT Journal, 8(2), 57-65.</ref>, BMP180 merupakan sensor untuk menangkap data tekanan udara dan ketinggian. Sensor tipe ini merupakan produk penerus dari BMP085 dengan peningkatan tingkat kepresisian untuk berbagai macam aplikasi, serta konsumsi daya yang sangat hemat. BMP180 menggunakan interface I2C yang memungkinkan untuk integrasi sistem yang mudah dengan mikrokontroler.</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 diatas dapat disimpulkan CSS adalah dokumen yang berisi aturan untuk memisahkan isi dengan layout dalam halaman-halaman web agar lebih terstruktur dan seragam.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dikutip dari datasheet BMP180 yang di produksi oleh perusahaan BOSCH, sensor ini bekerja pada tegangan 3.3v yang digunakan untuk mengukur tekanan udara berkisar antara 300 hingga 1100 hPa (''hectopascal''). Sensor ini juga dapat digunakan untuk mengukur suhu, yang dapat diaplikasikan pada peningkatan navigasi GPS, dan ramalan cuaca.</p></div>
+====Definisi Javascript====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Sianipar, R. H. (2017:1)<ref name=>
+Sianipar, R. H. (2017). Dasar Pemrograman JavaScript: Langkah demi Langkah (Vol. 1). Penerbit ANDI.
+</ref> Javascript adalah sebuah bahasa skript dinamis yang dapat dipakai untuk membangun interaktifitas pada halaman-halaman HTML statis.</p></div>
-<div id="g218" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-zYDTs8uv9_4/XVuBuxgy49I/AAAAAAAAEaQ/oM8I49EIpAM1hjqSwb5oFn0nHl35a6EewCK8BGAs/s0/2019-08-19.png"/></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: center;"><p style="line-height:2">'''Gambar 2.18''' BMP180.</p></div>
+Menurut Sianipar, R. H. (2018:1) <ref name=>
+Sianipar, R. H., & Irwan, M. (2018). JavaScript Untuk Profesional (Vol. 1). SPARTA PUBLISHER.
+</ref> ''Javascript'' merupakan bahasa skript populer yang dipakai untuk menciptakan halaman web yang dapat berinteraksi dengan pengguna dan dapat merespon event yang terjadi pada halaman. ''Javascript'' merupakan perekat yang menyatukan halaman-halaman web, akan sangat mudah menjumpai halaman web komersial yang tidak memuat kode ''Javascript''.</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 diatas dapat disimpulkan Javascript adalah bahasa script yang populer dan dipakai untuk situs web.</p></div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi PCB'''</div>==
+===Konsep Dasar MySQL===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Hakiem (2015:5)<ref name="cit hakiem">Hakiem, Ilmiawan. 2015. “TOKOTEKNOLOGI: Electronics Design & Repair”. Malang: PT. Tokoteknologi Mikroelektronik Nusantara.</ref>, PCB merupakan akronim dari ''Printed Circuit Board'', adalah sebuah papan yang penuh dengan sirkuit dari logam konduktor yang menghubungkan komponen elektronik satu dengan yang lain tanpa menggunakan kabel. Papan sirkuit ini mendapatkan namanya karena diproduksi secara masal dengan cara percetakan, di perkenalkan pada tahun 1936 dimana papan sirkuit ini pertama kali ditemukan oleh Paul Eisler, seorang ilmuwan Austria yang memasukan penggunaan papan sirkuit ke dalam sebuah radio.</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 Suhartanto, M. dalam Journal Speed – Sentra Penelitian Engineering dan Edukasi – Volume 4 No 1 (2017:3)<ref name=>
+Suhartanto, M. (2017). pembuatan website sekolah menengah pertama negeri 3 delanggu dengan menggunakan php dan mysql. Speed-Sentra Penelitian Engineering dan Edukasi, 4(1).
+</ref> MySQL adalah salah satu jenis database server yang sangat terkenal dan banyak digunakan untuk membangun aplikasi web yang database sebagai sumber dan pengelolaan datanya.</p></div>
-<div id="g219" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-gAhhlD388ZA/XVuDM8QkgtI/AAAAAAAAEac/S7KNGNc1vzQKt9BVmdNhunm62lbJcLxwwCK8BGAs/s0/2019-08-19.png"/></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: center;"><p style="line-height:2">'''Gambar 2.19''' PCB.</p></div>
+Menurut Wahana Komputer dalam penelitian Syukri Ali dan Arisandy Ambarita di jurnal IJIS (2016:3)<ref name="Ali">
+Ali, S., & Ambarita, A. (2016). Sistem Informasi Data Barang Inventaris Berbasis Web Pada Kejaksaan Negeri Ternate. IJIS-Indonesian Journal On Information System, 1(1).
+</ref> MySQL adalah sebuah implementasi dari sistem manajemen basis data relasional (RDBMS) yang didistribusikan secara gratis. Setiap pengguna dapat secara bebas menggunakan MySQL, namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan produk turunan yang bersifat komersial.</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 diatas dapat disimpulkan MySQL adalah sebuah server database yang digunakan berbagai aplikasi terutama untuk membuat web.</p></div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Analisis Sistem'''</div>==
+===Konsep Prototype Balsamiq Mockups===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Sunarya, et al(2015:4)<ref name="cit abassun">Sunarya, Abas., Ely Nuryani, dan Mochamad Yusuf Romdoni. 2015. “SISTEM INFORMASI MANAJEMEN PROGRAM KELUARGA HARAPAN PADA DINAS SOSIAL KABUPATEN SERANG”. CICES, vol. 1, no.1 .</ref>, “Sistem adalah penelitian atas sistem yang telah ada dengan tujuan untuk merencanakan sistem yangbaru atau diperbarui.”</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 Krisnayani, P., Arthana, I. K. R., Darmawiguna, I. G. M., & Kom, S. dalam Kumpulan Artikel Mahasiswa Pendidikan Teknik Informatika (ISSN: 2252-9063), 5(2)(2016:4).<ref name=>
+Krisnayani, P., Arthana, I. K. R., Darmawiguna, I. G. M., & Kom, S. (2016). Analisa Usability Pada Website UNDIKSHA Dengan Menggunakan Metode Heuristic Evaluation. Kumpulan Artikel Mahasiswa Pendidikan Teknik Informatika (ISSN: 2252-9063), 5(2).
+</ref> ''Balsamiq Mockups'' adalah aplikasi yang sangat berguna jika kalian adalah seorang designer terutama di bidang web. Mockups biasanya di gunakan oleh para designer untuk memulai suatu coretan-coretan, dengan kata lain kalian nggak perlu lagi menggunakan pensil untuk merancang sesuatu. Mockups adalah istilah yang tidak asing bagi para designer, mockups sendiri atau yang sering diartikan prototype sangat diperlukan untuk demonstrasi produk awal sebelum menjadi produk jadi yang nantinya akan dipasarkan ke publik. </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 (2017:38)<ref name="cit mulyani">Mulyani, Sri. 2017. “Metode Analisis dan Perancangan Sistem”. Bandung: Abdi Sistematika.</ref>, “Analisis sistem merupakan suatu teknik penelitian terhadap sebuah sistem dengan menguraikan komponen-komponen pada sistem tersebut dengan tujuan untuk mempelajari komponen itu sendiri serta keterkaitannya dengan komponen yang membentuk sistem sehingga didapat sebuah keputusan atau kesimpulan mengenai sistem tersebut baik itu kelemahan ataupun kelebihan.”</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 Prima Nur Hidayati Putri pada jurnal Mahasiswa Teknologi Pendidikan (2019:2).<ref name=>
+NUR HIDAYATI PUTRI, P. R. I. M. A. (2019). PENERAPAN SOFTWARE BALSAMIQ UNTUK MENINGKATKAN HASIL BELAJAR PADA MATA PELAJARAN KERJA PROYEK SISWA KELAS XII MULTIMEDIA DI SMK NEGERI 1 JOMBANG. Jurnal Mahasiswa Teknologi Pendidikan, 9(2).
+</ref> ''Balsamiq Mockup'' adalah program aplikasi yang digunakan dalam pembuatan tampilan ''User Interface'' sebuah aplikasi. Software ini sudah menyediakan tools yang dapat memudahkan dalam membuat desain Prototyping Website atau aplikasi yang akan dibuat. Software ini berfokus pada konten yang ingin digambar dan fungsionalitas yang dibutuhkan oleh pengguna. ''Balsamiq Mockup'' juga dapat diartikan sebagai salah satu Software yang berfungsi sebagai pembuatan desain. Software yang dapat mempermudah dalam menggambar sebuah tampilan ''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 Muslihudin (2016:27)<ref name="cit muslih">Muslihudin, Muhammad. 2016. “Analisis dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML”. Yogyakarta: Penerbit Andi.</ref>, mengatakan bahwa analisis sistem adalah teknik pemecahan masalah yang menguraikan bagian-bagian komponen tersebut bekerja dan berinteraksi untuk mencapai tujuan 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">
+Dari beberapa pendapat diatas dapat disimpulkan Balsamiq Mockup adalah sebuah aplikasi yang digunakan untuk mempermudah dalam pembuatan tampilan 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">Berdasarkan beberapa pendapat yang dikemukakan oleh para peneliti tentang analisis sistem di atas bisa ditarik kesimpulan bahwa analisa sistem merupakan suatu teknik pemecahan masalah pada sistem yang menguraikan komponen-komponennya untuk dipelajari cara kerja dan interaksi antar komponen yang membentuk suatu sistem tersebut untuk mendapatkan kesimpulan mengenai kelebihan dan kekurangannya.</p></div>
+===Konsep Dasar ''Codeigniter''===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Ir. Yuniar Supardi dan Ading Hermawan (2018:1).<ref name=>
+Supardi, I. Y., & Hermawan, A. (2018). Semua Bisa Menjadi Programmer CodeIgniter Basic. Elex Media Komputindo.
+</ref> Codeigniter adalah aplikasi open source yang berupa framework dengan model MVC (model, view, controller) untuk membangun website dinamis dengan menggunakan PHP. Codeigniter memudahkan pengembang (''developer'') untuk membuat aplikasi web dengan cepat dan mudah dibandingkan dengan membuatnya dari awal. </p></div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tahap-tahap Analisis Sistem'''</div>===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Budi Raharjo dalam penelitian Iqbal Hanafri dkk di jurnal Sisfotek Global (2018:2)<ref name=>
+Hanafri, M. I., Triono, T., & Luthfiudin, I. (2018). Rancang Bangun Sistem Monitoring Kehadiran Dosen Berbasis Web Pada STMIK Bina Sarana Global. JURNAL SISFOTEK GLOBAL, 8(1).
+</ref> Codeigniter merupakan sebuah toolkit yang ditujukan untuk orang yang ingin membangun aplikasi web dalam bahasa pemrograman PHP”.</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 (2016:31)<ref name="cit muslih" />, Tahapan analisis akan terbagi menjadi beberapa tahapan yang terinci, 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">Adapun beberapa keunggulan dari codeigniter adalah sebagai berikut:</p></div>
+<ol type='a'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Codeigniter'' memiliki ukuran yang kecil dibandingkan dengan framework lain.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Codeigniter'' adalah framework yang bersifat ''free'' dan ''open source''.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Aplikasi yang dibuat menggunakan ''codeigniter'' bisa berjalan cepat.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Codeigniter'' menggunakan pola desain ''model view controller'' (MVC) sehingga satu file tidak terlalu berisi banyak kode, hal ini menjadikan kode lebih mudah dibaca, dipahami, dan dipelihara dikemudian hari.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Codeigniter dapat diperluas sesuai dengan kebutuhan.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Codeigniter'' terdokumentasi dengan baik, informasi tentang pustaka kelas dan fungsi yang disediakan oleh ''codeigniter'' dapat diperoleh melalui dokumentasi yang disertakan di dalam paket distribusinya.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
-<ol>
-  <li style="text-align: justify;line-height: 2;">Analisis kelemahan sistem lama</li>
- <p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Pada analisis kelemahan sistem lama, titik berat analisis adalah sistem lama yang akan diganti dengan sistem baru. Analisis dilakukan untuk mengidentifikasi kelemahan-kelemahan pada proses-proses yang ada dan memastikan sistem baru dapat mengatasi kelemahan-kelemahan. Setelah daftar kelemahan disusun maka analisis kebutuhan sistem baru dilakukan.</p>
-  <li style="text-align: justify;line-height: 2;">Analisis kebutuhan sistem baru</li>
- <p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Pada analisis ini kebutuhan untuk sistem informasi yang baru didefinisikan dan diajukan.</p>
-  <li style="text-align: justify;line-height: 2;">Studi kelayakan.</li>
- <p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Dalam studi kelayakan, kebutuhan yang diajukan kemudian diuji kelayakan dengan beberapa uji kelayakan seperti kelayakan teknis, operasional, ekonomi, hukum, organisasional, dan jadwal.</p>
 </ol>
-</div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Prototype'''</div>==
+===Konsep Dasar OOP (''Object Oriented Programming''===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Muhammad Ropianto dalam Jurnal Teknik Ibnu Sina (2016:2)<ref name=>
+Ropianto, M. (2016). Pemahaman Penggunaan Unified Modelling Language. Jurnal Teknik Ibnu Sina JT-IBSI, 1(01).
+</ref> ''Object Oriented Programmin''g (OOP) adalah paradigma pemograman yang memandang perangkat lunak sebagai kumpulan objek yang saling berinteraksi didalam suatu 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 Fajarianto (2016:55)<ref name="cit fajari">Fajarianto, Otto. 2016. “Prototype Pelayanan Akademik Terhadap Komplain Mahasiswa Berbasis Mobile”. Jurnal Lentera ICT, Vol 3 No.1.</ref>, “Prototype didefinisikan sebagai alat yang memberikan ide bagi pembuat maupun pemakai potensial tentang cara sistem berfungsi dalam bentuk lengkapnya, dan proses untuk menghasilkan sebuah prototype disebut prototyping”.</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 Rohi Abdullah (2017:1)<ref name=>
+Abdulloh, R. (2017). Membuat Toko Online dengan Teknik OOP, MVC, dan AJAX. Elex Media Komputindo.
+</ref> OOP (''Object Oriented Programming'') merupakan teknik pemrograman dengan menggunakan konsep objek. Tujuan dari OOP adalah untuk memudahkan programmer dalam pembuatan program dengan menggunakan konsep objek yang ada dalam kehidupan sehari-hari. Dan objek itu sendiri merupakan gabungan dari beberapa objek yang lebih kecil.</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 Kartadie, et al(2014:24)<ref name="cit kartadie">Kartadie, R., Utami, E., & Pramono, E. 2014. “Prototipe Infrastruktur Software-Defined Network Dengan Protokol Openflow Menggunakan Ubuntu Sebagai Kontroler”. Data Manajemen dan Teknologi Informasi (DASI), vol. 15, no. 1.</ref>, “Prototipe adalah model yg mula-mula (model asli) yg menjadi contoh, sedangkan model adalah sebuah representasi dari sistem atau proses yang ada pada dunia 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">
+Keuntungan menggunakan OOP diantaranya sebagai berikut :</p></div>
+<ol type='a'>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Harahap, et al (2019:24)<ref name="cit hap">Harahap, Eka Purnama, Untung Rahardja, dan Muhammad Salamuddin. 2019. “Aplikasi Panduan dan Pembayaran Tiket Masuk Mendaki Gunung Menggunakan Metodologi Sistem Multimedia Luther-Sutopo”. SATIN-Sains dan Teknologi Informasi, Vol.4, No.2 </ref>, “''Prototype'' yaitu proses interaktif dalam pengembangan sistem dimana kebutuhan diubah dalam sistem yang bekerja (''working system'') yang secara terus menerus diperbaiki melalui kerjasama antara analis dan pengguna”.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Mudah dikelola karena kita dapat dengan mudah menemukan sumber kesalahan kemudian diperbaiki.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Setiap objek dapat ditambah kemampuannya tanpa mengganggu objek lain.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Setiap objek dapat dipakai dalam projek yang lain tanpa perlu banyak penyesuaian.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan dari tiga definisi di atas, maka dapat penulis simpulkan ''Prototype'' merupakan model awal dari produk yang mempresentasikan tentang cara kerjanya secara lengkap serta dapat memberikan suatu contoh gambaran bagi pembuat produk tersebut.</p></div>
+</ol>
+===Konsep Dasar Black Box Testing===
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Jenis-Jenis Prototype'''</div>===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Hayat, A., Aisyah, E. S., & Ningrum, S. O. (2015). SISTEM INFORMASI SIMPAN PINJAM KOPERASI PEGAWAI PADA SMK YUPPENTEK 1 TANGERANG. CERITA Journal, 1(1), 86-93. <ref name=>
+Sovia, R., & Febio, J. (2017). Membangun Aplikasi E-Library Menggunakan Html, Php Script, Dan Mysql Database. Jurnal Processor, 6(2).
+</ref>, Black Box Testing yaitu dengan melakukan ''test case'' ini bertujuan untuk menunjukkan fungsi perangkat lunak tentang cara beroperasinya, apakah pemasukan data keluaran telah berjalan sebagaimana yang diharapkan dan apakah informasi yang disimpan secara eksternal selalu dijaga kemutakhirannya.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">McLeod dan Schell dalam buku Mulyani (2017:27)<ref name="cit mulyani" />, menjelaskan dua tipe dari prototype, 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 Tri Snadhika Jaya dalam Jurnal Informatika (2015:90)<ref name=>
+Jaya, T. S. (2018). Pengujian Aplikasi dengan Metode Blackbox Testing Boundary Value Analysis (Studi Kasus: Kantor Digital Politeknik Negeri Lampung). Jurnal Informatika: Jurnal Pengembangan IT, 3(1), 45-48.
+</ref> Black-Box Testing merupakan Teknik pengujian perangkat lunak yang berfokus pada spesifikasi fungsional dari perangkat lunak. ''Blackbox Testing'' bekerja dengan mengabaikan struktur kontrol sehingga perhatiannya difokuskan pada informasi domain. Blackbox Testing memungkinkan pengembang software untuk membuat himpunan kondisi input yang akan melatih seluruh syarat-syarat fungsional suatu 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">Keuntungan penggunaan metode ''blackbox testing'' adalah : </p></div>
+<ol type='a'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Penguji tidak perlu memiliki pengetahuan tentang bahasa pemrograman tertentu</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Pengujian dilakukan dari sudut pandang pengguna, ini membantu untuk mengungkapkan ambiguitas atau inkonsistensi dalam spesifikasi persyaratan</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Programmer'' dan ''tester'' keduanya saling bergantung satu sama lain.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
-<ol>
-  <li style="text-align: justify;line-height: 2;">Evolutionary Prototype</li>
- <p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">''Evolutionary prototype'' adalah ''prototype'' yang secara terus menerus dikembangkan hingga prototype tersebut memenuhi fungsi dan prosedur yang dibutuhkan oleh sistem. Berikut adalah gambar dari tahapan evolutionary prototype.</p><div id="g220" align="center"><img width="270px" src="https://lh3.googleusercontent.com/-LszTtLOwPJQ/XVuGeWVXkkI/AAAAAAAAEao/hqf5_yGdBmsgpFqPFQhPwuJETX0iQxQbgCK8BGAs/s0/2019-08-19.png"/></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.20''' Tahapan Langkah Evolutionary Prototype.</p><p style="line-height:2">Sumber : Mulyani (2017:27)</p></div>
-  <li style="text-align: justify;line-height: 2;">Requirement Prototype</li>
- <p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">''Requirement prototype'' merupakan prototype yang dibuat oleh pengembang dengan mendefinisikan fungsi dan prosedur sistem dimana pengguna atau pemilik sistem tidak bisa mendefinisikan sistem tersebut. Berikut adalah gambar dari tahapan requirement prototype.</p><div id="g221" align="center"><img width="270px" src="https://lh3.googleusercontent.com/-EAJa6_yGwCM/XVuGfH0zGGI/AAAAAAAAEas/mrPhQksgC90AqQ9kp_dD_Ui2fpveA1m1gCK8BGAs/s0/2019-08-19.png"/></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.21''' Tahapan Langkah Requirement Prototype.</p><p style="line-height:2">Sumber : Mulyani (2017:29)</p></div>
 </ol>
-</div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Metode ''Testing'' '''</div>==
+===Konsep Dasar Sublime Text 3===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Rahardja, et al (2017 : 54)<ref name="cit rhj17">Rahardja, Untung, Tejosuwito, N. J., dan Armansyah, F. S. 2017. “Perancangan Aplikasi Pen+ Berbasis Mobile untuk Memudahkan Kinerja Dosen pada Perguruan Tinggi”. Technomedia Journal, vol.1, no. 2.</ref>, “Metode testing adalah metode yang memfokuskan pada pengujian logika internal pada ''software'', guna mencari segala kemungkinan adanya kesalahan dan memeriksa input yang dimasukan sehingga dapat memberikan hasil yang sesuai, dan dapat meminimalisir error yang terjadi pada 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">
+Menurut Rendgra Agrida dalam PENGEMBANGAN CUSTOMER RELATIONSHIP MANAGEMENT DENGAN PENERAPAN KONSEP BUNDLING PRODUK (Studi Kasus: Cafe Jadul) (Doctoral dissertation, Universitas Widyatama) (2016:13).<ref name=>
+Agrida, R. (2016). PENGEMBANGAN CUSTOMER RELATIONSHIP MANAGEMENT DENGAN PENERAPAN KONSEP BUNDLING PRODUK (Studi Kasus: Cafe Jadul) (Doctoral dissertation, Universitas Widyatama).
+</ref> Sublime Text 3 adalah sebuah text/source editor yang memudahkan kita saat melakukan coding dan support terhadap banyak bahasa pemrograman mulai dari ASP, C, C#, C++, PHP, HTML, dan masih banyak lagi. Sublime Text 3 ini juga hadir dengan berbagai macam tema yang membuat text editor ini terlihat lebih indah dan nyaman saat melakukan coding. Sublime Text 3 juga tersedia di berbagai sistem operasi seperti Windows, Linux, dan Mac OS.</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 Muhammad Alfadin Salim dalam ANALISA ALGORITMA AES MODIFIKASI DENGAN TEKNIK BLUM BLUM SHUB–CHAOTIC FUNCTION DAN MODIFIKASI SHIFTROWS (Doctoral dissertation, University of Muhammadiyah Malang) (2019:25) <ref name=>
+Salim, M. A. (2019). ANALISA ALGORITMA AES MODIFIKASI DENGAN TEKNIK BLUM BLUM SHUB–CHAOTIC FUNCTION DAN MODIFIKASI SHIFTROWS (Doctoral dissertation, University of Muhammadiyah Malang).
+</ref> Sublime text 3 adalah salah satu text editor yang digunakan untuk menyusun dan mengedit code. Banyak bahasa pemrograman yang didukung oleh Sublime text 3, salah satunya adalah PHP yang digunakan untuk membangun sistem dan program yang digunakan pada penelitian ini.</p></div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Black Box Testing'''</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 diatas dapat disimpulkan Sublime Text 3 adalah sebuah text editor yang mempermudah untuk menulis, menyusun, dan mengedit kode serta support terhadap banyak bahasa pemrograman.</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 Sunarya, et al (2015 : 3)<ref name="cit absun">Sunarya, Abas, Andri Cahyo Purnomo, dan Muhamad Iqbal Wahib. "PENERAPAN MIDTRANS PAYMENT PADA OFFICIAL SITE ASOSIASI PERGURUAN TINGGI SWASTA INDONESIA." CERITA Journal vol.5, no.1</ref>, “Metode Testing  merupakan sebuah metode untuk melakukan verifikasi dalam  rangka mencari  sebuah  kesalahan  sebuah  aplikasi dan untuk mendeteksi kondisi sistem,”.</p></div>
+===Konsep Dasar Bootstrap===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Maimunah, et al (2016 : 33)<ref name="cit maimunah">Maimunah, Ilamsyah, dan M. Ilham. 2016. “Rancang Bangun Aplikasi Penjualan Furniture Online Pada Mitra Karya Furniture”. CSRID (Computer Science Research and Its Development Journal), vol. 8, no. 1.</ref>, “''Black Box Testing'' adalah pengujian program yang mengutamakan pengujian terhadap kebutuhan fungsi dari sebuah program. Metode ''blackbox testing'' memiliki tujuan guna menemukan kesalahan fungsi dari program yang dirancang. Pengujian dengan menggunakan ''blackbox testing'' dilakukan dengan cara memberikan beberapa inputan pada program. Input tersebut kemudian diproses sesuai dengan kebutuhan fungsionalnya guna memastikan apakah program tersebut dapat menghasilkan output yang sesuai dengan yang diinginkan dan sesuai dengan fungsi dasar program tersebut. Apabila inputan yang diberikan menghasilkan ''output'' yang sesuai maka program yang dibuat sudah benar, tetapi apabila ''output'' yang dihasilkan tidak sesuai maka masih terdapat kesalahan pada program tersebut, dan selanjutnya akan dilakukan perbaikan guna memperbaiki kesalahan yang terjadi pada 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 Aisyah, et al (2016 : 17)<ref name="cit ei">Aisyah, Euis Sitinur, Padeli, dan Sumasih. 2016. “Penerapan Activity Based Costing System Dalam Laporan Keuangan Untuk Mempermudah Pengendalian Biaya”. SENSI Journal, Vol.2, No.2.</ref>, “''BlackBox Testing'' adalah metodologi uji coba yang memfokuskan pada keperluan fungsional perangkat untuk menguji kesesuaian rancangan fungsional aplikasi dengan tampilan dan jalannya aplikasi apakah aplikasi sesuaidengan rancangan fungsional dan memiliki error atau tidak”.</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 Jubilee Enterprise (2016:1) <ref name=>
+Enterprise, J. (2016). Pemrograman Bootstrap untuk Pemula. Elex Media Komputindo.
+</ref> Boostrap adalah ''framework front–end'' yag intuitif dan powerful untuk pengembangan aplikasi web yang lebih cepat dan mudah. Boostrap menggunakan HTML, CSS, dan Javascript. Boostrap memiliki fitur-fitur komponen interface yang bagus seperti ''typography, forms, buttons, tables, navigations, dropdowns, alerts, modals, tabs, accordion, carousel,'' dan lain sebagainya. Dengan menggunakan Boostrap, anda dapat membuat layout situs yang responsif dengan mudah.</p></div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Tinjauan Pustaka (Literature Review)'''</div>==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Team Bootstrap (2015:1) <ref name=>
+Bootstrap, T. (2015). Bootstrap. Obtenido de http://getbootstrap. com.
+</ref> Bootstrap merupakan framework HTML, CSS, Javascript populer untuk membangun situs web yang responsive. RWD (Responsive Web Design) adalah desain situs yang otomatis akan menyesuaikan diri agar tampil baik di semua perangkat dari ponsel sampai dekstop. Bootstrap terdiri dari satu set file css, javascript, dan jquery.</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 Borden dan Abbott dalam Manzilati (2017:34)<ref name="cit manz">Manzilati, Asfi. 2017. “Metodologi Penelitian Kualitatif: Paradigma, Metode, dan Aplikasi”. Malang: Universitas Brawijaya Press.</ref>, “Literature review adalah proses meletakan, mendapatkan, membaca dan mengevaluasi literatur penelitian yang terkait dengan ketertarikan peneliti”.</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 diatas dapat disimpulkan Bootstrap  adalah framework front-end yang dapat digunakan untuk  membuat layout situs yang responsif dengan mudah.</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 Handayani, et al (2018 : 190)<ref name="cit hnd">Handayani, Indri, Erick Febriyanto, dan Egi Wijatriana Bachri. (2018). “Aplikasi Stat Counter Sebagai Alat Monitoring Aktivitas Website PESSTA+ Pada Perguruan Tinggi”. SISFOTENIKA, vol. 8, no. 2.</ref>. “Studi Pustaka merupakan metode yang digunakan untuk mengumpulkan informasi yang relevan sesuai dengan topik dan permasalahan yang menjadi objek penelitian. Penelusuran pustaka merupakan langkah pertama untuk mengumpulkan informasi yang relevan bagi penelitian dengan menentukan studi, model, studi kasus yang mendukung topik serta menentukan lingkup penelitian untuk topik penelitian.”</p></div>
+===Konsep Dasar Web===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Muharto dan Arisandy (2016:58)<ref name="cit muharto">Muharto dan Arisandy Ambarita. 2016. “Metode Penelitian Sistem Informasi: Mengatasi Kesulitan Mahasiswa Dalam Menyusun Proposal Penelitian”. Yogyakarta: Deepublish.</ref> berpendapat bahwa “tinjauan pustaka (literature review) menguraikan teori-teori, pengertian-pengertian, dan hasil-hasil penelitian terdahulu yang berhubungan dengan masalah 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">
+Menurut Priyo Sutopo dkk (2017:3) <ref name=>
+Sutopo, P., Cahyadi, D., & Arifin, Z. (2017). Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web.
+</ref> Web adalah “Terobosan baru sebagai teknologi sistem informasi yang menghubungkan data dari banyak sumber dan layanan yang beragam macamnya di internet, web cepat sekali populer di lingkungan pengguna internet, karena kemudahan yang diberikan kepada pengguna internet untuk melakukan penelusuran, penjelajahan, dan pencarian 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 Imam Samsudin dan Muhamad Muslihudin dalam Jurnal Teknologi Komputer dan Sistem Informasi (2018:2) <ref name=>
+Samsudin, I., & Muslihudin, M. (2018). Implementasi Web Government Dalam Meningkatkan Potensi Produk Unggulan Desa Berbasis Android. Jurnal Teknologi Komputer dan Sistem Informasi, 1(2), 10-16.
+</ref> Web adalah satu aplikasi yang berisikan dokumen-dokumen multimedia (teks, gambar, video, suara, animasi) di dalamnya yang menggunakan protocol HTTP (''hypertext transfer  protocol'') dan untuk mengaksesnya menggunakan perangkat lunak yang disebut browser.</p></div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tujuan Tinjauan Pustaka (Literature Review)'''</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 diatas dapat disimpulkan Web adalah kumpulan halaman yang berisikan dokumen-dokumen multimedia (teks, gambar, video, suara, animasi) dan didalamnya berisi protocol HTTP sehingga pengguna internet bisa melakukan penelusuran, penjelajahan, dan pencarian informasi secara mudah.</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 Manzilati (2017:34)<ref name="cit manz" />, “Literature review bertujuan untuk mendapatkan pemahaman teoritis dan pemahaman mengenai posisi penelitian terhadap penelitian-penelitian lain yang telah dilakukan”.</p></div>
+===Konsep Dasar Navicat===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sedangkan tujuan tinjauan pustaka menurut Fink, Hart, Jesson, dan Ridley dalam Dwiastuti (2017:84)<ref name="cit dwiastuti">Dwiastuti, Rini. 2017. Metode Penelitian Sosial Ekonomi Pertanian: Dilengkapi Pengenalan Metode Penelitian Kuantitatif, Kualitatif, dan Kombinasi Kuantitatif-kualitatif. Malang: Universitas Brawijaya Press.</ref> 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 Mohamad Waid dan Hadwitya Handayani dalam Jurnal Surya Informatika Vol.1 No.1 (2015:4) <ref name=>
+Kusumawardani, H. H., & Wait, M. (2015). SISTEM INFORMASI LABORATORIUM PADA KLINIK MULIA MEDIKA BERBASIS LAN MENGGUNAKAN MICROSOFT VISUAL BASIC 6.0. Jurnal Surya Informatika, 1(1).
+</ref> Navicat adalah alat GUI (Grafic User Interface) yang di gunakan untuk mengelola setiap aspek dari MySQL server, seperti mengelola alat visual serta editor kode cerdas untuk handcoding SQL dan prosedur yang tersimpan. </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 Muhammad Radja Fadhilah dkk dalam Jurnal e-Proceeding of Applied Science Vol.4 No.3 (2018:4) <ref name=>Fadhilah, M. R., Tulloh, R., & Novianto, H. (2018). Perancangan Dan Implementasi Database Server Dengan Mariadb Dan Linux Centos (studi Kasus: Pt. Infomedia Nusantara). eProceedings of Applied Science, 4(3).
+</ref> Navicat adalah sebuah tool untuk mengelola database MySQL Server berbasis grafic interface. Navicat memungkinkan kita untuk mengelola database MySQL dengan mudah melalui interface Microsoft Windows, Macintosh dan Linux platform. Navicat di rilis dalam 2 versi, yaitu versi premium untuk MySQL pada tahun 2002 dan versi lite pada tahun 2007 untuk penggunaan tidak komersil. Premiumsoft Navicat adalah satu rangkaian DBMS dan pengembangan perangkat lunak grafis untuk MySQL, Oracle, SQLITE dan Postgresql. Navicat mempunyai suatu alat penghubung seperti penjelajah dan pendukungan berbagai koneksi database untuk database remote dan local. </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 diatas dapat disimpulkan Navicat adalah sebuah tools  multi-koneksi untuk mengelolah database dan menghubungkan ke MySQL.</p></div>
+===Konsep Dasar ''Literature Review''===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menurut Untung Rahardja dkk dalam Jurnal Technomedia Journal (TMJ) Vol.2 No.2 (2018:5)<ref name=>
+Rafika, A. S., Budiarto, M., & Budianto, W. (2015). Aplikasi Monitoring sistem absensi sidik jari sebagai pendukung pembayaran biaya pegawai terpusat dengan SAP. CCIT Journal, 8(3), 134-146.
+</ref>''Literature review'' adalah serangkaian teori, temuan dan penelitian terdahulu atau sudah pernah ada yang di jadikan landasan kegiatan penelitian selanjutnya dalam menyusun kerangka pemikiran dari masalah yang sedang di teliti. </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 Hasibuan dalam penelitian Ageng Setiani Rafika, dkk di Jurnal CCIT Vol.8 No.3 (2015:5)<ref name=>
+Rahardja, U., Harahap, E. P., & Pratiwi, S. (2018). Pemanfaatan Mailchimp Sebagai Trend Penyebaran Informasi Pembayaran Bagi Mahasiswa Di Perguruan Tinggi. Technomedia Journal, 2(2), 41-54.
+</ref> ''“Literature review'' berisi tentang uraian teori, temuan dan bahan penelitian lain yang diperoleh dari bahan acuan untuk dijadikan landasan kegiatan penelitian. Uraian dalam literature review ini diarahkan untuk menyusun kerangka pemikiran yang jelas tentang pemecahan masalah yang diuraikan sebelumnya pada perumusan 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">Dari beberapa pendapat diatas dapat disimpulkan ''Literature Review'' adalah uraian teori, temuan, dan penelitian yang sudah pernah ada dan dijadikan landasan kegiatan penelitian selanjutnya.</p></div>
+=='''<i>Studi Pustaka Literature Review</i>'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Dalam upaya menyempurnakan penelitian maka perlu dilakukan studi pustaka (''Literature Review''), diantaranya yaitu : </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 <ol>
-  <li style="text-align: justify;line-height: 2;">Menunjukan kontribusi setiap kegiatan penelitian dalam hal pemecahan masalah..</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-    <li style="text-align: justify;line-height: 2;">Mendeskripsikan hubungan suatu kegiatan penelitian dengan kegiatan penelitian lainnya.</li>
+“Analisis dan Perancangan Sistem Informasi Manajemen Persediaan Barang pada Advan Center Jambi” merupakan hasil dari penelitian Amelia dan Joni Devitra (2018) <ref name=>
-    <li style="text-align: justify;line-height: 2;">Mengidentifikasi cara-cara baru dalam menafsirkan penelitian terdahulu.</li>
+Amelia, A., & Devitra, J. (2018). Analisis dan Perancangan Sistem Informasi Manajemen Persediaan Barang pada Advan Service Center Jambi. Jurnal Manajemen Sistem Informasi, 3(1), 856-869.
-    <li style="text-align: justify;line-height: 2;">Mengungkapkan kesenjangan yang ada dalam penelitian terdahulu.</li>
+</ref> Dalam penelitian ini menghasilkan sebuah prototipe sistem informasi persediaan barang yang dapat mengelola data persediaan barang secara terkomputerisasi dan dapat menyajikan laporan-laporan barang yang dibutuhkan setiap hari atau setiap bulannya.</p></li>
-    <li style="text-align: justify;line-height: 2;">Memecahkan permasalahan penelitian yang belum terpecahkan pada penelitian terdahulu.</li>
-</ol>
-</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">Yoga Widodo dan Joni Devitra (2018)<ref name=>
+Widodo, Y., & Devitra, J. (2018). ANALISA DAN PERANCANGAN SISTEM INFORMASI MANAJEMEN PERSEDIAAN PADA PT. PINUS MERAH ABADI CABANG KUALA TUNGKAL. Jurnal Manajemen Sistem Informasi, 3(2), 1053-1070.
+</ref>Melakukan penelitian dengan judul “Analisa dan Perancangan Sistem Informasi Manajemen Persediaan Pada PT Pinus Merah Abadi”, penelitian ini menghasilkan rancangan yang dihasilkan berupa sistem informasi manajemen persediaan di PT. Pinus Merah Abadi yang dapat membantu personil perusahaan khususnya kepala gudang dan salesman kanvas dalam  mendistribusikan barang dari gudang ke konsumen dan pengelolaan pemutakhiran data stok gudang masuk dan keluar, data distribusi barang kanvas, data transaksi penjualan kanvas disertai laporan-laporan.</p></li>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Literature Review'''</div>==
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Penelitian yang dilakukan oleh Edy Tekat Bronto Waluyo dkk (2019)<ref name=>
+Waluyo, E. T. B., Hanafri, M. I., & Sulaeman, S. (2019). Perancangan Sistem Informasi Persediaan Barang Pada Gudang Sparepart. JURNAL SISFOTEK GLOBAL, 9(1).
+</ref> Melakukan penelitian dengan judul “Perancangan Sistem Informasi Persediaan Barang Pada Gudang Sparepart” , penelitian ini menghasilkan sistem informasi persediaan barang untuk membantu mengatasi dan mengurangi masalah, dengan adanya suatu sistem informasi persediaan barang pada gudang sparepart ini dapat mempermudah dalam mengetahui jumlah persediaan barang yang tersedia di dalam suatu gudang dan mempermudah admin gudang dalam penyajian laporan persediaan keluar masuk barang yang dibutuhkan pimpinan dengan akurasi data yang tinggi.</p>
+</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Metode studi pustaka (''literature review'') dilakukan guna menunjang dari metode observasi dan wawancara yang telah dilakukan. Pengumpulan informasi sangat dibutuhkan dalam menggali referensi-referensi yang berkaitan sesuai dengan penelitian yang dilakukan. Sebelumnya banyak peneliti-peneliti yang melakukan penelitian perihal dengan sistem penerbitan jurnal elektronik dan penelitian lainnya. Adanya studi pustaka (''literature review'') ini untuk mengidentifikasi kesenjangan, meneruskan penelitian yang sudah dilakukan sebelumnya dan menghindari pembuatan ulang.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Peneliti yang dilakukan oleh Ressa Priskila (2018)<ref name=>
+Priskila, R. (2018). Perancangan Sistem Informasi Persediaan Barang pada Perusahaan Karya Cipta Buana Sentosa berbasis web dengan Metode Extreme Programing. Computer Engineering, Science and System Journal, 3(2), 94-99.
+</ref> melakukan penelitian dengan judul “Perancangan Sistem Informasi Persediaan Barang Pada Perusahaan Karya Cipta Buana Sentosa Berbasis Web Dengan Metode Extreme Programing”. Menerapkan metodologi pendekatan Agile Software Development dengan model Extreme Programming untuk membuat sistem menjadi lebih cepat dan sesuai dengan kebutuhan klien. Sistem ini juga dapat mempermudah perusahaan dalam mengelola barang sehingga menjadi lebih efektif dan efisien. </p></li>
-<div id="t22" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 2.2''' Literature Review</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Dalam penelitian skripsi yang berjudul “Penerapan  Supply Chain Management Sistem Informasi Persediaan Obat Berbasis Web”  yang dilakukan oleh Ali Ibrahim dan Deni Dian Ismawan (2017)<ref name=>
+Ibrahim, A., & Ismawan, D. D. (2017). Penerapan Supply Chain Management Sistem Informasi Persediaan Obat Berbasis Web. KNTIA, 4.
+</ref>Membahas mengenai sistem terkomputerisasi yang didukung dengan metode penunjang yang dipilih dalam mengelola proses persediaan obat di Apotek Bunda Farma Rawa Bening untuk memastikan agar persediaan dapat memenuhi kebutuhan yang ada. Salah satu metode yang dapat digunakan dalam pengelolaan persediaan barang tersebut adalah metode pengelolaan rantai persediaan (Supply Chain Management). Konsep SCM merupakan mekanisme untuk meningkatkan produktivitas total perusahaan dalam rantai suplai melalui optimalisasi waktu, lokasi, dan aliran bahan. Dengan SCM, waktu pemesanan akan lebih teratur setiap kali periode pemesanan, dan keadaan persediaan yang akan habis lebih mudah diketahui.</p></li>
-<div 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"><p style="line-height: 2">
-<table border="1px" cellspacing="0"  bordercolor="#62C300">
+Penelitian yang ditulis oleh Dedeh Supriyanti, Yudo Bangun Romadhon, dan Dedy Iskandar, (2015) <ref name=>58. Supriyanti, D., Romadhon, Y. B., & Iskandar, D. (2015). SISTEM INFORMASI PERSEDIAAN BARANG PADA PT. HANKOOK CERAMIC INDONESIA. CERITA Journal, 1(1), 56-63. (http://ejournal.raharja.ac.id/index.php/cerita/article/view/355/246) </ref>STMIK Raharja dalam jurnal CERITA, Vol.1, No.1, dengan Judul “Sistem Informasi Persediaan Barang Pada PT. Hankook Ceramic Indonesia”. Membahas mengenai sistem yang berjalan belum dapat memudahkan karyawan dalam memperoleh informasi hal ini disebabkan karena masih lamanya proses pencarian dan pembuatan laporannya, karena banyaknya dokumen yang diperlukan, sehingga proses pembuatan keputusan pun menjadi terhambat. Untuk merancang sistem informasi stock control material terkomputerisasi, yang dapat mempermudah stakeholder dalam menghasilkan laporan yang dibutuhkan maka dibuatkan perancangan sistem informasi persediaan barang yang diharapkan dapat meningkatkan kinerja operasional pada pegawai PT. Hankook Ceramic Indonesia.
-<tr style="background-color: #62C300;">
+</p></li>
-  <th style="padding:1%;width:25%">PENULIS</th>
-  <th style="padding:1%;width:25%">JUDUL PENELITIAN</th>
-  <th style="padding:1%;width:25%">METODOLOGI</th>
-  <th style="padding:1%;width:25%">HASIL</th>
-</tr>
-<tr style="background-color: #E8E8E8;vertical-align:top;">
-  <td style="padding:1%;">Mohd. Uzir Kamaluddin, Shahrani Shahbudin, Naimah Mat Isa, dan Husna Zainol Abidin (2015)</td>
-  <td style="padding:1%;">''Teaching The Intel 8051 Microcontroller With Hands-On Hardware Experiments''<ref name="cit kamal">Kamaluddin, M. U., Shahbudin, S., Isa, N. M., dan Abidin, H. Z. 2015. “Teaching the Intel 8051 Microcontroller with hands-on hardware experiments”. 2015 IEEE 7th International Conference on Engineering Education (ICEED).</ref></td>
-  <td style="padding:1%;">''Experiments''</td>
-  <td style="padding:1%;">Pada penelitian ini trainer dibuat untuk memberikan kesempatan mahasiswa dan dosen bekerjasama dalam mempelajari mikrokontroler 8051 dengan cara yang lebih menarik dan menyenangkan. Intel 8051 Trainer Board in terdiri dari beberapa komponen seperti mikrokontroler 8051, ROM eksternal 8 kB, RAM eksternal 8 kB, dan menggunakan dua chip Peripheral Programmable Interface (PPI) lainnya. Ke empat PPI tersebut pada trainer ini dihubungkan ke beberapa perangkat input dan output, mahasiswa dapat secara langsung memprogram trainer ini untuk segala jenis operasi yang diinginkan sehingga memberikan pemahaman yang baik bagi mahasiswa tentang interfacing I/O serta memprogramnya.</td>
-</tr>
-<tr style="vertical-align:top;">
-  <td style="padding:1%;">Liakot Ali, Lutfor Rahman dan Shahin Akhter (2017)</td>
-  <td style="padding:1%;">''Module-Based Edukit for Teaching and Learning 8051 Microcontroller Programmings''<ref name="cit liakot">Ali, Liakot, Lutfor Rahman, and Shahin Akhter. 2017. "Module-based Edukit for teaching and learning 8051 microcontroller programming." IEEE International Conference on Telecommunications and Photonics (ICTP).</ref>.</td>
-  <td style="padding:1%;">''Literature review'' dan ''Experiments''</td>
-  <td style="padding:1%;">Penelitian ini mengembangkan trainer berbasis MCU 8501 yang simpel dan portabel, terjangkau untuk semua orang, dan cocok untuk semua disiplin ilmu teknik. Trainer ini berbasis ''multi-module'' dimana MCU 8501 sebagai modul utama dan modul lain yang berhubungan dengan aplikasi interfacing seperti LCD 16x2, seven segment, motor DC, DAC, dll.</td>
-</tr>
-<tr style="background-color: #E8E8E8;vertical-align:top;">
-  <td style="padding:1%;">Ibrahim Burhan, Ahmad Aftas Azman, Saharuddin Talib dan Ahmad Azlan Ab. Aziz (2015)</td>
-  <td style="padding:1%;">''Multiple Outputs Programmable Integrated Circuits (MOPICs) Microcontroller Trainer for Educational Applications''<ref name="cit burhan">Burhan, I., Azman, A. A., Talib, S., & Aziz, A. A. A. 2015. “Multiple Outputs Programmable Integrated Circuits (MOPICs) Microcontroller Trainer for Educational Applications”. 2015 3rd International Conference on Artificial Intelligence, Modelling and Simulation (AIMS).</ref></td>
-  <td style="padding:1%;">''Development Method''</td>
-  <td style="padding:1%;">Penelitian ini merancang trainer IC multiple output yang dapat diprogram (MOPICs) untuk aplikasi pendidikan yang memudahkan dalam melakukan simulasi PIC. Pada trainer MOPICs terdapat komponen input seperti ''push button'', dan komponen output seperti seven segment, motor servo, LED dan LCD yang dapat di program dan diprogram ulang untuk berbagai tugas.</td>
-</tr>
-<tr style="vertical-align:top;">
-  <td style="padding:1%;">Yoyo Somantri (2016)</td>
-  <td style="padding:1%;">Pengembangan Microcontroller Embedded System untuk Training Kits<ref name="cit soman">Somantri, Yoyo. 2016. “Pengembangan Microcontroller Embedded System untuk Training Kits”. ELECTRANS, vol 14, no 1.</ref> </td>
-  <td style="padding:1%;">Eksperimen</td>
-  <td style="padding:1%;">Penelitian ini membahas tentang hasil pengembangan training kit mikrokontroler, dengan menggunakan dua buah mikrokontroler berjenis ATmega 16/32 sebagai master dan AT89S51/52 sebagai target. Training kit ini tidak menggunakan bantuan PC pada proses pemrograman nya, melainkan menggunakan mikrokontroler master untuk menuliskan kode mnemonic dan menerjemahkan kode mnemonik menjadi kode mesin yang di upload ke mikrokontroler target. Output pada trainer mikrokontroler embedded system ini berupa led, relay, seven segment, LCD, dan motor stepper. Sedangkan input menggunakan keypad, ultrasonic sensor, dan ''push button''</td>
-</tr>
-<tr style="background-color: #E8E8E8;vertical-align:top;">
-  <td style="padding:1%;">Julham dan Hikmah Adwin Adam (2018)</td>
-  <td style="padding:1%;">Perancangan dan Pembuatan Trainer Komunikasi RS232 Menggunakan Komputer dan Mikrokontroler<ref name="cit jul">Julham, J., & Adam, H. A. 2018. “PERANCANGAN DAN PEMBUATAN TRAINER KOMUNIKASI RS232 MENGGUNAKAN KOMPUTER DAN MIKROKONTROLER ATMEGA”. Jurnal Teknik Informatika Kaputama, vol.2, no. 1.</ref></td>
-  <td style="padding:1%;">''Research and Development'' (R&D)</td>
-  <td style="padding:1%;">Pada penelitian ini pembuatan trainer dirancang untuk untuk meningkatkan pengetahuan mahasiswa dan keterampilan pemrograman komunikasi RS232 pada mata kuliah Interfacing. Mikrokontroler pada trainer ini menggunakan chip ATmega8535 sebagai media percobaan interfacing mikrokontroler dengan komputer beserta komponen input berupa ''push button'' dan komponen output berupa led.</td>
-</tr>
-<tr style="vertical-align:top;">
-  <td style="padding:1%;">Sokop, Mamahit, dan Sompie (2016)</td>
-  <td style="padding:1%;">Trainer Periferal Antarmuka Berbasis Mikrokontroler Arduino Uno<ref name="cit sok" /></td>
-  <td style="padding:1%;">Perancangan </td>
-  <td style="padding:1%;">Pada penelitian ini trainer yang dihasilkan menggunakan Arduino UNO sebagai board mikrokontroler berbasis ATmega328 dengan komponen input berupa keypad, push button, LDR, sensor suhu LM35 dan potensiometer. Sedangkan komponen output yang digunakan adalah led, 7 segment, buzzer, lcd, dan motor DC. Trainer ini dirancang untuk membantu mahasiswa teknik elektro dalam menyelesaikan setiap percobaan dalam penerapan materi yang diterima. Setiap komponen pada trainer ini tidak terhubung satu dengan yang lain nya, dalam penggunaanya maka diperlukan kabel jumper sebagai penghubungnya.</td>
-</tr>
-<tr style="background-color: #E8E8E8;vertical-align:top;">
-  <td style="padding:1%;">Fayakun Muchlis, Dwi Sulisworo, dan Moh Toifur (2018)</td>
-  <td style="padding:1%;">Pengembangan Alat Peraga Fisika Berbasis Internet of Things untuk Praktikum Hukum Newton II<ref name="cit muchlis">Muchlis, F., Sulisworo, D., & Toifur, M. 2018. “Pengembangan Alat Peraga Fisika Berbasis Internet of Things untuk Praktikum Hukum Newton II”. JPF: JURNAL PENDIDIKAN FISIKA, vol. 6, no. 1.</ref></td>
-  <td style="padding:1%;">Pengembangan</td>
-  <td style="padding:1%;">Penelitian ini bertujuan untuk membuat alat peraga Hukum Newton kedua yang terdiri dari bidang datar yang licin dan kasar, sensor photogate, kotak sistem kontrol, kabel audio, dan aplikasi Newton App. Ada lima buah sensor photogate bertindak sebagai detektor yang mendeteksi percepatan benda yang bergerak melintasi gate tersebut. Masing masing sensor photogate terdapat sensor LDR yang terhubung dengan lampu led. Alat peraga ini menggunakan NodeMCU dengan mikrokontroler ESP8266 untuk mengkalkulasi data waktu yang didapatkan dari kelima sensor photogate dan menampilkannya pada LCD dan mengirim data hasil kalkulasi nilai percepatan benda ke website thingspeak.com.</td>
-</tr>
-<tr style="vertical-align:top;">
-  <td style="padding:1%;">Riza Lukman (2017)</td>
-  <td style="padding:1%;">Trainer Mikrokontroler Sebagai Media Pembelajaran Sistem Kontrol Untuk Siswa Kelas XI Program Keahlian Teknik Otomasi Industri di SMK Negeri 2 Kendal<ref name="cit ">Luqman, Riza. 2017, “Trainer Mikrokontroler Sebagai Media Pembelajaran Sistem Kontrol Untuk Siswa Kelas XI Program Keahlian Teknik Otomasi Industri di SMK Negeri 2 Kendal”, Skripsi, Fakultas Teknik, Universitas Negeri Yogyakarta, Yogyakarta.</ref></td>
-  <td style="padding:1%;">''Research and Development'' (R&D)</td>
-  <td style="padding:1%;">Penelitian ini menghasilkan media pembelajaran berupa trainer mikrokontroler AVR menggunakan ATmega16 dengan 4 modul rangkaian mencakup perangkat input/output yaitu LED, tombol, ADC, seven segment, LCD, matriks LED, komunikasi RS232, PWM, motor servo, dan motor DC. Penelitian ini bertujuan untuk mengembangkan media pembelajaran yang digunakan pada mata pelajaran sistem kontrol terprogram program keahlian Teknik Otomasi Industri di SMK Negeri 2 Kendal.</td>
-</tr>
-<tr style="background-color: #E8E8E8;vertical-align:top;">
-  <td style="padding:1%;">Awal Bakhtera Suhiyar (2017) </td>
-  <td style="padding:1%;">Pembuatan Media Pembelajaran Pengenalan Perangkat Keras untuk Antarmuka pada Mata Pelajaran Komunikasi Data dan Antarmuka<ref name="cit suhiyar">Suhiyar, Awal Bakhtera dan Sunomo. 2017. "PEMBUATAN MEDIA PEMBELAJARAN PENGENALAN PERANGKAT KERAS UNTUK ANTARMUKA PADA MATA PELAJARAN KOMUNIKASI DATA DAN ANTARMUKA." Jurnal Pendidikan Teknik Elektro, vol. 7, no. 2.</ref></td>
-  <td style="padding:1%;">''Research and Development'' (R&D)</td>
-  <td style="padding:1%;">Penelitian yang dilakukan bertujuan untuk menghasilkan media pembelajaran pengenalan perangkat keras untuk antarmuka. Media ini berbentuk perangkat keras yang terdiri dari beberapa rangkaian digital yang terintegrasi dengan mikrokontroler ATmega16 dengan komponen input LCD, LED, dan seven segment.</td>
-</tr>
-<tr style="vertical-align:top;">
-  <td style="padding:1%;">Endi Sailul Haq dan Farisqi Panduardi (2015)</td>
-  <td style="padding:1%;">Trainer Mikrokontroler Sebagai Media Pembelajaran Untuk Mata Kuliah Mikrokontroler Di Politeknik Negeri Banyuwangi<ref name="cit haq">Haq, Endi Sailul, dan Farisqi Panduardi. 2015. "Trainer Mikrokontroler Sebagai Media Pembelajaran Untuk Mata Kuliah Mikrokontroler Di Politeknik Negeri Banyuwangi." SEMNASKIT 2015.</ref></td>
-  <td style="padding:1%;">Pengembangan</td>
-  <td style="padding:1%;">Pada penelitian ini trainer yang dirancang menggunakan mikrokontroler AVR ATmega8535 dengan beberapa komponen input yaitu ''push button'', keypad 3x4, joystick PS, sensor inframerah, sensor ping, photo transistor dan RTC serta beberapa komponen output yaitu 8 buah led, seven segment, LCD 16x2, motor DC, motor servo dan relay yang sudah tertanam pada board trainer ini. Pada penggunaan modul trainer ini terdapat 13 macam kegiatan belajar yang meliputi penggunaan software untuk memprogram modul trainer ini serta percobaan interfacing modul yang ada pada board trainer.</td>
-</tr>
-</table>
-</div>
-=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''TUJUAN DAN MANFAAT PENELITIAN'''</div>
+Penelitian International Journal Dalam judul “A CASE STUDY OF INVENTORY MANAGEMENT IN A MANUFACTURING COMPANY IN CHINA” dalam Nang Yan Business Journal yang dilakukan oleh Hong Shen, Qiang Deng, Rebecca Lao, dan Simon Wu. (2017)<ref name=>
+Shen, H., Deng, Q., Lao, R., & Wu, S. (2016). A case study of inventory management in a manufacturing company in China. Nang Yan Business Journal, 5(1), 20-40. (https://content.sciendo.com/configurable/contentpage/journals$002fnybj$002f5$002f1$002farticle-p20.xml)
+</ref> Bertujuan untuk mengidentifikasi faktor-faktor utama yang mempengaruhi praktik manajemen persediaan, menyelidiki pendekatan manajemen persediaan yang efisien dan efektif, dan menguji dampak kerjasama pemasok pada peningkatan rantai pasokan. Pendekatan studi kasus digunakan untuk mengidentifikasi faktor-faktor yang mempengaruhi manajemen persediaan di sebuah pabrik. Persediaan yang efisien dan efektif  berasal dari studi kasus dan dapat memberikan panduan praktis untuk produsen asing di China. Studi ini memberikan alat yang berharga untuk mengidentifikasi faktor-faktor dalam manajemen persediaan yang dapat diterapkan untuk masalah serupa yang ditemui di pabrik yang sebenarnya.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Penelitian yang dilakukan oleh Peipei Ran dkk dalam jurnal MATEC Web of Conferences (2018)<ref name=>
+Ran, P., Yang, W., Cao, S., & Huo, Y. (2018). Design of Inventory Management Module in Printing Enterprise Based on Web. In MATEC Web of Conferences (Vol. 232, p. 02019). EDP Sciences.
+</ref> yang berjudul “Design of Inventory Management Module in Printing Enterprise Based on Web”. Membahas mengenai manajemen persediaan yang dirancang dan diimplementasikan untuk mencapai bahan di gudang, persediaan, dan fungsi laporan bulanan. Bertujuan untuk mengurangi beban kerja staff, meningkatkan tingkat manajemen informasi perusahaan dan membuat manajemen persediaan agar lebih tertib, efisien, dan akurat.</p></li>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tujuan Penelitian'''</div>==
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Penelitian yang dilakukan oleh Rina Fitriana dkk dalam jurnal IOP Conference Series yang berjudul “Information system design of inventory control spare parts maintenance (valuation class 5000)(case study: plant kw)” (2016)<ref name=>
+Fitriana, R., Moengin, P., & Riana, M. (2016, February). Information system design of inventory control spare parts maintenance (valuation class 5000)(case study: plant kW). In IOP Conference Series: Materials Science and Engineering (Vol. 114, No. 1, p. 012076). IOP Publishing.
+</ref> Membahas mengenai ketersediaan suku cadang barang yang memerlukan perawatan, mampu memberikan informasi persediaan yang dibutuhkan dengan cepat dan akurat sehingga memudahkan pencarian dan pengambilan informasi yang dibutuhkan oleh pengguna. Sistem informasi persediaan ini memiliki keamanan yang baik, karena akses dibatasi dengan menggunakan ID pengguna dan kata sandi disetiap departemen.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Terdapat suatu tujuan yang mendasari penelitian ini dilakukan, oleh karena itu penulis membuat rincian dari tujuan penelitian ini dilakukan. Berikut 4 (empat) tujuan dari penelitian yang penulis lakukan diantaranya:</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Penelitian yang ditulis oleh Erna Astriyani, Rahmadi, dan Ahmad Ricky Alfariz (2017)<ref name=>
+Astriyani, E., Rahmadi & Alfariz, A. R. (2017). RANCANGAN SISTEM PENGADAAN STOK BARANG PADA PT. LAJU KARUNIA JAYA. CERITA Journal, 3(1), 85-90.
+</ref>STMIK Raharja dalam jurnal CERITA, Vol.3, No.1, dengan Judul “Rancangan Sistem Pengadaan Stok Barang Pada PT. Laju Karunia Jaya”. Membahas mengenai sistem yang berjalan masih terdapat kekurangan dan kendala yaitu penerapannya masih menggunakan semi komputerisasi dimana barang yang masuk digudang diinput dari nota pembelian kedalam Microsoft Excel serta  barang yang akan keluar dari gudang masih menerapkan pencatatan manual dengan memo pada kertas, hal ini menyebabkan lemahnya pengontrolan stok barang yang ada digudang yang berdampak kepada kekurangan stok barang maupun kelebihan stok barang serta sering terjadi ketidaksesuaian pelaporan barang, dimana menyulitkan dalam proses mengadakan barang kembali pada gudang. Hasil dari penelitian ini dimaksudkan untuk mengembangkan sistem pengadaan stok barang berbasis website, yang mana pemanfaatannya sebagai pengontrolan data barang masuk dan barang keluar secara cepat dan akurat sehingga dalam pengelolaan pengadaan stok barang yang ada pada gudang dapat dilakukan secara efisien namun tetap terjaga keakuratan datanya. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Penelitian yang ditulis oleh Sugeng Santoso, Ilamsyah, Winda Novita (2019) <ref name=>
+Santoso, S., Ilamsyah, I., & Novita, W. (2019). APLIKASI SISTEM INFORMASI PEMANTAUAN INVENTORY STOCK OPNAME BERBASIS WEB PADA PT MAKMUR BERKAT SOLUSI LOGISTIC. SENSI Journal, 5(2), 165-174. Retrieved from http://ejournal.raharja.ac.id/index.php/sensi/article/view/118
+</ref> STMIK Raharja dalam jurnal SENSI Journal, Vol.5, No.2, dengan Judul “Aplikasi Sistem Informasi Pemantauan Inventory Stock Opname Berbasis Web Pada PT Makmur Berkat Solusi Logistic”. Membahas mengenai sistem yang dibuat bertujuan untuk merancang aplikasi sistem inventory barang yang dapat membantu dalam melakukan pengecekan laporan stock pada PT Makmur Berkat Solusi Logistic karena memiliki beberapa kendala dalam menggunakan sistem yang sudah ada yaitu informasi tidak update dan keterlambatan laporan sehingga pemilik barang tidak dapat melakukan pengecekan laporan stock apabila terjadi nya barang masuk dan keluar secara terupdate untuk itu memerlukan sistem yang dapat membantu dalam pembuatan laporan stock barang agar bisa dipantau oleh pemilik barang dan agar dapat mencegah terjadi nya over load atau kelebihan persedian di dalam gudang.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Penelitian yang ditulis oleh Rahayu Rais, Moh. Fayumi, Ani Purwanita (2016) <ref name=>
+Rahayu Rais, N., Moh. Fayumi, M. F., & Purwanita, A. (2016). RANCANG BANGUN APLIKASI SISTEM INVENTORY (BAN) PADA GUDANG PT. GAJAH TUNGGAL Tbk. PLANT I. SENSI Journal, 2(2), 212-227. Retrieved from http://ejournal.raharja.ac.id/index.php/sensi/article/view/754
+</ref> STMIK Raharja dalam jurnal SENSI Journal, Vol.2, No.2, dengan Judul “Rancang Bangun Aplikasi Sistem Inventory (BAN) Pada Gudang PT. Gajah Tunggal Tbk. Plant I”. Membahas mengenai sistem yg sedang berjalan saat ini sangat tidak efektif dan tidak efisien. Ini terbukti dengan cara manual pihak gudang tidak mendapatkan informasi mengenai data manajemen barang secara lebih mudah dan lebih cepat. Hasil dari penelitian ini yaitu membuat rancang bangun aplikasi sistem informasi pergudangan atau stock barang gudang pada PT Gajah Tunggal Tbk yang bertujuan untuk mempermudah dalam penyajian data persediaan barang, dengan adanya sistem persediaan barang ini juga dapat menghasilkan data-data proses pengolahan menggunakan komputerisasi dengan hasil lebih akurat dan tingkat kesalahan kecil dibandingkan dengan sistem yang dilakukan secara manual sebelumnya, dengan adanya sistem persediaan barang ini pihak gudang akan dapat mendapatkan informasi mengenai data manajemen barang secara lebih mudah dan lebih cepat.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
-<ol>
-  <li style="text-align: justify;line-height: 2;">Untuk membuat alat yang dapat memperagakan komunikasi mikrokontroler menggunakan berbagai jenis antarmuka yang tersedia pada mikrokontroler.</li>
-    <li style="text-align: justify;line-height: 2;">Merancang modul trainer interfacing mikrokontroler sebagai alat praktikum untuk mata kuliah interfacing.</li>
-    <li style="text-align: justify;line-height: 2;">Mempermudah dosen mata kuliah interfacing dalam menyampaikan materi serta mempermudah mahasiswa untuk memahami materi mata kuliah interfacing secara praktik dengan penerapannya.</li>
-    <li style="text-align: justify;line-height: 2;">Meningkatkan efisiensi penggunaan waktu praktikum pada mata kuliah interfacing.</li>
 </ol>
-</div>
+{{pagebreak}}
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Manfaat Penelitian'''</div>==
+=<div style="font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">''' PEMBAHASAN '''</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Setiap penelitian tentunya bertujuan untuk memberikan manfaat dari penelitian yang sudah dilakukan. Manfaat yang diberikan tentu saja sangat berguna bagi pengguna hal penelitian tersebut. Berikut beberapa manfaat penelitian yang dilakukan:</p></div>
+=='''Gambaran Umum Perusahaan'''==
+===Sejarah Perusahaan PT. Instaprint Jaya Primatama ===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">PT. Instaprint Jaya Primatama  adalah perusahaan yang bergerak di bidang produksi digital printing  yang berlokasi di Serpong Kota Tangerang, atau lebih tepatnya di Jl. M.H. Thamrin No. 28 D & E Serpong, Tangerang - Banten. Berdiri sejak tahun 27 Oktober 2013, PT. Instaprint Jaya Primatama mempunyai visi “Menjadi perusahaan percetakan digital nomor 1 di masa depan. Dengan peralatan dan pelayanan dari tim yang berpengalaman, kami memberikan komersial print hanya dengan kualitas terbaik kepada konsumen dan mengutamakan ketepatan waktu.” dan misi “Melengkapi peralatan produksi dan kualitas, menciptakan produk yang berkualitas, konsisten menjaga ketepatan waktu pada proses produksi, Membangun komunikasi dan memelihara hubungan yang baik antara perusahaan dengan konsumen, perusahaan dengan karyawan.”</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. Instaprint Jaya Primatama telah memiliki 3 toko cabang pembantu di Tangerang dan Jakarta diantaranya adalah Instaprint Gading Serpong yang beralamat di Ruko Paramount 7CS Blok DF3 no 9. Summarecon Serpong, Tangerang, Instaprint Cengkareng yang beralamat di Rukan Paris Golf Lake Residence Blok B No.28, Jakarta Barat, dan Instaprint Bintaro yang beralamat di Ruko Kebayoran Arcade 5 Blok F3 No.2, CBD Kebayoran Boulevard Bintaro Jaya Sektor 7, Tangerang Selatan</p></div>
+===Visi Dan Misi PT. Instaprint Jaya Primatama===
+====Visi====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Menjadi perusahaan percetakan digital nomor 1 (satu) di masa depan. Dengan peralatan dan pelayanan dari tim yang berpengalaman, kami memberikan komersial print hanya dengan kualitas terbaik kepada konsumen / perusahaan berdasarkan anggaran yang diberikan dan mengutamakan ketepatan waktu.</p></div>
+====Misi====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 <ol>
-  <li style="text-align: justify;line-height: 2;">Mahasiswa yang mengikuti kelas mata kuliah interfacing dapat langsung mengaplikasikan materi yang didapatkan.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-    <li style="text-align: justify;line-height: 2;">Proses pembelajaran pada mata kuliah interfacing memiliki alat trainer yang digunakan untuk praktikum sehingga penyampaian materi lebih maksimal.</li>
+Melengkapi peralatan produksi dan kualitas.</p></li>
-    <li style="text-align: justify;line-height: 2;">Setiap orang yang mempelajari mikrokontroler dapat dilakukan dengan mudah.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menciptakan produk yang berkualitas.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Konsisten menjaga ketepatan waktu pada proses produksi.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Membangun komunikasi dan memelihara hubungan yang baik antara perusahaan dengan konsumen, perusahaan dengan karyawan.</p></li>
 </ol>
-</div>
+===Ruang Lingkup PT. Instaprint Jaya Primatama ===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">PT Instaprint Jaya Primatama bergerak dalam bidang industri percetakan. Berikut penjabaran produk yang diproduksi oleh PT Instaprint Jaya Primatama :</p></div>
+<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://i.postimg.cc/tgCgg6J3/3-1-Ruang-Lingkup.jpg" alt="Ruang Lingkup" width="500" height="500" /></p>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Gambar 3.1 Produk PT Instaprint Jaya Primatama
+</b></div>
-=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB IV'''</div>=
+===Kebijakan dan Sasaran Strategis PT. Instaprint Jaya Primatama===
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''METODE PENELITIANN'''</div>
+====Kebijakan Strategis PT. Instaprint Jaya Primatama====
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Mewujudkan visi perusahaan semaksimal mungkin.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menyediakan produk terbaik kepada konsumen.</p></li>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Pengumpulan Data'''</div>==
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Mewujudkan kinerja terbaik perusahaan melalui misi perusahaan.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Untuk memperoleh data yang dibutuhkan dalam penelitian ini maka penulis menggunakan beberapa metode, yaitu:</p></div>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+====Sasaran Strategis PT. Instaprint Jaya Primatama====
 <ol>
-  <li style="text-align: justify;line-height: 2;">Observasi.</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
- <p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Menurut Rahardja, et al. (2018 : 44)<ref name="cit ura">Rahardja, Untung, Eka Purnama Harahap, dan Sarah Pratiwi. 2018. “Pemanfaatan Mailchimp Sebagai Trend Penyebaran Informasi Pembayaran Bagi Mahasiswa Di Perguruan Tinggi”. Technomedia Journal, Vol.2, No.2.</ref>. “Metode Observasi merupakan teknik pengumpulan data, dimana peneliti melakukan pengamatan secara langsung pada objek penelitian untuk melihat dari dekat kegiatan dan permasalahan yang sedang terjadi yang dilakukan dan sebagai pemecahan permasalahan. Metode observasi dapat diartikan pula sebagai pengamatan dan pencatatan secara sistematik terhadap gejala yang tampak pada subyek penelitian”.  Observasi pada penelitian ini dilakukan dengan mengikuti proses pembelajaran pada mata kuliah interfacing selama satu semester (empat belas pekan) dengan mengamati serta menganalisis cara dosen menyampaikan materi, bagaimana mahasiswa dapat memahami materi yang diberikan dan proses dari sesi praktikum yang berlangsung. Dari hasil observasi dapat diperoleh data mengenai metode pembelajaran dan permasalahan yang dirasakan oleh mahasiswa maupun dosen, kemudian data data hasil observasi dianalisis untuk melakukan perancangan alat trainer interface mikrokontroler.</p>
+Kinerja baik.</p></li>
-  <li style="text-align: justify;line-height: 2;">Studi Pustaka.</li>
- <p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Metode Studi Pustaka adalah teknik pengumpulan data dengan melakukan penelaahan terhadap berbagai buku, literatur, catatan, serta berbagai laporan yang berkaitan dengan masalah yang ingin dipecahkan. Oleh karena itu studi pustaka merupakan metode dalam melakukan studi literatur untuk mengetahui berbagai penelitian yang berkaitan dengan metode dan masalah yang ingin dipecahkan dalam penelitian ini dengan melihat penelitian yang telah dilakukan sebelumnya.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-  <li style="text-align: justify;line-height: 2;">Wawancara.</li>
+Profesionalisme dalam operasi.</p></li>
- <p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Menurut Sutrisno, et al. (2016)<ref name="cit sutrisno">Sutrisno, S., Fathoni, A., & Minarsih, M. M. 2016. “Pengaruh Motivasi Dan Disiplin Kerja Terhadap Kinerja Pegawai Di Kantor Satuan Polisi Pamong Praja Kota Semarang”. Journal of Management, vol. 2, no. 2.</ref>. “Metode wawancara atau interview adalah proses komunikasi langsung untuk memperoleh keterangan dengan tanya jawab dan tatap muka antara pewawancara dengan responden”. Pada penelitian ini wawancara dilakukan dengan beberapa mahasiswa yang mengikuti mata kuliah interfacing serta dosen dan kepala program studi Sistem Komputer.</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Meraih laba.</p></li>
 </ol>
-</div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Perancangan'''</div>==
+===Alur Produksi===
+====Alur Produksi Online PT. Instaprint Jaya Primatama====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada penelitian ini penulis menggunakan metode perancangan dalam membuat desain hardware dengan menggunakan diagram blok, kemudian merancang skematik rangkaian komponen dan desain PCB. Metode ini digunakan untuk merancang modul trainer interface mikrokontroler.</p></div>
+<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://i.postimg.cc/44hxnsfS/3-2-Alur-Produksi-Online.png" alt="Alur Produksi Online" width="700" height="500" /></p>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Gambar 3.2 Alur Produksi Online Instaprint
+</b></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Penjelasan alur produksi online ada 4 tahap yaitu tahap pertama dimulai dari orderan online yang bisa dipesan melalui email ataupun website instaprint. Tahap kedua yaitu customer service online akan menyiapkan filenya dan membuatkan surat perintah kerja (SPK) sesuai dengan kategori barangnya, adapun kategori Scan & Copy Large Document (Rolland), Hp Indigo, Outdoor Indoor, dan Print Machine. Setelah orderan dibuatkan nomor spk maka sistem otomatis menuju salah satu kategori tersebut dan langsung diproses oleh operatornya. Tahap ketiga yaitu packing dan labeling berdasarkan orderannya. Tahap keempat yaitu diantar ke alamat yang memesan.</p></div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Prototype'''</div>==
+====Alur Produksi Offline PT. Instaprint Jaya Primatama====
+<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://i.postimg.cc/mr8Gp6bM/3-3-Alur-Produksi-Offline.png" alt="Alur Produksi Offline" width="700" height="400" /></p>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Gambar 3.3 Alur Produksi Offline Instaprint
+</b></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Metode yang digunakan untuk membuat prototype dalam penelitian ini adalah metode ''prototyping evolutionary'', karena dengan ''evolutionary'' lah sistem atau produk yang sesungguhnya dipandang sebagai evolusi dari versi pertama yang sangat terbatas menuju produk akhir.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Penjelasan alur produksi offline yaitu ada 4 tahap, yang pertama dimulai dari customer yang datang langsung ke Instaprint dan akan diberikan nomor urut oleh customer service berdasarkan kebutuhan customer. Tahap kedua yaitu datang ke bagian desain, operator desain dibagi menjadi 2 yaitu ready print dan setting. Ready print yaitu jika customer sudah menyiapkan filenya dan hanya tinggal menentukan pilihan cetakannya. Setting yaitu jika customer belum menyediakan file dan harus dibuat terlebih dahulu model dan ukurannya oleh operator designnya. Tahap ketiga yaitu operator design akan membuatkan surat perintah kerja (SPK) sesuai dengan kategori barangnya. Kategori produksi dibagi menjadi Mesin A3 (Indigo), Laser, Large Format (Indoor & Outdoor). Tahap keempat yaitu packing dan pickup sesuai pesanannya.</p></div>
+===Struktur Organisasi Perusahaan PT. Instaprint Jaya Primatama===
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Pengujian'''</div>==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Struktur Organisasi merupakan kerangka yang menggambarkan hubungan antar bagian yang terkait dalan suatu organisasi seperti pembagian kerja ke dalam kelompok-kelompok tugas dan tanggung jawab.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Penulis menggunakan metode pengujian dalam penelitian ini untuk mengevaluasi kerja sistem apakah bekerja sesuai dengan yang diinginkan serta untuk mengidentifikasi kesalahan sistem yang berakibat pada malfungsi dari suatu komponen sebelum digunakan oleh pengguna akhir (''end-user''). Metode pengujian yang digunakan pada penelitian ini adalah metode'' black box testing'' guna memastikan bahwa sistem yang dibangun memiliki kemampuan sesuai yang diharapkan peneliti.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Struktur organisasi akan tergantung pada tujuan tahap perkembangan organisasi dan kemampuan sumber-sumbernya yang mendukung pada bidang-bidang pekerjaan masing-masing dalam kesatuan fungsional. Dalam suatu perusahaan ataupun organisasi struktur organisasi merupakan hal yang sangat penting karena dengan memiliki struktur organisasi yang baik, fungsi-fungsi managemen akan dapat dijalankan dengan baik dan lancar. Organisasi merupakan kesatuan aktifitas dimana para pemimpin mempunyai wewenang untuk mengkoordinasikan kegiatan dengan maksud untuk mencapai tujuan 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">Dengan organisasi yang efektif, maka setiap bagian organisasi mengetahui wewenang dan tugas yang menjadi tanggung jawabnya masing-masing. Dengan demikian hubungan kerja dalam organisasi akan dapat dikoordinasikan dengan baik. Struktur organisasi tercermin dalam suatu bagan organisasi yang menunjukkan adanya pembagian tugas dan wewenang serta aturan dan prosedur yang ada termasuk komunikasi dan arus kerja. </p></div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Pengujian'''</div>==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berikut merupakan struktur organisasi dari PT. Instaprint Jaya Primatama : </p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Penulis menggunakan metode pengujian dalam penelitian ini untuk mengevaluasi kerja sistem apakah bekerja sesuai dengan yang diinginkan serta untuk mengidentifikasi kesalahan sistem yang berakibat pada malfungsi dari suatu komponen sebelum digunakan oleh pengguna akhir (''end-user''). Metode pengujian yang digunakan pada penelitian ini adalah metode'' black box testing'' guna memastikan bahwa sistem yang dibangun memiliki kemampuan sesuai yang diharapkan peneliti.</p></div>
+<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://i.postimg.cc/05LrCrXv/3-4-Struktur-Insta.png" alt="Struktur Organisasi" width="500" height="500" /></p>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Gambar 3.4 Struktur Organisasi PT. Instaprint Jaya Primatama
+</b></div>
+===Tugas dan Tanggung Jawab===
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Analisis Sistem'''</div>==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Berikut adalah tugas serta tanggung jawab yang ada pada PT. Instaprint Jaya Primatama :</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 penelitian ini penulis menggunakan metode analisis untuk menganalisis sistem yang sudah ada dan telah berjalan dengan memperhatikan bagaimana cara kerja sistem serta menganalisis kelebihan dan kekurangan sistem yang sedang berjalan.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+CEO (''Chief Executive Officer'') <br></p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+CEO bertugas untuk menetapkan laba berjalan perusahaan yang efektif dan efisien. Merencanakan, mengelola, dan menganalisis segala aktivitas fungsional bisnis seperti operasional, sumber daya manusia, keuangan dan pemasaran. Mengadakan rapat dengan berbagai departemen terkait dibawahnya untuk meminta pertanggung jawaban dari masing-masing departemen tersebut.</p></div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Analisis Sistem Yang Berjalan'''</div>===
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Director<br></p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan hasil analisa yang penulis lakukan pada proses pembelajaran mata kuliah Interfacing di Universitas Raharja yang beralamat di Jl. Jenderal Sudirman No.40 Modern Cikokol – Tangerang. Penulis mengidentifikasi hasil observasi yang dilakukan dengan cara mengikuti proses pembelajaran pada mata kuliah interfacing serta mengamati cara dosen dalam menyampaikan materi, maka penulis dapat simpulkan hasil observasi dalam bentuk poin poin yang akan dijabarkan 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">
+Director bertugas untuk mengatur jalannya perusahaan. Director diberi hak untuk mengambil tanggung jawab bila diperlukan untuk menyelesaikan tugas-tugas dalam menyelesaikan dalam fungsi ini, asalkan tindakannya tidak ke luar dari ruang lingkup kebijakan dan prosedur yang dibentuk, yang tidak melebihi batas penempatan otoritasnya oleh CEO. Contohnya seperti menetapkan strategi-strategi untuk mencapakai visi dan misi perusahaan, bertindak sebagai perwakilan perusahaan dalam hubungannya dengan corporate lain, merencanakan serta mengembangkan sumber-sumber pendapatan dan pembelanjaan kekayaan perusahaan.</p></div>
-<div 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"><p style="line-height: 2">
-<ol>
+Manager<br></p></li>
-  <li style="text-align: justify;line-height: 2;">Proses pembelajaran pada mata kuliah interfacing yaitu dosen menyampaikan materi dengan menjabarkan nya secara lisan dan menerangkan gambaran dari salah satu materi di papan tulis.</li>
-    <li style="text-align: justify;line-height: 2;">Mahasiswa menyimak materi yang diajarkan sembari mencatat di kertas apa yang dosen tulis di papan tulis.</li>
-    <li style="text-align: justify;line-height: 2;">Dosen memberikan gambaran mengenai bagaimana teknik interfacing mikrokontroler melalui lisan dan papan tulis.</li>
-    <li style="text-align: justify;line-height: 2;">Pada saat sesi praktikum, mahasiswa diminta oleh dosen untuk membawa masing-masing peralatan dan komponen bahan praktikum yang akan dirakit dan dirangkai sebelum digunakan untuk praktikum.</li>
-    <li style="text-align: justify;line-height: 2;">Tidak ada alat praktikum atau trainer yang membantu mahasiswa dalam memahami materi serta bagaimana penerapan dari materi teknik interfacing mikrokontroler secara langsung.</li>
-</ol>
-</div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Manager bertugas untuk mempertahankan staff dengan merekrut, memilih, mengorientasi, dan melakukan pelatihan karyawan, menjaga lingkungan kerja yang aman, nyaman, tertib, serta menetapkan tujuan strategis dengan mengumpulkan bidang bisnis yang bersangkutan, keuangan, layanan dan informasi.</p></div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Flowchart Sistem Yang Berjalan'''</div>===
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+HRD <br></p></li>
-<div id="g41" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-fWpDgQ16-OY/XVvbCTdH6fI/AAAAAAAAEbM/dIajEYR3JzswrQvcufbkMLlzntWbt2MHACK8BGAs/s0/2019-08-20.png"/></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: center;"><p style="line-height:2">'''Gambar 4.1''' Flowchart Sistem Yang Berjalan</p></div>
+HRD bertugas membentuk atau membuat desain organisasi perusahaan, melakukan penelitian kinerja karyawan, mengatur karyawan, merencanakan tata cara penghargaan dan kompensasi serta pengembangan karyawan. </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 dijelaskan gambar 4.1. Flowchart sistem yang berjalan pada kegiatan pembelajaran pada mata kuliah Interfacing yang berjalan saat ini yaitu :</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Supervisor Finance <br></p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Supervisor Finance bertugas mengawasi pemasukan dan pengeluaran uang kas dan uang di bank, menyetujui anggaran keuangan tiap bagian, meminta laporan keuangan setiap bulan serta meneliti penyimpangan yang terjadi pada tiap anggaran keuangan tersebut, bertindak sebagai penghubung kepada pihak ketiga, khususnya mengenai laporan pajak dan perbankan, bertanggung jawab atas kegiatan pencatatan, penggolongan, peringkasan dan penyajian laporan keuangan perusahaan, dan bertanggung jawab atas pembayaran gaji karyawan. </p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Staff Pajak <br></p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Bertanggung jawab untuk menangani pajak bulanan dan tahunan, menghitung dan melaporkan semua pembayaran pajak perusahaan, menyiapkan dan mendokumentasikan faktur pajak, membantu bagian keuangan dalam hal pengurusan perpajakan, dan dapat mengoperasikan e-Faktur pajak. </p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Staff Purchasing <br></p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Bertugas menerima dan mereview surat permintaan barang baik yang harian maupun yang bulanan, melakukan pemeriksaan terhadap ketepatan pemeriksaan dengan anggaran dan atau kebutuhan, melakukan pendapatan terhadap supplier dari segi harga, kesiapan, dan ketepatan, melakukan proses pembelian, membuat permintaan penawaran harga, membuat purchase order dan melakukan review dan rekap pembelian perbulan dan analisa ketepatan berdasarkan anggaran.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Staff Admin Penjualan <br></p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Bertugas melakukan penagihan (''invoice'') pembayaran yang telah lewat dari jatuh tempo, memeriksa bahwa pesanan mencakup harga dan diskon yang benar, memeriksa keakuratan data dalam pesanan dan faktur, dan membuat laporan penjualan.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Staff Admin Stock<br></li>
+<ol type='a'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Mengambil voucher pengambilan barang beserta mengecek barang di gudang.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Mengajukan permintaan barang ke ''purchasing''</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Membuat laporan keluar masuk barang.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menerima faktur dan surat jalan dari ''supplier'' </p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
-<ol>
-  <li style="text-align: justify;line-height: 2;">Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai”dan “selesai” pada aliran proses flowchart .</li>
-    <li style="text-align: justify;line-height: 2;">Terdapat 2 (dua) simbol yang menyatakan proses input output, yaitu dosen memberikan materi kepada mahasiswa serta jika dosen mengadakan praktikum maka mahasiswa membawa bahan praktikum sendiri ke dalam proses pembelajaran.</li>
-    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol proses, yang menyatakan proses mahasiswa dalam memahami dan mencatat materi yang diberikan dosen serta proses pada saat praktikum berlangsung.</li>
-    <li style="text-align: justify;line-height: 2;">Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum dalam proses pembelajaran pada mata kuliah interfacing.</li>
 </ol>
-</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Kasir<br></li>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Permasalahan yang Dihadapi dan Alternatif Pemecah Masalah'''</div>==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Menjalankan proses penjualan dan pembayaran, melakukan pencatatan atas semua transaksi, membantu pelanggan dalam memberikan informasi mengenai suatu produk, melakukan pencatatan kas fisik serta melakukan pelaporan kepada supervisor finance.</p></div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Permasalahan yang Dihadapi'''</div>===
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Supervisor & Assistant Supervisor Produksi<br></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Ada beberapa permasalahan pada proses pembelajaran di mata kuliah interfacing yang melatarbelakangi penulis dalam melakukan penelitian ini, diantaranya 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">
+Supervisor & Ass. Supervisor bertugas untuk menjalankan dan mengawasi sistem yang berjalan sebagaimana dijelaskan dalam prosedur untuk masing-masing bagian fungsi yang telah ditetapkan. </p></div>
+<ol type='a'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Supervisor Produksi diberikan hak untuk mengambil beberapa tindakan penting untuk melaksanakan tugas yang ditetapkan dalam fungsi ini, selama tindakan tersebut tidak menyimpang dari lingkup aturan dan prosedur dasar, serta tidak melebihi batasan yang ditetapkan sebagai wewenangnya oleh direktur seperti bertanggung jawab dalam pencapaian target produksi dan kualitas standar hasil produksi dan memberi bimbingan pada bawahan agar bawahan dapat meningkatkan kemampuannya dan melakukan penilaian kinerja bawahan.</p></li>
-<div 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"><p style="line-height: 2">
-<ol>
+Assistant Supervisor Produksi bertugas membantu supervisor dalam proses produksi agar dapat berjalan lancar sesuai dengan standar perusahaan dan terjaga kualitas dan kuantitasnya.</p></li>
-  <li style="text-align: justify;line-height: 2;">Ketiadaan alat praktikum yang dapat membantu mahasiswa untuk memahami materi interfacing mikrokontroler seperti teori untuk mengkoneksikan mikrokontroler dengan modul-modul yang menggunakan salah satu protokol interface pada mikrokontroler agar dapat saling berkomunikasi.</li>
-    <li style="text-align: justify;line-height: 2;">Dikarenakan tidak adanya alat praktikum pada proses pembelajaran, maka mahasiswa diminta untuk membawa bahan bahan praktikum sendiri yang terkadang beberapa mahasiswa belum memiliki pemahaman bagaimana cara merangkai bahan bahan untuk digunakan dalam praktikum, hal ini menjadi salah satu penyebab mahasiswa tidak mendapatkan pemahaman materi yang maksimal.</li>
-    <li style="text-align: justify;line-height: 2;">Waktu yang digunakan dalam sesi praktikum tidak efektif dikarenakan perlu banyak waktu yang dibutuhkan oleh mahasiswa untuk merangkai komponen dan bahan-bahan praktikum. Hal ini disebabkan karena kurangnya pemahaman dan pengalaman beberapa mahasiswa dalam merangkai bahan-bahan dan komponen praktikum, sehingga pada proses tersebut membuat mahasiswa harus mencari pemahaman melalui teman atau dari internet.</li>
 </ol>
-</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Marketing<br></li>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Analisa Batasan Alur'''</div>===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Membuat daftar pelanggan sesuai dengan segmentasi yang diinginkan perusahaan, melakukan proses penjualan sesuai daftar target yang sudah ditentukan dan disepakati bersama, dan melaksanakan pengendalian perhitungan harga jual produk kepada pelanggan dan dapat melaksanakan pengembangan pasar lokal.</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 batasan pada analisa alur yang dilakukan penulis, penelitian yang dilakukan oleh penulis adalah untuk memudahkan para dosen menyampaikan serta memberikan pemahaman materi kepada mahasiswa dan mahasiswa dapat memahami materi pembelajaran pada mata kuliah interfacing lebih efektif dan efisien.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+Production<br></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Mengoperasikan mesin/ alat yang menjadi tanggung jawabnya, bekerja sesuai SOP (''Standar Operational Procedure''), bekerja sesuai target yang ditentukan perusahaan, memberikan informasi pada saat pergantian shift, memastikan lingkungan kerja terjaga kerapihan tugas dan kebersihannya, dan memastikan laporan kerja dibuat sebagai bahan pertanggung jawaban nantinya. Untuk mengoptimalkan pelaksanaan proses produksi cetak, maka perlu ditetapkan tugas dan tanggung jawab setiap operator cetak, sehingga dengan penetapan ini perhatian operator akan terfokus pada tugasnya, meliputi :</p></div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Alternatif Pemecahan Masalah'''</div>===
+<ol type='a'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Customer Service Division''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Bertugas mengurus orderan customer, mengelola website perusahaan, memberikan layanan informasi seperti masa promo, diskon 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">Setelah mengamati hingga meneliti dari beberapa permasalahan yang terjadi, terdapat beberapa alternatif pemecahan dari masalah yang dihadapi, yaitu :</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Design & Pre Press Division''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Bertugas membuat desain/setting desain sesuai spesifikasi yang diberikan customer dan memeriksa & meningkatkan kualitas desain yang diterima supaya hasil cetak lebih maksimal.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Digital Offset Division''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Bertugas untuk mencetak barang yang berbahan kertas dengan minimal cetakan 500 pcs.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Plotter & Large Format Division''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Plotter & large format division dibagi menjadi 2 yaitu indoor dan outdoor. </p></div>
+<ol type='square'>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Indoor yaitu menghasilkan cetakan berupa gambar atau grafik yang prima. Mesin digital Indoor ini biasa digunakan untuk mencetak dibahan seperti sticker, backlite, albatros dan bahan indoor 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">
+Outdoor yaitu mesin digital printing yang biasa digunakan untuk mencetak bahan-bahan seperti spanduk, banner, neonbox, billboard dan bahan outdoor lainnya. </p></div></ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Laser &  Finishing Division''</p></li>
+<ol type='a'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Laser division bertugas untuk mencetak barang yang berbahan akrilik dan lain lain.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Finishing bertugas seperti laminating stiker, proses poli, dan proses pond.</p></li></ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+''Delivery''</p></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Bertugas untuk mengantar barang ke alamat customer sesuai dengan pesanannya.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
-<ol>
-  <li style="text-align: justify;line-height: 2;">Pembuatan trainer interface mikrokontroler dapat dijadikan sebagai alat praktikum pada proses pembelajaran yang dapat membantu mahasiswa untuk memahami teori dan prakteknya dalam penerapan mengenai teknik interfacing mikrokontroler dengan modul modul menggunakan beberapa protokol interface.</li>
-    <li style="text-align: justify;line-height: 2;">Diharapkan dengan adanya alat trainer interface mikrokontroler ini dapat membantu mahasiswa maupun dosen dalam penyampaian dan pemahaman materi, karena trainer ini dibuat dengan mempertimbangkan kemudahan pada saat penggunaannya.</li>
-    <li style="text-align: justify;line-height: 2;">Dengan adanya alat praktikum berupa modul trainer dapat meningkatkan efisiensi pada proses pembelajaran pada mata kuliah interfacing.</li>
 </ol>
-</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+''Security''<br></li>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Mempertahankan lingkungan dengan memantau dan pengaturan bangunan dan kontrol peralatan, melakukan tindakan preventif keamanan, dan melindungi lingkungan perusahaan dari setiap gangguan keamanan, serta menegakkan peraturan dan tata tertib yang berlaku dilingkungan kerjanya. </p></div>
+=='''Tata Laksana Sistem Yang Berjalan'''==
+===Prosedur Sistem Yang Berjalan===
-=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB V'''</div>=
+<ol>
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''HASIL DAN PEMBAHASAN'''</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Setiap hari admin stok mengambil voucher pengambilan barang</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Voucher yang sudah diambil lalu di input ke excel</p></li>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perancangan Sistem yang Diusulkan'''</div>==
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Jika barang di gudang sudah menipis, admin stok akan membuat request order dan diberikan kepada purchasing</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sistem yang diusulkan berupa rancangan sebuah media pembelajaran untuk digunakan pada proses praktikum di mata kuliah interfacing, media pembelajaran tersebut merupakan modul trainer interface mikrokontroler yang berbasis ESP32 karena pada sistem trainer ini menggunakan mikrokontroler ESP32. Trainer yang dirancang akan ditujukan untuk membantu pemakainya dalam memahami konsep dan penerapan interfacing pada mikrokontroler. Di mata kuliah interfacing mahasiswa akan mendapatkan teori pemahaman teknik interfacing dengan mikrokontroler, seperti penggunaan protokol interface SPI, I2C, dan UART dalam melakukan pengiriman dan pembacaan data antara mikrokontroler dengan komponen elektronik yang memiliki interface tersebut. Sedangkan pada sesi praktikum mahasiswa akan diajarkan untuk menerapkan teknik interfacing mikrokontroler dengan menggunakan beberapa komponen seperti mikrokontroler arduino dan sensor ataupun display. Sistem yang dirancang berupa alat trainer interface mikrokontroler akan menunjang kegiatan pembelajaran di mata kuliah interfacing pada sesi praktikum, karena trainer dapat digunakan untuk memahami konsep interfacing mikrokontroler dengan mempraktikan secara langsung menggunakan komponen komponen pendukung yang juga menggunakan interface sesuai dengan materi yang diajarkan pada mata kuliah interfacing.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Purchasing akan mengecek dan akan membuat purchase order</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Purchase order yang sudah dibuat akan diberikan ke bagian finance untuk ditanda tangani.</p></li>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Flowchart Sistem yang Diusulkan'''</div>===
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Purchase order yang sudah ditanda tangani akan segera dipesan oleh bagian purchasing.</p></li>
-<div id="g51" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-yg3IjwnHQyY/XVvlnFd1l9I/AAAAAAAAEbY/W_LxlQX9-lMc7SMvtE5mdPDIIki4FeBZACK8BGAs/s0/2019-08-20.png"/></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.1''' Flowchart Sistem yang Diusulkan</p></div>
+Jika barang sudah datang admin stok akan mencatat barang masuk dan keluar.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dapat dijelaskan gambar 5.1 Flowchart sistem yang diusulkan pada kegiatan pembelajaran pada mata kuliah Interfacing yang berjalan saat ini yaitu :</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Admin stok akan membuat laporan persediaan barang akhir yang bersifat terbuka setiap minggunya.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
-<ol>
-  <li style="text-align: justify;line-height: 2;">Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.</li>
-    <li style="text-align: justify;line-height: 2;">Terdapat 1 (satu) simbol yang menyatakan proses input, yaitu dosen memberikan materi kepada mahasiswa.</li>
-    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol proses, yang menyatakan proses mahasiswa dalam memahami dan mencatat materi yang diberikan dosen serta proses pada saat praktikum berlangsung yang menggunakan alat trainer sebagai media praktikum.</li>
-    <li style="text-align: justify;line-height: 2;">Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum dalam proses pembelajaran pada mata kuliah interfacing.</li>
 </ol>
-</div>
+===Rancangan Prosedur Sistem Yang Berjalan===
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perancangan dan Pembuatan Alat'''</div>==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Dalam menggambarkan proses yang sedang berjalan, penelitian ini menggunakan  program Unified Modelling Language (UML) berupa diagram dan beberapa diagram yang digunakan diantaranya <i>use case diagram, sequence diagram, dan activity diagram</i>.</p></div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konfigurasi Sistem Usulan'''</div>===
+====<i>Use Case Diagram</i>====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada perancangan sistem usulan ini terdapat komponen ''hardware'' dan ''software'' yang digunakan untuk melakukan prototyping, perancangan dan pembuatan sistem. Adapun perangkat keras (''hardware'') dan perangkat lunak (''software'') yang digunakan dapat dilihat sebagai berikut:</p></div>
+<div align="center"><img width="50%" height="50%" style="margin:0px" src="
+https://i.postimg.cc/TwsvfL53/3-5-Use-Case-Berjalan.png></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Gambar 3.5 Use Case Diagram Persediaan Barang
+</b></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Berdasarkan gambar 3.5 ''Use Case Diagram'' diatas terdapat :</p></div>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Spesifikasi Hardware'''</div>====
+<ol type='1'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Terdapat 1 sistem yang mencangkup seluruh kegiatan mulai dari pengecekan stok barang yang tersedia sampai kegiatan laporan persediaan barang kepada pimpinan.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Spesifikasi perangkat keras (hardware) dibawah ini merupakan perangkat keras atau komponen yang digunakan untuk membangun alat trainer, setiap komponen memiliki fungsi dan kegunaannya masing-masing. Adapun perangkat keras (hardware) sebagai berikut:</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Terdapat 3 Actor dalam proses kegiatan yang berjalan, yaitu Admin Stock, Purchasing, dan Finance.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Terdapat 7 Case kegiatan yang dilakukan oleh actor – actor tersebut. </p></li></ol>
+====<i>Activity Diagram</i>====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+<i>Activity Diagram </i>menggambarkan berbagai alur aktivitas dalam sistem yang dirancang, bagaimana masing-masing alur berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity Diagram juga menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.</p></div>
+<div align="center"><img width="50%" height="50%" style="margin:0px" src="
+https://i.postimg.cc/dQ7LdGBn/3-6-Activity-Berjalan.png></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Gambar 3.6 ''Activity Diagram'' Persediaan Barang
+</b></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Berdasarkan gambar 3.6 ''Activity Diagram'' diatas terdapat :</p></div>
+<ol type='1'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Terdapat 1 ''Initial Node'' merupakan awal proses kegiatan </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Terdapat 11 ''action'' yang mencerminkan eksekusi suatu aksi.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Terdapat 3 ''Swimline'' yaitu Admin Stock, Purchasing, dan Finance </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Terdapat 1 ''Final'' Node yang merupakan akhir proses kegiatan </p></li></ol>
+====<i>Sequence Diagram</i>====
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+<i>Sequence Diagram </i> menjelaskan secara detail urutan proses yang di lakukan dalam sistem untuk mencapai tujuan dari use case: interaksi yang terjadi antar class, operasi apa saja yang terlibat, urutan antar operasi, dan informasi yang diperlukan oleh masing-masing operasi.</p></div>
+<div align="center"><img width="60%" height="60%" style="margin:0px" src="
+https://i.postimg.cc/L6L5QRG1/3-7-Sequence-Berjalan.png></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Gambar 3.7 Sequence Diagram Persediaan Barang
+</b></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Berdasarkan Gambar 3.7 Sequence Diagram diatas terdapat :</p></div>
+<ol type='1'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Terdapat 3 Actor  terdiri dari : Admin Stock, Purchasing, dan Finance</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Terdapat 5 Lifeline terdiri dari : Voucher Barang, Request Order, Purchase Order, Barang, dan Laporan Persediaan.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Terdapat 10 Message memberikan informasi - informasi tentang gambaran aktivitas yang berlangsung pada proses kegiatan yang dilakukan oleh actor tersebut.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
-<ol>
-  <li style="text-align: justify;line-height: 2;">ESP32</li>
-    <li style="text-align: justify;line-height: 2;">Sensor Tekanan Udara BMP180</li>
-    <li style="text-align: justify;line-height: 2;">Modul Real Time Clock RTC DS3231</li>
-    <li style="text-align: justify;line-height: 2;">OLED Display SSD1306 128x64</li>
-    <li style="text-align: justify;line-height: 2;">Buzzer</li>
-    <li style="text-align: justify;line-height: 2;">Potensiometer</li>
-    <li style="text-align: justify;line-height: 2;">Push button</li>
-    <li style="text-align: justify;line-height: 2;">LED</li>
-    <li style="text-align: justify;line-height: 2;">Logic Level Converter</li>
-    <li style="text-align: justify;line-height: 2;">Transistor NPN</li>
-    <li style="text-align: justify;line-height: 2;">Resistor</li>
-    <li style="text-align: justify;line-height: 2;">Dioda</li>
-    <li style="text-align: justify;line-height: 2;">Regulator Tegangan</li>
-    <li style="text-align: justify;line-height: 2;">Jack DC</li>
-    <li style="text-align: justify;line-height: 2;">Pin Header Male</li>
 </ol>
-</div>
+=='''Analisis Sistem Yang Berjalan'''==
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Spesifikasi Software'''</div>====
+===Metode Analisis PIECES===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada spesifikasi perangkat lunak (software) dibawah ini merupakan aplikasi yang digunakan dalam proses prototyping, perancangan, pembuatan dan pemrograman alat trainer interface mikrokontroler, 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">
+Untuk mengidentifikasi masalah, harus dilakukan analisis terhadap kinerja, informasi, ekonomi, keamanan aplikasi, efesiensi dan pelayanan-pelayanan. Panduan ini dikenal dengan Analisi PIECES (Performance, Information, Economy, Control, Efeciency, Service). Dari analisis ini biasanya yang muncul bukan masalah utama, tetapi hanya gejala dari masalah utama saja. </p></div>
+<div align="center"><img width="40%" height="40%" style="margin:0px" src="
+https://i.postimg.cc/XJq6RcJP/3-8-Tabel-Pieces-1.png></div>
+<div align="center"><img width="40%" height="40%" style="margin:0px" src="
+https://i.postimg.cc/NLqh234h/3-8-Tabel-Pieces-2.png></div>
+<div align="center"><img width="40%" height="40%" style="margin:0px" src="
+https://i.postimg.cc/5yFd048q/3-8-Tabel-Pieces-3.png></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Tabel 3.8 Analisis PIECES
+</b></div>
+===Metode Analisa Masukan, Analisa Proses, Analisa Keluaran===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 <ol>
-  <li style="text-align: justify;line-height: 2;">Arduino IDE 1.8.9</li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-    <li style="text-align: justify;line-height: 2;">EasyEDA ''Online''</li>
+Analisa Masukan</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 analisa masukan berisi tentang semua data yang merupakan masukan (''input'') dimana terdiri dari Nama Masukan, Fungsi, Sumber, Media, dan Frekunsi. Berikut analisa masukan dari sistem yang berjalan.</p></div>
+<ol type='a'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Nama Masukan : Voucher Pengambilan Barang<br>
+Fungsi :  Sebagai bukti untuk barang yang sudah terpakai<br>
+Sumber :  Operator<br>
+Media :  Kertas<br>
+Frekuensi : Setiap operator yang mengambil barang harus mengisi kartu stok<br>
+</p></li>
 </ol>
-</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Analisa Proses
+</p></li>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Diagram Blok'''</div>===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Pada analisa proses memuat tentang semua proses yang digunakan untuk menyelesaikan suatu masalah. Berikut analisa proses dari sistem yang berjalan :</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Perancangan perangkat keras dari alat trainer interfacing mikrokontroler ini membutuhkan beberapa komponen dan modul modul yang saling terhubung dengan mikrokontroler. Agar mempermudah dalam memahami alur kerja dari alat ini maka penulis membuat diagram blok beserta keterangan dari setiap komponen.</p></div>
+<ol type='a'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Nama Modul : Permintaan Barang<br>
+Masukan : Form Request Order<br>
+Keluaran : Form Purchase Order<br>
+Ringkasan Proses : Proses ini bermula dari permintaan barang kemudian purchasing akan cek laporan stok barang sebelumnya jika stok barang sudah habis maka akan dibuatkan form purchase order.<br>
-<div id="g52" align="center"><img width="700px" src="https://lh3.googleusercontent.com/-r41iDmXQyLE/XVvp_JM8lQI/AAAAAAAAEbk/L0UWS0A_UjciFfNyv7y6Mzd5XrwiinZTQCK8BGAs/s0/2019-08-20.png"/></div>
+</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.2''' Diagram Blok</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">Keterangan:</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Analisa Keluaran
+</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 analisa proses memuat tentang semua informasi dari proses yang dijalankan dan sudah sesuai dengan format tertentu. Berikut analisa proses dari sistem yang berjalan.</p></div>
+<ol type='a'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Nama Keluaran : Surat Jalan <br>
+Fungsi : Sebagai bukti jumlah barang yang datang<br>
+Media : Kertas<br>
+Rangkap : 2 Rangkap<br>
+Distribusi : Admin Stok<br>
+</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Nama Keluaran : Laporan Permintaan & Pengeluaran Barang<br>
+Fungsi         : Untuk mengetahui laporan permintaan dan pengeluaran barang<br>
+Media : Kertas<br>
+Rangkap : 2 Rangkap<br>
+Distribusi : Finance<br>
+</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
-<ol>
-  <li style="text-align: justify;line-height: 2;">Mikrokontroler ESP32 sebagai pusat kendali seluruh rangkaian trainer untuk menyimpan dan menjalankan program untuk memproses data dari ''input'' dan mengolahnya kemudian data yang sudah di proses ditampilkan pada ''output'' yang terhubung pada mikrokontroler.</li>
-    <li style="text-align: justify;line-height: 2;">Modul RTC DS3231 sebagai komponen input yang memberikan data kepada mikrokontroler. Komponen ini dapat menyimpan data waktu seperti jam, menit, detik, hingga hari bulan dan tahun yang akan dibaca oleh mikrokontroler melalui ''interface'' I2C. Pada rangkaian trainer, komponen ini berfungsi untuk mensimulasikan komunikasi dengan mikrokontroler melalui protokol ''interface'' I2C pada saat penggunaan alat trainer ini.</li>
-    <li style="text-align: justify;line-height: 2;">OLED ''Display'' sebagai komponen ''output'' yang akan menampilkan teks atau gambar dari mikrokontroler yang menggunakan ''interface'' SPI untuk berkomunikasi dengan mikrokontroler. Pada penggunaan trainer ini, OLED ''Display'' dipakai untuk mempraktekkan komunikasi mikrokontroler dengan ''display'' menggunakan protokol ''interface'' SPI pada penggunaan alat trainer.</li>
-    <li style="text-align: justify;line-height: 2;">BMP180 sebagai komponen ''input'' yang memberikan data berupa tekanan udara dan suhu pada mikrokontroler, berfungsi untuk mempraktekkan komunikasi dengan mikrokontroler menggunakan protokol ''interface'' I2C yang jalur data nya akan di paralel dengan modul RTC pada penggunaan trainer karna komponen ini menggunakan interface I2C untuk berkomunikasi.</li>
-    <li style="text-align: justify;line-height: 2;">Potensiometer merupakan komponen ''input'' yang berfungsi sebagai bahan praktik untuk mempelajari penerapan pembacaan data analog ''input'' oleh mikrokontroler pada penggunaan alat trainer.</li>
-    <li style="text-align: justify;line-height: 2;">LED sebagai komponen ''output'' yang berfungsi untuk menampilkan digital output dari mikrokontroler.</li>
-    <li style="text-align: justify;line-height: 2;">Pin header merupakan konektor untuk ''input output'' dari mikrokontroler dengan komponen lain, pada trainer ini terdapat empat kelompok pin header yang merupakan ekspansi dari pin ''interface'' SPI, I2C, dan UART serta beberapa pin GPIO pada mikrokontroler ESP32. Pin header pada trainer ini berfungsi sebagai antarmuka trainer agar dapat dihubungkan dengan modul eksternal.</li>
 </ol>
-</div>
+</ol>
+=='''Konfigurasi Sistem Berjalan'''==
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Pembuatan Alat'''</div>===
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Spesifikasi <i>Hardware</i> </p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Proses pembuatan alat trainer interface mikrokontroler ini terdiri dari beberapa tahapan, yaitu mulai dari penentuan spesifikasi dari alat berdasarkan hasil analisis dan pengumpulan data, pengadaan komponen dan bahan, perancangan skematik diagram, prototyping, mendesain dan membuat PCB, perakitan komponen ke PCB, serta beberapa rangkaian uji coba alat.</p></div>
+<ol type='a'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Processor  : Intel Celeron 1.80 GHz
+</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Monitor  : LCD 14”
+</p></li>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perancangan Skematik Diagram'''</div>====
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Mouse          : Ps2
+</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sebelum melakukan pembuatan keseluruhan alat, maka dibutuhkan desain skematik sebagai acuan dalam merancang alat, bagaimana seluruh komponen saling terhubung akan digambarkan pada skematik rangkaian. Penulis menggunakan software EDA (''electronic design automatio''n) bernama EasyEDA yang berbasis ''online'' sebagai ''software'' untuk merancang skematik diagram.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+RAM          : 2 GB
+</p></li>
-<div id="g53" align="center"><img width="900px" src="https://lh3.googleusercontent.com/-Cxs49XClAzk/XVvrQgk4uoI/AAAAAAAAEbw/XAztDnU6IYcwXdE11CSK6mWycjlMPFRgACK8BGAs/s0/2019-08-20.png"/></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.3''' Skematik Rangkaian Alat</p></div>
+Storage        : HDD (320 GB)
+</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dalam gambar skematik terdapat gambar dan simbol dari setiap komponen yang digunakan pada trainer interface mikrokontroler, setiap komponen saling terhubung sesuai fungsi dari kegunaan trainer interface mikrokontroler ini. Dalam merancang skematik penulis menggunakan fungsi NetPort agar desain skematik terlihat lebih rapi dan lebih mudah untuk dipahami.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Peripheral      : Mouse dan Keyboard
+</p></li>
-<div id="g54" align="center"><img width="300px" src="https://lh3.googleusercontent.com/--U3vLhq51y4/XVvrjfooDgI/AAAAAAAAEb4/knah0HJOgmESQaypf0deQlw5HAAsWG5EQCK8BGAs/s0/2019-08-20.png"/></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.4''' Simbol NetPort</p></div>
+Keyboard : Compatible Ps2
+</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dengan menggunakan NetPort maka rancangan skematik akan terlihat ringkas dan bersih karena tidak perlu menarik garis untuk menghubungkan pin antar komponen yang letak nya berjauhan, cukup dengan memberi nama pada NetPort di kedua pin komponen yang akan dihubungkan.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Printer         : Hp Deskjet Ink Adv 2060 K110
+</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">Setiap komponen akan dihubungkan dengan komponen lain sesuai fungsi dan memperhatikan ketentuan dari setiap ''datasheet'' komponen, mikrokontroler ESP32 terdapat beberapa pin GPIO (''General Purpose Input Output'') yang masing masing pin nya memiliki berbagai seperti pin out untuk protokol ''interface'' SPI, I2C, UART serta pin out untuk ADC (''Analog Digital Converter'') dan GPIO seperti yang terlihat pada gambar 5.5</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Spesifikasi <i>Software</i>
+</p></li>
-<div id="g55" align="center"><img width="700px" src="https://lh3.googleusercontent.com/-kNW_SPG7l9U/XVvr98J1WfI/AAAAAAAAEcA/Yfc--vj8dB0NDthTWVarCIXRF74j84o8ACK8BGAs/s0/2019-08-20.png"/></div>
+<ol type='a'>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.5''' Pin Out ESP32</p><p style="line-height:2">Sumber: http://circuits4you.com</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Windows 7 (''Operating System'')
+</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sesuai pada gambar 5.3 skematik rangkaian, komponen dengan ''interface'' SPI yaitu OLED Display akan dihubungkan dengan mikrokontroler ESP32 sesuai dengan jalur data yang ditetapkan pada protokol SPI, begitupun dengan komponen yang memiliki ''interface'' I2C seperti IC RTC DS3231 dan sensor tekanan udara BMP180 akan dihubungkan dengan jalur data I2C di mikrokontroler ESP32. Untuk komponen LED akan dihubungkan dengan pin GPIO2 pada ESP32.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Microsoft Office 2016
+</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Khusus pada blok rangkaian potensiometer, buzzer, dan keempat ''push button'' akan dihubungkan dengan beberapa pin GPIO pada ESP32 namun jalur sinyal yang menjadi penghubung akan diputus dan melalui saklar berjenis DIP ''switch'' agar nantinya pada saat penggunaan trainer, ketiga jenis komponen tersebut dapat diaktifkan maupun dinonaktifkan.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Google Chrome
+</p></li>
+</ol>
-<div id="g56" align="center"><img width="700px" src="https://lh3.googleusercontent.com/-Z3wgbFjg2xM/XVvseggnoVI/AAAAAAAAEcM/0Ea1UuNuheg8RTWLh14L3pDHokvCqWM0ACK8BGAs/s0/2019-08-20.png"/></div>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.6.''' Blok Rangkaian Push Button, Potensiometer dan Buzzer</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 rangkaian empat buah ''push button'', masing masing terdapat komponen resistor ''pull down'', resistor ''pull down'' ini berfungsi agar pada saat ''button'' tidak ditekan, nilai input dari ''push button'' tidak mengambang (''float state'') antara ''high'' atau ''low'' dan akan membuat nilai input menjadi ''low'' pada saat ''push button'' tidak ditekan.</p></div>
+=='''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">
+Ada beberapa permasalahan pada sistem berjalan saat ini, diantaranya adalah :</p></div>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perancangan Desain PCB'''</div>====
+<ol type'1'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Untuk mengetahui jumlah persediaan barang yang tersedia diperlukan waktu yang cukup lama karena admin stock harus menginput kartu stok ke excel dan mengecek secara langsung jumlah stok fisik.</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Agar semua komponen dapat saling terhubung dan tertata rapi dalam satu alat serta alat dapat digunakan dengan mudah, maka perlu dibuat PCB yang didesain menggunakan ''software'' EasyEDA. Pada layout PCB dibuat jalur sinyal yang menghubungkan antar pin kaki komponen sesuai skematik yang telah dibuat, kemudian terdapat ''silk screen'' pada permukaan PCB yang berfungsi untuk memberikan keterangan atau tanda pada komponen yang dirangkai pada PCB.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Pembuatan kartu stok barang masih tidak efisien karena dilakukan secara manual dan masih memungkinkan terjadinya kesalahan dalam pembuatan laporan karena antara laporan dan fisik barangnya tidak sesuai.</p></li>
-<div id="g57" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-GLcbknhdaf0/XVzCUbITFaI/AAAAAAAAEcY/rTi4vFII3Tohx7CpR3fN1piO2iAqghlswCK8BGAs/s0/2019-08-20.png"/></div>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.7''' Desain PCB Sisi Atas</p></div>
-<div id="g58" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-7yOegDshbHE/XVzCWQ6yqaI/AAAAAAAAEcc/W3psj0GC4uQiJVMVwLeJN1xMK8hx7cAlgCK8BGAs/s0/2019-08-20.png"/></div>
+===Alternatif Pemecahan Masalah===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.8''' Desain PCB Sisi Bawah</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dalam pembuatan desain PCB juga perlu memperhatikan peletakan komponen sehingga memudahkan dalam membentuk jalur yang menghubungkan antar komponen serta rapi dan mudah digunakan. Untuk menghubungkan jalur antar komponen penulis menggunakan fitur autorouter, fitur ini akan membuat jalur antar pin komponen secara otomatis sesuai ketentuan yang sudah di atur seperti lebar jalur dan lebar lubang bor pada PCB.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Setelah mengamati hingga meneliti dari beberapa permasalahan yang terjadi, terdapat beberapa alternatif pemecahan dari masalah yang dihadapi, yaitu :</p></div>
+<ol>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Dilihat dari permasalahan yang ada pada sistem yang berjalan maka alternatif pemecahan masalah yang bisa membantu sistem kerja bagian admin stock yaitu dengan membuat rancangan sistem yang baru berbasis web, sehingga dalam penginputan data lebih aman, dan efisien.</p></li>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perakitan Alat'''</div>====
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Dilihat berdasarkan use case pengambilan kartu stok masih dilakukan secara manual dan dilakukan setiap hari juga sering kali kartu stok tidak ditulis oleh operator ataupun hilang sehingga terjadi perbedaan antara laporan dengan fisik barangnya oleh karna itu perlu dikembangkannya suatu sistem untuk memudahkan admin dalam membuat laporan.</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 PCB diproduksi sesuai desain yang telah dibuat, komponen komponen akan dirakit dan dipasang dengan PCB melalui proses penyolderan. Penyolderan dilakukan menggunakan teknik manual dengan bantuan timah, flux, dan pinset beserta cairan isopropyl alkohol untuk membersihkan PCB.</p></div>
+</ol>
-<div id="g59" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-7FVHtPWmDlU/XVzCYiMYB7I/AAAAAAAAEcg/HSdrxkp3Ig4u9hGzaGZpfQuH37WtONHDwCK8BGAs/s0/2019-08-20.png"/></div>
+=='''<i>User Requirment</i>'''==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.9''' Trainer Interface Mikrokontroler Sisi Atas</p></div>
+===Elisitasi Tahap I===
-<div id="g510" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-J2pXxcwtl3k/XVzCaU4COwI/AAAAAAAAEck/OWbOCOsbTRkeKZiQBRHAdOGZBWRYIfpUACK8BGAs/s0/2019-08-20.png"/></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 berisi seluruh rancangan sistem baru yang diusulkan oleh pihak manajemen terkait melalui proses wawancara.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.10''' Trainer Interface Mikrokontroler Sisi Bawah</p></div>
+<div align="center"><img width="50%" height="50%" style="margin:0px" src="
+https://i.postimg.cc/fbyTpPbm/3-9-Elisitasi-I-Bag-1-coba.png></div>
+<div align="center"><img width="50%" height="50%" style="margin:0px" src="
+https://i.postimg.cc/ydDYmzFW/3-9-Elisitasi-1.png></div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Pengujian Sistem'''</div>==
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Tabel 3.2 Elisitasi Tahap I
+</b></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 akan dilakukan serangkaian uji coba untuk memastikan fungsionalitas sistem yang dibuat berjalan sesuai apa yang diinginkan serta pengujian untuk menemukan kesalahan fungsi atau error pada sisi program maupun perangkat keras.</p></div>
+===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. Berikut lampiran elisitasi tahap II yang telah dibuat.</p></div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Black Box Testing'''</div>===
+<div align="center"><img width="55%" height="55%" style="margin:0px" src="
+https://i.postimg.cc/65yssGJ2/3-10-Elisitasi-II-Bag-1-coba-1.png></div>
+<div align="center"><img width="55%" height="55%" style="margin:0px" src="
+https://i.postimg.cc/qqK7QDL0/3-10-Elisitasi-II-Bag-2-coba.png></div>
+<div align="center"><img width="55%" height="55%" style="margin:0px" src="
+https://i.postimg.cc/yNQ83N3w/3-10-Elisitasi-2.png></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut adalah tabel Black Box Testing trainer interface mikrokontroler berdasarkan kegunaan fitur yang dimiliki.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Tabel 3.10 Elisitasi Tahap II
+</b></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: left;">'''Pengujian Black Box Saat Praktik Interface SPI'''</div>====
+<ol type="square">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+M <i>(Mandatory)</i> : Penting atau dibutuhkan </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+D <i>(Desirable)</i> : Diinginkan tapi tidak terlalu penting.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+I <i>(Inessential)</i> : Bukanlah bagian dari sistem dan dieliminasi</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">Pengujian ini bertujuan untuk memastikan trainer dapat bekerja dengan baik saat digunakan untuk mempraktikkan konsep interface SPI mikrokontroler dengan komponen OLED Display SPI.</p></div>
+===Elisitasi Tahap III===
-<div id="t51" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.1''' BlackBox Testing Fungsi Interface SPI</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">Berdasarkan elisitasi tahap II diatas, dibentuklah suatu elisitasi tahap ke III yang kemudian diklasifikasikan kembali dengan menggunakan metode TOE (''Technical, Operational, Economy'') dengan option HML.</p></div>
- <table align="center" width="586" border="1">
- <tr>
- <td width="37">No</td>
- <td width="123">Skenario Pengujian</td>
- <td width="95">Tes Case</td>
- <td width="132">Hasil yang diharapkan</td>
- <td width="104">Hasil  Pengujian</td>
- <td width="95">Kesimpulan</td>
- </tr>
- <tr>
- <td width="37">1</td>
- <td width="123">Memprogram trainer dengan <em>example code</em> penampil teks dan gambar pada OLED Display SPI</td>
- <td width="95"><img width="100px" src="https://lh3.googleusercontent.com/-8FEI4S4QAwI/XVzFxXITR5I/AAAAAAAAEcw/qpuLEvRfIJYxl4eN4QGAzD0fB0ZwxznbgCK8BGAs/s0/2019-08-20.png"/></td>
- <td width="132">OLED Display menampilkan teks dan gambar dengan baik.</td>
- <td width="104"><img width="100px" src="https://lh3.googleusercontent.com/-MjoVLvF3r_E/XVzFzgRcKkI/AAAAAAAAEc0/P9A1eNC2icYh8EhQqu8MgjD_d-_LmD-ngCK8BGAs/s0/2019-08-20.png"/></td>
- <td width="95">Valid</td>
- </tr>
- </table>
-</div>
+<div align="center"><img width="55%" height="55%" style="margin:0px" src="
+https://i.postimg.cc/28nZgngT/3-11-Elisitasi-III-Bag-1.png></div>
+<div align="center"><img width="55%" height="55%" style="margin:0px" src="
+https://i.postimg.cc/P5dX6Dmg/3-11-Elisitasi-3.png></div>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Pengujian Black Box Saat Praktik Interface I2C'''</div>====
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Tabel 3.11 Elisitasi Tahap III
+</b></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pengujian ini bertujuan untuk memastikan trainer dapat bekerja dengan baik saat digunakan untuk mempraktikkan konsep interface I2C mikrokontroler dengan komponen sensor BMP180 dan RTC DS3231.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Keterangan :</p></div>
-<div id="t52" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.2''' BlackBox Testing Fungsi Interface I2C</p></div>
+<ol type="square">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+T artinya <i>Technical</i> Technical (Bagaimana tata cara / teknik pembuatan requirement tersebut dalam sistem yang diusulkan)</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+O artinya <i>Operational</i> (Bagaimana tata cara penggunaan requirement tersebut dalam sistem yang akan dikembangkan)</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+E artinya <i>Economy</i> (Berapakah biaya yang diperlukan guna membangun requirement tersebut didalam sistem)</p></li></ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
- <table align="center" width="586" border="1">
+Metode TOE tersebut dibagi kembali menjadi beberapa <i>option</i>, yaitu:</p></div>
- <tr>
- <td width="37">No</td>
- <td width="123">Skenario Pengujian</td>
- <td width="95">Tes Case</td>
- <td width="132">Hasil yang diharapkan</td>
- <td width="104">Hasil  Pengujian</td>
- <td width="95">Kesimpulan</td>
- </tr>
- <tr>
- <td width="37">1</td>
- <td width="123">Memprogram trainer dengan <em>example code</em> membaca data tekanan udara dan suhu dari sensor BMP180</td>
- <td width="95"><img width="100px" src="https://lh3.googleusercontent.com/-V_zjCiD44M4/XVzIfuggF6I/AAAAAAAAEdA/s-Tbrw1KFzEvT-duw3dWCcIAOVVfplX4QCK8BGAs/s0/2019-08-20.png"/></td>
- <td width="132">Data kondisi tekanan udara dan suhu terbaca pada serial monitor.</td>
- <td width="104"><img width="100px" src="https://lh3.googleusercontent.com/-csnj5hjizUw/XVzIgS2Xa8I/AAAAAAAAEdE/FJ5yhGqphCUdT1BhhiMJfVPjfD_QkA4gwCK8BGAs/s0/2019-08-20.png"/></td>
- <td width="95">Valid</td>
- </tr>
- <tr>
- <td width="37">2</td>
- <td width="123">Memprogram trainer dengan <em>example code</em> mengatur jam serta membaca data waktu dan tanggal.</td>
- <td width="95"><img width="100px" src="https://lh3.googleusercontent.com/-k3XnHoif9d4/XVzIqS524yI/AAAAAAAAEdI/DtvfVm5ywFEmfRN7pYgBZZVrZhSqn3h-QCK8BGAs/s0/2019-08-20.png"/></td>
- <td width="132">Data waktu dan tanggal terbaca pada serial monitor.</td>
- <td width="104"><img width="100px" src="https://lh3.googleusercontent.com/-OOuOSRjiSXs/XVzIrpsrDEI/AAAAAAAAEdM/21Q1DakXjfw4mq7PfYt6Y2uiQ8wdcwcpgCK8BGAs/s0/2019-08-20.png"/></td>
- <td width="95">Valid</td>
- </tr>
- </table>
-</div>
+<ol type="square">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<i>High</i> (H) : Sulit untuk dikerjakan, karena tehnik pembuatan dan pemakaiannya sulit serta biayanya mahal, sehingga requirement tersebut harus diimplementasi.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<i>Middle</i> (M) : Mampu untuk dikerjakan.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+<i>Low </i>(L) : Mudah untuk dikerjakan.</p></li></ol>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Pengujian Black Box Saat Praktik Interface UART'''</div>====
+===<i>Final Draft</i> Elisitasi===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pengujian ini bertujuan untuk memastikan trainer dapat bekerja dengan baik saat digunakan untuk mempraktikkan konsep interface UART mikrokontroler dengan komponen lain di luar rangkaian trainer. Komponen tersebut yaitu mikrokontroler arduino uno yang sudah di program untuk menerima data serial yang ditampilkan pada LCD arduino.</p></div>
-<div id="t53" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.3''' BlackBox Testing Fungsi Interface UART</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">''Final Draft'' merupakan hasil final yang dicapai dari suatu proses elisitasi yang dapat digunakan sebagai dasar pembuatan suatu sistem yang akan dikembangkan.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;">
+<div align="center"><img width="55%" height="55%" style="margin:0px" src="
- <table align="center" width="586" border="1">
+https://i.postimg.cc/YCkW7hH7/3-12-Final-Elisitasi.png></div>
- <tr>
+<div align="center"><img width="55%" height="55%" style="margin:0px" src="
- <td width="37">No</td>
+https://i.postimg.cc/Qx8Wbh7d/1112.jpg></div>
- <td width="123">Skenario Pengujian</td>
- <td width="95">Tes Case</td>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
- <td width="132">Hasil yang diharapkan</td>
+Tabel 3.12 ''Final Draft'' Elisitasi
- <td width="104">Hasil  Pengujian</td>
+</b></div>
- <td width="95">Kesimpulan</td>
- </tr>
+=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB IV'''</div>=
- <tr>
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''RANCANGAN SISTEM YANG DIUSULKAN'''</div>
- <td width="37">1</td>
- <td width="123">Memprogram trainer dengan <em>example code</em> kirim dan terima data serial</td>
+=='''Rancangan Sistem yang Diusulkan'''==
- <td width="95"><img width="100px" src="https://lh3.googleusercontent.com/-zvs82yP4NfE/XVzP13ikIgI/AAAAAAAAEdY/xKMNEhxrL4EFxlpkXxaxODkyjDPGyJ9eACK8BGAs/s0/2019-08-20.png"/></td>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
- <td width="132">Trainer dapat mengirim dan menerima data serial melalui interface UART.</td>
+<p style="line-height: 2; text-indent: 0.5in">Setelah melakukan analisis dan penelitian sistem yang sedang berjalan pada sistem informasi persediaan barang, maka selanjutnya akan dibahas mengenai rancangan usulan sistem yang akan dibangun. Ada beberapa usulan prosedur yang bertujuan untuk mengoptimalkan fungsi sistem informasi persediaan barang yang sedang berjalan saat ini, yaitu merubah sistem pengolahan persediaan barang yang semula dilakukan secara semi komputerisasi menjadi sistem persediaan barang yang terkomputerisasi dan berbasis web. Maka langkah-langkah berikutnya yaitu perancangan atau desain sistem usulan yang bertujuan untuk menyempurnakan sistem yang lama dengan memberi gambaran atau pandangan yang jelas menurut proses desain sistem dari awal hingga akhir penelitian. Dalam menganalisa usulan prosedur yang baru pada penelitian ini digunakan program Visual Paradigm for UML Enterprise Edition Ver. 8.0 Personal Edition untuk menggambarkan ''use case diagram, activity diagram, sequence diagram, dan class diagram''</p>
- <td width="104"><img width="100px" src="https://lh3.googleusercontent.com/-cdOTf1W8rWg/XVzP2nBb8KI/AAAAAAAAEdc/oQfD_kbTeQswe-1GK1XYd59hM5CbloBZACK8BGAs/s0/2019-08-20.png"/></td>
- <td width="95">Valid</td>
- </tr>
- </table>
 </div>
+===Prosedur Sistem Usulan===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+<p style="line-height:2">Terdapat beberapa usulan prosedur baru, prosedur yang bertujuan untuk memperbaiki dan menyempurnakan sistem yang ada sekarang. Prosedur yang diusulkan yaitu :</p></div>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Pengujian Black Box Saat Praktik Digital Input / Output'''</div>====
+<ol type='1'>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pengujian ini bertujuan untuk memastikan trainer dapat bekerja dengan baik saat digunakan untuk mempraktikkan konsep digital input atau output mikrokontroler dengan komponen ''push button'', LED, dan buzzer.</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style= "line-height: 2">
+Operator</p></li>
-<div id="t54" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.4''' BlackBox Testing Fungsi Digital Input / Output</p></div>
+<ol type='a'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan login pada sistem.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menampilkan menu dashboard.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan input data barang keluar.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan logout pada sistem.</p></li>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
- <table align="center" width="586" border="1">
+Admin Stok</p></li>
- <tr>
- <td width="37">No</td>
- <td width="123">Skenario Pengujian</td>
- <td width="95">Tes Case</td>
- <td width="132">Hasil yang diharapkan</td>
- <td width="104">Hasil  Pengujian</td>
- <td width="95">Kesimpulan</td>
- </tr>
- <tr>
- <td width="37">1</td>
- <td width="123">Memprogram trainer dengan <em>example code</em> digital<em> read</em> membaca kondisi nilai dengan serial monitor saat <em>push button</em> ditekan.</td>
- <td width="95"><img width="100px" src="https://lh3.googleusercontent.com/-proMT0P1AW4/XVzWW3FuwzI/AAAAAAAAEdo/4DSrGCSxHGYWz_6AwMmei0ejFn4Sr2MkwCK8BGAs/s0/2019-08-20.png"/></td>
- <td width="132">Serial monitor menampilkan nilai kondisi dari setiap tombol yang ditekan</td>
- <td width="104"><img width="100px" src="https://lh3.googleusercontent.com/-dSw6knjW0-k/XVzWXS3iwSI/AAAAAAAAEds/24GfQC76lDMGM3dSkYTukegdgvtHTBKyACK8BGAs/s0/2019-08-20.png"/></td>
- <td width="95">Valid</td>
- </tr>
- <tr>
- <td width="37">2</td>
- <td width="123">Memprogram trainer dengan <em>example code</em> digital<em> write</em> menyalakan LED berkedip.</td>
- <td width="95"><img width="100px" src="https://lh3.googleusercontent.com/-jbEXOL_ELq4/XVzWYxde_rI/AAAAAAAAEdw/r2DtNA3oqIsu-0eD0f-a4WTQSk-roLWcQCK8BGAs/s0/2019-08-20.png"/></td>
- <td width="132">LED akan menyala berkedip (<em>blinking</em>) sesuai jeda yang ditetapkan dalam program</td>
- <td width="104"><img width="100px" src="https://lh3.googleusercontent.com/-uTuawcdvJ84/XVzWZhZynQI/AAAAAAAAEd0/hnKGxqpcyA8ycNbUhkwQmAQCQv-5Ev7WwCK8BGAs/s0/2019-08-20.png"/></td>
- <td width="95">Valid</td>
- </tr>
- <tr>
- <td width="37">3</td>
- <td width="123">Memprogram trainer dengan <em>example code</em> digital<em> write</em> menghidupkan buzzer.</td>
- <td width="95"><img width="100px" src="https://lh3.googleusercontent.com/-C6uD9E3zK-A/XVzWbDF04ZI/AAAAAAAAEd4/j2WH5DDLRzEBGnmtWquPQxHTyCBgdEgygCK8BGAs/s0/2019-08-20.png"/></td>
- <td width="132">Buzzer berbunyi</td>
- <td width="104">Buzzer berhasil berbunyi</td>
- <td width="95">Valid</td>
- </tr>
- </table>
-</div>
+<ol type='a'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan login pada sistem</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menampilkan menu dashboard</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menampilkan menu stock</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan input request order</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menampilkan menu purchase order</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan input barang masuk</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan approve barang keluar</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan input master data divisi</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan input master data supplier</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan input master data barang</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan input master data kategori detail</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan logout pada sistem</p>
+</ol>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Pengujian Black Box Saat Praktik Analog Input'''</div>====
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Purchasing</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pengujian ini bertujuan untuk memastikan trainer dapat bekerja dengan baik saat digunakan untuk mempraktikkan konsep analog input mikrokontroler dengan komponen potensiometer.</p></div>
+<ol type='a'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan login pada sistem</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menampilkan menu dashboard</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menampilkan menu stock</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan input purchase order</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menampilkan menu barang masuk</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menampilkan menu barang keluar</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan logout pada sistem</p>
+</ol>
-<div id="t55" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.5''' BlackBox Testing Fungsi Analog Input</p></div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Finance</p></li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;">
+<ol type='a'>
- <table align="center" width="586" border="1">
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
- <tr>
+Melakukan login pada sistem</p>
- <td width="37">No</td>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
- <td width="123">Skenario Pengujian</td>
+Menampilkan menu dashboard</p>
- <td width="95">Tes Case</td>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
- <td width="132">Hasil yang diharapkan</td>
+Menampilkan menu stock</p>
- <td width="104">Hasil  Pengujian</td>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
- <td width="95">Kesimpulan</td>
+Melakukan approval purchase order</p>
- </tr>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
- <tr>
+Melakukan logout pada sistem</p>
- <td width="37">1</td>
+</ol>
- <td width="123">Memprogram trainer dengan <em>example code</em> analog read untuk membaca nilai analog dengan serial monitor dari potensiometer yang diputar.</td>
- <td width="95"><img width="100px" src="https://lh3.googleusercontent.com/-lw8o7oGIfMQ/XVzW3kEFPtI/AAAAAAAAEeA/MxTkz1PUQYYzQpR69D9fwyT7EM3vyzIVACK8BGAs/s0/2019-08-20.png"/></td>
- <td width="132">Serial monitor menampilkan nilai analog dari pembacaan potensiometer yang diputar</td>
- <td width="104"><img width="100px" src="https://lh3.googleusercontent.com/-UO51MMIInBw/XVzW4hSPLbI/AAAAAAAAEeE/EW5whMDAQIc6EbMmIkWSrM5-gAoC1HGjACK8BGAs/s0/2019-08-20.png"/></td>
- <td width="95">Valid</td>
- </tr>
- </table>
-</div>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Admin</p></li>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Implementasi'''</div>==
+<ol type='a'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan login pada sistem</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menampilkan menu dashboard</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menampilkan menu stock</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menampilkan menu request order</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menampilkan menu purchase order</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menampilkan menu barang masuk</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Menampilkan menu barang keluar</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan input master data divisi</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan input master data supplier</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan input master data barang</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan input master data kategori detail</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan input master data user</p>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Melakukan logout pada sistem</p>
+</ol>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Wandanaya dan Wicaksono (2018:111)<ref name="cit wandan">Wandanaya, Anita Bawaiqki, dan Andrian Wicaksono. 2018. “Rancang Bangun Sistem Informasi Rencana Anggaran Biaya (Rab) Perusahaan Berbasis Web Pada PT. Bumitangerang Mesindotama”. CERITA Journal, Vol.4, No.2.</ref>, “Implementasi atau penerapan adalah tahap dimana desain sistem dibentuk menjadi suatu kode (program) yang siap untuk dioperasikan”.</p></div>
+=='''Diagram Rancangan Sistem'''==
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">''' ''Use Case Diagram'' yang Diusulkan '''</div>===
+<div align="center"><img width="500" height="500" style="margin:0px" src="https://i.postimg.cc/gJngcF4W/use-case-dwi-pdb.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Gambar 4.1 ''Usecase Diagram Persediaan Barang'' yang Diusulkan</b></div>
+<p>Berdasarkan gambar 4.1 Use Case Diagram sistem yang diusulkan terdapat :</p>
+<ol>
+ <li style="font-size: 12pt; font-family: 'times new roman' ;text-align: justify;">
+ <p style="line-height: 2">
+ Use Case : Login
+ <br>
+ Actor : Operator, Stok, Purchasing, Finance, dan Admin.
+ <br>
+ Scenario : Operator,stok, purchasing, finance, dan admin dapat melakukan login ke sistem.
+ <br>
+ </p>
+ </li>
+ <li style="font-size: 12pt; font-family: 'times new roman' ;text-align: justify;">
+ <p style="line-height: 2">
+ Use Case : Logout
+ <br>
+ Actor : Operator, Admin Stok, Purchasing, Finance, dan Admin.
+ <br>
+ Scenario : Operator, stok, purchasing, finance, dan admin dapat melakukan logout ke sistem.
+ <br>
+ </p>
+ </li>
+ <li style="font-size: 12pt; font-family: 'times new roman' ;text-align: justify;">
+ <p style="line-height: 2">
+ Use Case : Dashboard
+ <br>
+ Actor : Operator, Stok, Purchasing, Finance, dan Admin.
+ <br>
+ Scenario : Operator, stok, purchasing, spv finance, dan admin dapat menampilkan menu beranda pada sistem.
+ <br>
+ </p>
+ </li>
+ <li style="font-size: 12pt; font-family: 'times new roman' ;text-align: justify;">
+ <p style="line-height: 2">
+ Use Case : Barang
+ <br>
+ Actor : Stok dan Admin
+ <br>
+ Scenario : Stok dan admin dapat menambah, mengedit, dan menghapus menu barang.
+ <br>
+ </p>
+ </li>
+ <li style="font-size: 12pt; font-family: 'times new roman' ;text-align: justify;">
+ <p style="line-height: 2">
+ Use Case : Supplier
+ <br>
+ Actor : Stok dan Admin
+ <br>
+ Scenario : Stok dan admin dapat menambah, mengedit, dan menghapus menu supplier.
+ <br>
+ </p>
+ </li>
+ <li style="font-size: 12pt; font-family: 'times new roman' ;text-align: justify;">
+ <p style="line-height: 2">
+ Use Case : Divisi
+ <br>
+ Actor : Stok dan Admin
+ <br>
+ Scenario : Stok dan admin dapat menambah, mengedit, dan menghapus menu divisi.
+ <br>
+ </p>
+ </li>
+ <li style="font-size: 12pt; font-family: 'times new roman' ;text-align: justify;">
+ <p style="line-height: 2">
+ Use Case : Kategori Detail
+ <br>
+ Actor : Stok dan Admin
+ <br>
+ Scenario : Stok dan admin dapat menambah, mengedit, dan menghapus menu kategori detail.
+ <br>
+ </p>
+ </li>
+ <li style="font-size: 12pt; font-family: 'times new roman' ;text-align: justify;">
+ <p style="line-height: 2">
+ Use Case : User
+ <br>
+ Actor : Admin
+ <br>
+ Scenario : Admin dapat menambah, mengedit, dan menghapus menu user.
+ <br>
+ </p>
+ </li>
+ <li style="font-size: 12pt; font-family: 'times new roman' ;text-align: justify;">
+ <p style="line-height: 2">
+ Use Case : Request Order
+ <br>
+ Actor : Stok, Purchasing, Admin
+ <br>
+ Scenario : Stok dapat menambah menu request order. Purchasing dapat membuat purchase order. Admin dapat melihat menu request order.
+ <br>
+ </p>
+ </li>
+ <li style="font-size: 12pt; font-family: 'times new roman' ;text-align: justify;">
+ <p style="line-height: 2">
+ Use Cae : Barang Masuk
+ <br>
+ Actor : Stok, Purchasing, Admin
+ <br>
+ Scenario : Stok dapat melihat barang masuk yang sudah dia approve finance. Purchasing dan Admin dapat melihat menu barang masuk.
+ <br>
+ </p>
+ </li>
+ <li style="font-size: 12pt; font-family: 'times new roman' ;text-align: justify;">
+ <p style="line-height: 2">
+ Use Case : Purchase Order
+ <br>
+ Actor : Stok, Purchasing, Admin
+ <br>
+ Scenario : Stok dapat menginput item untuk barang masuk. Purchasing dapat melihat status purchase order dan bisa mendownload berbentuk pdf. Admin dapat melihat menu purchase order.
+ <br>
+ </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 alat trainer interface mikrokontroler selesai dirancang dengan memperhatikan analisa masalah, konfigurasi sistem usulan dan perancangan sistem, maka hasil dari perancangan trainer interface mikrokontroler akan digunakan untuk mendukung kegiatan praktikum pada mata kuliah interfacing di Universitas Raharja. Alat trainer interface mikrokontroler ini memiliki komponen-komponen yang dapat membantu pemakainya dalam memahami konsep dan penerapan interface pada mikrokontroler serta input outputnya, serta dilengkapi dengan buku panduan yang didalamnya terdapat petunjuk cara menggunakannya dan beberapa project studi kasus yang akan diterapkan pada trainer.</p></div>
+<li style="font-size: 12pt; font-family: 'times new roman' ;text-align: justify;">
+ <p style="line-height: 2">
+ Use Case : Barang Keluar
+ <br>
+ Actor : Operator, Stok, Purchasing, Admin
+ <br>
+ Scenario : Operator dapat menambah barang keluar. Stok dapat approve dan mengapus menu request order. Purchasing dan Admin dapat melihat menu barang keluar.
+ </p>
+ </li>
-<div id="g511" align="center"><img width="600px" src="https://lh3.googleusercontent.com/-FkaRX_c-Eis/XVzYZN1mjXI/AAAAAAAAEeQ/0t0jlrcYvDIBwcRxWqSj6E8KWfkpaHx7wCK8BGAs/s0/2019-08-20.png"/></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: center;"><p style="line-height:2">'''Gambar 5.11''' Sisi Atas Komponen Trainer Interface Mikrokontroler</p></div>
+ <p style="line-height: 2">
+ Use Case : Stock
+ <br>
+ Actor : Finance,  Stok, Purchasing, dan Admin
+ <br>
+ Scenario : Stok dapat menambah menu request order. Purchasing dapat membuat purchase order. Admin dapat melihat menu barang keluar.
+ <br>
+ </p>
+ </li>
-<div id="g512" align="center"><img width="600px" src="https://lh3.googleusercontent.com/-2BiVuBJbliA/XVzYainvC7I/AAAAAAAAEeU/rbEQiDINLDk-XNeIe971ks-A1XoIwucnACK8BGAs/s0/2019-08-20.png"/></div>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.12''' Sisi Bawah Komponen Trainer Interface Mikrokontroler</p></div>
+</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada gambar 5.11 dan gambar 5.12 merupakan hasil rancangan trainer interface mikrokontroler dengan berbagai jenis komponen yang ditunjukan dengan nomor, komponen pada trainer akan dijelaskan fitur serta fungsi nya sebagai berikut:</p></div>
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">''Activity Diagram'' yang Diusulkan</div>===
+====Activity Diagram Barang Keluar====
+<div align="center"><img width="500" height="650" style="margin:0px" src="https://i.postimg.cc/W4pJsYds/Activity-Operator-Barang-Keluar.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Gambar 4.2 ''Activity Diagram'' Barang Keluar yang Diusulkan</b></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.2 Activity Diagram Barang Keluar diatas terdapat:
+</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 <ol>
-  <li style="text-align: justify;line-height: 2;">OLED Display bertipe SSD1306 yang memiliki resolusi layar 128x64, display ini menggunakan interface SPI untuk berkirim data dengan mikrokontroler. Dalam penggunaan trainer, display ini akan digunakan sebagai media output dalam mempraktikkan dan menerapkan konsep komunikasi data melalui interface SPI dengan cara mengirim data berupa teks atau gambar dari mikrokontroler ke display untuk ditampilkan pada OLED display.</li>
+<p><li>1 Initial Node, objek yang diawali</p>
-    <li style="text-align: justify;line-height: 2;">Jack DC digunakan untuk power input jika trainer akan digunakan dengan banyak komponen eksternal lain yang terhubung. Tegangan input yang dapat diterima melalui Jack ini antara 9-12 volt.</li>
+<p><li>8 Action, dari sistem yang mencerminkan eksekusi dari suatu aksi.</p>
-    <li style="text-align: justify;line-height: 2;">RTC DS3231 digunakan untuk mempraktikkan konsep interface I2C. Dalam penggunaan trainer, komponen ini sebagai media input untuk menerapkan konsep komunikasi data dengan mikrokontroler melalui interface I2C dengan cara mikrokontroler membaca data waktu dan tanggal untuk kemudian ditampilkan pada serial monitor maupun media output lain seperti display.</li>
+<p><li>2 Decesion Node yang merupakan pemilihan ya atau tidak</p>
-    <li style="text-align: justify;line-height: 2;">Jumper untuk memilih mode sumber daya apakah memilih sumber daya dari USB atau dari jack DC.</li>
+<p><li>1 Activity Final Node, objek yang diakhiri.</p>
-    <li style="text-align: justify;line-height: 2;">''Push button'' sebanyak 4 buah yang digunakan sebagai media input pada praktikum menerapkan konsep digital input. Dalam penggunaan trainer, mikrokontroler akan membaca kondisi dari ''push button''.</li>
-    <li style="text-align: justify;line-height: 2;">LED yang berfungsi sebagai komponen pendukung media praktikum untuk menerapkan konsep digital output.</li>
-    <li style="text-align: justify;line-height: 2;">DIP ''Switch'' untuk mengaktifkan atau menonaktifkan keempat ''push button''.</li>
-    <li style="text-align: justify;line-height: 2;">DIP ''Switch'' untuk mengaktifkan atau menonaktifkan buzzer dan potensiometer.</li>
-    <li style="text-align: justify;line-height: 2;">Potensiometer berfungsi sebagai komponen input mikrokontroler untuk mempraktikkan analog input pada penggunaan trainer.</li>
-    <li style="text-align: justify;line-height: 2;">Tombol BOOT pada mikrokontroler ESP32 untuk memasukan trainer ke mode programming.</li>
-    <li style="text-align: justify;line-height: 2;">Port MicroUSB sebagai interface trainer dengan komputer untuk memprogram mikrokontroler ESP32.</li>
-    <li style="text-align: justify;line-height: 2;">Tombol RESET pada mikrokontroler untuk me-reset agar trainer mengulang program yang dijalankan.</li>
-    <li style="text-align: justify;line-height: 2;">GPIO Header berfungsi sebagai interface GPIO mikrokontroler ESP32 untuk menghubungkan dengan komponen eksternal.</li>
-    <li style="text-align: justify;line-height: 2;">Mikrokontroler ESP32 sebagai pengendali dari semua rangkaian trainer yang dapat diprogram untuk mempraktikkan komunikasi data dengan komponen komponen yang ada pada trainer.</li>
-    <li style="text-align: justify;line-height: 2;">SPI Header berfungsi sebagai interface pin SPI pada mikrokontroler ESP32 untuk menghubungkan dengan komponen eksternal yang memiliki interface SPI.</li>
-    <li style="text-align: justify;line-height: 2;">I2C Header berfungsi sebagai interface pin I2C pada mikrokontroler ESP32 untuk menghubungkan dengan komponen eksternal yang memiliki interface I2C.</li>
-    <li style="text-align: justify;line-height: 2;">Buzzer yang berfungsi sebagai komponen pendukung media praktikum untuk menerapkan konsep digital output.</li>
-    <li style="text-align: justify;line-height: 2;">UART0 Header berfungsi sebagai interface pin UART 0 pada mikrokontroler ESP32. Header UART0 ini menggunakan jalur data serial yang sama dengan jalur data untuk memprogram mikrokontroler ESP32 dari komputer.</li>
-    <li style="text-align: justify;line-height: 2;">UART2 Header berfungsi sebagai interface pin UART pada mikrokontroler ESP32 untuk menghubungkan dengan komponen eksternal yang memiliki interface UART.</li>
-    <li style="text-align: justify;line-height: 2;">LLC (''Logic Level Converter'') Header sebagai konverter tegangan jalur data jika trainer akan dihubungkan dengan komponen eksternal yang memiliki tegangan kerja 5 volt.</li>
-    <li style="text-align: justify;line-height: 2;">Sensor BMP180 digunakan untuk mempraktikkan konsep interface I2C. Dalam penggunaan trainer, komponen ini sebagai media input untuk menerapkan konsep komunikasi data dengan mikrokontroler melalui interface I2C dengan cara mikrokontroler membaca data tekanan udara dan suhu untuk kemudian ditampilkan pada serial monitor maupun media output lain seperti display. Komponen ini terhubung menggunakan jalur data yang sama dengan RTC DS3231 karena sama sama memiliki interface I2C</li>
-    <li style="text-align: justify;line-height: 2;">QR Code sebagai ''shortcut'' untuk membuka panduan penggunaan trainer secara online dengan cara scan QR code untuk kemudian membuka panduan penggunaan melalui gadget.</li>
-    <li style="text-align: justify;line-height: 2;">Regulator tegangan untuk menurunkan tegangan input power dari Jack DC ke rangkaian trainer.</li>
 </ol>
-</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Penggunaan trainer interface mikrokontroler dapat disesuaikan dengan materi praktikum yang sedang diajarkan, namun sebelum menggunakan trainer mahasiswa perlu meng-install software Arduino IDE pada komputer, install driver USB to Serial, serta beberapa library pendukung di Arduino IDE sesuai dari fitur yang akan digunakan pada trainer. Dalam menerapkan konsep interfacing mikrokontroler, trainer perlu diprogram mengikuti ketentuan dari library program sesuai protokol interface yang digunakan. Trainer ini dapat diprogram menggunakan bahasa C yang kompatibel dengan arduino, beberapa project arduino pun dapat diterapkan pada trainer Selain bahasa C trainer juga dapat diprogram dengan bahasa python dengan compiler MicroPython.</p></div>
+====Activity Diagram Request Order====
-<div id="g513" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-IkHGzGTbKTI/XVzgVTBOfgI/AAAAAAAAEeg/zAkbFGd6LJgV4aXRbC85oIoQo6SrSZmogCK8BGAs/s0/2019-08-20.png"/></div>
+<div align="center"><img width="500" height="650" style="margin:0px" src="https://i.postimg.cc/vBk1LQ3m/Activity-Admin-Stok-RO.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.13''' Program Dengan Bahasa C di Arduino IDE</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Gambar 4.3 ''Activity Diagram'' Request Order yang Diusulkan</b></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Ada beberapa percobaan praktikum yang dapat dilakukan dengan trainer ini sesuai pada materi interfacing mikrokontroler, yaitu percobaan menerapkan konsep interface SPI menggunakan OLED Display, lalu percobaan menerapkan konsep interface I2C menggunakan sensor tekanan udara BMP180 dan RTC, percobaan menerapkan konsep UART dengan menggunakan komponen eksternal yang memiliki interface UART, lalu percobaan menerapkan digital input / output menggunakan ''push button'', LED dan buzzer, sampai percobaan menerapkan pembacaan data analog input menggunakan potensiometer.</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 Activity Diagram Request Order diatas terdapat:
+</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 percobaan tersebut diterapkan sebagai media pembelajaran pada sesi praktikum di mata kuliah interfacing yang akan dijabarkan dengan ''flowchart'' sebagai berikut:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+<ol>
+<p><li>1 Initial Node, objek yang diawali</p>
+<p><li>11 Action, dari sistem yang mencerminkan eksekusi dari suatu aksi.</p>
+<p><li>2 Decesion Node yang merupakan pemilihan ya atau tidak</p>
+<p><li>1 Activity Final Node, objek yang diakhiri.</p>
+</ol>
+====Activity Diagram Purchase Order====
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Flowchart Penerapan Konsep Interface SPI Pada Trainer'''</div>===
+<div align="center"><img width="500" height="650" style="margin:0px" src="https://i.postimg.cc/VvtJK3VW/Activity-Purchasing.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Gambar 4.4 ''Activity Diagram'' Purchase Order yang Diusulkan</b></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut adalah gambar flowchart proses penggunaan media trainer pada saat praktikum interfacing SPI dengan mikrokontroler.</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.4 Activity Diagram Purchase Order diatas terdapat:
+</p></div>
-<div id="g514" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-U7C2F-dyJgY/XYxnV-1IVbI/AAAAAAAAEyI/T8-a7AvwpmkMG3NVCVv0HNXLQNN2U6NkQCK8BGAsYHg/s0/2019-09-26.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.14''' Flowchart Proses Pembelajaran Materi Interface SPI</p></div>
+<ol>
+<p><li>1 Initial Node, objek yang diawali</p>
+<p><li>11 Action, dari sistem yang mencerminkan eksekusi dari suatu aksi.</p>
+<p><li>2 Decesion Node yang merupakan pemilihan ya atau tidak</p>
+<p><li>1 Activity Final Node, objek yang diakhiri.</p>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dapat dijelaskan gambar 5.14 Flowchart kegiatan pembelajaran materi interface SPI pada mikrokontroler pada mata kuliah Interfacing yaitu:</p></div>
+====Activity Diagram Barang Masuk====
+<div align="center"><img width="500" height="650" style="margin:0px" src="https://i.postimg.cc/VN70v9tn/Activity-Admin-Stok-Barang-Masuk.png/></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Gambar 4.5 ''Activity Diagram'' Barang Masuk yang Diusulkan</b></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.5 Activity Diagram Barang Masuk diatas terdapat:
+</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 <ol>
-  <li style="text-align: justify;line-height: 2;">Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.</li>
+<p><li>1 Initial Node, objek yang diawali</p>
-    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol proses, yang menyatakan proses pembahasan materi interface SPI pada mikrokontroler oleh dosen, kemudian praktikum secara langsung menerapkan konsep interface SPI pada trainer dan melakukan percobaan menampilkan data ke OLED display melalui interface SPI.</li>
+<p><li>6 Action, dari sistem yang mencerminkan eksekusi dari suatu aksi.</p>
-    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol yang menyatakan proses input output, yaitu dosen memberikan pemahaman teori dasar interface SPI pada mikrokontroler kepada mahasiswa, lalu output dari proses praktikum mahasiswa mampu menerapkan konsep interface SPI pada mikrokontroler dan output mahasiswa memahami hanya teori dasar interface SPI saja.</li>
+<p><li>1 Decesion Node yang merupakan pemilihan ya atau tidak</p>
-    <li style="text-align: justify;line-height: 2;">Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum atau tidak.</li>
+<p><li>1 Activity Final Node, objek yang diakhiri.</p>
 </ol>
-</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada saat dosen menyampaikan materi praktikum tentang interface SPI pada mikrokontroler, mahasiswa akan menerapkan konsep interface SPI dengan menggunakan OLED Display sebagai media praktik pada trainer. Mahasiswa akan belajar cara mengirim data teks atau gambar untuk ditampilkan pada display dari cara memprogram dan pendefinisian pin out untuk melakukan komunikasi data melalui interface SPI.</p></div>
+===Sequence Diagram Persediaan Barang Yang Diusulkan===
+====Sequence Diagram Sistem Operator====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut contoh program dasar penerapan konsep SPI dengan OLED display pada trainer:</p></div>
+<div align="center"><img width="750" height="500" style="margin:0px" src="https://i.postimg.cc/tgfR8BPS/Sequence-Operator.png"/></div>
-<div id="t56" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.6''' Listing Program SPI ''Example''</p></div>
+<p><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"> <b>Gambar 4.6 ''Sequence Diagram'' Operator</b></div></p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
+<p>Berdasarkan gambar 4.6 Sequence Diagram Operator terdapat : </p>
- <table align="center" width="700" border="1">
+<ol>
- <tr>
+<p><li>1 ''actor'' yang melakukan kegiatan yaitu ''Operator''.</p>
- <td width="700">
+<p><li>4 ''life line'', objek ''entity'' antar muka yang saling berinteraksi.</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">
+<p><li>7 ''mesangge'', spesifikasi dari komunikasi antar objek yang membuat informasi-informasi aktifitas yang terjadi.</p>
-  .
-  #include <SPI.h> //deklarasi library SPI
-  #include <Wire.h> //deklarasi library SPI
-  #include <Adafruit_GFX.h> //deklarasi library OLED display
-  #include <Adafruit_SSD1306.h> //deklarasi library OLED display
-  #define SCREEN_WIDTH 128 // OLED display width, in pixels
-  #define SCREEN_HEIGHT 64 // OLED display height, in pixels
-  // Deklaarasi pin SPI OLED display:
-  #define OLED_MOSI  23
-  #define OLED_CLK  18
-  #define OLED_DC    4
-  #define OLED_CS    5
-  #define OLED_RESET 15
-  Adafruit_SSD1306 display(SCREEN_WIDTH, SCREEN_HEIGHT,
-  OLED_MOSI, OLED_CLK, OLED_DC, OLED_RESET, OLED_CS);
-  void setup() {
-  Serial.begin(9600);
-  }
-  void loop() {
-  display.clearDisplay(); // Display Text
-  display.setTextSize(1);
-  display.setTextColor(WHITE);
-  display.setCursor(0,28);
-  display.println("Hello world!"); // tampilkan teks pada layar
-  display.display();
-  delay(2000);
-  display.clearDisplay();
-  }
-</p></div>
- </td>
- </tr>
- </table>
-</div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Flowchart Penerapan Konsep Interface I2C Pada Trainer'''</div>===
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut adalah gambar flowchart proses penggunaan media trainer pada saat praktikum interfacing I2C dengan mikrokontroler.</p></div>
+====Sequence Diagram Sistem Admin Stock====
-<div id="g515" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-J2kw_LhuzOU/XYxnXm_3ZMI/AAAAAAAAEyM/1tbvlHMyklkkFormAjtSo3ikfgJ598MIQCK8BGAsYHg/s0/2019-09-26.png"/></div>
+<div align="center"><img width="750" height="500" style="margin:0px" src="https://i.postimg.cc/7ZKZnHLy/Admin-Stok.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.15''' Flowchart Proses Pembelajaran Materi Interface I2C</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 dijelaskan gambar 5.15 Flowchart kegiatan pembelajaran materi interface I2C pada mikrokontroler pada mata kuliah Interfacing yaitu:</p></div>
+<p><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"> <b>Gambar 4.7 ''Sequence Diagram'' Admin Stock</b></div></p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+<p>Berdasarkan gambar 4.7 Sequence Diagram Admin Stok terdapat : </p>
 <ol>
-  <li style="text-align: justify;line-height: 2;">Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.</li>
+<p><li>1 ''actor'' yang melakukan kegiatan yaitu ''Admin Stock''.</p>
-    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol proses, yang menyatakan proses pembahasan materi interface I2C pada mikrokontroler oleh dosen, kemudian praktikum secara langsung menerapkan konsep interface I2C pada trainer dan melakukan percobaan membaca data tekanan udara dari sensor BMP180 dan membaca data waktu dari RTC melalui interface I2C.</li>
+<p><li>7 ''life line'', objek ''entity'' antar muka yang saling berinteraksi.</p>
-    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol yang menyatakan proses input output, yaitu dosen memberikan pemahaman teori dasar interface I2C pada mikrokontroler kepada mahasiswa, lalu output dari proses praktikum mahasiswa mampu menerapkan konsep interface I2C pada mikrokontroler dan output mahasiswa memahami hanya teori dasar interface I2C saja.</li>
+<p><li>14 ''mesangge'', spesifikasi dari komunikasi antar objek yang membuat informasi-informasi aktifitas yang terjadi.</p>
-    <li style="text-align: justify;line-height: 2;">Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum atau tidak.</li>
 </ol>
-</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada saat dosen menyampaikan materi praktikum tentang interface I2C pada mikrokontroler, mahasiswa akan menerapkan konsep interface I2C dengan menggunakan sensor tekanan udara BMP180 dan RTC DS3231 sebagai media praktik pada trainer. Mahasiswa akan belajar cara mengakses data dari sensor dan kemudian mengambil data yang dihasilkan sensor berupa data tekanan udara, suhu dan data waktu. Serta mahasiswa akan belajar cara memprogram, pengalamatan dalam mengakses data sensor dan pendefinisian pinout untuk melakukan komunikasi data melalui interface I2C.</p></div>
+====Sequence Diagram Sistem Purchasing====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut contoh program dasar penerapan konsep I2C dengan RTC pada trainer:</p></div>
+<div align="center"><img width="750" height="500" style="margin:0px" src="https://i.postimg.cc/x8Vf1q6L/Sequnce-Purchasing.png"/></div>
-<div id="t57" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.7''' Listing Program I2C ''Example''</p></div>
+<p><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"> <b>Gambar 4.8 ''Sequence Diagram'' Purchasing</b></div></p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
+<p>Berdasarkan gambar 4.8 Sequence Diagram Purchasing terdapat : </p>
- <table align="center" width="900" border="1">
+<ol>
- <tr>
+<p><li>1 ''actor'' yang melakukan kegiatan yaitu ''Purchasing''.</p>
- <td width="900">
+<p><li>5 ''life line'', objek ''entity'' antar muka yang saling berinteraksi.</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">
+<p><li>7 ''mesangge'', spesifikasi dari komunikasi antar objek yang membuat informasi-informasi aktifitas yang terjadi.</p>
-  .
-  #include <Wire.h>  //deklarasi library I2C
-  #include "RTClib.h" //deklarasi library RTC (alamat I2C sudah terdeklarasi)
-  RTC_DS3231 rtc; //pemanggilan fungsi RTC
-  char daysOfTheWeek[7][12] = {"Sunday", "Monday", "Tuesday", "Wednesday", "Thursday",
-    "Friday", "Saturday"};
-  void setup () {
-  Serial.begin(9600); //deklarasi serial
-  }
-  void loop () {
-    DateTime now = rtc.now();
-    Serial.print(now.year(), DEC); //tampilkan data tahun pada serial monitor
-    Serial.print('/');
-    Serial.print(now.month(), DEC); //tampilkan data bulan pada serial monitor
-    Serial.print('/');
-    Serial.print(now.day(), DEC); //tampilkan data tangga pada serial monitor
-    Serial.print(" (");
-    Serial.print(daysOfTheWeek[now.dayOfTheWeek()]); //data hari
-    Serial.print(") ");
-    Serial.print(now.hour(), DEC); //tampilkan data jam
-    Serial.print(':');
-    Serial.print(now.minute(), DEC); //tampilkan data meit
-    Serial.print(':');
-    Serial.print(now.second(), DEC); //tampilkan data detik
-    Serial.println();
-    delay(3000);
-  }
-</p></div>
- </td>
- </tr>
- </table>
-</div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Flowchart Penerapan Konsep Interface UART Pada Trainer'''</div>===
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut adalah gambar flowchart proses penggunaan media trainer pada saat praktikum interfacing UART dengan mikrokontroler.</p></div>
+====Sequence Diagram Sistem Finance====
-<div id="g516" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-SJowbTbOZsM/XYxnUzqMqII/AAAAAAAAEyE/U2wxBmQcAcI-KEV8M7VVZJPSp2bgO1qxACK8BGAsYHg/s0/2019-09-26.png"/></div>
+<div align="center"><img width="750" height="500" style="margin:0px" src="https://i.postimg.cc/8CsPy2Ff/Sequnce-Finance.png"/></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.16''' Flowchart Proses Pembelajaran Materi Interface UART</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 dijelaskan gambar 5.16 Flowchart kegiatan pembelajaran materi interface UART pada mikrokontroler pada mata kuliah Interfacing yaitu :</p></div>
+<p><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"> <b>Gambar 4.9 ''Sequence Diagram'' Finance</b></div></p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+<p>Berdasarkan gambar 4.9 Sequence Diagram Pimpinan Finance terdapat: </p>
 <ol>
-  <li style="text-align: justify;line-height: 2;">Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.</li>
+<p><li>1 ''actor'' yang melakukan kegiatan yaitu ''Finance''.</p>
-    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol proses, yang menyatakan proses pembahasan materi interface UART pada mikrokontroler oleh dosen, kemudian praktikum secara langsung menerapkan konsep interface UART pada trainer dan melakukan percobaan mengirim dan menerima data dari trainer ke mikrokontroler lain atau komponen lain yang menggunakan interface UART.</li>
+<p><li>5 ''life line'', objek ''entity'' antar muka yang saling berinteraksi.</p>
-    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol yang menyatakan proses input output, yaitu dosen memberikan pemahaman teori dasar interface UART pada mikrokontroler kepada mahasiswa, lalu output dari proses praktikum mahasiswa mampu menerapkan konsep interface UART pada mikrokontroler dan output mahasiswa memahami hanya teori dasar interface UART saja.</li>
+<p><li>11 ''mesangge'', spesifikasi dari komunikasi antar objek yang membuat informasi-informasi aktifitas yang terjadi.</p>
-    <li style="text-align: justify;line-height: 2;">Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum atau tidak.</li>
 </ol>
-</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada saat dosen menyampaikan materi praktikum tentang interface UART pada mikrokontroler, mahasiswa akan menerapkan konsep interface UART dengan komponen eksternal yang memiliki interface UART seperti mikrokontroler atau sensor dengan data serial sebagai media praktik pada trainer. Mahasiswa akan belajar cara membaca dan mengirim data dengan komponen eksternal tersebut yang harus dihubungkan dengan pin header UART2 pada trainer. Mahasiswa juga akan belajar cara memprogram, cara pengiriman atau menerima data dan pendefinisian pin out untuk melakukan komunikasi data melalui interface UART.</p></div>
+==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perbedaan Prosedur Antara Sistem Yang Berjalan dan Sistem Usulan'''</div>==
+<p> Berikut ini adalah perbedaan sistem yang berjalan dan sistem usulan: </p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut contoh program dasar penerapan konsep UART dengan komponen eksternal:</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
-<div id="t58" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.8''' Listing Program UART2 ''Example''</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+Tabel 4.1 Perbedaan Sistem Berjalan Dengan Sistem Usulan</b></div>
+<div align="center"><img width="500" height="500" style="margin:0px" src="https://i.postimg.cc/sDQb98Fx/Perbedaan-Sistem-Berjalan-dan-Usulan.png"/></div>
+</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
+==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Basis Data'''</div>==
- <table align="center" width="900" border="1">
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Class Diagram Yang Diusulkan</div>===
- <tr>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
- <td width="900">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">
-  .
-  #define RXD2 16  //deklarasi pin RX2 pada trainer
-  #define TXD2 17 //deklarasi TX2 pada trainer
-  //UART2 terhubung dengan komponen eksternal yaitu aduino uno
-  void setup() {
-    // Serial2.begin(baud-rate, protocol, RX pin, TX pin);
-    Serial.begin(115200); //serial ke USB
-    Serial2.begin(9600, SERIAL_8N1, RXD2, TXD2); //serial ke UART2
-    Serial.println("Serial Txd is on pin: "+String(TX));
-    Serial.println("Serial Rxd is on pin: "+String(RX));
-  }
-  void loop() { //Choose Serial1 or Serial2 as required
-    while (Serial2.available()) {
-      Serial.print(char(Serial2.read())); //membaca data UART2 dan tampilkan ke serial monitor
-    }
-  }
-</p></div>
- </td>
- </tr>
- </table>
 </div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Flowchart Penerapan Konsep Digital Input Output pada Trainer'''</div>===
+<p> Class Diagram dapat membantu untuk memvisualisasikan kelas dari suatu sistem, karena class digram memiliki kelompok objek dengan atribut (''property'') dan relasi yang sama. Berikut merupakan class diagram yang diusulkan pada PT Instaprint Jaya Primatama : </p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut adalah gambar flowchart proses penggunaan media trainer pada saat praktikum digital input output pada mikrokontroler.</p></div>
+<div align="center"><img width="700" height="400" style="margin:0px" src="https://i.postimg.cc/L6zqLFfH/new-class-pdb-usulan.jpg
+"/>
+</div>
-<div id="g517" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-8yqBqnFjB5s/XYxnY8dlgsI/AAAAAAAAEyQ/7-qbuzmgdS4E14L_wCwo7U40Sya-WnWEQCK8BGAsYHg/s0/2019-09-26.png"/></div>
+<p><div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"> <b>Gambar 4.10 ''Class Diagram'' Persediaan Barang</b></div></p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.17''' Flowchart Proses Pembelajaran Materi Digital Input Output</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 dijelaskan gambar 5.17 Flowchart kegiatan pembelajaran materi digital input output pada mikrokontroler pada mata kuliah Interfacing yaitu:</p></div>
+<p>Berdasarkan gambar 4.10 class diagram yang diusulkan terdapat : </p>
+<ol>
+<p><li>12 (dua belas) class, himpunan dari objek-objek yang berbagi atribut serta operasi.</p>
+<p><li>12 (dua belas) Assosiation, hubungan antara objek satu dengan objek yang lainnya.</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+</ol>
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">Spesifikasi Basis Data</div>===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+<p style="line-height:2">Rancangan basis data digunakan untuk mempermudah dalam menggambarkan tabel-tabel yang ada di dalam database, serta dapat membantu pemrograman dalam mengambil atau menampilkan data. Salah satunya untuk menggambarkan spesifikasi tabel-tabel yang ada di dalam database, berikut ini merupakan spesifikasi tabel pada sistem yang diusulkan. </p></div>
 <ol>
-  <li style="text-align: justify;line-height: 2;">Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.</li>
-    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol proses, yang menyatakan proses pembahasan materi digital input output pada mikrokontroler oleh dosen, kemudian praktikum secara langsung menerapkannya pada trainer dan melakukan percobaan membaca nilai kondisi dari ''push button'' jika ditekan kemudian menyalakan LED dan buzzer.</li>
+<p> <li>Tabel Master Data Divisi </p> </li>
-    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol yang menyatakan proses input output, yaitu dosen memberikan pemahaman teori dasar “digital input output” pada mikrokontroler kepada mahasiswa, lalu output dari proses praktikum mahasiswa mampu menerapkan konsep “digital input output” pada mikrokontroler dan output mahasiswa memahami hanya teori dasar “digital input output” saja.</li>
+<div id="t43" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.2 Master Data Divisi</div>
-    <li style="text-align: justify;line-height: 2;">Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum atau tidak.</li>
+<div align="center"><img width="500" height="200" style="margin:0px" src="https://i.postimg.cc/9fR5QX2m/divisi.png"/></div>
+<p> <li>Tabel Master Data Supplier </p> </li>
+<div id="t44" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.3 Master Data Supplier </div>
+<div align="center"><img width="500" height="200" style="margin:0px" src="https://i.postimg.cc/0yjhV5bY/supplier.png"/></div>
+<p> <li>Tabel Master Data Barang </p> </li>
+<div id="t45" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.4 Master Data Barang </div>
+<div align="center"><img width="500" height="200" style="margin:0px" src="https://i.postimg.cc/t4mGbZLv/barang.png"/></div>
+<p> <li>Tabel Master Data Unit </p> </li>
+<div id="t46" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.5 Master Data Unit </div>
+<div align="center"><img width="500" height="200" style="margin:0px" src="https://i.postimg.cc/vm6kdP7D/unit.png"/></div>
+<p> <li>Tabel Master Data Kategori Detail </p> </li>
+<div id="t47" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.6 Master Data Kategori Detail </div>
+<div align="center"><img width="500" height="200" style="margin:0px" src="https://i.postimg.cc/XqWTLwCq/katdet.png"/></div>
+<p> <li>Tabel Master Data PO Detail </p> </li>
+<div id="t48" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.7 PO Detail </div>
+<div align="center"><img width="500" height="200" style="margin:0px" src="https://i.postimg.cc/BbCRVXTg/po-detail.png"/></div>
+<p> <li>Tabel Transaksi Request Order </p> </li>
+<div id="t49" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.8 Transaksi Request Order </div>
+<div align="center"><img width="500" height="200" style="margin:0px" src="https://i.postimg.cc/Pr2Bbvrf/ro.png"/></div>
+<p> <li>Tabel Transaksi Purchase Order </p> </li>
+<div id="t49" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.9 Transaksi Purchase Order </div>
+<div align="center"><img width="500" height="200" style="margin:0px" src="https://i.postimg.cc/RVMknLmb/po.png"/></div>
+<p> <li>Tabel Transaksi Barang Keluar </p> </li>
+<div id="t49" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.10 Transaksi Barang Keluar </div>
+<div align="center"><img width="500" height="200" style="margin:0px" src="https://i.postimg.cc/pdwNhNVD/bk.png"/></div>
+<p> <li>Tabel Transaksi Barang Masuk </p> </li>
+<div id="t49" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.11 Transaksi Barang Masuk </div>
+<div align="center"><img width="500" height="200" style="margin:0px" src="https://i.postimg.cc/fLmGYHk1/bm.png"/></div>
+<p> <li>Tabel Master Data Menu </p> </li>
+<div id="t49" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.12 Master Data Menu </div>
+<div align="center"><img width="500" height="200" style="margin:0px" src="https://i.postimg.cc/59qc0khC/menu.png"/></div>
+<p> <li>Tabel Master Data User </p> </li>
+<div id="t49" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.13 Master Data User </div>
+<div align="center"><img width="500" height="200" style="margin:0px" src="https://i.postimg.cc/RF58CcGd/user.png"/></div>
+<p> <li>Tabel Master Data Role </p> </li>
+<div id="t49" style="font-size: 12pt;font-family: 'times new roman';text-align: center;text-indent: 0.5in">Tabel 4.14 Master Data Role </div>
+<div align="center"><img width="500" height="200" style="margin:0px" src="https://i.postimg.cc/RZYyyrHj/role.png"/></div>
 </ol>
 </div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada saat dosen menyampaikan materi praktikum tentang digital input output pada mikrokontroler, mahasiswa akan menerapkan konsep tersebut dengan menggunakan ''push button'', LED dan buzzer sebagai media praktik pada trainer. Mahasiswa akan belajar cara membaca nilai input dari push button, kemudian bagaimana cara menyalakan LED dan buzzer baik menggunakan ''trigger'' maupun sudah ditetapkan pada program.</p></div>
+==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Prototype Sistem Persediaan Barang'''</div>==
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut contoh program dasar penerapan konsep digital input dengan ''push button'':</p></div>
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Halaman Login '''</div>===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p> Halaman ini berfungsi sebagai sistem keamanan bagi pengguna untuk memastikan apakah pengguna (''user'') memiliki hak akses untuk masuk kedalam sistem atau tidak. Menu login berisi username dan password dan berfungsi untuk menjaga data pada sistem.</p>
+<div align="center"><img width="500" height="400" style="margin:0px" src="https://i.postimg.cc/zvxCrmjZ/Admin-Login.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+<p>Gambar 4.11 Rancangan Halaman Login</p> </b>
+</div></div>
-<div id="t59" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.9''' Listing Program Digital Input</p></div>
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Halaman Dashboard '''</div>===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p> Halaman ini berfungsi untuk menampilkan menu utama untuk operator, admin stok, purchasing, finance, dan administrator pada PT. Instaprint Jaya Primatama. Menu beranda berisi chart bar.</p>
+<div align="center"><img width="500" height="400" style="margin:0px" src="https://i.postimg.cc/8zJhq0f9/Admin-Beranda.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+<p>Gambar 4.12 Rancangan Halaman Dashboard</p> </b>
+</div></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Halaman Request Order User Stock'''</div>===
- <table align="center" width="900" border="1">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
- <tr>
+<p> Halaman ini berfungsi untuk menampilkan data request order yang dibuat oleh admin stok.</p>
- <td width="700">
+<div align="center"><img width="500" height="400" style="margin:0px" src="https://i.postimg.cc/rssd5DS3/Stock-Request-Order.png"/></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:center"><b>
-  .
+<p>Gambar 4.13 Rancangan Tampilan Stock Menu Request Order</p> </b>
-  int atas = 34;
+</div></div>
-  int bawah = 35;
-  int kiri = 36;
-  int kanan = 39;
-  void setup() {
-    // put your setup code here, to run once:
-    Serial.begin(9600);
-    pinMode(atas, INPUT);
-    pinMode(bawah, INPUT);
-    pinMode(kiri, INPUT);
-    pinMode(kanan, INPUT);
-  }
-  void loop() {
-    // put your main code here, to run repeatedly:
-    int up = digitalRead(atas);
-    int down = digitalRead(bawah);
-    int left = digitalRead(kiri);
-    int right = digitalRead(kanan);
-    if (up == HIGH)
-    {
-      Serial.println("UP");
-    }
-    if (down == HIGH)
-    {
-      Serial.println("DOWN");
-    }
-    if (left == HIGH)
-    {
-      Serial.println("LEFT");
-    }
-    if (right == HIGH)
-    {
-      Serial.println("RIGHT");
-    }
-    delay(150);
-  }
-</p></div>
- </td>
- </tr>
- </table>
-</div>
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Halaman Purchase Order User Stock'''</div>===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p> Halaman ini berfungsi untuk menampilkan data purchase order yang dibuat oleh purchasing dan sudah disetujui oleh finance.</p>
+<div align="center"><img width="500" height="400" style="margin:0px" src="https://i.postimg.cc/kGH2s7s4/Stock-Purchase-Order.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+<p>Gambar 4.14 Rancangan Tampilan Stock Menu Purchase Order</p> </b>
+</div></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut contoh program dasar penerapan konsep digital output dengan LED':</p></div>
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Halaman Barang Masuk User Stock'''</div>===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p> Halaman ini berfungsi untuk menampilkan data barang masuk yang dibuat setelah pembuatan purchase order.</p>
+<div align="center"><img width="500" height="400" style="margin:0px" src="https://i.postimg.cc/9XgwCB2h/Stock-Barang-Masuk.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+<p>Gambar 4.15 Rancangan Tampilan Stock Menu Barang Masuk</p> </b>
+</div></div>
-<div id="t510" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.10''' Listing Program Digital Output</p></div>
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Halaman Barang Keluar User Stock'''</div>===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p> Halaman ini berfungsi untuk approval data barang keluar yang dibuat oleh operator.</p>
+<div align="center"><img width="500" height="400" style="margin:0px" src="https://i.postimg.cc/DZBJWrb1/Stock-Barang-Keluar.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+<p>Gambar 4.16 Rancangan Tampilan Stock Menu Barang Keluar</p> </b>
+</div></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
+==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tampilan Sistem Yang Diusulkan '''</div>==
- <table align="center" width="900" border="1">
- <tr>
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tampilan Halaman Login Admin Stock '''</div>===
- <td width="900">
+<p>Tampilan diatas merupakan tampilan awal sebelum masuk kedalam sistem, setiap user harus melakukan login dengan memasukan username dan password yang benar agar dapat masuk kedalam sistem. </p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">
+<div align="center"><img width="500" height="300" style="margin:0px" src="https://i.postimg.cc/fbnPJKb1/Login.png"/></div>
-  .
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
-  void setup() {
+<p>Gambar 4.28 Tampilan Halaman Login Stock</p> </b>
-    pinMode(2, OUTPUT); //inisialisasi pin 2 sebagai output
-  }
-  void loop() {
-    digitalWrite(2, HIGH);    //menyalakan LED pada pin no 2 (HIGH yaitu level tegangan)
-    delay(1000);              //jeda 1000 mili second (1 detik)
-    digitalWrite(2, LOW);     //mematikan LED pada dengan mengubah level tegangan ke LOW
-    delay(1000);
-  }
-</p></div>
- </td>
- </tr>
- </table>
 </div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Flowchart Penerapan Konsep Analog Input pada Trainer'''</div>===
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tampilan Halaman Dashboard Admin Stock '''</div>===
+<p>Setelah user  melakukan  proses login dengan benar, maka akan tampil dashboard yang mana didalamnya menggambarkan nilai setiap transaksi yang ada, dapat melihat nilai dan detail data ketika klik salah satu grafik yang ada. Halaman ini dapat diakses oleh semua user.</p>
+<div align="center"><img width="700" height="400" style="margin:0px" src="https://i.postimg.cc/rmgZZ29L/Dashboard.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+<p>Gambar 4.29 Tampilan Halaman Dashboard Stock</p> </b>
+</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut adalah gambar flowchart proses penggunaan media trainer pada saat praktikum analog input pada mikrokontroler.</p></div>
-<div id="g518" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-8XNkcUxjcEE/XYxnToQ-awI/AAAAAAAAEyA/CbahGcSbP80xpN5ikrphFDQ40s3d2FeOQCK8BGAsYHg/s0/2019-09-26.png"/></div>
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tampilan Halaman Stock Admin Stok '''</div>===
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.18''' Flowchart Proses Pembelajaran Materi Analog Input</p></div>
+<p>Tampilan diatas merupakan tampilan menu report stock. Halaman ini hanya dapat diakses oleh stok, purchasing, finance dan admin.</p>
+<div align="center"><img width="700" height="400" style="margin:0px" src="https://i.postimg.cc/RZn8S8vc/Report-Stock.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+<p>Gambar 4.30 Tampilan Halaman Stock</p> </b>
+</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dapat dijelaskan gambar 5.18 Flowchart kegiatan pembelajaran materi analog input pada mikrokontroler pada mata kuliah Interfacing yaitu:</p></div>
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tampilan Menu Request Order Admin Stock '''</div>===
+<p>Tampilan diatas merupakan halaman request order. Untuk menambah data hanya bisa dilakukan oleh admin stock.</p>
+<div align="center"><img width="700" height="400" style="margin:0px" src="https://i.postimg.cc/7hWsD1cs/RO.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+<p>Gambar 4.31 Tampilan Halaman Request Order Stock</p> </b>
+</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">''' Menu Purchase Order Admin Stock '''</div>===
+<p>Tampilan diatas adalah halaman purchase order, data ro yang telah di approv purchasing akan muncul dihalaman ini. Setelah di approv, admin stok bisa menambah data barang masuk.</p>
+<div align="center"><img width="700" height="400" style="margin:0px" src="https://i.postimg.cc/50fkm2L3/PO.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+<p>Gambar 4.32 Tampilan Halaman Purchase Order Stock</p> </b>
+</div>
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">''' Tampilan Menu Barang Masuk Admin Stock'''</div>===
+<p>Tampilan diatas adalah halaman barang masuk yang sebelumnya admin stok input di menu purchase order maka akan otomatis keluar di menu barang masuk.</p>
+<div align="center"><img width="700" height="400" style="margin:0px" src="https://i.postimg.cc/hPv6wvwZ/BM.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+<p>Gambar 4.33 Tampilan Halaman Barang Masuk Stock</p> </b>
+</div>
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">''' Tampilan Menu Barang Keluar Admin Stock'''</div>===
+<p>Tampilan diatas adalah halaman barang keluar. Halaman ini untuk meng-approv data barang masuk yang dibuat oleh operator. </p>
+<div align="center"><img width="700" height="400" style="margin:0px" src="https://i.postimg.cc/VNqVMCrv/BK.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align:center"><b>
+<p>Gambar 4.34 Tampilan Halaman Barang Keluar Stock</p> </b>
+</div>
+==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konfigurasi Sistem Usulan'''</div>==
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Spesifikasi Perangkat Keras ''(Hardware)'' '''</div>===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p> Perangkat keras merupakan salah satu bagian peting di dalam berjalannya sebuah sistem. Perangkat keras memiliki banyak jenis yang dapat digunakan seperti, PC, Laptop, Handphone, dll semua jenis perangkat lunak tersebut dapat bekerja membantu brainware dalam menggunakan sistem yang dirancang ini. Berikut ini konfigurasi sistem perangkat keras yang dibutuhkan: </p>
 <ol>
-  <li style="text-align: justify;line-height: 2;">Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.</li>
+<p><li>Processor : Minimal 2,1 GHz</p>
-    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol proses, yang menyatakan proses pembahasan materi analog input pada mikrokontroler oleh dosen, kemudian praktikum secara langsung menerapkannya pada trainer dan melakukan percobaan membaca nilai analog input dari potensiometer jika diputar.</li>
+<p><li>Monitor : Minimal VGA</p>
-    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol yang menyatakan proses input output, yaitu dosen memberikan pemahaman teori dasar “analog input” pada mikrokontroler kepada mahasiswa, lalu output dari proses praktikum mahasiswa mampu menerapkan konsep “analog input” pada mikrokontroler dan output mahasiswa memahami hanya teori dasar “analog input” saja.</li>
+<p><li>RAM : Minimal 2 GB</p>
-    <li style="text-align: justify;line-height: 2;">Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum atau tidak.</li>
+<p><li>Modem USB : Minimal Kecepatan 14,4 Mbps</p>
+<p><li>Peripheral : Minimal Mouse dan Keyboard</p>
 </ol>
 </div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada saat dosen menyampaikan materi praktikum tentang analog input pada mikrokontroler, mahasiswa akan menerapkan konsep tersebut dengan menggunakan potensiometer sebagai media praktik pada trainer. Mahasiswa akan belajar cara membaca nilai input berupa data analog dari potensiometer.</p></div>
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Spesifikasi Perangkat Lunak ''(Software)'' '''</div>===
+<p>Selain itu hal yang menjadi pendukung berjalannya sebuah sistem adalah Perangkat lunak merupakan penghubung antara instruksi-instruksi yang dibutuhkan oleh brainware untuk menjalankan hardware sehingga dapat menghasilkan informasi yang dibutuhkan. Berikut adalah spesifikasi yang dibutuhkan: </p>
+<ol>
+<p><li>Sistem operasi yang dapat digunakan bisa berupa Windows.</p>
+<p><li>Browser yang dapat digunakan antara lain Google Chrome, Mozila Firefox, dan Internet Explorer.</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut contoh program dasar penerapan konsep analog input dengan Potensiometer:</p></div>
+</ol>
-<div id="t511" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.11''' Listing Program Analog Input</p></div>
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Hak Akses ''(Brainware)'' '''</div>===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
+<p> Dalam sistem yang dikembangkan yaitu pada sistem Persediaan Barang harus memiliki user untuk menjalankan sistem tersebut. Oleh karena itu dibutuhkan beberapa user yang dapat mengakses Persediaan Barang, diantaranya: </p>
+<ol>
+<p><li>Admin Stock.</p>
+<p><li>Purchasing.</p>
+<p><li>Finance.</p>
+<p><li>Operator.</p>
+<p><li>Admin.</p>
+</ol>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
- <table align="center" width="900" border="1">
- <tr>
- <td width="900">
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">
-  .
-  #define pot 33
-  void setup()
-  {
-    Serial.begin(9600);  // inisialisasi baud rate serial monitor
-    pinMode(pot, INPUT); //set pin 33 sebagai input potensiometer
-  }
-  void loop()
-  {
-    int value = analogRead(pot); //membaca nilai analog
-    Serial.println(value);      //mencetak nilai analog input ke serial monitor
-    delay(300);
-  }
-</p></div>
- </td>
- </tr>
- </table>
 </div>
-=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB VI'''</div>=
+==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Testing'''</div>==
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''KESIMPULAN DAN SARAN'''</div>
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Blackbox Testing'''</div>===
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Kesimpulan'''</div>==
+<div style="font-size: 12pt; font-family: 'times new roman'; text-align: justify;"></div>
+<p style="line-height: 2; text-indent: 0.5in">Berikut ini adalah tabel pengujian Black box untuk fungsi menu login, yaitu:</p>
+<ol>
+<li>Skenario pengujian : Tampilan awal sistem yaitu halaman Login</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan hasil analisis dan penelitian yang telah dilakukan pada proses pembelajaran di mata kuliah interfacing pada Universitas Raharja, maka dapat diambil kesimpulan bahwa perancangan trainer interface mikrokontroler sebagai media pembelajaran pada mata kuliah interfacing menghasilkan sebuah alat yang ditujukan sebagai media untuk membantu menerapkan dan mempraktikkan konsep dasar teknik interfacing pada mikrokontroler untuk dapat digunakan dalam kegiatan praktikum.</p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Saat ini proses praktikum yang berjalan pada mata kuliah interfacing masih belum efektif dan efisien, dimana beberapa mahasiswa masih kesulitan dalam memahami materi interfacing karena ketiadaan media praktikum. Pada mata kuliah interfacing juga terdapat sesi praktikum namun karena tidak adanya media praktikum yang tersedia membuat mahasiswa diharuskan membawa sendiri bahan dan komponen praktikum yang selanjutnya harus dirangkai dan dirakit terlebih dahulu sebelum digunakan untuk mempraktikkan teori interfacing mikrokontroler yang tentunya sangat menyita waktu pada sesi praktikum sehingga materi pemahaman yang didapatkan kurang maksimal.</p></div>
+<div align="center"><img width="500" height="250" style="margin: 0px" src="https://i.postimg.cc/zvJgnGqW/skenario-login.png"></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Merancang media pembelajaran berupa trainer yang didalamnya terdapat komponen pendukung dan buku panduan untuk mempraktikkan konsep interface mikrokontroler diantaranya interface SPI, I2C, UART serta input output digital maupun analog yang semua komponen tersebut sudah tertanam pada satu papan sirkuit (PCB) trainer beserta mikrokontroler nya yang sudah saling terhubung, diharapkan dapat memberikan kemudahan bagi mahasiswa maupun dosen pada sesi praktikum di mata kuliah interfacing. Trainer yang dirancang nantinya akan digunakan sebagai media praktikum untuk menerapkan konsep interfacing mikrokontroler dengan melakukan percobaan percobaan yang diterapkan ke mikrokontroler dan komponen pendukung pada trainer. Penggunaan trainer pada proses praktikum diharapkan dapat meningkatkan efektifitas dan efisiensi karena tidak memerlukan banyak waktu untuk menyiapkan bahan praktikum, serta materi yang diberikan dosen mampu dipahami sesuai tujuan dari pembelajaran mata kuliah interfacing.</p></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center;">'''Gambar 4.65 Pengujian login apabila mengosongkan username dan password'''</div>
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Saran'''</div>==
+<ol type='a'>
+<p><li>Hasil yang diharapkan : Sistem menolak untuk masuk menu login dan menampilkan pesan error (validation is failed).</p>
+<p><li>Gambar pengujian :.</p>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Adapun saran yang diberikan penulis sebagai acuan untuk melakukan pengembangan sehingga pada penelitian selanjutnya agar dapat mengembangkan rancangan lebih baik lagi. Sehingga kekurangan dan mungkin kesalahannya dapat diperbaiki. Berikut adalah beberapa saran dari penulis yaitu:</p></div>
+<div align="center"><img width="500" height="250" style="margin: 0px" src="https://i.postimg.cc/gJyhXZbm/hasil-login-wrong.png"></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center;">'''Gambar 4.66 Hasil pengujian login apabila mengosongkan username dan password'''</div>
-<ol>
-  <li style="text-align: justify;line-height: 2;">Alat trainer ini dapat dikembangkan sebagai alat pembelajaran ''Internet Of Things'' karena mikrokontroler yang digunakan pada trainer ini sudah dilengkapi kemampuan untuk terhubung dengan jaringan Wi-Fi.</li>
+<p><li>Kesimpulan : Hasil pengujian VALID</p>
-    <li style="text-align: justify;line-height: 2;">Penggunaan trainer yang dihasilkan dapat digunakan tidak hanya untuk mempraktikkan konsep interfacing mikrokontroler saja, namun bisa untuk mempelajari konsep dasar mikrokontroler, sistem digital, dan beberapa konsep ''embedded system''.</li>
-    <li style="text-align: justify;line-height: 2;">Dibuat suatu ''dashboard online'' untuk menampilkan input output serta panel konfigurasi dari traine yang saling terhubung melalui jaringan internet.</li>
-    <li style="text-align: justify;line-height: 2;">Modul trainer ini dapat digunakan sebagai kontroler untuk automatisasi perlatan elektronik seperti kontrol lampu otomatis, keran air otomatis, ''weather station'', dan sebagainya.</li>
 </ol>
+<li>Skenario Pengujian : Tampilan awal sistem yaitu halaman Login</li>
+<div align="center"><img width="500" height="250" style="margin: 0px" src="https://i.postimg.cc/mDWMgSqm/login2.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center;">'''Gambar 4.67 Pengujian login apabila username dan password salah'''</div>
+<ol type='a'>
+<p><li>Hasil yang diharapkan : Sistem menolak untuk masuk menu login dan menampilkan pesan error (username or password wrong).</p>
+<p><li>Gambar pengujian :.</p>
+<div align="center"><img width="500" height="250" style="margin: 0px" src="https://i.postimg.cc/kGftwP5H/hasil-login2.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center;">'''Gambar 4.68 Hasil pengujian login apabila username dan password salah'''</div>
+<p><li>Kesimpulan : Hasil pengujian VALID</p>
+</ol>
+<li>Skenario Pengujian : Input data request order</li>
+<div align="center"><img width="500" height="250" style="margin: 0px" src="https://i.postimg.cc/xd8XbJnm/DATA-RO.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center;">'''Gambar 4.69 Pengujian menu request order apabila input data lengkap'''</div>
+<ol type='a'>
+<p><li>Hasil yang diharapkan : Jika mengisi form dengan lengkap akan tampil alert Successfully add data.</p>
+<p><li>Gambar pengujian :.</p>
+<div align="center"><img width="500" height="250" style="margin: 0px" src="https://i.postimg.cc/G3GHY1wX/HASIL-INPUT-DATA-RO-SUCCES.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center;">'''Gambar 4.70 Hasil pengujian menu request order apabila input data lengkap'''</div>
+<p><li>Kesimpulan : Hasil pengujian VALID</p>
+<p><li>Hasil yang diharapkan : Jika mengisi form tidak lengkap akan tampil alert error.</p>
+<p><li>Gambar pengujian :</p>
+<div align="center"><img width="500" height="250" style="margin: 0px" src="https://i.postimg.cc/ZqQCPb5M/PENGUJIAN-INPUT-DATA-RO-FAILED.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center;">'''Gambar 4.71 Hasil pengujian menu request order apabila input data tidak lengkap'''</div>
+<p><li>Kesimpulan : Hasil pengujian VALID</p>
+</ol>
+<li>Skenario Pengujian : Eksport Data Report Stock</li>
+<div align="center"><img width="500" height="250" style="margin: 0px" src="https://i.postimg.cc/yx4x5L9h/MELAKUKAN-EKSPORT-DATA.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center;">'''Gambar 4.72 Pengujian Eksport Data Report Stock'''</div>
+<ol type='a'>
+<p><li>Hasil yang diharapkan : Sistem menghasilkan laporan sesuai dengan yang dibutuhkan.</p>
+<p><li>Gambar pengujian :.</p>
+<div align="center"><img width="500" height="250" style="margin: 0px" src="https://i.postimg.cc/C5G5VbH3/HASIL-EKSPORT-DATA-PDF.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center;">'''Gambar 4.73 Hasil pengujian eksport data report stock'''</div>
+<p><li>Kesimpulan : Hasil pengujian VALID</p>
+</ol>
+<li>Skenario Pengujian : Melakukan Logout</li>
+<div align="center"><img width="500" height="250" style="margin: 0px" src="https://i.postimg.cc/PJgNSfj2/logout.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center;">'''Gambar 4.74 Pengujian menu logout'''</div>
+<ol type='a'>
+<p><li>Hasil yang diharapkan : Dapat keluar dari sistem setelah memilih Log out pada profil user.</p>
+<p><li>Gambar pengujian :.</p>
+<div align="center"><img width="500" height="250" style="margin: 0px" src="https://i.postimg.cc/2jMqkGZh/hasil-logout.png"></div>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center;">'''Gambar 4.75 Hasil pengujian menu logout'''</div>
+<p><li>Kesimpulan : Hasil pengujian VALID</p>
+</ol>
+</ol>
+==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">''' Implementasi'''</div>==
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">''' Time Schedule'''</div>===
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center;">'''Tabel 4.30 Time Schedule '''</div>
+<div align="center"><img width="550" height="450" style="margin:0px" src="https://i.postimg.cc/MZ7yFg4X/time-schedule.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p> Dalam melakukan penelitian ini tentu memerlukan proses dan kegiatan yang banyak memakan waktu dalam penyelesaiannya, dibawah ini merupakan jadwal dari kegiatan yang dilakukan selama penelitian berlangsung. </p></div>
+==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Estimasi Biaya '''</div>==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in">
+<p> 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 berjudul “Perancangan Sistem Informasi Persediaan Barang Pada PT. Instaprint Jaya Primatama”. </p>
+<div style="font-size: 12pt;font-family: 'times new roman'; text-align: center;">'''Tabel 4.31 Estimasi Biaya '''</div>
+<div align="center"><img width="550" height="450" style="margin:0px" src="https://i.postimg.cc/7Yqg8m89/estimasi-biaya.png"/></div>
 </div>
+=<div style="font-family: 'times new roman'; text-align: center">'''BAB V'''</div>=
+<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PENUTUP'''</div>
-{{pagebreak}}<hr/>
+=='''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 dilaksanakan pada PT. Instaprint Jaya Primatama mengenai perancangan sistem persediaan barang dapat disimpulkan bahwa :
+</p></div>
+<ol type='1'>
-=<div style="font-size:14pt;font-family: 'times new roman'; text-align: center">'''DAFTAR PUSTAKA'''</div>=
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
-<references ></references>
+Sistem persediaan barang yang berjalan saat ini di PT. Instaprint Jaya Primatama masih menggunakan Microsoft Excel untuk pengolahan datanya sehingga sistem saat ini belum berjalan dengan efisien.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Kendala - kendala yang terjadi pada sistem persediaan barang yang berjalan saat ini terdapat kekurangan diantaranya memerlukan waktu yang cukup lama untuk mengetahui jumlah persediaan barang karena admin stok harus menghitung secara langsung jumlah stok fisik setiap hari dan sering terjadinya selisih antara laporan stok barang dengan fisik. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Teknik penyimpanan data yang berjalan pada PT. Instaprint Jaya Primatama masih menggunakan pengarsipan berkas sehingga mengakibatkan penumpukan berkas, serta kemungkinan berkas yang hilang atau rusak cukup besar.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Penulis menggunakan metode analisis PIECES untuk menganalisa sistem berjalan, menggunakan Unified Modeling Language (UML) untuk menggambarkan sistem berjalan dan sistem usulan dengan tools Visual Paradigm for UML 12.1 Enterprise Edition. Dalam perancangan sistem, peneliti menggunakan text editor Sublime Text dengan bahasa pemrograman PHP dan database My SQL. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Dalam testing, peneliti menggunakan metode Blackbox Testing. Dalam metode Blackbox Testing berfokus pada pengujian persyaratan fungsional perangkat lunak (software), untuk mendapatkan serangkaian kondisi input yang sesuai dengan persyaratan fungsional suatu program. </p></li>
+</ol>
+=='''Saran'''==
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in"><p style="line-height: 2">
+Berikut ini adalah beberapa saran yang dapat peneliti berikan sebagai bahan pertimbangan bagi PT. Instaprint Jaya Primatama, antara lain :
+</p></div>
+<ol type='1'>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Perlu adanya sosialisasi terhadap sistem usulan yang telah dibuat kepada user agar user dapat memaksimalkan kinerjanya dengan baik. </p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Harus adanya ''maintenance'' dan ''control'' sistem agar tidak terjadi kerusakan pada sistem.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Dengan sistem yang terkomputerisasi di harapkan pemantauan stok barang lebih di tingkatkan lagi sehingga meminimalisir kerugian perusahaan.</p></li>
+<li style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2">
+Dapat dilakukan pengembangan sistem supaya lebih baik lagi dan meminimalisir terjadinya error yang tentunya dapat mengakibatkan kerugian bagi penggunanya dan perusahaanya.</p></li>
+</ol>
+{{pagebreak}}
+=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center"><p style="line-height: 2">'''DAFTAR PUSTAKA'''</p></div>=
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.0in">
+<p style="line-height: 2">
+<references />
+</p></div>
+{{pagebreak}}
+[[Category:Tugas Akhir 2018/2019]]
+{{pagebreak}}

Cobadwi: Perbedaan revisi

Revisi terkini pada 4 Februari 2020 09.20

Daftar isi

BAB I

Latar Belakang

Rumusan Masalah

Ruang Lingkup

Tujuan dan Manfaat Penelitian

Metode Penelitian

Metode Pengumpulan Data

Metode Analisis Sistem

Metode Perencanaan (Planning)

Desain (Design)

Implementasi (Implementation)

Pemeliharaan (Maintenance)

Metode Pengujian (Testing)

Sistematika Penulisan

BAB I PENDAHULUAN

BAB II LANDASAN TEORI

BAB III ANALISA SISTEM YANG BERJALAN

BAB IV RANCANGAN SISTEM YANG DIUSULKAN

BAB V PENUTUP

BAB II

Teori Umum

Konsep Dasar Sistem

Definisi Sistem

Karakteristik Sistem

Klasifikasi Sistem

Konsep Dasar Data dan Informasi

Definisi Data

Definisi Informasi

Kualitas Informasi

Fungsi Informasi

Nilai Informasi

Konsep Dasar Sistem Informasi

Definisi Sistem Informasi

Komponen Sistem Informasi

Konsep Dasar Analisis Sistem

Definisi Analisa Sistem

Prinsip - Prinsip Analisa Sistem

Konsep Dasar Perancangan Sistem

Konsep Dasar Database

Teori Khusus

Konsep Persediaan Barang

Definisi Persediaan

Fungsi Persediaan

Jenis - Jenis Persediaan

Klasifikasi Persediaan

Tujuan Pengelolaan Persediaan

Stock Opname

Definisi Stock Opname

Faktor Penentu Safety Stock

Konsep Dasar Analisis PIECES (Performance, Information, Economics, Control, Efficiency dan Service)

Konsep Dasar UML (Unified Modelling Language)

Definisi UML

Jenis - Jenis UML

Konsep Dasar Elisitasi

Konsep Dasar XAMPP

Konsep Dasar Bahasa Pemrograman

Definisi PHP

Definisi HTML

Definisi CSS

Definisi Javascript

Konsep Dasar MySQL

Konsep Prototype Balsamiq Mockups

Konsep Dasar Codeigniter

Konsep Dasar OOP (Object Oriented Programming

Konsep Dasar Black Box Testing

Konsep Dasar Sublime Text 3

Konsep Dasar Bootstrap

Konsep Dasar Web

Konsep Dasar Navicat

Konsep Dasar Literature Review

Studi Pustaka Literature Review

BAB III

Gambaran Umum Perusahaan

Sejarah Perusahaan PT. Instaprint Jaya Primatama

Visi Dan Misi PT. Instaprint Jaya Primatama

Visi

Misi

**Metode Perencanaan (Planning)**

**Desain (Design)**

**Implementasi (Implementation)**

**Pemeliharaan (Maintenance)**

**Metode Pengujian (Testing)**