LKP : Desain Sistem Informasi Pergudangan Untuk Mencatat Keluar - Masuk Barang Pada PT. Eyro Digital Teknologi.

(1)

KELUAR - MASUK BARANG PADA PT. EYRO DIGITAL TEKNOLOGI

KERJA PRAKTIK

Program Studi S1 Sistem Informasi

Oleh:

BELLA HARISKA 13410100027

FAKULTAS TEKNOLOGI DAN INFORMATIKA

INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA 2016


(2)

x

DAFTAR ISI

ABSTRAK ... vi

KATA PENGANTAR ... vii

DAFTAR ISI ... x

DAFTAR TABEL ... xii

DAFTAR GAMBAR ... xiii

DAFTAR LAMPIRAN ... xv

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Perumusan Masalah ... 2

1.3 Batasan Masalah... 2

1.4 Tujuan Penelitian ... 3

1.5 Manfaat Penelitian ... 3

1.6 Sistematika Penulisan ... 4

BAB II GAMBARAN UMUM PERUSAHAAN ... 6

2.1 Sejarah Perusahaan ... 6

2.2 Logo Perusahaan ... 7

2.3 Visi , Misi dan Nilai Perusahaan ... 7

2.4 Lokasi PT. Eyro Digital Teknologi ... 9

2.5 Struktur Organisasi ... 10

BAB III LANDASAN TEORI ... 11


(3)

3.2 Definisi Informasi ... 11

3.3 Definisi Sistem Informasi ... 11

3.4 Definisi Visualisasi Informasi ... 11

3.5 Definisi Dashboard ... 12

3.6 Karakteristik Dashboard ... 12

3.7 Java Script ... 12

3.8 Tujuan Penggunaan Dashboard ... 12

3.9 Definisi Bootstrap ... 13

BAB IV DESKRIPSI PEKERJAAN ... 14

4.1 Analisa Sistem ... 14

4.2 Perancangan Sistem ... 14

4.3 Kebutuhan Sistem ... 30

4.4 Desain Input dan Output ... 31

4.5 Implementasi Input Output ... 35

BAB V PENUTUP 5.1 Kesimpulan ... 43

5.2 Saran ... 43

DAFTAR PUSTAKA ... 44


(4)

1 BAB I PENDAHULUAN

1.1. Latar Belakang Masalah

Peranan teknologi informasi saat ini memang sudah tidak dapat dilepaskan dari perkembangan zaman, teknologi informasi dengan menawarkan berbagai kemudahan merupakan syarat mutlak untuk terus dapat berkembang di era globalisasi ini. Pada era ini sangat perlu dipertimbangkan dalam pemanfaatandan pengembangan teknologi informasi yaitu internet, untuk melakukan kegiatan bisnis. Salah satu keuntungan dari penggunaan internet adalah memberikan cakupan pasar yang tidak lagi dibatasi oleh jarak, waktu dan ruang tetapi sudah bersifat global dengan cakupan lokal bahkan internasional.

PT. Eyro Digital Teknologi berdiri pada tahun 2014 merupakan perusahaan swasta umum yang sahamnya sepenuhnya dimiliki oleh warga negara Indonesia termasuk pemimpin perusahaan.Bentuk badan hukum perusahaan adalah Perseroan Komanditer (PT). Produk yang diperoduksi yaitu bernama Cubeacon Box dengan menggunakan layanan BaaS. Perusahaan ini tidak hanya memproduksi produk cubeacon box saja tetapi ada Bluetooth v.4,Bluetooth,dan Bluetooth pintar. Cubeacon Box sendiri bermanfaat untuk mendeteksi perangkat konsumen yang dekat dengan lokasi pemasangan Cubeacon Box , Sehingga pemilik bisnis akan dengan mudah mempromosikan atau memberikan diskon melalu smartphone konsumen. Untuk produksi dan pemasangan PCB sendiri masih dilakukan China ,tepatnya di Shenzhen. Kemudian untuk pembuatan penutup plastik dan packaging dilakukan di jawa timur. PT. Eyro Digital Teknologi sendiri dapat memproduksi


(5)

2.500 Cubeacon setiap bulannya. PT. Eyro Digital teknologi memiliki masalah dimana mereka tidak mengetahui berapa jumlah transaksi keluar dan masuknya barang karena terlalu banyaknya dan tidak ada sistem untuk pencatatannya.

Kondisi inilah yang akhirnya membuat PT. Eyro Digital teknologi membutuhkan sistem yang dapat membantu dalam menampilkan informasi dalam bentuk visual yang dapat mempermudah pihak perusahaan dalam memonitoring dan pengambilan keputusan. Dengan adanya sistem ini maka pihak perusahaan akan lebih mudah melihat informasi secara visual yang telah dirangkum dalam bentuk chart. Sehingga dari informasi singkat tersebut pihak perusahaan dapat dengan mudah melakukan pengambilan keputusan dengan baik. Dalam sistem tersebut terdapat halaman yang berisi Master produk, proses Transaksi, dan Laporan statistik stock out masing-masing produk.

Berdasarkan keterangan di atas ,penulis ingin mendesain suatu visualisasi informasi dashboard yang dapat menampilkan transaksi barang keluar-masuk pada PT. Eyro Digital Teknologi.Informasi tersebut akan ditampilkan dalam bentuk

chart harian, bulanan, dan tahunan.

1.2. Perumusan Masalah

Berdasarkan uraian yang telah dijelaskan dalam latar belakang, maka dapat

dirumuskan “Bagaimana merancang Desain Sistem Informasi Pergudangan untuk mencatat keluar - masuk Barang ?”

1.3. Batasan Masalah

Dalam perancangan sistem ini, maka pembahasan masalah dibatasi pada hal-hal berikut :


(6)

3

1. Aplikasi yang dibangun berbasis web dengan menggunakan bahasa pemrograman PHP dan Database yang digunakan adalah MySQL.

2. Visualisasi Informasi yang ditampilkan berupa chart Harian,Bulanan,dan Tahunan.

3. Informasi yang akan ditampilkan dalam bentuk chart pada halaman dashboard yang akan menampilkan transaksi keluar barang.

4. Tidak Menghitung jumlah barang yang masuk. 1.4. Tujuan Penelitian

Berdasarkan latar belakang dan rumusan masalah di atas, dalam kerja praktik ini didapatkan tujuan yang akan dibahas sebagai berikut:

1. Membuat Desain sistem informasi pergudangan dalam bentuk chart pada halaman dashboard yang dapat menampilkan informasi berupa chart harian,bulanan,tahunan pada setiap transaksi keluar-masuknya barang pada PT. Eyro Digital Teknologi.

2. Membantu manajemen dalam melakukan monitoring dan pengambilan keputusan.

1.5. Manfaat Penelitian

Beberapa manfaat yang diperoleh dari pembuatan Desain Sistem Informasi Pergudangan untuk mencatat keluar - masuk Barang pada PT. Eyro Digital Teknologi adalah :

1. Perusahaan dapat melakukan pemantauan secara langsung transaksi keluar barang pada hari,bulan,dan tahun per periode. Sehingga membantu dalam pengambilan keputusan.


(7)

1.6. Sistematika Penulisan

Sistematika dalam penyusunan laporan Kerja Praktik ini akan dijabarkan dalam setiap bab dengan pembagian sebagai berikut :

BAB I : Pendahuluan

Bab ini membahas mengenai latar belakang masalah, permasalahan yang ada, batasan masalah, tujuan, manfaat serta sistematika penulisan yang berisi penjelasan singkat pada masing-masing bab.

BAB II : Gambaran Umum Perusahaan

Bab ini membahas mengenai gambaran umum PT. Eyro Digital Teknologi, visi dan misi, dan struktur organisasi.

BAB III : Landasan Teori

Bab ini membahas mengenai berbagai macam teori yang mendukung dalam pembuatan Desain Sistem Informasi Pergudangan untuk mencatat keluar-masuk Barang pada PT. Eyro Digital Teknologi. Yaitu teori tentang apa itu Visualisasi Informasi,Dashboard,Sistem Informasi,Java Script.

BAB IV : Hasil dan Pembahasan

Bab ini membahas mengenai hasil dan pembahasan sistem terhadap Desain Sistem Informasi Pergudangan untuk mencatat keluar - masuk Barang pada PT. Eyro Digital Teknologi. Hasil dan pembahasan sistem terdiri atas perancangan sistem, kebutuhan sistem, dan implementasi input output.


(8)

5

BAB V : Penutup

Pada bab ini dibahas tentang kesimpulan dan saran dari penggunaan program aplikasi dan saran pengembangan selanjutnya.


(9)

6 BAB II

GAMBARAN UMUM PERUSAHAAN

2.1. Sejarah Perusahaan

PT. Eyro Digital Teknologi berdiri pada tahun 2014 , perusahaan swasta ini merupakan perusahaan umum yang sahamnya sepenuhnya dimiliki oleh warga negara Indonesia termasuk pemimpin perusahaan.Bentuk badan hukum perusahaan adalah Perseroan Komanditer (PT). Produk yang diperoduksi yaitu bernama Cubeacon Box dengan menggunakan layanan BaaS. Perusahaan ini tidak hanya memproduksi produk cubeacon box saja tetapi ada Bluetooth v.4,Bluetooth,dan Bluetooth pintar. Cubeacon Box sendiri bermanfaat untuk mendeteksi perangkat konsumen yang dekat dengan lokasi pemasangan Cubeacon Box ,sehingga pemilik bisnis akan dengan mudah mempromosikan atau memberikan diskon melalu smartphone konsumen.

Cubeacon merupakan suatu produk yang diproduksi tidak hanya di Indonesia, melainkan juga di Jepang. Di Jepang, kantor produksi cubeacon terletak di

Chiba-Ken, Ichikawa-Shi, Fukuei, 1 Chome 11-1 Nikku Haimu 2 Room 208, (Japan).

Ruang lingkup perusahaan PT. Eyro Digital Teknologi secara sertifikat Badan Usaha Jasa Telekomunikasi dari Dinas Komunikasi dan Informatika Kota Surabaya dengan ruang lingkup bidang kerja sebagai berikut ini :

Bidang Pekerjaan : Jasa Telekomunikasi


(10)

7

2.2. Logo Perusahaan

Logo Perusahaan pada PT. Eyro Digital Teknologi dapat digambarkan pada gambar 2.1 :

Gambar 2 .1 Logo PT. Eyro Digital Teknologi

2.3. Visi , Misi dan Nilai Perusahaan 2.3.1 Visi Perusahaan

Menjadi perusahaan jasa telekomunikasi yang unggul, kompetitif, dan juga mampu menghasilkan produk – produk yang berkualitas, inovatif, dan berguna bagi kalangan masyarakat.

2.3.2 Misi Perusahaan

1. Membuat produk – produk baru yang bernilai, bermanfaat, dan juga mudah digunakan oleh pengguna.

2. Meningkatkan kualitas pelayanan kepada pelanggan dengan cara menjalin hubungan komunikasi yang baik terhadap seluruh anggota perusahaan.

3. Mengikuti perkembangan era teknologi dalam menghasilkan produk – produk agar mampu bersaing secara global maupun lokal.


(11)

4. Membuat perangkat lunak maupun perangkat keras sesuai dengan permintaan pelanggan dengan menjalin komunikasi yang baik terhadap pelanggan tersebut.

2.3.3 Nilai

Demi mewujudkan visi dan misi PT. Eyro Digital Teknologi, maka PT. Eyro Digital Teknologi akan menanamkan nilai – nilai terhadap seluruh sumber daya perusahaan dan nilai – nilai tersebut adalah sebagai berikut ini: 1. Membangun lingkungan kerja yang nyaman, aman serta memperhatikan

kualitas kebutuhan para karyawan perusahaan.

2. Selalu menjaga dan meperbaharui kualitas sumber daya perusahaan sesuai dengan berkembangnya era teknologi informasi.

3. Membuat lingkungan kerja sesuai dengan standar teknologi informasi dan sejalur dengan hukum di Indonesia.

4. Menjaga kualitas sumber daya manusia dengan cara selalu menjaga kepuasan kerja dari para karyawan perusahaan.

5. Memanajemen dengan baik setiap proyek yang diterima oleh perusahaan sehingga mampu diselesaikan tepat pada waktunya.


(12)

9

2.4. Lokasi Perusahaan

Lokasi PT. Eyro Digital Teknologi Jalan Amir Mahmud IX/23 Gunung Anyar Surabaya dapat digambarkan melalui gambar 2.2 :


(13)

2.5. Struktur Organisasi

Struktur organisasi pada PT. Eyro Digital Teknologi dapat digambarkan pada gambar 2.3 :


(14)

11 BAB III LANDASAN TEORI

3.1. Definisi Visualisasi

Menurut (K., D.Mockinlay, & Scheiderman, 1998) Visualisasi adalah

menggunakan teknologi komputer sebagai pendukung untuk melakukan penggambaran data visual yang interaktif untuk memperkuat pengamatan.

Berdasarkan pengertian diatas maka penulis simpulkan bahwa Visualisasi adalah sebuah metode yang terbaik untuk menampilkan sebuah data dimana dapat dengan mudah di pahami oleh pengguna. Data-data tersebut telah di olah dalam bentuk

Chart , Grafik , pola dan warna.

3.2. Definisi Informasi

Informasi merupakan kumpulan data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerima (Kristanto, 2003). Dapat disimpulkan bahwa informasi merupakan sebuah data-data yang telah diolah dan dapat dimengerti oleh setiap orang yang menerima informasi tersebut.

3.3. Definisi Sistem Informasi

Sistem Informasi adalah mengumpulkan, memproses, menyimpan, menganalisis dan menyebarluaskan informasi untuk tujuan tertentu. (Rainer & Cegielski, 2011).

3.4. Definisi Visualisasi Informasi

Visualisasi Informasi adalah rekayasa dalam pembuatan gambar, diagram, atau animasi untuk menampilkan suatu informasi yang berguna bagi penggunanya.


(15)

3.5. Definisi Dashboard

Menurut Laudon (Kenneth C. & Jane, 2010)Digital Dashboard merupakan

dashboard yang menampilkan pada suatu layar semua hasil pengukuran yang

penting untuk mengarahkan perusahaan, mirip dengan kokpit pesawat atau

dashboard mobil. Dashboard tersebut menampilkan indicator-indikator kinerja

kunci sebagai grafik dan diagram dalam format browser web. Memberikan gambaran satu halaman dari semua pengukuran penting yang diperlukan untuk mengambil keputusan di tingkat eksekutif.

3.6. Karakteristik Dashboard

Karakteristik Dashboard menurut (W.Eckerson, 2006) yaitu: Model pemrosesan berdasarkan kejadian yaitu menangkap kejadian setiap saat dari beberapa system yang mencakup dan mempengaruhi proses bisnis.

3.7. Java Script

Menurut (Hakim, 2010) Java script merupakan Bahasa scripting yang dapat bekerja di sebagian besar web browser. Java Script dapat disisipkan di dalam web menggunakan tag script .Java Script dapat digunakan untuk banyak tujuan,misalnya untuk membuat efek roolover baik gambar maupun text,dan untuk membuat AJAX Java Script adalah Bahasa yang digunakan untuk AJAX. Kode

java script juga dapat diletakkan di file tersendiri yang berekstansi java script (js) .

Script tersebut akan ketika dipanggil berdasarkan trigger pada event tertentu.

3.8. Tujuan Penggunaan Dashboard

Tujuan penggunaan dashboard menurut (w.Eckerson, 2006a) yaitu: 1. Mengkomunikasikan Strategi


(16)

13

Mengkomunikasikan strategi dan tujuan yang dibuat oleh eksekutif kepada semua pihak yang berkepentingan sesuai dengan peran dan levelnya dalam organisasi.

2. Memonitor dan Menyesuaikan Pelaksanaan Strategi

Memonitor pelaksanaan dari rencana dan strategi yang telah dibuat. Memungkinkan eksekutif untuk mengidentifikasi permasalahan kritis dan membuat strategi untuk mengatasinya.

3. Menyampaikan Wawasan dan Informasi ke Semua Pihak

Menyajikan informasi menggunakan grafik, symbol, bagan dan warna yang memudahkan pengguna dalam memahami dan mempersepsi informasi secara benar.

3.9. Definisi Bootstrap

Bootstrap merupakan sebuah framework yang dapat memudahkan

penggunanya dalam mendesain sebuah web hanya dengan dasar HTML dan CSS. Bootstrap dilengkapi dengan beberapa komponen Java Script dalam bentuk jQuery plugin. framework ini juga mensupport web responsive, maka tampilan akan menyesuaikan resolusi monitor device yang akan digunakan oleh penggunanya.


(17)

14

BAB IV

DESKRIPSI PEKERJAAN

4.1Analisa Sistem

Pengembangan teknologi informasi membutuhkan rancangan dan analisa arsitektur perangkat lunak sebagai dokumentasi aplikasi yang akan dibuat. Dokumentasi ini diharapkan mampu meningkatkan kinerja PT. Eyro Digital Teknologi.

Data dan Informasi yang dibutuhkan dari pihak internal perusahaan yang nantinya bertujuan untuk pembuatan desain sistem informasi pergudangan untuk pencatatan transaksi keluar-masuk barang pada PT. Eyro Digital Teknologi.

Analisa sistem ini berkaitan dengan rancangan desain sistem informasi pergudangan untuk mencatat keluar masuk barang pada PT. Eyro Digital Teknologi. Desain sistem informasi ini terletak pada menu dashboard saat admin telah login ,pada side bar terdapat menu chart dimana menu tersebut akan menampilkan data berupa chart perperiode,harian,bulanan,dan tahunan.

4.2Perancangan Sistem

Perancangan sistem bertujuan untuk membantu memberikan gambaran mengenai perancangan arsitektur perangkat lunak, perancangan sistem untuk desain sistem informasi pencatatan transaksi keluar-masuk barang pada PT. Eyro Digital Teknologi.

Perancangan sistem juga menjelaskan proses bisnis yang terjadi ketika sistem diemplementasikan .dalam hal ini proses bisnis bagaimana bagian gudang


(18)

15

melakukan monitoring data transaksi barang yang keluar dalam bentuk chart pada tampilan dashboard. Perancangan system juga menggambarkan tentang bagaimana aliran data berjalan pada sistem ,aliran data ini digambarkan dalam bentuk DFD (Data flow Diagram) . Relasi tabel juga dijelaskan dalam bentuk CDM (Conceptual

Data Model) dan PDM(Physical Data Model) yang merupakan hasil generate dari

hasil CDM (Conceptual Data Model).

4.2.1 System Flowchart

System flowchart adalah gambaran tentang sistem yang akan dibangun.

System flow yang akan dibangun ini berisi ketika penggua menjalankan aplikasi

pertama kali harus melewati otentifikasi masuk terlebih dahulu. Hal ini berfungsi memberi hak akses kepada pengguna.


(19)

A. Mengakses Menu Dashboard

Gambar 4.1 Sysflow Menu Dashboard

Sistem dimulai dari menampilkan halaman login pada browser. Setelah itu, pengguna mengisi username, password dan menekan tombol login. Kemudian 16ystem akan mencocokan username dan password ke tabel pengguna jika benar maka system akan menampilkan halaman utama dashboard jika di tabel pengguna

username dan password tidak ada maka akan kembali ke halaman login tersebut.


(20)

17

B. Mengakses Menu Chart Transaksi 7 Hari Terakhir

Gambar 4.2 Sysflow Menu Chart 7 Hari Terakhir

Setelah bagian gudang masuk dalam sistem,maka bagian gudang dapat memilih menu chart 7 hari terahir untuk melihat data transaksinya. Dapat dilihat pada Gambar 4.2


(21)

C. Mengakses Menu Chart Transaksi 7 Bulan Terakhir

Gambar 4.3 Sysflow Menu Chart Transaksi 7 Bulan Terakhir Setelah bagian gudang masuk dalam sistem,maka bagian gudang dapat memilih menu chart 7 bulan terahir untuk melihat data transaksinya. Dapat dilihat pada Gambar 4.3.


(22)

19

D. Mengakses Chart Transaksi 7 TahunTerakhir

Gambar 4.4 Sysflow Menu Transaksi 7 Tahun Terakhir Setelah bagian gudang masuk dalam sistem,maka bagian gudang dapat memilih menu chart 7 bulan terakhir untuk melihat data transaksinya. Dapat dilihat pada Gambar 4.4


(23)

4.2.2 Hierarky Input Proses Output (HIPO)

Diagram jenjang bisa disebut sebagai diagram HIPO merupakan gambaran masing-masing proses yang terjadi dalam sistem mulai dari proses yang paling utama hingga pada sub proses dari sistem.Dalam aplikasi desain sistem informasi pergudangan untuk mencatat keluar-masuk barang ini memiliki 4 proses utama dan masing-masing proses tersebut memilliki sub proses mulai dari proses autentifikasi

login pada proses menampilkan dashboard dalam bentuk chart. Dapat dilihat pada

Gambar 4.5 1 Desain Sistem Informasi Pergudangan 2 Mengakses Menu Dashboard 3 Mengakses Menu Chart 7

Hari Terakhir

4 Mengakses Menu Chart 7

Bulanan

5 Mengakses Menu Chart 7

Tahunan 6 Autentifikasi Login 7 Menampilkan Menu Dashboard 8 Menampilkan Data Transaksi 7

Hari terakhir

9 Menampilkan Data Transaksi 7

Bulan Terakhir

10 Menampilkan Data Transaksi 7

Tahun Terakhir


(24)

21

4.2.3 Context Diagram

Context Diagram atau bisa disebut diagram konteks adalah diagram yang

menggambarkan aliran data utama yang berjalan pada sistem. Di dalam Data Flow Diagram (DFD) Context Diagram merupakan level tertinggi dari DFD yang

menggambarkan keseluruhan proses seperti input dan output dari sistem,aktornya meliputi Bagian Gudang.Penjelasan dapat dilihat pada Gambar 4.6.

Informas i Trans aks i 7 Tahun Terakhir Informas i Trans aks i 7 Bulan Terak hir Informas i Trans aks i 7 Hari Terakhir

Data Trans aks i Barang Nama Pengguna dan Pas s word 1

Des ain Sis tem Inform as i Pergudangan

+

Bagian Gudang


(25)

A. Data Flow Diagram Level 0

Gambar 4.7 DFD Level 0

DFD Level 0 merupakan dekomposisi atau penjabaran secara lebih detail dari Context Diagram. Berikut ini adalah gambar dari DFD level 0 yang dapat dilihat pada Gambar 4.7.

B. Data FlowDiagram Level 1

Data Flow Diagram level 1 merupakan dekomposisi atau penjabaran dari

proses yang ada pada Data Flow Diagram level 0 menjadi sub-proses. Proses dekomposisi dilakukan dari setiap proses yang ada di DFD level 0 akan


(26)

23

menghasilkan DFD Level 1 yang merupakan penjabaran secara lebih rinci satu persatu proses yang ada di DFD level 0 untuk lebih jelasnya mengenai gambaran dari DFD level 1 dapat dilihat pada Gambar 4.8 berikut:

Gambar 4.8 DFD Level 1

Gambar 4.8 merupakan DFD Level 1 pada proses mengakses dashboard terdapat 1 aktor yaitu bagian gudang .Di dalamnya terdapat 2 proses yaitu saat bagian gudang telah menginputkan nama pengguna dan password maka akan terjadi proses autentifikasi login setelah nama pengguna dan password terdaftar pada tabel pengguna maka proses selanjutnya akan menampilkan tampilan awal


(27)

4.2.4 Conceptual Data Model (CDM)

Conceptual Data Model(CDM) adalah memodelkan atau menggambarkan

secara detail struktur basis data dalam bentuk seperti relasi-relasi.Pada aplikasi desain sistem informasi transaksi keluar-masuk ini terdapat 6 (enam) tabel yaitu Tabel Role, Tabel Pengguna , Tabel Master Supplier , Tabel Master Produk , Tabel Transaksi Masuk , dan Tabel Transsaksi Keluar.Dapat dilihat pada Gambar 4.9 :

Gambar 4.9 CDM Detail_Transaksi_Keluar Menjalankan Hak_Akses Mencatat Tercatat Detail_Transaksi_Masuk Master Produk ID_Produk Nama Produk Stok Berat Diskripsi Gambar <pi> Integer

Variable characters (255) Integer

Integer

Variable characters (255) Variable characters (255)

<M> ID_PRODUK <pi> Transaksi Keluar ID_Trans Tanggal <pi> Integer Date <M> ID_TRANS <pi> Pengguna ID_Pengguna Nama Alamat No_Telp Username Password <pi> Integer

Variable characters (72) Variable characters (72) Variable characters (72) Variable characters (72) Variable characters (72)

<M> ID_Pengguna <pi> Role ID_Role Nama_Role <pi> Integer

Variable characters (72) <M> ID_Role <pi> Master Supplier Id_Supplier Nama_Perusahaan Alamat_Perusahaan Nama_Contact_Person No_Telp_Perusahaan Email <pi> Integer

Variable characters (72) Variable characters (72) Variable characters (72) Variable characters (72) Variable characters (72)

<M> Id_Supplier <pi> Transaksi Masuk Id_Transaksi_Masuk Tanggal_Transaksi_Masuk <pi> Integer Date <M> Id_Transaksi_Masuk <pi>


(28)

25

4.2.5 Physical Data Model

Physical Data Model merupakan hasil dari generate CDM yang telah dibuat

sebelumnya. Pada aplikasi desain sistem informasi transaksi keluar-masuk ini terdapat 6 (enam) tabel yaitu Tabel Role, Tabel Pengguna , Tabel Master Supplier , Tabel Master Produk , Tabel Transaksi Masuk , dan Tabel Transsaksi Keluar setelah di generate muncul lah Tabel Detil Transaksi Keluar dan Detil Transaksi Masuk.Dapat dilihat pada Gambar 4.10:

Gambar 4.10 PDM FK_DETAIL_T_DETAIL_TR_MASTER_P FK_DETAIL_T_DETAIL_TR_TRANSAKS FK_TRANSAKS_MENJALANK_PENGGUNA FK_PENGGUNA_HAK_AKSES_ROLE FK_TRANSAKS_MENCATAT_PENGGUNA FK_TRANSAKS_TERCATAT_MASTER_S FK_DETAIL_T_DETAIL_TR_MASTER_P FK_DETAIL_T_DETAIL_TR_TRANSAKS Master Produk ID_Produk Nama Produk Stok Berat Diskripsi Gambar integer varchar(255) integer integer varchar(255) varchar(255) <pk> Transaksi Keluar ID_Trans ID_Pengguna Tanggal integer integer date <pk> <fk> Pengguna ID_Pengguna ID_Role Nama Alamat No_Telp Username Password integer varchar(72) varchar(72) varchar(72) varchar(72) varchar(72) varchar(72) <pk> <fk> Role ID_Role Nama_Role integer varchar(72) <pk> Master Supplier Id_Supplier Nama_Perusahaan Alamat_Perusahaan Nama_Contact_Person No_Telp_Perusahaan Email integer varchar(72) varchar(72) varchar(72) varchar(72) varchar(72) <pk> Transaksi Masuk Id_Transaksi_Masuk Id_Supplier ID_Pengguna Tanggal_Transaksi_Masuk integer integer integer date <pk> <fk2> <fk1> Detail_Transaksi_Keluar ID_Produk ID_Trans Kuantiti integer integer integer <pk,fk1> <pk,fk2> Detail_Transaksi_Masuk ID_Produk Id_Transaksi_Masuk Kuantiti integer integer integer <pk,fk1> <pk,fk2>


(29)

4.2.6 Struktur Tabel

Perancangan struktur tabel yang digunakan dalam pembuatan aplikasi pergudangan untuk mencatat keluar – masuk barang pada PT. Eyro Digital Teknologi, meliputi nama tabel, nama atribut, tipe data, serta data pelengkap seperti

primary key dan foreign key. Berikut penjelasan secara detail mengenai struktur

tabel yang diperlukan sistem.

A. Tabel Role Nama Tabel : Role

Primary Key : Id_Role

Foreign Key : -

Fungsi : Menyimpan data master role Tabel 4.1 Tabel Role

No. Field Tipe Panjang Keterangan

1 Id_Role Integer 10 Primary Key

2 Nama_Role Varchar 72

B. Tabel Pengguna Nama Tabel : Pengguna

Primary Key : Id_Pengguna

Foreign Key : Id_Role


(30)

27

Tabel 4.2 Tabel Pengguna

No. Field Tipe Panjang Keterangan

1 Id_Pengguna Integer 10 Primary Key

2 Id_Role Integer 10 Foreign Key

3 Username Varchar 72

4 Password Varchar 72

5 Nama Varchar 72

6 Alamat Varchar 72

7 Nomor_Telepon Varchar 72

C. Tabel Produk

Nama Tabel : Master_Produk

Primary Key : Id_Produk

Foreign Key : -

Fungsi : Menyimpan data master produk Tabel 4.3 Tabel Produk

No. Field Tipe Panjang Keterangan

1 Id_Produk Integer 10 Primary Key

2 DashbNama_Produk Varchar 255

3 Stok Integer 11

4 Berat Integer 11


(31)

6 Gambar Varchar 255

D. Tabel Supplier Nama Tabel : Supplier

Primary Key : Id_Supplier

Foreign Key : -

Fungsi : Menyimpan data master supplier Tabel 4.4 Tabel Supplier

No. Field Tipe Panjang Keterangan

1 Id_Produk Integer 10 Primary Key

2 Nama_Produk Varchar 255

3 Stok Integer 11

4 Berat Integer 11

5 Diskripsi Varchar 255

6 Gambar Varchar 255

E. Tabel Transaksi Masuk Nama Tabel : Transaksi_Masuk

Primary Key : Id_Transaksi_Masuk

Foreign Key : Id_Pengguna, Id_Supplier


(32)

29

Tabel 4.5 Tabel Transaksi Masuk

No. Field Tipe Panjang Keterangan

1 Id_Transaksi_Masuk Integer 10 Primary Key

2 Id_Pengguna Integer 10 Foreign Key

3 Id_Supplier Integer 10 Foreign Key

4 Tanggal Date

F. Tabel Detail Transaksi Masuk Nama Tabel : Detil_Transaksi_Masuk

Primary Key : -

Foreign Key : Id_Transaksi_Masuk, Id_Produk

Fungsi : Menyimpan data detail transaksi masuk Tabel 4.6 Tabel Detail Transaksi Masuk

No. Field Tipe Panjang Keterangan

1 Id_Transaksi_Masuk Integer 10 Foreign Key

2 Id_Produk Integer 10 Foreign Key

3 Kuantiti Integer 11

G. Tabel Transaksi Keluar Nama Tabel : Transaksi_Keluar

Primary Key : Id_Transaksi_Keluar


(33)

Fungsi : Menyimpan data transaksi keluar

Tabel 4.7 Tabel Transaksi Keluar

No. Field Tipe Panjang Keterangan

1 Id_Transaksi_Keluar Integer 10 Primary Key

2 Id_Pengguna Integer 10 Foreign Key

3 Tanggal Date

H. Tabel Detail Transaksi Keluar Nama Tabel : Detil_Transaksi_Keluar

Primary Key : -

Foreign Key : Id_Transaksi_Keluar, Id_Produk

Fungsi : Menyimpan data detail transaksi keluar

Tabel 4.8 Tabel Detail Transaksi Keluar

No. Field Tipe Panjang Keterangan

1 Id_Transaksi_Keluar Integer 10 Foreign Key

2 Id_Produk Integer 10 Foreign Key

3 Kuantiti Integer 11

4.3Kebutuhan Sistem 4.3.1 Hardware

Perangkat keras yang diperlukan untuk menjalankan aplikasi adalah komputer dengan spesifikasi sebagai berikut:


(34)

31

2. Memory RAM Minimal 2Gb 3. Harddisk Minimal 320 Gb 4.3.2 Software

Perangkat lunak yang diperlukan untuk menjalankan aplikasi adalah sebagai berikut:

1. Sistem Operasi berbasis windows minimal Windows XP atau Linux yang telah mendukung akses internet dan memiliki tampilan GUI.

2. Browser (Internet Explorer,Mozilla Firefox,Google Chrome).

3. Xampp.

4.4Desain Input dan Output

Desain input/output merupakan rancangan input/output berupa form untuk memasukkan data sebagai informasi yang dihasilkan dari pengelolahan data. Desain input/output merupakan acuan pembuat aplikasi dalam merancang dan membangun sistem.

4.4.1 Desain Input

Desain input merupakan perancangan desain masukan dari pengguna ke sistem yang kemudian akan disimpan ke database.Jadi pengguna akan menginputkan Nama Pengguna dan Password lalu menekan tombol Sign-in untuk masuk ke sistem.dapat dilihat pada Gambar 4.11:


(35)

Gambar 4.11 Login PT. Eyro Digital Teknologi

4.4.2 Desain Output

Desain output merupakan perancangan hasil outputan yang ditampilkan oleh aplikasi.Dalam aplikasi ini akan menampilkan Informasi Transaksi keluar perperiode harian, bulana ,dan tahunan dalam bentuk Line


(36)

33

A. Halaman Dashboard

Gambar 4.12 Dashboard PT. Eyro Digital Teknologi

B. Halaman Chart Harian


(37)

C. Halaman Chart Bulanan

Gambar 4.14 Chart Bulanan PT. Eyro Digital Teknologi

D. Halaman Chart Tahunan


(38)

35

4.5Implementasi Input Output

4.5.1 Halaman Utama Dashboard A. Menu Login

Gambar 4.16 Menu Login

Pada halaman login ,hanya pihak PT. Eyro digital Teknologi saja yang dapat memiliki hak akses untuk login ke menu utama dashboard.

B. Halaman Awal Dashboard


(39)

Gambar 4.18 Dashboard

Gambar 4.17 dan Gambar 4.18 merupakan Menu dashboard ,menu ini dapat menampilkan semua data transaksi dari semua produk yang ada di PT. Eyro Digital Teknologi Harian, Bulanan dan Tahunan.


(40)

37

Gambar 4.19 merupakan hasil eksekusi stored procedure yang di tampilkan chart pada gambar 4.17 yaitu pada halaman dashboard.

Gambar 4.20 Contoh Hasil Eksekusi Stored Procedure 7 Harian

Gambar 4.21 Contoh Hasil Eksekusi Stored Procedure 7 Tahunan Gambar 4.20 dan Gambar 4.21 merupakan salah satu hasil eksekusi stored

procedure yang di tampilkan chart pada gambar 4.17 yaitu di halaman


(41)

C. Menu Chart Harian

Gambar 4.22 Chart Harian

Gambar 4.22 merupakan menu chart harian transaksi keluar yang terjadi.Gambar diatas menjelaskan bahwa produk Cubeacon Dev Kit 001 Tanggal 16 terdapat 2 barang yang keluar.


(42)

39

Gambar 4.23 adalah beberapa chart harian untuk produk-produk yang lain.

Gambar 4.24 Contoh Hasil Eksekusi Stored Procedure 7 Harian

Gambar 4.24 adalah salah satu pembuktian untuk Gambar 4.22 diman telah di jelaskan bahwa pada tanggal 16 terdapat 2 produk keluar disini penulis hanya memberikan salah satu contoh produk yaitu Cubeacon Dev.Kit 001.

D. Menu Chart Bulanan


(43)

Gambar 4.25 merupakan menu chart bulanan transaksi keluar yang terjadi. Gambar diatas menjelaskan bahwa produk Cubeacon Dev Kit 001 Bulan May terdapat 30 barang yang keluar atau telah terjual.

Gambar 4.26 Chart Bulanan

Gambar 4.26 adalah beberapa chart harian untuk produk-produk yang lain.

Gambar 4.27 Contoh Hasil Eksekusi Stored Procedure 7 Bulanan Gambar 4.27 merupakan salah satu pembuktian dari Gambar 4.25 dimana data transaksi keluar pada bulan may total produk keluar ada 30 dengan nama produk Cubeacon Dev.Kit 001.


(44)

41

E. Menu Chart Tahunan

Gambar 4.28 Chart Tahunan

Gambar 4.28 merupakan menu chart tahunan ini adalah transaksi keluar yang terjadi. Gambar diatas menjelaskan bahwa produk Cubeacon Dev Kit 001 Tahun 2016 terdapat 245 barang yang keluar atau telah terjual.


(45)

Gambar 4.29 adalah beberapa chart harian untuk produk-produk yang lain.

Gambar 4.30 Contoh Hasil Eksekusi Stored Procedure 7 Tahunan

Gambar 4.30 merupakan salah satu hasil dari eksekusi stored procedure yang di tampilkan data seperti Gambar 4.28.


(46)

43

BAB V PENUTUP

5.1 Kesimpulan

Setelah melakukan analisa dan perancangan, serta implementasi terhadap Aplikasi Desain Sistem Informasi Transaksi Keluar-Masuk Barang pada PT. Eyro Digital Teknologi, maka dapat diambil beberapa kesimpulan sebagai berikut:

1. Dapat memberikan kemudahan kepada pihak perusahaan dalam hal

memonitoring melalui dashboard yang ditampilkan dalam bentuk chart

perperiode harian, bulanan dan tahunan.

2. Dapat membantu hal dalam pengambilan keputusan yang berkaitan dengan transaksi barang keluar jadi selalu dapat memonitoring.

5.2 Saran

Dalam aplikasi Desain Sistem Informasi Transaksi Keluar-Masuk Barang pada PT. Eyro Digital Teknologi masih banyak kelemahan yang disadari penulis. Penulis memiliki saran dalam pengembangan sistem ini kedepannya, yaitu:

1. Beberapa browser lama masih belum support tampilan dashboard. 2. Tampilan pada halaman master harusnya lebih bisa responsive lagi.


(47)

44

Hakim, L. (2010). Bikin website super keren dengan PHP dan JQuery. yogyakarta: Loko Media.

K., C. S., D.Mockinlay, j., & Scheiderman, B. (1998). Reading in information Visualization . In Using Vision to Think. Morgan Kaufmann Publishers. Kenneth C., L., & Jane, P. (2010). Manajemen information system. In managing

the digital firm. new jersey: Prentice-Hall.

Kristanto, A. (2003). Perancangan sistem informasi dan Aplikasinya. Jakarta: Gava Media.

Rainer, & Cegielski. (2011). Introduction to information systems. In (3rd Edition). USA: Wiley.

W.Eckerson. (2006). Deploying Dashboards and scorecards. United States: Media,Inc.

w.Eckerson. (2006a). Deploying Dashboards and scorecards. united states: Media,Inc.


(1)

Gambar 4.23 adalah beberapa chart harian untuk produk-produk yang lain.

Gambar 4.24 Contoh Hasil Eksekusi Stored Procedure 7 Harian

Gambar 4.24 adalah salah satu pembuktian untuk Gambar 4.22 diman telah di jelaskan bahwa pada tanggal 16 terdapat 2 produk keluar disini penulis hanya memberikan salah satu contoh produk yaitu Cubeacon Dev.Kit 001.

D. Menu Chart Bulanan


(2)

40

Gambar 4.25 merupakan menu chart bulanan transaksi keluar yang terjadi. Gambar diatas menjelaskan bahwa produk Cubeacon Dev Kit 001 Bulan May terdapat 30 barang yang keluar atau telah terjual.

Gambar 4.26 Chart Bulanan

Gambar 4.26 adalah beberapa chart harian untuk produk-produk yang lain.

Gambar 4.27 Contoh Hasil Eksekusi Stored Procedure 7 Bulanan

Gambar 4.27 merupakan salah satu pembuktian dari Gambar 4.25 dimana data transaksi keluar pada bulan may total produk keluar ada 30 dengan nama produk Cubeacon Dev.Kit 001.


(3)

E. Menu Chart Tahunan

Gambar 4.28 Chart Tahunan

Gambar 4.28 merupakan menu chart tahunan ini adalah transaksi keluar yang terjadi. Gambar diatas menjelaskan bahwa produk Cubeacon Dev Kit 001 Tahun 2016 terdapat 245 barang yang keluar atau telah terjual.


(4)

42

Gambar 4.29 adalah beberapa chart harian untuk produk-produk yang lain.

Gambar 4.30 Contoh Hasil Eksekusi Stored Procedure 7 Tahunan

Gambar 4.30 merupakan salah satu hasil dari eksekusi stored procedure yang di tampilkan data seperti Gambar 4.28.


(5)

43

5.1 Kesimpulan

Setelah melakukan analisa dan perancangan, serta implementasi terhadap Aplikasi Desain Sistem Informasi Transaksi Keluar-Masuk Barang pada PT. Eyro Digital Teknologi, maka dapat diambil beberapa kesimpulan sebagai berikut:

1. Dapat memberikan kemudahan kepada pihak perusahaan dalam hal memonitoring melalui dashboard yang ditampilkan dalam bentuk chart perperiode harian, bulanan dan tahunan.

2. Dapat membantu hal dalam pengambilan keputusan yang berkaitan dengan transaksi barang keluar jadi selalu dapat memonitoring.

5.2 Saran

Dalam aplikasi Desain Sistem Informasi Transaksi Keluar-Masuk Barang pada PT. Eyro Digital Teknologi masih banyak kelemahan yang disadari penulis. Penulis memiliki saran dalam pengembangan sistem ini kedepannya, yaitu:

1. Beberapa browser lama masih belum support tampilan dashboard. 2. Tampilan pada halaman master harusnya lebih bisa responsive lagi.


(6)

44

Daftar Pustaka

Hakim, L. (2010). Bikin website super keren dengan PHP dan JQuery. yogyakarta: Loko Media.

K., C. S., D.Mockinlay, j., & Scheiderman, B. (1998). Reading in information Visualization . In Using Vision to Think. Morgan Kaufmann Publishers. Kenneth C., L., & Jane, P. (2010). Manajemen information system. In managing

the digital firm. new jersey: Prentice-Hall.

Kristanto, A. (2003). Perancangan sistem informasi dan Aplikasinya. Jakarta: Gava Media.

Rainer, & Cegielski. (2011). Introduction to information systems. In (3rd Edition). USA: Wiley.

W.Eckerson. (2006). Deploying Dashboards and scorecards. United States: Media,Inc.

w.Eckerson. (2006a). Deploying Dashboards and scorecards. united states: Media,Inc.