rancang bangun sistem informasi pendataan.pptx
- 1. SEMINAR PROPOSAL RANCANG BANGUN SISTEM INFORMASI PENDATAAN BARANG MASUK DAN KELUAR SERTA LAPORAN PADA TOKO ACC HANDPHONE RANDY CELL BERBASIS WEBSITE 2023 UMMU SYAKINAH 119109003 DOSEN PEBIMBING SKRIPSI 1 MUHAMMAD HAIBAR PUTRA ADHITIA DOSEN PEBIMBING SKRIPSI 2 SAIFUL AMIR, M .Pem.I PROGRAM STUDI TEKNIK INFORMATIKA UNIVERSITAS NAHDLATUL ULAMA SUMATERA UTARA
- 2. BAB I PENDAHULUAN Internet menghadirkan berbagai kemudahan bagi manusia. Kehadiran internet seolah menggeser kebiasaan mengakses media lama yang sudah ada. Namun hal itu juga sedikit dibenarkan karena dengan internet semua terasa mudah. Internet juga mengubah pola hidup seseorang. Akses internet cepat ditambah telepon genggam yang berlayar lebar menjadikan semua mudah. Banyak hal bisa dikerjakan menggunakan telepon genggam terkoneksi internet. Aplikasi di telepon genggam menjadikan seseorang dimudahkan namun di sisi lain juga menjadi ketergantungan. (Norhabiba, 2018) LATAR BELAKANG Randy cell adalah salah satu perusahaan perorangan yang bergerak dalam menyediakan segala jenis kebutuhan accessories handphone serta perbaikan handphone rusak yang berlokasi di Jl. Pendidikan Kec. Sunggal, Kabupaten Deli Serdang, Sumatera Utara. Pada saat ini dalam proses pendataan barang keluar masuk dan jasa yang ditawarkan tersebut masih menggunakan cara yang manual dengan melakukan input data pada Microsoft Excel untuk mendata semua data penjualan maupun pemasukannya. Sehingga akan lebih sulit untuk mencari data yang pernah dicatat didalamnya, dimana data yang disimpan menggunakan banyak file yang berbeda. Tidak terdapatnya sistem database yang terpusat membuat data rentan hilang maupun rusak apabila terjadi kegagalan atau kerusakan pada komputer untuk menyimpan data tersebut.
- 3. BAB I PENDAHULUAN LATAR BELAKANG Berdasarkan latar belakang diatas maka penulis tertarik untuk memilih judul “RANCANG BANGUN SISTEM INFORMASI PENDATAAN BARANG MASUK DAN KELUAR SERTA LAPORAN PADA TOKO ACC HANDPHONE RANDY CELL BERBASIS WEBSITE 2023”.
- 4. BAB I PENDAHULUAN RUMUSAN MASALAH Adapun permasalahan yang dihadapi dalam sistem informasi pendataan barang dan laporan pada Toko acc randy cell ini adalah : 1. Bagaimana membuat sistem yang dapat mempermudah karyawan dalam mendata Transaksi yang terjadi pada Toko Acc Randy Cell? 2. Bagaimana membuat laporan penjualan secara digital untuk memudahkan pemilik dalam pengecekan transaski yang terjadi?
- 5. BAB I PENDAHULUAN BATASAN MASALAH Dalam sistem informasi pendataan barang dan laporan pada Toko Randy cell ini, penulis membatasi masalah sebagai berikut : 1. Sistem yang terdapat hanya pada bagian pendataan barang keluar dan masuk serta laporannya. 2. Penggunaan sistem pada tipe karyawan dibatasi fungsinya. 3. Dalam perancangan sistem menggunakan bahasa program PHP dan database MySQL. 4. Sistem hanya dapat dijalankan pada browser google chrome dan firefox versi terbaru.
- 6. BAB I PENDAHULUAN TUJUAN PENELITIAN Tujuan yang ingin dicapai penulis dalam sistem informasi pendataan barang dan laporan pada Toko Accessories Randy Cell ini adalah : 1. Agar tidak terjadi kecurangan dalam penjualan yang dilakukan oleh karyawan. 2. Meminimalisirkan kehilangan data dengan menggunakan sistem website karena sistem yang bersifat online dan database yang tersimpan pada database tersendiri. 3. Mempermudah pemilik toko dalam mengetahui untung dan ruginya transaski yang terjadi.
- 7. BAB I PENDAHULUAN MANFAAT PENELITIAN Merancang aplikasi sistem informasi pendataan barang dan laporan pada Toko Accessories Randy Cell antara lain: 1. Pemilik dapat melihat rekapan data laporan penjualan Mulai dari penjualan harian, bulanan serta tahunan secara digital dan dapat di akses dimana saja dan kapan saja. 2. Pemilik dapat memantau stok barang yang ada ditoko dengan mudah menggunakan aplikasi.
- 8. BAB II LANDASAN TEORI 1. Sistem Sistem informasi adalah sejumlah komponen (manusia, komputer, teknologi informasi, dan prosedur kerja), ada sesuatu yang diproses (data menjadi informasi), dan dimaksudkan untuk mencapai suatu sasaran atau tujuan. Sistem informasi sebagai suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasasi, dan menyediakan pihak luar tertentu dengan laporan - laporan yang diperlukan. Sistem Informasi Sistem berasal dari bahasa Latin (systēma) dan bahasa Yunani (sustēma) adalah suatu kesatuan yang terdiri dari komponen atau elemen yang dihubungkan bersama untuk memudahkan aliran informasi, materi atau energi untuk mencapai suatu tujuan. Istilah ini sering dipergunakan untuk menggambarkan suatu set entitas yang berinteraksi, di mana suatu model matematika seringkali bisa dibuat
- 9. BAB II LANDASAN TEORI Sistem Informasi Kata "sistem" sering digunakan dalam percakapan sehari-hari, dalam forum diskusi maupun dokumen ilmiah. Kata ini digunakan untuk banyak hal, dan pada banyak bidang pula, sehingga maknanya menjadi beragam. Dalam pengertian yang paling umum, sebuah sistem adalah sekumpulan benda yang memiliki hubungan di antara mereka. INPUT PROSES OUTPUT Model Sistem Sederhana Sumber : Ismael (2017)
- 10. BAB II LANDASAN TEORI Sistem Informasi Adapun komponen-komponen yang saling terintegrasi membentuk satu kesatuan dalam mencapai sasaran sistem, yaitu (Ermatita, 2016) 1. Komponen Sistem (Components) 2. Batasan Sistem (Boundary) 3. Lingkungan Luar Sistem (Environtment) 4. Penghubung Sistem (Interface) 5. Masukan Sistem (Input) 6. Keluaran Sistem (Output) 7. Pengolah Sistem (Process) 8. Sasaran Sistem (Objective)
- 11. BAB II LANDASAN TEORI Sistem Informasi Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berari bagi penerimannya. Sumber informasi adalah data. Data kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata. Kejadian-kejadian (event) adalah kejadian yang terjadi pada saat tertentu Informasi bisa menjadi fungsi penting dalam membantu mengurangi rasa cemas pada seseorang. Semakin banyak memiliki informasi dapat memengaruhi atau menambah pengetahuan terhadap seseorang dan dengan pengetahuan tersebut bisa menimbulkan kesadaran yang akhirnya seseorang itu akan berperilaku sesuai dengan pengetahuan yang dimilikinya Adapun fungsi-fungsi informasi adalah sebagai berikut: 1. Untuk meningkatkan pengetahuan bagi si pemakai. 2. Untuk mengurangi ketidakpastian dalam proses pengambilan keputusan pemakai. 3. Menggambarkan keadaan yang sebenarnya dari sesuatu hal.Informasi yang berkualitas harus akurat, tepat dan relevan
- 12. BAB II LANDASAN TEORI Pengertian Sistem Informasi Sistem informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengelolahan transaksi harian, mendukung operasi, bersifat manajerial menyediakan pihak luar tertentu dengan laporan-laporan yang dibutuhkan. (Harumy, 2018)
- 13. BAB II LANDASAN TEORI Pengertian PHP PHP adalah bahasa pemograman yang berjalan dalam sebuah webs- server (serverside). PHP diciptakan oleh programmer unix dan perl yang bernama Rasmus Lerdoft pada bulan agustus-september 1994. Script PHP adalah bahasa program yang berjalan pada sebuah web server atau serverside. Oleh karena itu, PHP dapat melakukan apa saja yang bisa dilakukan program CGI lain, yaitu mengolah data dengan tipe apapun, menciptakan halaman web yang dinamis, serta menerima dan menciptakan cookies dan bahkan PHP bisa melakukan lebih dari itu. (Harison, 2016)
- 14. BAB II LANDASAN TEORI Definisi Visual Studio Code Visual Studio Code (VS Code) ini adalah sebuah teks editor ringan dan handal yang dibuat oleh Microsoft untuk sistem operasi multiplatform, artinya tersedia juga untuk versi Linux, Mac, dan Windows. Teks editor ini secara langsung mendukung bahasa pemrograman JavaScript, Typescript, dan Node.js, serta bahasa pemrograman lainnya dengan bantuan plugin yang dapat dipasang via marketplace Visual Studio Code (seperti C++, C#, Python, Go, Java, dst) (Permana, 2019). 1. Pengertian Basis Data Sedangkan pengertian sistem basis data adalah sistem yang terdiri dari koleksi data atau kumpulan data yang saling berhubungan dan program-program untuk mengakses data tersebut.
- 15. BAB II LANDASAN TEORI 1. Pengertian Basis Data Komponen Utama Sistem Basis Data : 1. Perangkat Keras (Hardware) 2. Sistem Operasi (Operating Sistem) 3. Basis data (Database) 4. Sistem Pengelola Basis Data (Database Management Sistem atau disingkat DBMS) 5. Pemakai (User). 6. Aplikasi atau Perangkat Lunak yang lainnya. 7. Tujuan Utama Sistem Basis Data sendiri adalah : Menunjukkan suatu lingkungan yang tepat dan efisien didalam melakukan pengambilan (retrieving) dan penyimpanan (storing) informasi basis data,
- 16. BAB II LANDASAN TEORI 1. Pengertian Basis Data Kegunaan atau Fungsi Sistem Basis Data, mengatasi masalah- masalah pemrosesan data yang sering ditemui dengan menggunakan metode konvensional, permasalah yang diatasi diantaranya : 1) Redudansi data dan juga inkonsistensi data. 2) Kesuliatan dalam pengaksesan data. 3) Data Isolation. 4) Konkurensi pengaksesan. 5) Masalah keamanan. 6) Masalah Integritas.
- 17. BAB II LANDASAN TEORI 1. Database MySQL MySQL adalah DBMS yang didistribusikan secara gratis dibawah lisensi dari General Public License (GPL), dimana setiap orang bebas untuk menggunakannya tetapi tidak boleh untuk dijadikan program induk turunan bersifat close source (komersial). MySQL sebenarnya merupakan turunan dari salah satu konsep utama dalam baris sejak lama, yaitu SQL (Structured Query Language). SQL adalah sebuah konsep pengoperasian basis data terutama untuk proses seleksi, pemasukan, pengubahan dan penghapusn data yang dimungkinkan dapat dikerjakan dengan mudah dan otomatis. (Harumy, 2018)
- 18. BAB II LANDASAN TEORI Pengenalan UML Unified Modelling Language (UML) merupakan salah satu bentuk language atau bahasa, mneurut pencetusnya UML didefinisikan sebagai bahasa visuai untuk menjelaskan, memberikan spesifikasi, merancang, membuat model, dan mendokumentasikan aspek aspek dari sebuah sistem. (Herpendi, 2016). Pada perkembangan teknik pemrograman berorientasi objek, muncullah sebuah standarisasi bahasa pemodelan untuk pembangunan perangkat lunak yang dibangun dengan menggunakan teknik pemrograman berorientasi objek, yaitu Unified Modeling Language (UML).
- 19. BAB II LANDASAN TEORI Use Case Diagram Use Case atau diagram use case merupakan pemodelan untuk kelakuan (behavior) sistem informasi yang akan dibuat. Use case mendeskripsikan sebuah interaksi antara satu atau lebih aktor dari dengan sistem informasi yang akan dibuat. Secara kasar, use case digunakan untuk mengetahui fungsi apa saja yang ada di dalam sebuah sistem informasi dan siapa saja yang berhak menggunakan fungsi-fungsi itu (Herpendi, 2016).
- 20. BAB II LANDASAN TEORI TABEL
- 21. BAB II LANDASAN TEORI Activity Diagram Activity Diagram (Diagram Aktifitas) menggambarkan berbagai alir aktifitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi. Diagram Aktifitas merupakan state diagram khusus, di mana sebagian besar state adalah action dan sebagian besar transisi di-trigger oleh selesainya state sebelumnya (internal processing). (Herpendi, 2016) No Gambar Nama Keterangan 1 Activity Memperlihatkan bagaimana masing- masing kelas antarmuka saling berinteraksi satu sama lain 2 Action State dari sistem yang mencerminkan eksekusi dari suatu aksi 3 Initial Node Bagaimana objek dibentuk atau diawali. 4 Actifity Final Node Bagaimana objek dibentuk dan dihancurkan 5 Fork Node Satu aliran yang pada tahap tertentu berubah menjadi beberapa aliran Tabel 2.2 Simbol Activity Diagram
- 22. BAB II LANDASAN TEORI Sequence Sequence diagram menggambarkan kelakuan objek pada use case dengan mendeskripsikan waktu hidup objek dan pesan yang dikirimkan dan diterima antar objek. (Hendini, 2016) No Gambar Nama Keterangan 1 LifeLine Objek entity, antarmuka yang saling berinteraksi. 2 Message Spesifikasi dari komunikasi antar objek yang memuat informasi-informasi tentang aktifitas yang terjadi 3 Message Spesifikasi dari komunikasi antar objek yang memuat informasi-informasi tentang aktifitas yang terjadi
- 23. BAB II LANDASAN TEORI Class Diagram Class diagram merupakan hubungan antar kelas dan penjelasan detail tiap-tiap kelas di dalam model desain dari suatu sistem, juga memperlihatkan aturan-aturan dan tanggung jawab entitas yang menentukan perilaku sistem. (Hendini, 2016) No Gambar Nama Keterangan 1 Note Elemen fisik yang eksis saat aplikasi dijalankan dan mencerminkan suatu sumber daya komputasi 2 dependency Hubungan dimana perubahan yang terjadi pada suatu elemen mandiri akan mempengaruhi elemen yang bergantung padanya 3 Extend Menspesifikasikan bahwa use case target memperluas prilaku dari use case sumber pada suatu titik yang diberikan. Tabel 2.4 Simbol Class Diagram
- 24. BAB III METODE PENELITIAN Tahapan Penelitian Untuk membantu dalam penyusunan penelitian ini, maka perlu adanya susunan kerangka kerja yang jelas tahapan-tahapannya. Kerangka kerja ini merupakan langkah-langkah yang akan dilakukan dalam penyelesaian masalah yang akan dibahas. Adapun kerangka kerja penelitian yang di gunakan seperti terlihat pada gambar 3.1 Mempelajari literatur Pengumpulan data Menganalisakebutuhan Mendesain dan merancang sistem Implementasi sistem Pengujian sistem Gambar 3.1 Kerangka Penelitian
- 25. BAB III METODE PENELITIAN Tahapan Penelitian Berdasarkan kerangka kerja penelitian yang telah digambarkan di atas, maka dapat diuraikan pembahasan masing-masing tahap dalam penelitian adalah sebagai berikut : 1. Mempelajari Literatur Pada tahap ini dilakukan pencarian landasan-landasan teori yang diperoleh dari berbagai buku dan juga internet untuk melengkapi perbendaharaan konsep dan teori, sehingga memiliki landasan dan keilmuan yang baik dan sesuai. 2 Pengumpulan Data Metode pengumpulan data yang dilakukan dalam penelitian ini adalah: 1) Wawancara Mengadakan tanya jawab kepada Ibu Yurika selaku pemilik dari Gaya Indah tentang pendataan barang yang ada. 2) Studi Pustaka Pengumpulan data dengan menggunakan atau mengumpulkan sumber-sumber tertulis, dengan cara membaca, mempelajari dan mencatat hal-hal penting yang bersumber dari buku, jurnal dan internet yang berhubungan dengan masalah yang sedang dibahas guna memperoleh gambaran secara teoritis.
- 26. BAB III METODE PENELITIAN Tahapan Penelitian 3. Analisa Kebutuhan Pada tahap ini dilakukan identifikasi masalah pada sistem yang sedang berjalan. Dengan demikian, diharapkan peneliti dapat menemukan permasalahan yang terjadi pada prosesnya sehingga peneliti dapat mencari solusi dari permasalahan tersebut 4. Mendesain Sistem Pada Tahap ini dilakukan mendesain sistem dengan menggunakan permodelan UML (Unified Modelling Language) dan pada tahap ini dilakukan perancangan antarmuka aplikasi yang akan dibuat. 5. Implenentasi Sistem Implementasi sistem dilakukan sesuai desain dan rancangan antarmuka aplikasi yang akan dibangun. Pada tahap ini melakukan pengkodingan atau pembuatan program aplikasi yang dirancang dapat digunakan oleh pengguna.
- 27. BAB III METODE PENELITIAN Tahapan Penelitian 6. Pengujian Sistem Pada tahap ini aplikasi yang sudah dirancang sebelumnya telah selesai dan dilakukan tahapan pengunjian aplikasi apakah ada error atau kerusakan pada aplikasi yang telah dirancang.
- 28. BAB III METODE PENELITIAN 1. Metode Pengumpulan Data Analisis masalah adalah penguraian dari suatu masalah yang utuh ke dalam bagian-bagian komponennya dengan maksud mengidentifikasi dan mengevaluasi permasalahan, kesempatan, hambatan yang terjadi dan kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan. Berdasarkan hasil wawancara dengan Bapak Randy dalam sistem pendataan yang ada pada perusahaan tersebut, saat ini dalam proses pendataan barang keluar masuk dan jasa yang ditawarkan tersebut masih menggunakan cara yang manual dengan melakukan input data pada microsoft excel untuk mendata semua data penjualan maupun pemasukannya. Sehingga akan lebih sulit untuk mencari data yang pernah dicatat didalamnya, dimana data yang disimpan menggunakan banyak file yang berbeda. Tidak terdapatnya sistem database yang terpusat membuat data rentan hilang maupun rusak apabila terjadi kegagalan atau kerusakan pada komputer untuk menyimpan data tersebut
- 29. BAB III METODE PENELITIAN 1. Perancangan Arsitektur Navigasi Dari sistem informasi pendataan barang dan laporan pada toko acc randy cell ini, tampilan awalnya adalah tampilan Menu Utama yang didalamnya terdapat menu lain dan keseluruhan dari tampilan yang ada pada aplikasi ini, dapat dilihat pada gambar dibawah ini : Login Menuutama Datamasuk Databarang Datauser Datakeluar Laporan Tentang Gambar 3.2 Struktur Arsitektur Navigasi
- 30. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi Untuk mendapatkan informasi dari sebuah sistem yang dibuat, maka penulis menggunakan use case diagram. Dengan diagram ini, proses yang terjadi pada sebuah sistem akan dapat diketahui. Use case diagram dari sistem informasi pendataan barang dan laporan pada toko acc randy cell dapat dilihat dibawah ini : Use Case Diagram APLIKASI SISTEM PENDATAAN BARANG pemilik data keluar tentang data barang login laporan pegawai data masuk login data user Gambar 3.3 Use Case Diagram Sistem Pendataan Barang
- 31. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi a. Definisi Aktor Berikut adalah deskripsi pendefinisian aktor pada Sistem informasi pendataan barang dan laporan pada toko acc randy cell: Aktor Deskripsi Pegawai Orang yang menggunakan Sistem informasi pendataan barang dan laporan pada toko acc randy cell Pemilik Orang yang memiliki fungsi penuh pada aplikasi dan dapat mengelola sistem Tabel 3.1 Definisi Aktor
- 32. b. Definisi Use case Berikut adalah deskripsi pendefinisian Use case pada sistem informasi pendataan barang dan laporan pada toko acc randy cell BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi N o Use case Deskripsi 1 . Login Merupakan menu yang berfungsi untuk menverifikasi pengguna yang dapat menggunakan aplikasi 2 . Data masuk Merupakan menu yang berisi input data masuk seperti data barang masuk 3 . Data keluar Merupakan menu untuk menampilkan data penjualan keluar 4 . Data barang Merupakan menu yang berisi data barang yang ada pada toko 5 . Data user Merupakan menu yang berisi user yang dapat login ke sistem 6 . laporan Merupakan menu yang berisi laporan keluar dan laporan masuk yang ada pada toko 7 . Tentang Merupakan menu yang berisi tentang informasi mengenai si pembuat aplikasi.
- 33. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi a. Skenario Use case Berikut adalah skenario jalannya masing-masing use case yang telah didefinisikan sebelumnya : 1) Skenario Use Case Login Nama Use case : Login Skenario : Tabel 3.3 Skenario Use Case Login Aksi Aktor Reaksi Sistem Skenario Normal 1. Menjalankan aplikasi 2. Menampilkan tampilan login. 3. Melakukan input username dan password yang telah dimiliki 4. Menampilkan menu utama Tabel 3.3 Skenario Use Case Login
- 34. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi Aksi Aktor Reaksi Sistem Skenario Normal 1. Memilih menu data masuk 1. Menampilkan form data barang masuk. 1. Menginputkan data barang masuk 1. Menyimpan data barang masuk Tabel 3.4 Skenario Use Case Data Masuk 1) Skenario Use case Data Masuk Nama Use case : Data Masuk Skenario :
- 35. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi Skenario Use case Data Keluar Nama Use case : data keluar Skenario : Tabel 3.5 Skenario Use Case Data Keluar Aksi Aktor Reaksi Sistem Skenario Normal 1. Memilih menu data keluar 1. Menampilkan menu data keluar 1. Melakukan input data penjualan keluar 1. Menyimpan data keluar.
- 36. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi Aksi Aktor Reaksi Sistem Skenario Normal 1. Memilih menu data barang 1. Menampilkan menu data barang 1. Melakukan tambah, ubah dan hapus pada data barang 1. Menyimpan data. Skenario Use case data barang Nama Use case : Data barang Skenario : Tabel 3.6 Skenario Use Case Data Barang
- 37. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi Aksi Aktor Reaksi Sistem Skenario Normal 1. Memilih menu data user 1. Menampilkan menu data user yang dapat menggunakan aplikasi ini 1. Melakukan tambah, ubah dan hapus pada data user. Skenario Use case data user Nama Use case : Data user Skenario : Tabel 3.7 Skenario Use Case Data User
- 38. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi Aksi Aktor Reaksi Sistem Skenario Normal 1. Memilih menu data laporan 1. Menampilkan menu data laporan yang dapat menggunakan aplikasi ini 1. Melihat data laporan berdasarkan tanggal bulan dan tahun. Skenario Use case data laporan Nama Use case : Data laporan Skenario : Tabel 3.8 Skenario Use Case Data Laporan
- 39. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi Aksi Aktor Reaksi Sistem Skenario Normal 1. Memilih menu tentang 1. Menampilkan form tentang pembuat sistem informasi pendataan barang dan laporan pada toko acc randy cell. 1.Skenario Use case Tentang Nama Use case : Tentang Skenario : Tabel 3.9 Skenario Use Case Tentang
- 40. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi Gambar 3.4 Activity Diagram Login •Activity Diagram 1.Activity Diagram Login Pengguna Sistem Menjalankan aplikasi Menampilkan menu login menginputkan username dan password menampilkan menu utama Verifikasi data
- 41. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi 1.Activity Diagram Data Masuk Pengguna Sistem memilih menu data masuk Menampilkan menu data barang masuk melakukan input data barang masuk menyimpan data
- 42. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi Activity Diagram Data Keluar Pengguna Sistem memilih menu data keluar Menampilkan menu data barang keluar melakukan input data barang keluar menyimpan data Gambar 3.6 Activity Diagram Data Keluar
- 43. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi Activity Diagram Data Barang Pengguna Sistem memilih menu data barang Menampilkan menu data barang melakukan perubahan pada data barang menyimpan data Gambar 3.7 Activity Diagram Data Barang
- 44. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi Activity Diagram Data Laporan Pengguna Sistem memilih menu data laporan Menampilkan menu data laporan melakukan cetak laporan mencetak data Gambar 3.8 Activity Diagram Data Laporan
- 45. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi Activity Diagram Data User Pengguna Sistem memilih menu data user Menampilkan menu data user melakukan perubahan pada data user menyimpan data Gambar 3.9 Activity Diagram Data User
- 46. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi Activity Diagram Tentang Pengguna Sistem memilih menu tentang Menampilkan menu tentang pembuat aplikasi Gambar 3.10 Activity Diagram Tentang
- 47. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi •Sequence Diagram Berikut adalah sequence diagram sistem informasi pendataan barang dan laporan pada toko acc randy cell: 1.Sequence Diagram Login admin Login Validasi mengisi username dan password menampilkan menu utama username dan password username dan password salah atau tidak ada menu utama username dan password benar Gambar 3.11 Sequence Diagram Login
- 48. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi Sequence Diagram Data Masuk pengguna Data Masuk Database memilih menu data masuk menampilkan data yang telah diinput menginput data masuk
- 49. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi Sequence Diagram Data Keluar pengguna Data Keluar Database memilih menu data keluar menampilkan data yang telah diinput menginput data keluar Gambar 3.13 Sequence Diagram Data Keluar
- 50. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi Sequence Diagram Data Barang pengguna Data Barang Database memilih menu data barang menampilkan perubahan data melakukan perubahan data Gambar 3.14 Sequence Diagram Data Barang
- 51. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi Sequence Diagram Data Laporan pengguna Data laporan Cetak memilih menu data laporan menampilkan cetak laporan melihat laporan Gambar 3.15 Sequence Diagram Data Laporan
- 52. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi Sequence Diagram Data User pengguna Data User Database memilih menu data user menampilkan perubahan data melakukan perubahan data Gambar 3.16 Sequence Diagram Data User
- 53. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi •Perancangan Database 1.Perancangan Class Diagram tbl_us er +username +password +tipe tbl_masuk +ID +tanggal +nama +jum lah +harga tbl_keluar +ID +tanggal +nama +jum lah +harga +ID +nama +jum lah +harga tbl_barang Gambar 3.18 Class Diagram Sistem Informasi Pendataan Barang
- 54. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi 2. Perancangan Antarmuka (User Interface) Perancangan Antarmuka adalah rancangan yang dilakukan untuk memberikan gambaran aplikasi yang akan ditampilkan secara sederhana kepada pengguna. Diharapkan pengguna yang menggunakan aplikasi ini dapat dengan mudah mengerti fungsi dari tombol yang ada pada aplikasi. Dalam sistem informasi pendataan barang dan laporan pada Toko acc randy cell ini, terdapat beberapa bagian tampilan yang memiliki fungsi berbeda pada setiap tombolnya. Fungsi – fungsi dari tombol yang ada pada setiap bagian tampilan akan dijelaskan dan dapat dilihat pada gambar berikut :
- 55. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi * Rancangan Tampilan Login Rancangan Tampilan login adalah tampilan yang pertama kali ditampilkan untuk dapat masuk ke sistem.
- 56. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi * Rancangan Tampilan Menu Utama
- 57. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi * Rancangan Tampilan Data Masuk
- 58. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi * Rancangan Tampilan Data Keluar
- 59. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi * Rancangan Tampilan Data Barang
- 60. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi * Rancangan Tampilan Data User
- 61. BAB III METODE PENELITIAN Perancangan Arsitektur Navigasi * Rancangan Tampilan Menu Tentang
- 62. TERIMA KASIH