PERANCANGAN WEBSITE PENJUALAN STELLA FASHIONSTORE
SKRIPSI
Oleh :
STELLA NIM : 1145010
PROGRAM STUDI SISTEM INFORMASI SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER STMIK TIME MEDAN 2015
ABSTRAK
Stella Fashionstore adalah toko online yang menjual produk tas menggunakan smartphone dengan bantuan aplikasi blackberry dimana produk yang dijual oleh Stella Fashionstore di upload dan dimasukkan ke group blackberry. Akan tetapi terdapat kelemahan dari group pada blackberry yang ada yaitu jumlah maksimum member hanya 30 member dan juga pada group blackberry gambar maksimum yang bisa ditambahkan hanya berjumlah 80 lembar gambar sehingga jika produk yang dijual melebihi batas maksimal, sehingga membutuhkan suatu sistem untuk memasarkan produknya ke masyarakat luas Dalam perancangan website penulis menggunakan aplikasi Adobe Dreamweaver CS 6 untuk pengembangan tampilan-tampilan yang terdapat pada website Stella Fashion Store dan MySQL sebagai database yang digunakan, serta XAMPP sebagai aplikasi pendukung untuk dapat terkoneksi antara website dengan database. Hasil dari perancangan website yang dirancang dapat membantu pemilik Stella Fashion Store dalam memasarkan produknya sehingga dapat dilihat oleh masyarakat umum serta, dapat langsung melakukan transaksi pemesanan secara langsung dan dapat memberikan komentar kepada pihak Stella Fashion Store.
Kata kunci : toko, online, tas.
i
ABSTRACT
Stella Fashionstore is an online store selling bags using a smartphone with the help of blackberry applications where the products are sold by Stella Fashionstore uploaded and incorporated into the group blackberry. However, there are weaknesses of the existing group on the blackberry is the maximum number of members is only 30 members in the group and also the maximum image blackberries can be added only amounted to 80 sheets of drawings so that if the product sold exceeds the maximum limit, thus requiring a system to market their products to the public extensive In the design of the author's website using Adobe Dreamweaver CS 6 for the development of displays found on the website of Stella Fashion Store and MySQL as the database used, as well as supporting applications XAMPP to be connected between a website with a database. Results of designing a website designed can help owners of Stella Fashion Store in marketing their products that can be viewed by the general public as well, can immediately make the booking transaction directly and can provide comments to the Stella Fashion Store.
Keywords: store, online, bags.
ii
KATA PENGANTAR
Pertama sekali penulis ingin mengucapkan puji dan syukur kepada Tuhan Yang Maha Esa dan kedua orang tua penulis yang telah memberikan dukungan dan semangat secara mental sehingga penulis dapat menyelesaikan skripsi ini dengan baik. Atas rahmat-Nya maka penulis dapat mengatasi hambatan yang ada. Skripsi ini merupakan salah satu persyaratan dalam penyelesaian studi program Sistem Informasi pada STMIK TIME Medan. Pada penulisan skripsi ini penulis mengambil judul “PERANCANGAN WEBSITE PENJUALAN STELLA FASHIONSTORE”. Penulis berharap agar skripsi yang telah dikerjakan ini dapat membawa manfaat bagi berbagai pihak. Dalam menyelesaikan skripsi ini, penulis mendapat banyak bantuan dari berbagai pihak. Oleh karena itu, melalui kesempatan yang baik ini, penulis ingin berterima kasih kepada : 1. Bapak Yoshida Sary, S.E, M.Kom., selaku Dosen Pembimbing I yang telah membantu dan membimbing penulis dalam menyelesaikan skripsi ini. 2. Ibu Feriani Astuti, M.Kom., selaku selaku Ketua Program Studi Sistem Informasi STMIK TIME Medan sekaligus Dosen Pembimbing II yang juga telah membantu dan membimbing penulis dalam menyelesaikan skripsi ini. 3. Bapak Simon Kanggali, selaku KetuaYayasan STMIK TIME Medan. 4. Bapak Prof. Chainur Arrasyid, S.H, selaku Ketua BPH STMIK TIME Medan. 5. Bapak Prof. Harlem Marpaung, Ph.D, selaku Ketua STMIK TIME Medan. 6. Bapak Jackri Hendrik, S.T., M.Kom., selaku Puket I STMIK TIME Medan.
iii
7. Orang Tua penulis yang selalu selalu memberikan doa serta memberikan bantuan baik moril dan materil dalam penyusunan skripsi ini. 8. Teman-teman yang selalu memberikan bantuan dalam penyusunan skripsi ini. Namun sebagai seorang mahasiswa yang masih dan harus terus belajar, penulis menyadari keterbatasan yang ada. Jika terdapat kekurangan dan ketidaksempurnaan pada skripsi ini, mohon diberikan saran, kritikan dan masukan untuk perkembangan dan kemajuan selanjutnya.
Medan, April 2015
STELLA
iv
DAFTAR ISI
ABSTRAKS .......................................................................................................... i ABSTRACT .......................................................................................................... ii KATA PENGANTAR .......................................................................................... iii DAFTAR ISI......................................................................................................... v DAFTAR GAMBAR ............................................................................................ viii DAFTAR TABEL ................................................................................................ xii DAFTAR LAMPIRAN ........................................................................................ xiii BAB I
PENDAHULUAN ................................................................................. 1 1.1
Latar Belakang Masalah................................................................. 1
1.2
Identifikasi Maslaah ....................................................................... 2
1.3
Batasan Masalah ............................................................................ 2
1.4
Tujuan dan Manfaat Penelitian ...................................................... 2
1.5
Sistematika Penulisan .................................................................... 3
BAB II LANDASAN TEORI ............................................................................ 5 2.1
Penjulan.......................................................................................... 5
2.2
Metode Waterfall ........................................................................... 5
2.3
DFD (Data Flow Diagram) ........................................................... 7
2.4
STF (State Transition Diagram) .................................................... 10
2.5
Pengertian Database ...................................................................... 11 2.5.1 Entity Relationship Diagram (ERD) ..................................... 13 2.5.3 Mysql ..................................................................................... 16
2.6
Internet ........................................................................................... 17 v
2.6.1 Website .................................................................................. 17 2.6.2 Homepage ............................................................................. 19 2.6.3 XAMPP ................................................................................. 20 2.6.4 Dasar PHP ............................................................................. 21 2.7
e-Commerce ................................................................................... 22
BAB III METODE PENELITIAN ..................................................................... 23 3.1
Tempat dan Jadwal Penelitian ....................................................... 23
3.2
Kerangka Kerja .............................................................................. 23 3.2.1 Identifikasi Masalah .............................................................. 24 3.2.2 Metode Pengumpulan Data ................................................... 25 3.2.3 Analisa Sistem Berjalan ........................................................ 25 3.2.4 Perancangan Sistem .............................................................. 26 3.2.5 Pembangunan Sistem ............................................................ 26 3.2.6 Uji Coba Sistem .................................................................... 27
BAB IV ANALISA DAN PERANCANGAN ..................................................... 28 4.1
Analisa Sistem ............................................................................... 28 4.1.1 Analisis Masalah ................................................................... 29 4.1.2 Analisa Sistem yang sedang berjalan .................................... 29 4.1.3 Aliran Informasi .................................................................... 35 4.1.4 Evaluasi Sistem ..................................................................... 36 4.1.5 Solusi..................................................................................... 36
4.2
Perancangan ................................................................................... 37 4.2.1 Diagram Konteks .................................................................. 37 4.2.2 Data Flow Diagram (DFD) .................................................. 38 4.2.3 Sturktur Tabel ....................................................................... 49 vi
4.2.4 Perancangan Struktur Menu .................................................. 51 4.2.5 Perancangan Antar Muka Program Aplikasi ........................ 52 4.2.6 Perancangan Prosedural ........................................................ 57 BAB V HASIL DAN PEMBAHASAN ............................................................... 60 5.1
Hasil ............................................................................................... 60 5.1.1 Tampilan Webiste ................................................................. 60
5.2
Pembahasan .................................................................................... 67 5.2.1 Proses Kerja Sistem ............................................................ 67 5.2.2 Kebutuhan Sistem ............................................................... 68 5.2.3 Kelebihan Sistem Yang Dirancang..................................... 68 5.2.4 Kelemahan Sistem Yang Dirancang ................................... 69
BAB VI KESIMPULAN DAN SARAN ............................................................. 70 6.1
Kesimpulan .................................................................................... 70
6.2
Saran .............................................................................................. 70
DAFTAR PUSTAKA ........................................................................................... 72 LAMPIRAN.......................................................................................................... 73
vii
DAFTAR GAMBAR
Gambar 2.1 Waterfall Model ................................................................................. 7 Gambar 2.2 Simbol Diagram Aliran Data ............................................................. 9 Gambar 2.3 Unary Degree ..................................................................................... 15 Gambar 2.4 Binary Degree .................................................................................... 15 Gambar 2.5 Ternary Degree .................................................................................. 15 Gambar 2.6 Simbol-simbol Entity Relationship Diagram ..................................... 16 Gambar 3.1 Kerangka Kerja .................................................................................. 24 Gambar 4.1 Flowchart Pembelian.......................................................................... 30 Gambar 4.2 Flowmap masuk barang ..................................................................... 31 Gambar 4.3 Flowmap penjualan ............................................................................ 33 Gambar 4.4 Flowmap Pelaporan ............................................................................ 35 Gambar 4.5 Diagram Konteks Sistem Informasi Tas Berbasis Web ..................... 38 Gambar 4.6 DFD Level 2 Proses 3 Pengolahan Admin ........................................ 42 Gambar 4.7 DFD Level 2 Proses 7 Pengolahan Tas .............................................. 43 Gambar 4.8 DFD Level 2 Proses 8 Pengolahan Pesanan ...................................... 44 Gambar 4.9 DFD Level 2 Proses 9 Pengolahan Detail Pesanan ............................ 45 Gambar 4.10 DFD Level 2 Proses 11 Pengolahan Buku Tamu ............................ 46 Gambar 4.11 DFD Level 2 Proses 18 Pengolahan Detail Tas ............................... 47 Gambar 4.12 DFD Level 3 Proses Pengolahan Data Rekening ............................. 48 Gambar 4.13 Perancangan Tampilan Struktur Menu Admin ................................ 51 Gambar 4.14 Perancangan Tampilan Struktur Menu Pengunjung ........................ 52 Gambar 4.15 Tampilan Halaman Utama ............................................................... 52 viii
Gambar 4.16 Tampilan Product ............................................................................. 52 Gambar 4.17 Tampilan Cara Pembayaran ............................................................. 53 Gambar 4.18 Tampilan Tentang Kami .................................................................. 53 Gambar 4.19 Tampilan Tentang Kontak Kami ...................................................... 53 Gambar 4.20 Tampilan Buku Tamu ...................................................................... 54 Gambar 4.21 Tampilan Tentang Owner ................................................................ 54 Gambar 4.22 Tampilan Detail Produk ................................................................... 54 Gambar 4.23 Tampilan Cart................................................................................... 55 Gambar 4.24 Tampilan Login Member ................................................................. 55 Gambar 4.25 Tampilan Utama ............................................................................... 56 Gambar 4.26 Tampilan History Cart...................................................................... 56 Gambar 4.27 Tampilan History Buku Tamu ......................................................... 56 Gambar 4.28 Prosedur Login ................................................................................. 57 Gambar 4.29 Prosedur Tambah Data ..................................................................... 57 Gambar 4.30 Prosedur Edit Data ........................................................................... 58 Gambar 4.31 Prosedur Hapus Data ........................................................................ 58 Gambar 4.32 Prosedur Cari Data ........................................................................... 59 Gambar 5.1. Tampilan Halaman Utama ................................................................ 60 Gambar 5.2. Tampilan Product .............................................................................. 61 Gambar 5.3. Tampilan Cart Pembayaran ............................................................... 61 Gambar 5.4. Tampilan Tentang Kami ................................................................... 62 Gambar 5.5. Tampilan Kontak Kami ..................................................................... 62 Gambar 5.6. Tampilan Buku Tamu ....................................................................... 63 Gambar 5.7. Tampilan Tentang Owner ................................................................. 63 Gambar 5.8. Tampilan Detail Produk .................................................................... 64 ix
Gambar 5.9. Tampilan Cart.................................................................................... 64 Gambar 5.10. Tampilan Login ............................................................................... 65 Gambar 5.11. Tampilan Utama Admin .................................................................. 65 Gambar 5.12. Tampilan History Cart..................................................................... 66 Gambar 5.13. Tampilan History Buku Tamu ........................................................ 66
x
DAFTAR TABEL
Tabel 3.1 Jadwal Penelitian .................................................................................. 23 Table 4.1 Struktur Tabel Tas ................................................................................. 49 Table 4.2 Struktur Tabel Pesanan .......................................................................... 49 Tabel 4.3 Struktur Tabel Detail Pesanan ............................................................... 50 Tabel 4.4 Struktur Tabel Buku Tamu .................................................................... 50 Tabel 4.5 Struktur Tabel Admin ............................................................................ 50 Tabel 4.6 Struktur Tabel Detail Tas ....................................................................... 51 Tabel 4.7 Struktur Tabel Keranjang ....................................................................... 51
xi
DAFTAR LAMPIRAN
Lampiran 1. Listing Program Lampiran 2. Surat Keterangan Dosen Pembimbing Lampiran 3. Daftar Riwayat Hidup Mahasiswa
xii
BAB I PENDAHULUAN
1.1
Latar Belakang Masalah Di era globalisasi ini, teknologi komunikasi berkembang semakin pesat,
sehingga bisnis menjadi lebih mudah dengan bantuan teknologi yang ada saat ini. Salah satu perkembangan teknologi yang sering dijumpai yaitu teknologi informasi website, dimana hanya dengan menggunakan website, penjual bisa memasarkan produknya ke teknologi internet tersebut, tanpa harus berjumpa dengan calon pembeli. Stella Fashionstore adalah toko online yang menjual produk tas dengan menggunakan smartphone bantuan aplikasi blackberry, dimana produk yang dijual oleh Stella Fashionstore di-upload dan dimasukkan ke group blackberry, sehingga calon pembeli bisa langsung melihat gambar produk yang akan dibeli, tanpa harus datang langsung ke rumah tempat penyimpanan produk oleh Stella Fashionstore. Namun terdapat kelemahan dari group pada blackberry yang ada yaitu jumlah maksimum member hanya 30 member sehingga admin group harus melakukan penghapusan dan penambahan member secara manual, dan juga pada group blackberry gambar maksimum yang bisa ditambahkan hanya berjumlah 80 lembar gambar, sehingga jika produk yang dijual melebihi batas maksimal, admin harus membuka group baru dan harus menambah anggota kembali. Berdasarkan uraian masalah di atas, maka penulis melakukan penelitian pada sistem pemasaran Stella Fashionstore. Dengan judul “Perancangan Website Penjualan Stella Fashionstore”.
1
2
1.2
Identifikasi Masalah Adapun masalah pada sistem lama yang ada pada Stella Fashionstore
adalah antara lain: 1. Bagaimana merancang aplikasi website pada Stella Fashionstore agar bisa diakses oleh pelanggan? 2. Bagaimana mempercepat penangangan transaksi penjualan dengan menggunakan aplikasi website penjualan pada Stella Fashionstore?
1.3
Batasan Masalah Adapun batasan masalah dari penelitian ini adalah: 1. Perhitungan harga produk pada website belum termasuk ongkos kirim dan akan diakumulasi dengan ongkos kirim sesuai dengan ketentuan yang ada. 2. Pembuatan aplikasi website dengan menggunakan Adobe Dreamweaver CS6 dengan bahasa pemograman PHP dan HTML. 3. Pembuatan database aplikasi dengan menggunakan MySQL.
1.4
Tujuan dan Manfaat Penelitian Tujuan dari penelitian ini adalah: 1. Merancang dan mengimplementasikan sistem penjualan berbasis web untuk memudahkan dan meningkatkan transaksi penjualan dari Stella Fashionstore dalam menghadapi persaingan pasar yang semakin ketat. 2. Mempermudah proses kerja para karyawan dengan penggunaan sistem penjualan berbasis web. Contoh: dalam pengecekan status negosiasi, pengecekan pembayaran, dan lainnya.
3
Adapun manfaat dari penelitian ini adalah: 1. Memahami dan mengetahui berbagai macam aspek kegiatan pada Stella Fashionstore. 2. Untuk menambah pengetahuan dan wawasan penulis dalam bidang perancangan aplikasi website. 3. Memperluas jangkauan customer sehingga meningkatkan penjualan. 4. Meningkatkan efisiensi waktu customer dalam melakukan transaksi. 5. Memberikan informasi yang dibutuhkan customer mengenai produk yang akan dibeli. 6. Memudahkan penyimpanan dan pengaturan data-data penjualan, dan customer perusahaan. 7. Menambah
referensi
dalam
dunia
kepustakaan
khususnya
yang
berhubungan dengan perancangan website.
1.5
Sistematika Penulisan Langkah-langkah yang ditempuh dalam penulisan skripsi ini adalah:
BAB I
PENDAHULUAN Pada Bab I ini menyajikan latar belakang masalah, identifikasi masalah, batasan masalah, tujuan dan manfaat, dan sistematika pembahasan.
BAB II
LANDASAN TEORI Pada Bab II ini menyajikan tentang gambaran umum objek penelitian, struktur organisasi, denah lokasi, analisis SWOT, analisis sistem sedang berjalan, usulan pemecahan masalah dan uraian kegiatan.
4
BAB III
METODE PENELITIAN Pada Bab III ini memuat tentang metode pengumpulan data dan algoritma ( alur ) sistem.
BAB IV
ANALISIS DAN PERANCANGAN Pada Bab IV ini menyajikan analisis sistem yang sedang berjalan, analisis sistem yang akan dibangun, perancangan sistem secara umum, dan perancangan site map serta penjabaran dari rancangan sistem yang telah dibuat.
BAB V
HASIL DAN PEMBAHASAN Padad Bab V ini merupakan analisis dan evaluasi penulis terhadap hasil penelitan meliputi sistem yang sedang berjalan dan rancangan sistem yang diusulkan oleh penulis.
BAB VI
KESIMPULAN DAN SARAN Pada Bab VI berisi kesimpulan dari hasil penelitian dan saran-saran untuk tahap pengembangan perangkat lunak selanjutnya.
BAB II LANDASAN TEORI
2.1
Penjualan Penjualan merupakan satu set dasar dari kegiatan bisnis dan koperasi
pemrosesan informasi terkait yang dihubungkan dengan penyediaan barang dan layanan pelanggan dan penerimaan pembayaran dari penjualan tersebut. (Romney, 2003: 157) Penjualan diartikan sebagai suatu proses yang menyebabkan penjual menentukan sikap, melakukan dan memuaskan kebutuhan keinginan dari pembeli untuk saling menghasilkan keuntungan antara pembeli dan penjual. (Doddy, et. al., 1992: 33) Penjualan adalah suatu proses seseorang atau organisasi untuk meyakinkan customer membeli produk yang ditawarkan.
2.2
Metode Waterfall Ada beberapa model proses software yang umum digunakan, salah satunya
adalah Model Waterfalll. Model ini melingkupi aktivitas-aktivitas sebagai berikut: 1.
Analisa Kebutuhan Langkah ini merupakan analisa terhadap kebutuhan sistem. Pengumpulan data dalam tahap ini bisa melakukan sebuah penelitian, wawancara atau studi literature. Sistem analis akan menggali informasi sebanyakbanyaknya dari user sehingga akan tercipta sebuah sistem komputer yang bisa melakukan tugas-tugas yang diinginkan oleh user tersebut. Tahapan
5
6
ini akan menghasilkan dokumen user requirement atau bisa dikatakan sebagai data yang berhubungan dengan keinginan user dalam pembuatan sistem. Dokumen ini lah yang akan menjadi acuan sistem analis untuk menerjemahkan ke dalam bahasa program 2.
Desain Sistem. Tahapan dimana dilakukan penuangan pikiran dan perancangan sistem terhadap solusi dari permasalahan yang ada dengan menggunakan perangkat pemodelan sistem seperti diagram alir data (data flow diagram), diagram hubungan entitas (entity relationship diagram) dan serta struktur dan bahasa data.
3.
Penulisan Kode Program. Penulisan kode program atau coding merupakan penerjemahan desain dalam bahasa yang bisa dikenali oleh komputer. Dilakukan oleh programmer yang akan meterjemahkan transaksi yang diminta oleh user. Tahapan ini lah yang merupakan tahapan secara nyata dalam mengerjakan suatu sistem. Dalam artian penggunaan computer akan dimaksimalkan dalam tahapan ini. Setelah pengkodean selesai maka akan dilakukan testing terhadap sistem yang telah dibuat tadi. Tujuan testing adalah menemukan kesalahan-kesalahan terhadap sistem tersebut dan kemudian bisa diperbaiki.
4.
Pengujian Sistem. Sekali kode dibuat, pengujian program juga dimulai. Proses pengujian berfokus pada logika internal perangkat lunak, memastikan bahwa semua pernyataan sudah diuji, dan pada eksternal fungsional yaitu mengarahkan
7
pengujian untuk menemukan kesalahan-kesalahan dan memastikan bahwa input yang dibatasi akan memberikan hasil aktual yang sesuai dengan hasil yang dibutuhkan oleh sistem. 5.
Penerapan dan Pemeliharaan. Perangkat lunak akan mengalami perubahan setelah disampaikan kepada pelanggan. Perubahan akan terjadi karena kesalahan-kesalahan ditentukan, karena perangkat lunak harus disesuaikan untuk mengakomodasikan perubahan-perubahan didalam lingkungan eksternalnya, atau pelanggan membutuhkan perkembangan fungsional atau unjuk kerja. Pemeliharaan perangkat lunak mengaplikasi lagi setiap fase program sebelumnya dan tidak membuat yang baru lagi. (Pressman, 2001: 29-47) Untuk memperjelas aktivitas-aktivitas dari model-model Waterfall dapat
dilihat pada gambar 2.1. Analisa Kebutuhan Desain Sistem Penulisan Kode Program Pengujian Program Penerapan dan Pemeliharaan Gambar 2.1 Waterfall Model (Sumber: Pressman, 2001: 29-47)
2.3
DFD (Data Flow Diagram) Diagram yang paling awal dalam aliran data adalah disebut diagram
konteks. Diagram konteks merupakan pola penggambaran yang berfungsi untuk
8
memperlihatkan interaksi-interaksi sistem informasi tersebut dengan lingkungan dimana sistem tersebut ditempatkan. (Budi, 2008: 116). Dalam diagram konteks ada beberapa hal yang harus diperhatikan terdiri dari: 1.
Kelompok pemakai, baik pihak internal maupun pihak ekternal perusahan dan departemen yang terkait. Dimana sistem itu akan digunakan harus diidentifikasi secara rinci dan jangan sampai ada yang terlewatkan.
2.
Kemungkinan kejadian-kejadian yang akan terjadi dalam penggunaan sistem harus terus diidentifikasi secara lengkap.
3.
Arah anak panah yang menunjukkan aliran data jangan sampai terbalik agar dapat memberikan pemahaman yang benar terhadap seluruh proses sistem yang akan dibentuk.
4.
Setiap kejadian digambarkan dalam bentuk tekstual yang sederhana dan mudah dipahami oleh pembuat sistem. (Budi, 2008: 116). Diagram aliran data merupakan peralatan yang berfungsi untuk
menggambarkan secara rinci mengenai sistem berbagai jaringan kerja antar fungsi yang berhubungan satu sama lain dengan menunjukkan dari dan ke mana data mengalir serta penyimpanannya. Tahapan 0 menggambarkan database yang akan menampung aliran data, namum dalam tahap ini, semua proses hanya digambarkan sebagai sebuah sistem secara umum dan tidak terinci. Setiap penurunan ke tahapan yang lebih rendah adalah tahapan 1, 2 dan seterusnya, maka proses-proses tersebut akan diuraikan lebih rinci dengan spesifikasi yang lebih jelas. Penurunan tahapan dilakukan jika perlu untuk memperinci beberapa proses,
9
namum tidak semua proses-proses yang ada harus diturunkan dengan jumlah tahapan yang sama. (Budi, 2008: 118). Pendekatan aliran data memiliki empat kelebihan utama melalui penjelasan naratif mengenai cara data-data berpindah disepanjang sistem yaitu: 1.
Kebebasan dalam menjalankan implementasi teknis sistem yang terlalu dini.
2.
Pemahaman lebih jauh mengenai keterkaitan satu sama lain dalam sistem dan sub sistem.
3.
Mengkomunikasikan pengetahuan sistem yang ada dengan pengguna melalui diagram aliran data.
4.
Menganalisis sistem yang diajukan untuk menentukan apakah data-data dan proses yang diperlukan sudah ditetapkan. (Kenneth, et.al., 2009: 264) Simbol-simbol yang digunakan dalam sistem aliran data dapat dilihat pada
gambar 2.2.
SIMBOL
ARTI
CONTOH
Entitas
Pelanggan
Aliran data
Proses
Penyimpanan data
Input data
Pelanggan
Gambar 2.2. Simbol Diagram Aliran Data (Sumber: Kenneth, et.al., 2009: 265)
10
Berikut ini adalah keterangannya yaitu: 1.
Kotak rangkap dua digunakan untuk menggambarkan suatu entitas eksternal yang dapat mengirim data atau menerima data dari sistem.
2.
Tanda panah menunjukkan perpindahan data dari suatu titik ke titik lain dengan kepala tanda panah mengarah ke tujuan data.
3.
Bujur sangkar dengan sudut membulat digunakan untuk menunjukkan adanya proses transformasi.
4.
Penyimpanan data menandakan penyimpanan manual, seperti lemari file atau sebuah file atau basis data terkomputerisasi. Karena penyimpanan data mewakili seseorang tempat atau sesuatu maka diberi nama dengan sebuah kata benda. (Kenneth, et.al., 2009: 265)
2.4
STD (State Transition Diagram) State Transition Diagram adalah suatu diagram yang menggambarkan
bagaimana suatu proses dihubungkan
satu sama lain dalam waktu yang
bersamaan. State Transition Diagram digambarkan dengan sebuah state yang berupa komponen sistem yang menunjukkan bagaimana kejadian-kejadian tersebut dari satu state ke-state yang lain. (Hoffer, 1996: 364) Komponen yang biasa digunakan dalam STD, yaitu: 1.
Aktif Komponen State Aktif terdiri dari beberapa bagian yaitu: a. Perubahan keadaan (Transition state) Perubahan keadaan digambarkan dengan garis panah berarah yang menghubungkan dua keadaan berkaitan.
11
b. Keadaan sistem (Sistem state) State merupakan kumpulan keadaan atau atribut yang mencirikan suatu benda pada waktu atau kondisi tertentu. State disimbolkan dengan persegi panjang. Contohnya : Proses dimana user mengisi password dan menentukan instruksi c. Kondisi (Condition) Condition adalah sebuah sinyal yang menyebabkan perubahan keadaan dari state satu ke-state berikutnya. Contohnya seperti interrupt signal atau data. d. Aksi (Action) Action adalah hal yang dilakukan sistem apabila ada perubahan state atau merupakan reaksi terhadap kondisi. Action menghasilkan keluaran dari tampilan pesan, cetakan atau alat output lainnya. 2.
Pasif Sistem ini tidak melakukan kontrol lingkungan, akan tetapi lebih bersifat menerima data atau memberi reaksi saja (sistem yang menerima atau mengumpulkan data dari sinyal yang dikirim oleh satelit).
2.5
Pengertian Database Database adalah koleksi yang terintegrasi dari elemen-elemen data yang
berelasi secara logika. Sebuah database menyatukan banyak record yang telah disimpan sebelumnya, agar supaya sekumpulan data yang umum dapat digunakan untuk banyak aplikasi. (O’Brien, 2003: 145)
12
Database merupakan sekumpulan data yang tetap yang digunakan oleh sistem aplikasi dari perusahaan. (Date, 2000: 11) Database adalah suatu kumpulan data logika yang berhubungan satu sama lain, dan didesain dari sebuah informasi untuk memenuhi yang dibutuhkan dari satu perusahaan. (Connolly, 2002: 40) Database terdiri dari beberapa objek antara lain yaitu: 1.
Field Field adalah kumpulan dari beberapa karakteristik dari objek-objek yang ada.
2.
Record Record adalah kumpulan dari field yang berhubungan satu sama lain. Contohnya: nama, alamat, nomor karyawan, nomor telepon, dan sebagainya.
3.
File File atau berkas adalah kumpulan dari beberapa record yang berhubungan membentuk saling ketergantungan satu dengan yang lain. Contohnya: transaksi pada perusahaan yang recordnya tercatat tanggal, kode dan barang.
4.
Primary Key Primary Key adalah sebuah field yang mempunyai nilai unik yang tidak memiliki kesamaan antara record yang satu dengan record yang lain. Contohnya nomor karyawan, kode barang, dan lain-lain.
5. Foreign Key Foreign key adalah satu atribut atau kumpulan atribut dalam satu relasi yang berguna untuk menghubungkan primary key lain yang berada dalam tabel lain.
13
6.
Attribute Atribut adalah nama dari suatu kolom relasi yang menjelaskan suatu entity. Contohnya nama, nomor karyawan, nomor telepon, dan sebagainya.
7.
Entity Entity adalah satu kesatuan yang terdiri dari informasi yang disimpan. Contohnya: pelanggan, karyawan, barang, dan sebagainya.
2.5.1
Entity Relationship Diagram (ERD) Entity Relationship Diagram digunakan untuk menggambarkan struktur
logical database dalam bentuk diagram ERD menyediakan cara yang sederhana dan mudah untuk memahami berbagai komponen dalam desain database. ERD mempunyai tiga komponen, yaitu: 1.
Entity Entity merupakan suatu benda yang memiliki identifikasi yang berbeda. Entity dapat digambarkan sebagai persegi yang berisi nama dari entity.
2.
Relationship Relationship merupakan asosiasi antar entity. Entity merupakan pengikut dari relationship. Relationship dapat digambarkan dalam bentuk belah ketupat yang berisi nama dari relasi tersebut. Relationship dapat berupa relasi one-to-one, one-to-many, atau many-tomany. a. Relasi One-to-One ( 1 atau 1..1 ) Relasi dimana setiap entity yang ada hanya dapat mempunyai maksimal 1 ( satu ) relasi dengan entity yang lain.
14
b. Relasi One-to-Many ( 1..* ) Relasi dimana setiap entity yang ada dapat mempunyai satu atau lebih dari satu relasi dengan entity yang lain c. Relasi Many-to-Many ( *..* ) Relasi dimana setiap entity dapat mempunyai lebih dari satu relasi dengan entity lainnya. 3. Properti / atribut Properti atau atribut adalah sifat atau karakteristik deskriptif suatu entitas. Setiap Properti atau atribut mempunyai key di antaranya Primary Key (PK) dan Foreign Key (FK) untuk menmunjukkan hubungan antar kedua entitas. (Connoly, 2002, 330-351) Entity Relationship Diagram adalah model aktual dari notasi pemodelan data yang mengambarkan data dalam bentuk entities dan relationships. Beberapa konsep model data adalah sebagai berikut: 1.
Entity adalah sekelompok orang, tempat, kejadian, atau konsep yang perlu ditangkap dan disimpan datanya.
2.
Primary Key adalah atribut tunggal atau jamak yang unik, digunakan untuk mengenali satu buah entity tunggal.
3.
Foreign Key adalah primary key dari sebuah entity yang diletakkan dalam entity lainnya untuk mengenali hubungan kedua datanya.
4.
Relationship adalah asosiasi alami bisnis yang ada diantara satu entity atau lebih. (Whitten, et.al., 2004, 260-267) Adapun pembagian relationship berdasarkan macam dapat dilihat sebagai
berikut:
15
1. Unary Degree (derajat satu), Bila satu entity mempunyai relasi terhadap dirinya sendiri. Digambarkan sebagai berikut:
Gambar 2.3. Unary Degree (Sumber: Connoly, 2002, 330-351) 2. Binary degree (derajat dua) dan Bila satu relasi menghubugkan dua entity, digambarkan sebagai berikut:
Gambar 2.4. Binary Degree (Sumber: Connoly, 2002, 330-351) 3. Ternary degree (derajat tiga) Bila satu entity menghubungkan lebih dari dua entity. Digambarkan sebagai berikut:
Gambar 2.5. Ternary Degree (Sumber: Connoly, 2002, 330-351)
16
Adapun Simbol-simbol Entity Relationship Diagram terdiri dari beberapa macam yaitu: Notes
Arti
Notes
Arti
Entity
Atribut
Weak Entity
Atribut Primarykey
Relationship
Atribut Multikey
Identifing Relationship
Atribut Coorporate
Atribut Observatif Gambar 2.6. Simbol-simbol Entity Relationship Diagram (Sumber: Connoly, 2002, 330-351)
2.5.2
Mysql Mysql adalah sebuah perangkat lunak sistem manajemen basis data SQL
atau dapat disebut juga Database Management Sistem (DBMS) yang multi-thread dan multi-user. Multi-thread maksudnya Mysql merupakan perangkat lunak yang open source. Ukuran database Mysql lebih kecil file database yang lain. (http://id.wikipedia.org/wiki/Mysql) Perintah-perintah dalam yang digunakan dalam dalam Mysql tidak case sensitive, jadi baik huruf kapital maupun huruf kecil tidak dibedakan. Setiap perintah harus diakhiri tanda semi colon (;).
17
2.6
Internet Internet adalah singkatan dari Interconnection Networking, atau sering
disebut juga sebagai cyberspace. bahwa internet adalah jaringan komputer terbesar saat ini, yang menghubungkan jutaan komputer di seluruh dunia. Seorang pengguna internet dapat mengakses informasi dan berhubungan secara langsung dengan pengguna internet di seluruh dunia. (Ellsworth, 1997: 3) Internet memungkinkan suatu jaringan komunikasi global yang tidak hanya menghubungkan para mitra dagang tetapi juga mencakup para pelanggan. Sebagian besar kebangkitan perdagangan melalui jaringan elektronik diharapkan berasal dari perusahaan-perusahaan yang akan mempromosikan, dan dalam beberapa kasus mengirimkan produk mereka melalui internet. Internet dapat digunakan untuk aplikasi bisnis apapun yang melibatkan komunikasi data, termasuk komunikasi baik di dalam perusahaan maupun dengan lingkungan. (Mcleod, 2001: 73)
2.6.1
Website Website adalah keseluruhan web page beserta homepage (dimana
homepage merupakan suatu halaman pertama dari kumpulan halaman web dan file-file pada situs web tersebut) yang merupakan sistem yang luas dari server yang menawarkan semua orang melalui jaringan. (Hahn, 1996: 181) Website adalah kumpulan dari halaman-halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web (www) di dalam Internet. Sebuah halaman web biasanya berupa dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang
18
selalu bisa diakses melalui HTTP, yaitu sebuah protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser dan Website atau situs dapat juga diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana
masing-masing
dihubungkan
dengan
jaringan-jaringan
halaman
(hyperlink). Secara garis besar, website bisa digolongkan menjadi 3 bagian yaitu: 1. Website Statis Website Statis adalah web yang mempunyai halaman tidak berubah. Artinya adalah untuk melakukan perubahan pada suatu halaman dilakukan secara manual dengan mengedit code yang menjadi struktur dari website tersebut. 2. Website Dinamis Website Dinamis merupakan website yang secara struktur diperuntukan untuk update sesering mungkin. Biasanya selain utama yang bisa diakses oleh user pada umumnya, juga disediakan halaman backend untuk mengedit kontent dari website. Contoh umum mengenai website dinamis adalah web berita atau web portal yang didalamnya terdapat fasilitas berita, polling dan sebagainya 3. Website Interaktif Website Interaktif adalah web yang saat ini memang sedang booming. Salah satu contoh website interaktif adalah blog dan forum. Di website ini
19
user bisa berinteraksi dan beradu argument mengenai apa yang menjadi pemikiran mereka. Biasanya website seperti memiliki moderator untuk mengatur supaya topik yang diperbincangkan tidak keluar jalur.
2.6.2
Homepage Homepage adalah halaman utama, halaman pertama, halaman pembuka
dari suatu Website atau situs web. Hompage merupakan halaman yang paling penting pada suatu website karena merupakan halaman utama dan halaman yang di index terlebih dahulu oleh search engine sebelum halaman-halaman yang lain pada suatu website. Definisi dan Pengertian Home Page adalah halaman utama atau bagian depan yang berisi daftar isi atau menu dari sebuah situs Web. Home Page berisi judul-judul yang ada di dalam situs tersebut, biasanya dengan mengakses home page dari suatu situs, kita bisa memilih ke halaman mana yang akan dituju. Biasa Home page merupakan website pada Domain utama dan ada informasi selanjutnya pada sub-domain- sub-domain yang dibuat lebih spesifik untuk mengorganisir content website agar lebih mudah ditemukan dan dilihat. Tetapi beberapa website yang dibuat menggunakan CMS (Content Management Sistem) hampir setiap halamannya sama dengan home page, karena pada setiap halaman sudah ada tombol-tombol navigasi khusus untuk mengantarkan ke halaman yang diinginkan. Homepage adalah halaman pembuka/pertama dari sekian banyak web page yang terdapat dalam suatu website. Homepage adalah juga merupakan web page, namun memiliki keistimewaan, yakni diletakkan sebagai web page pembuka.
20
2.6.3
XAMPP XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem
operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, Mysql database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl.Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, Mysql, PHP dan Perl.Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mendownload langsung dari web resminya. XAMPP merupakan singkatan yang masing-masing hurufnya adalah:
X: Program ini dapat dijalankan dibanyak sistem operasi, seperti Windows, Linux, Mac OS, dan Solaris.
A: Apache, merupakan aplikasi web server. Tugas utama Apache adalah menghasilkan halaman web yang benar kepada user berdasarkan kode PHP yang dituliskan oleh pembuat halaman web. jika diperlukan juga berdasarkan kode PHP yang dituliskan,maka dapat saja suatu database diakses terlebih dahulu (misalnya dalam Mysql) untuk mendukung halaman web yang dihasilkan.
M: Mysql, merupakan aplikasi database server. Perkembangannya disebut SQL yang merupakan kepanjangan dari Structured Query Language. SQL merupakan bahasa terstruktur yang digunakan untuk mengolah database. Mysql dapat digunakan untuk membuat dan mengelola database beserta
21
isinya. Kita dapat memanfaatkan Mysql untuk menambahkan, mengubah, dan menghapus data yang berada dalam database.
P: PHP, bahasa pemrograman web. Bahasa pemrograman PHP merupakan bahasa pemrograman untuk membuat web yang bersifat server-side scripting. PHP memungkinkan kita untuk membuat halaman web yang bersifat dinamis. Sistem manajemen basis data yang sering digunakan bersama PHP adalah Mysql. namun PHP juga mendukung sistem manajement database Oracle, Microsoft Access, Interbase, d-base, PostgreSQL, dan sebagainya. P: Perl, bahasa pemrograman
2.6.4
Dasar PHP Web merupakan layanan yang didapat oleh pemakai komputer yang
terhubung ke internet. Web awalnya adalah web yang bersifat statis sehingga hanya bisa melihat-lihat informasi sehingga tidak ada interaktif yang terjadi antara pemakai dengan komputer. Tetapi kini semakin populernya dunia internet maka makin banyak orang-orang berlomba-lomba untuk belajar agar web menjadi interaktif dan menarik. Sehingga web tidak hanya sebagai penyedia informasi tetapi pemakai juga dapat langsung melakukan komunikasi dengan computer serta dengan tampilan web yang menarik. Komunikasi yang terjalin seperti email, chatting, e-learning, e-bisnis, dan lain sebagainya. Seiring dengan perkembangan teknologi maka lahirnya PHP sebagai bahasa pemrograman open source yang digunakan secara luas terutama untuk pengembangan web dan dapat disimpan dalam bentuk HTML. Sehingga web tidak
22
hanya memberikan informasi tetapi terjalin interaksi dan menjadikan web bersifat dinamis dan diintegrasikan dengan web server Apache, PWS dan IIS. Kelahiran PHP bermula saat Rasmus Lerdorf membuat sejumlah skrip Perl yang dapat mengamati siapa saja yang melihat-lihat daftar riwayat hidupnya, yaitu tahun 1994. Tahun 1995, Rasmus menciptakan PHP.FI Versi 2, dimana Versi tersebut dapat menempelkan kode terstruktur dalam tag HTML dan juga PHP dapat berkomunikasi dengan database
2.7
e-Commerce E-commerce merupakan satu set teknologi yang dinamis, aplikasi dan
proses bisnis yang menghubungkan perusahaan, customer dan komunitas tertentu melalui transaksi elektronik, perdagangan barang, pelayanan, dan informasi yang dilakukan secara elektronik. (Purbo, et.al., 2001: 36-44) E-commerce adalah proses pembelian dan penjualan serta pemasaran dan pelayanan dari produk, jasa, dan informasi melalui jaringan komputer yang beragam. (O’Brien, 2003: 23) E-commerce adalah proses jual beli, transfer, atau pertukaran produk, jasa, dan atau informasi melalui jaringan komputer termasuk internet. (Turban et.al., 2003: 275)
BAB III METODE PENELITIAN
3.1
Tempat dan Jadwal Penelitian Tempat penelitian dilaksanakan pada kediaman penulis yaitu di Jalan
Pukat Banting I, Medan. Penelitian dilaksanakan dalam jangka waktu November 2014 sampai dengan Maret 2015. Tabel 3.1 Jadwal Penelitian Nov Des Jan Feb Mar 2014 2014 2015 2015 2015 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 Identifikasi Masalah Pengumpulan Data Analisa Sistem Perancangan Sistem Pembangunan Sistem Uji Coba Sistem
3.2
Kerangka Kerja Adapun langkah-langkah kerangka kerja yang dibuat oleh penulis dapat
dilihat pada gambar 3.1.
23
24
Identifikasi Masalah
Pengumpulan Data
Analisa Sistem
Perancangan Sistem
Pembangunan Sistem
Uji Coba Sistem
Gambar 3.1 Kerangka Kerja
3.2.1
Identifikasi Masalah Pada langkah ini dilakukan pengidentifikasian masalah yang dihadapi oleh
penulis dalam melakukan perancangan website. Dimana penulis mengetahui masalah yang dihadapai adalah bagaimana merancang aplikasi website pada Stella Fashionstore agar bisa diakses oleh pelanggan. dan mempercepat penangangan transaksi penjualan dengan menggunakan aplikasi website penjualan pada Stella Fashionstore.
25
3.2.2
Metode Pengumpulan Data Pada langkah ini dilakukan pengumpulan data dan informasi dengan cara
sebagai berikut : 1. Penelitian Lapangan Dalam penelitian lapangan ini dilaksanakan pengamatan langsung terhadap objek penelitian yaitu dengan melalui Observasi (Pengamatan) yaitu
Teknik
pengumpulan
data
melalui
observasi
adalah
alat
pengumpulan data yang dilakukan cara mengamati dan mencatat secara sistematis gejala-gejala yang diselidiki. Berdasarkan hal diatas peneliti menyimpulkan bahwa dalam melakukan observasi partisipatif, peneliti melibatkan diri dalam kehidupan masyarakat dan situasi dimana penelitian dilaksanakan. 2. Studi Literatur Melalui teknik ini, dilakukan kegiatan penghimpunan data, keterangan dan informasi dengan memahami secara cermat atas berbagai dokumen, arsip, hasil laporan, buku-buku ilmiah, persatuan perundang-undangan, dan bahan-bahan tertulis lainnya yang relevan dengan sistem yang akan dirancang.
3.2.3
Analisa Sistem Stella Fashionstore adalah toko yang menjual produk tas menggunakan
smartphone secara online dengan bantuan aplikasi blackberry, dimana produk yang dijual oleh Stella Fashionstore di-upload dan dimasukkan ke group blackberry, sehingga calon pembeli bisa langsung melihat gambar produk yang
26
akan dibeli tanpa harus datang langsung ke rumah tempat penyimpanan produk oleh Stella Fashionstore. Akan tetapi terdapat kelemahan dari group pada blackberry yang ada yaitu jumlah maksimum member hanya 30 member sehingga admin group harus melakukan penghapusan dan penambahan member secara manual, dan juga pada group blackberry gambar maksimum yang bisa ditambahkan hanya berjumlah 80 lembar gambar sehingga jika produk yang dijual melebihi batas maksimal, admin harus membuka group baru dan harus menambah member kembali.
3.2.4
Perancangan Sistem Sistem yang akan dirancang dengan menyimpan data produk yang dijual,
data barang yang tersedia dan sudah terjual, data permintaan pembelian, data konfirmasi
pembayaran,
dan
data
konfirmasi
pengiriman.
Sistem
ini
mempermudah pemilik dalam melakukan input data karena pemilik dan calon pembeli hanya mencari data dari database. Penyajian laporan pada sistem ini dapat dipilih sesuai dengan permintaan dari pemilik website. Sehingga pada saat penyajian laporan, tidak perlu menghabiskan waktu yang lama dibandingkan dengan pengecekan tiap transaksi pada sistem manual.
3.2.5
Pembangunan Sistem Pembangunan sistem yang penulis lakukan antara lain:
1. Perancangan program aplikasi website penjualan, menggunakan Adobe Dreamweaver CS 6.
2. Perancangan database menggunakan MySQL.
27
3.2.6
Uji Coba Sistem Pada uji coba sistem ini akan dilakukan uji coba sistem informasi website
penjualan ini, baik pengujian terhadap sistem apakah sudah sesuai dengan tujuan perancangan sistem. Jika terjadi bug, maka dilakukan perbaikan.
BAB 4 ANALISA DAN PERANCANGAN
4.1
Analisa Sistem Analisis sistem merupakan penguraian dari suatu sistem yang utuh ke
dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan permasalahan dan mengevaluasi permasalahan, kesempatan-kesempata, serta hambatan yang terjadi dan kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan. Melakukan analisis-analisis terhadap sistem yang sedang berjalan yang bertujuan sebagai dasar perancangan atau perbaikan sistem yang lama. Dari hasil analisis tersebut dapat diketahui bahwa kelemahan atau kekurangan sistem yang lama dan data dirancang atau diperbaiki menjadi sebuah sistem yang lebih efektif dan efisien. Penulis melakukan analisa sistem pada Stella FashionStore dimana sistem dimana sistem yang digunakan masih bersifat konvensional yaitu menggunakan group pada blackberry messenger dimana jika ingin melakukan promosi harus melakukan posting baik gambar maupun chatting kedalam group dan jumlah peserta dalam group terbatas sehingga promosi terkadang tidak tepat sasaran dimana pembeli yang seharusnya mendapat kesempatan melihat produk tas yang dijual terpaksa tidak masuk kedalam group karena batas group, Stella FashionStore juga memiliki peraturan khusus dimana pembelian 10 tas di bebaskan dari ongkos kirim dan mendapatkan souvenir.
28
29
4.1.1
Analisis Masalah Sistem penjualan pada Stella Fashionstore masih menggunakan secara
manual yaitu pembeli harus dating ke tempat belanja dan melakukan transaksi. Begitu juga dengan pengolahan data pendapatan dan pengeluaran, data yang sudah masuk dicatat, disimpan dan disajikan secara manual. Sistem promosi pada Stella FashionStore pada sistem sekarang ini masih menggunakan device blackberry dimana calon pembeli menjadi terbatas karena jika pemilik Stella FashionStore melakukan penambahan contact pada device mengakibatkan device tersebut menjadi lambat karena fitur pada blackberry messenger melakukan pengubahan status jika contact lain melakukan perubahan status dan membuat pemilik Stella FashionStore harus menghapus dan menambah contact.
4.1.2
Analisis Sistem yang sedang berjalan Prosedur yang ada pada Stella Fashionstore saat ini dibagi menjadi 4
bagian yaitu : 1. Prosedur pembelian Prosedur pembelian adalah proses dimana pemilik took melakukan pemesanan tas kebagian supplier sesuai dengan daftar dan jumlah tas yang dibutuhkan. Prosedur pembelian tas dapat digambarkan pada flowmap di bawah ini: a.
Pemilik toko mengecek stok tas yang tersedia
b.
Apabila stok habis maka pemilik toko akan mencatat data tas yang harus dibeli.
30
c.
Daftar tas yang harus diproduksi diberikan kepada bagian supplier.
d.
Pada bagian supplier akan melakukan pengiriman tas sesuai dengan daftar data tas yang telah diberikan sebelumnya.
e.
Tas yang sudah diterima akan dilakukan pencatatan mengenai jumlah dan spesifikasi tas yang telah dibeli. Pemilik Toko
Bagian Supplier
MULAI
DAFTAR TAS YANG HARUS DIBELI
STOK TAS
PENGECEKAN STOK TAS YANG HABIS PENGIRIMAN TAS
STOK HABIS? DAFTAR TAS YANG DIKIRIM STOK TAS YANG HABIS
PENCATATAN DATA TAS YANG SUDAH DITERIMA PEMBUATAN DATA PESANAN TAS YANG HARUS DIBELI
STOK TAS YANG HABIS
DAFTAR TAS YANG DIKIRIM
STOK TAS
DAFTAR TAS YANG HARUS DIBELI
SELESAI
Gambar 4.1. Flowmap pembelian. 2. Prosedur Masuk Barang Prosedur masuk barang adalah proses dimana tas yang telah dipesan atau dibeli pemilik toko tersedia. Adapun alur prosedurnya adalah seperti di bawah ini: a.
Bagian supplier memberikan daftar tas yang telah di pesan ke bagian pemilik toko.
31
b.
Bagian pemilik toko mengecek apakah tas sesuai dengan jumlah dan spesifikasi tas yang dipesan.
c.
Jika tas tidak sesuai maka tas akan dikembalikan lagi ke bagian supplier, dan jika sesuai dibuat surat pengiriman tas serta daftar tas yang sudah dicek, lalu diarsipkan.
Adapun prosedur packing dapat digambarkan pada flowmap di bawah ini : SUPPLIER
PEMILIK TOKO
START
DAFTAR TAS YANG DIBELI
DAFTAR TAS YANG DIBELI
MENGECEK DAFTAR JUMLAH TAS YANG DIBELI
SESUAI
PEMBUATAN NOTA PENGIRIMAN TAS
NOTA PENGIRMAN TAS
DAFTAR TAS YANG DIKIRIM & SUDAH DICEK
SELESAI
Gambar 4.2 flowmap masuk barang
32
3. Prosedur Penjualan Prosedur penjualan tas adalah tahap-tahap yang harus dilalui oleh customer dalam membeli produk tas dari mulai customer melihat produk tas, kemudian customer memilih tas, dan customer melakukan pembayaran terhadap tas yang dibeli sampai proses penerimaan tas oleh customer. Adapun tahap penjualan tas sebagai berikut : a.
Customer datang ke Stella FashionStore dan memberikan data tas yang akan dibeli kepada pemilik toko.
b.
Pemilik toko memberitahukan kepada customer jumlah stok tas yang akan dibeli, jika customer langsung membayar dengan harga yang telah ditentukan.
c.
Apabila tas yang akan dibeli tidak ada maka pemilik toko akan memberitahu kepada customer bahwa stok tas yang akan dibeli tidak tersedia dan customer akan disarankan untuk memesan tas dengan syarat dan ketentuan yang berlaku.
d.
Jika stok tas masih ada maka pemilik toko akan membuat kwitansi pembelian.
e.
Pemilik toko menandatangani kwitansi dan mencatat data tas terjual ke buku besar.
f.
Kwitansi rangkap dua yang telah ditandatangani diarsipkan dan diberikan ke customer sebagai tanda bukti.
Proses penjualan yang terjadi pada Stella FashionStore dapat digambarkan pada flowmap berikut ini.
33
CUSTOMER
PEMILIK TOKO
MULAI
TAS YANG AKAN DIBELI
TAS YANG AKAN DIBELI
CEK STOK TAS
ADA?
TAS YANG AKAN DIBELI TIDAK ADA
SELESAI
TIDAK
ADA
TAS YANG AKAN DIBELI TIDAK ADA
TAS YANG DIBELI ADA
TIDAK
KONFIRMASI HARGA SETUJU?
YA
TAS YANG DIBELI TERSEDIA
TAS YANG DIBELI TERSEDIA
BUAT KWITANSI
KWINTANSI
PENCATATAN DI BUKU BESAR
KWITANSI PENJUALAN TAS
KWITANSI PENJUALAN TAS
BUKU BESAR
SELESAI
Gambar 4.3. flowmap penjualan
34
4.
Prosedur pelaporan Prosedur pelaporan adalah proses pembuatan laporan yang didalamnya berisi kwitansi yang akan ditandatangani oleh pimpinan. Adapun prosedur pelaporan ini meliputi tas apa saja yang telah dibeli, sehingga dari data pembelian tas dapat dijadikan evaluasi untuk mengetahui jenis tas apa yang paling disenangi oleh customer. Prosedur ini bertujuan untuk mengetahui data transaksi sehingga laporan dapat dijadikan evaluasi. Adapun tahap-tahap prosedur pelaporan tas antara lain sebagai berikut: a.
Pemilik toko membuat laporan penjualan dan laporan data tas dari buku besar penjualan arsip tas.
b.
Lalu bagian pemilik toko membuat laporan rekapitulasi atas penjualan produk tas untuk disahkan sehingga pemilik toko tahu bahwa penjualan produk tas tersebut memang terjadi dan sudah selesai.
c.
Pemilik toko menerima laporan penjualan dan laporan data tas yang dibuat.
d.
Laporan tersebut dicek dan disahkan oleh pemilik toko lalu ditanda tangani.
e.
Laporan yang telah ditandatangani oleh pemilik toko disimpan kedalam arsip.
Proses pelaporan yang terjadi pada Stella FashionStore dapat digambarkan pada flowmap diagram berikut :
35
PEMILIK TOKO
ARSIP
NOTA PERNEIRMAAN TAS
BUKU BESAR PENJUALAN
PEMBUATAN LAPORAN
NOTA PENERMAAN TAS
LAPORAN PENJUALAN
LAPORAN DATA TAS
BUKU BESAR PENJUALAN
PENGGANDAAN
LAPORAN PENJUALAN
LAPORAN DATA TAS
LAPORAN PENJUALAN
LAPORAN DATA TAS
PENGESAHAN
LAPORAN PENJUALAN YANG TELAH DITANDATANGANI
LAPORAN DATA TAS YANG TELAH DITANDATANGANI
LAPORAN PENJUALAN YANG TELAH DITANDATANGANI
LAPORAN DATA TAS YANG TELAH DITANDATANGANI
SELESAI
Gambar 4.4. flowmap pelaporan
4.1.3
Aliran Informasi Aliran data dan informasi, dalam hal ini adalah bagaimana bentuk aliran
data dan informasi yang terjadi dan berkaitan dengan system penjualan. Aliran data terbagi dalam dua bagian yaitu, dari customer ke sistem atau sebaliknya. Aliran data dari customer ke sistem berupa data-data spesifikasi tas, ketentuan dan persyaratan proses penjualan dan data-data menyangkut pengiriman barang. Customer memberikan data-data, kemudian diteruskan ke bagian pemilik toko untuk mengecek stok barang yang dibeli, data customer, mempersiapkan
36
pengiriman tas dan proses pembayaran. Setelah semua selesai dan pembayaran disetujui, selanjutnya ke bagian pengiriman untuk pengiriman barang.
4.1.4
Evaluasi Sistem Pada penelitian ini dibahas mengenai sistem yang ada pada bagian
penjualan. Sistem yang ada berkisar tentang pengolahan data penjualan, dan selama ini pengolahannya kurang efisien. Pengolahan data penjualan tidak terlepas dari masalah bagaimana sistem itu sendiri diolah, agar aplikasi pendukung ini tidak menemui kesulitan maka pada sub bab ini dibahas mengenai bukti-bukti penelitian yang akan dilakukan. Setelah diuraikan dan diamati secara terperinci mengenai keadaan sistem yang diteliti ini, maka dari sistem ditemukan beberapa permasalahan yang timbul yaitu: 1. Tidak adanya prosedur penerimaan customer. 2. Pada proses pengecekan barang masih dilakukan secara manual, oleh karena itu memerlukan waktu yang cukup lama. 3. Memungkinkan adanya kwitansi yang rusak dan hilang. 4. Adanya fasilitas computer yang memadai tetapi kurang mengoptimalkan pengunaannya, yaitu masih memakai software yang sederhana sehingga membutuhkan waktu yang lama dalam mengerjakan pekerjaan.
4.1.5
Solusi Dari hasil evaluasi dapat disimpulkan bahwa perlu digunakannya suatu
aplikasi yang terstruktur dan perancangan suatu model aliran progam dari sistem
37
pendukung aplikasi yang baru ini diharapkan dapat berfungsi dan dapat mengatasi kelemahan-kelemahan yang ditimbulkan oleh sistem sebelumnya atau yang sedang berjalan. Pada web penjualan ini diharapkan agar aplikasi yang baru ini dapat berfungsi sebagai berikut : 1. Mempermudah pencarian data yang diperlukan baik data tas, data pelanggan maupun data penjualan. 2. Meningkatkan kinerja pemilik toko, dengan dibuatnya aplikasi baru ini. 3. Meningkatkan jumlah penjualan dengan cara penerimaan pelanggan atau member. 4. Menghasilkan laporan yang dibutuhkan untuk pengambilan keputusan selanjutnya oleh pemilik toko.
4.2
Perancangan Perancangan dilakukan untuk menghasilkan spesifikasi kebutuhan.
Kebutuhan adalah spesifikasi rinci tentan hal-hal yang akan dilakukan pada saat perancangan sistem.
4.2.1
Diagram Konteks Diagram konteks atau disebut juga dengan model system fundamental
merepresentasikan seluruh elemen system sebagai bubble tunggal dengan data input output yang ditunjukan oleh anak panah yang masuk dan keluar secara berurutan.
38
Diagram komteks menjelaskan hubungan dari entitas-entitas yang ada dari system penjualan tas secara umum, meliputi entitas user dan admin seperti yang dapat dilihat pada gambar 4.5. Data Kategori Data_Merk Data_Tas Data_Ukuran Data_Pesanan Data_DetailPesanan Data_Detail_Tas Data_Daftar_Bank Data_Kota Data_Pembayaran Data_Rekening Data_Buku_Tamu Data_Login
Perancangan Website Penjualan Stella Fashionstore
ADMIN
Info_Kategori Info_Merk Info_Tas Info_Ukuran Info_Pesanan Info_DetailPesanan Info_Detail_Tas Info_Daftar_Bank Info_Kota Info_Pembayaran Info_Rekening Info_Buku_Tamu Info_Login
Info_Buku_Tamu Info_Tas Data_Kategori Info_Merk Info_Ukuran Info_Konten_Web
Data_Buku_Tamu Data_Tas Data_Kategori Data_Merk Data_Ukuran Lihat_Konten_Web
PENGUNJUNG
Data_Kategori Data_Merk Data_Tas Data_Ukuran Data_Pesanan Data_detail_tas Data_Detail_pesanan Data_Daftar_Bank Data_Kota Data_Pembayaran Data_Buku_Tamu Data_Rekening Data_lihat_Tas Data_Login Data_Lupa_Password Data_Daftar_Member Info_Kategori Info_Merk Info_Tas Info_Ukuran Info_Pesanan Info_Detail_Tas Info_Detail_Pesanan Info_Daftar_Bank Info_Kota Info_Pembayaran Info_Buku_Tamu Info_Rekening Info_Lihat_Tas Info_Login Info_Lupa_Password Info_Daftar_Member
MEMBER
Gambar 4.5 diagram konteks system informasi tas berbasis web
4.2.2
Data Flow Diagram (DFD) Data Flow Diagram (DFD) merupakan diagram konteks dalam bentuk
yang lebih detail, data flow diagram menguraikan proses yang terjadi dalam sistem sampai ke proses yang lebih detail. Pada diagram konteks sistem penjualan tas seperti gambar di atas dapat diuraikan menjadi beberapa data flow diagram : Adapun proses-proses yang terjadi pada DFD level I adalah sebagai berikut :
39
1. Daftar member Proses ini melakukan pengolahan daftar member bagi pengunjung yang akan melakukan transaksi pembelian tas. Data daftar member yang telah diinputkan akan disimpan pada tabel member 2. Lupa password member Data lupa password yang telah diinputkan oleh member akan disimpan pada tabel member 3. Login member Merupakan proses input data login member, meliputi input username dan password member 4. Login admin Proses ini akan melakukan pengolahan data login yang dilakukan oleh admin meliputi input username dan password admin 5. Pengolahan data kategori Proses ini melakukan pengolahan data kategori tas oleh admin meliputi proses tambah, edit dan hapus data kategori, kemudian pada proses ini data kategori tas yang dinputkan akan disimpan di tabel kategori dan system akan mengirimkan pesan informasi kepada admin. 6. Pengolahan data merk Proses ini melakukan pengolahan data merk tas oleh admin meliputi proses tambah, edit dan hapus data merk, kemudian pada proses ini data merk tas yang dinputkan akan disimpan di tabel merk dan sistem akan mengirimkan pesan informasi kepada Admin.
40
7. Pengolahan data tas Proses ini melakukan pengolahan data tas oleh admin meliputi proses tambah, edit dan hapus tas, kemudian pada proses ini data tas yang dinputkan akan disimpan di tabel tas dan sistem akan mengirimkan pesan. 8. Pengolahan data pesanan Proses ini akan melakukan pengolahan data pesanan member yang dilakukan oleh admin kemudian akan di simpan pada tabel pesanan. 9. Pengolahan data detail pesanan Data pesanan tas diinput oleh member, kemudian akan disimpan di table pesanan dan sistem akan mengirimkan pesan informasi kepada konsumen. 10. Pengolahan data kota Proses ini melakukan pengolahan data kota oleh admin meliputi proses tambah jasa kirim, edit dan hapus kota, kemudian disimpan pada tabel kota dan system akan mengirimkan pesan informasi kepada admin. 11. Pengolahan data buku tamu Data buku tamu diinput oleh member maupun pengunjung, kemudian pada proses ini data buku tamu yang diinputkan akan disimpan pada tabel buku tamu dan sistem akan mengirimkan pesan informasi kepada konsumen. Data buku tamu yang telah diisi akan dikirimkan kepada admin sebagai informasi buku tamu. 12. Pilih cara bayar Proses dimana konsumen dapat memilih pembayaran yang akan digunakan. Dalam sistem ini menyediakan cara pembayaran yaitu menggunakan transfer melalui bank
41
13. Lihat katalog tas Proses lihat tas yang dilakukan member maupun pengunjung, yang meliputi merk, kategori, harga, nama, gambar dan spesifikasi tas yang lain 14. Konten web Proses ini merupakan proses melihat konten web yang ada pada sistem 15. Logout admin Proses keluar admin dari sistem pengolahan data admin 16. Logout member Proses keluar member dari sistem 17. Pengolahan pengiriman Proses dimana member mengisikan data pengiriman. Data pengiriman disini merupakan data dimana barang yang sudah dipesan akan dikirim 18. Pengolahan detail tas Proses edit, hapus dan lihat detail tas oleh admin. Data Detail tas disini meliputi pengeditan stok dari masing-masing ukuran 19. Pengolahan data ukuran Proses tambah,edit dan hapus data ukuran yang dilakukan oleh admin 20. Pengolahan Data Daftar Bank Proses tambah,edit dan hapus nama daftar bank oleh admin. Kemudian data bank yang telah diolah akan disimpan pada tabel daftar Bank. Data daftar bank ini diinput member ketika melakukan konfirmasi pembayaran 21. Pengolahan rekening Proses tambah, edit dan hapus nama bank dan no. rekening oleh admin. Kemudian data rekening yang telah diolah akan di simpan pada tabel
42
rekening. Data rekening ini akan diinputkan oleh member ketika akan melakukan proses konfirmasi pembayaran 22. Pengolahan Data Pembayaran Proses pengolahan data konfirmasi pembayaran yang di inputkan oleh member, kemudian data akan di terima oleh admin untuk di lakukan pengolahan data konfirmasi pembayaran
4.2.2.1 DFD Level 2 Proses 3 Pengolahan Data Login Admin DATA_LOGIN_ADMIN LOGIN_ADMIN_INVALID
3.1 INPUT USERNAME ADMIN
DATA_USERNAME INFO_USERNAME
USER_ID_ADMIN_VALID ADMIN
LOGIN_ADMIN_INVALID
INFO_LOGIN_ADMIN
3.2 INPUT PASSWORD ADMIN
T_LOGIN_ADMIN
INFO_PASSWORD_ADMIN DATA_PASSWORD_ADMIN
Gambar 4.6 DFD Level 2 Proses 3 Pengolahan Data Login Admin Proses-proses yang terjadi pada Pengolahan Data Login Admin adalah sebagai berikut : 1. Input username Merupakan proses untuk melakukan penginputan username admin, kemudian sistem akan melakukan proses pengecekan data username 2. Input password admin Merupakan proses untuk melakukan penginputan password admin, kemudian sistem akan melakukan proses pengecekan data password admin.
43
4.2.2.2 DFD Level 2 Proses 7 Pengolahan Data Tas INFO_TAS DATA_TAS INFO_MERK DATA_MERK
7.1. INPUT DATA TAS
ADMIN
INFO_TAS INFO_KATEGORI DATA_KATEGORI
INFO TAS
DATA_TAS DATA_MERK INFO KATEGORI 7.2 EDIT DATA TAS
DATA_TAS
INFO_MERK
INFO_TAS DATA_KATEGORI DATA_TAS
INFO_TAS
DATA_MERK INFO_MERK
DATA_TAS
7.3 DELETE DATA TAS
T_TAS
T_KATEGORI
T_MERK
INFO_KATEGORI INFO_TAS INFO_TAS
DATA_TAS DATA_KATEGORI DATA_MERK INFO_MERK
DATA_TAS
7.4 LIHAT DATA TAS
INFO_TAS DATA_KATEGORI INFO_KATEGORI DATA_TAS
INFO_TAS
DATA_KATEGORI DATA_TAS INFO_KATEGORI DATA_MERK
DATA_TAS
7.5 CARI DATA TAS
INFO_TAS INFO_MERK
Gambar 4.7 DFD Level 2 Proses 7 Pengolahan Data Tas Proses-proses yang terjadi pada Pengolahan Data Tas adalah sebagai berikut : 1. Input Data Tas Proses ini melakukan pengelolaan data tas yang diinputkan oleh admin dan menyimpannya dalam tabel tas 2. Edit Data Tas Proses ini akan melakukan pengeditan data tas jika sewaktu-waktu ada kesalahan dalam penginputan data tas 3. Delete Data Tas Proses ini akan melakukan penghapusan data tas yang tidak dibutuhkan 4. Lihat Data Tas Proses ini akan menampilkan semua data tas
44
5. Cari Data Tas Proses ini akan melakukan pencarian data tas berdasarkan kode dan nama tas kemudian sistem akan menampilkan informasi kepada admin
4.2.2.3 DFD Level 2 Proses 8 Pengolahan Pesanan INFO_PESANAN DATA_PESANAN
8.1. INPUT DATA PESANAN
MEMBER
INFO_PESANAN INFO_TAS DATA_TAS
INFO PESANAN
DATA_PESANAN
INFO TAS DATA_PESANAN
8.2 EDIT DATA PESANAN
INFO_PESANAN DATA_TAS DATA_PESANAN
INFO_PESANAN
DATA_PESANAN
8.3 DELETE DATA PESANAN
T_PESANAN
T_TAS
INFO_TAS INFO_PESANAN INFO_PESANAN
DATA_PESANAN DATA_TAS
DATA_PESANAN
8.4 LIHAT DATA PESANAN
INFO_PESANAN
INFO_DETAIL_TAS
DATA_TAS INFO_TAS
ADMIN
DATA_PESANAN
DATA_DETAIL_TAS
Gambar 4.8 DFD Level 2 Proses 8 Pengolahan Pesanan Proses-proses yang terjadi pada Pengolahan Data Pesanan adalah sebagai berikut : 1. Input Data Pesanan Proses ini melakukan pengelolaan data pesanan yang diinputkan oleh member dan menyimpannya dalam tabel pesanan 2. Edit Data Pesanan Proses ini akan melakukan pengeditan data pesanan jika sewaktu-waktu ada kesalahan dalam penginputan data pesanan
45
3. Delete Data Pesanan Proses ini akan dilakukan penghapusan pesanan yang tidak jadi dipesan 4. Lihat Data Detail Pesanan Proses ini akan menampilkan semua data pesanan member
4.2.2.9 DFD Level 2 Proses 9 Pengolahan Detail Pesanan INFO_DETAIL PESANAN DATA_DETAIL PESANAN INFO_DETAIL TAS DATA_DETAIL TAS
18.1. INPUT DATA DETAIL PESANAN
MEMBER
INFO_DETAIL PESANAN INFO_TAS DATA_TAS
INFO DETAIL PESANAN
DATA_DETAIL PESANAN DATA_DETAIL TAS INFO TAS
DATA_DETAIL PESANAN
18.2 EDIT DATA DETAIL PESANAN
INFO_DETAIL TAS
INFO_DETAIL PESANAN DATA_TAS DATA_DETAIL PESANAN
INFO_DETAIL PESANAN
DATA_DETAIL TAS INFO_DETAIL TAS
DATA_DETAIL PESANAN
18.3 DELETE DATA DETAIL PESANAN
T_DETAIL PESANAN
T_TAS
T_DETAIL TAS
INFO_TAS INFO_DETAIL PESANAN INFO_DETAIL PESANAN
DATA_DETAIL PESANAN DATA_TAS DATA_DETAIL TAS INFO_DETAIL TAS
DATA_DETAIL PESANAN
18.4 LIHAT DATA DETAIL PESANAN
INFO_DETAIL PESANAN DATA_TAS INFO_TAS
INFO_DETAIL_TAS ADMIN
DATA_DETAIL PESANAN
DATA_DETAIL_TAS
Gambar 4.9 DFD Level 2 Proses 9 Pengolahan Detail Pesanan Proses-proses yang terjadi pada Pengolahan Data Detail Pesanan adalah sebagai berikut : 1. Input Data Detail Pesanan Proses ini melakukan pengelolaan data pesanan yang diinputkan oleh konsumen dan menyimpannya dalam tabel pesanan 2. Edit Data Detail Pesanan Proses ini akan melakukan pengeditan data pesanan jika sewaktu-waktu ada kesalahan dalam penginputan data pesanan.
46
3. Delete Data Detail Pesanan Proses ini akan melakukan penghapusan data pesanan yang tidak jadi dipesan 4. Lihat Data Detail Pesanan Proses ini akan menampilkan semua data detail pesanan member
4.2.2.10 DFD Level 2 Proses 11 Pengolahan Buku Tamu DATA_BUKU_TAMU INFO_BUKU_TAMU
ADMIN DATA_BUKU_TAMU
11.1 PENGISIAN BUKU TAMU
MEMBER
PENGUNJUNG
DATA_BUKU_TAMU
DATA_BUKU_TAMU INFO_BUKU_TAMU INFO_BUKU_TAMU
INFO_BUKU_TAMU INFO_BUKU_TAMU
INFO_BUKU_TAMU
11.2 BALAS BUKU TAMU
DATA_BUKU_TAMU
BUKU TAMU
DATA_BUKU_TAMU INFO_BUKU_TAMU DATA_BUKU_TAMU
DATA_BUKU_TAMU
11.3 DELETE BUKU TAMU
INFO_BUKU_TAMU
Gambar 4.10 DFD Level 2 Proses 11 Pengolahan Buku Tamu Proses-proses yang terjadi pada Pengolahan Buku Tamu adalah sebagai berikut : 1. Pengisian Buku Tamu Pengisian buku tamu yang dilakukan oleh member maupun pengunjung akan disimpan dalam tabel buku tamu 2. Balas Buku Tamu Buku tamu yang telah diisi oleh member maupun pengunjung akan dibalas oleh admin
47
3. Delete Buku Tamu Proses Penghapusan Buku tamu yang sudah tidak digunakan lagi yang dilakukan oleh admin
4.2.2.11 DFD Level 2 Proses 18 Pengolahan Data Detail Tas INFO_DETAIL TAS DATA_DETAIL TAS INFO_UKURAN DATA_UKURAN
18.1. INPUT DATA DETAIL TAS
MEMBER
INFO_DETAIL TAS INFO_TAS DATA_TAS
INFO DETAIL TAS
DATA_DETAIL TAS DATA_UKURAN INFO TAS
DATA_DETAIL TAS
18.2 EDIT DATA DETAIL TAS
INFO_UKURAN
INFO_DETAIL TAS DATA_TAS DATA_DETAIL TAS
INFO_DETAIL TAS
DATA_UKURAN INFO_UKURAN
DATA_DETAIL TAS
18.3 DELETE DATA DETAIL TAS
T_DETAIL TAS
T_TAS
T_UKURAN
INFO_TAS INFO_DETAIL TAS INFO_DETAIL TAS
DATA_DETAIL TAS DATA_TAS DATA_UKURAN INFO_UKURAN
DATA_DETAIL TAS
18.4 LIHAT DATA DETAIL TAS
INFO_DETAIL TAS DATA_TAS INFO_TAS DATA_DETAIL TAS
INFO_DETAIL TAS
DATA_TAS DATA_DETAIL TAS INFO_TAS DATA_UKURAN
DATA_DETAIL TAS
18.5 CARI DATA DETAIL TAS
INFO_DETAIL TAS INFO_UKURAN
INFO_DETAIL_TAS ADMIN
DATA_DETAIL_TAS
Gambar 4.11 DFD Level 2 18 Pengolahan Data Detail Tas Proses-proses yang terjadi pada Pengolahan Data Detail Tas adalah sebagai berikut : 1. Input Data Detail Tas Proses input data detail tas yang dilakukan oleh admin.Input data detail tas disini meliputi input data ukuran dan data stok tas. Data detail tas yang telah diinputkan akan disimpan dalam tabel detail tas
48
2. Edit Data Detail Tas Proses edit data detail tas jika sewaktu-waktu ada perubahan dalam stok jumlah tas 3. Delete Data Detail Tas Proses hapus data detail tas yang dilakukan oleh admin 4. Lihat Data Detail Tas Proses ini akan menampilkan semua data detail tas.
4.2.2.12 DFD Level 3 Proses Pengolahan Edit Data Gambar DATA_GAMBAR
INFO_GAMBAR
7.2.1 EDIT DATA GAMBAR
ADMIN
INFO_GAMBAR
DATA_GAMBAR
INFO_GAMBAR
7.2.2 LIHAT DATA GAMBAR
T_TAS
DATA_GAMBAR
DATA_GAMBAR
INFO_GAMBAR
Gambar 4.12 DFD Level 3 Proses Pengolahan Data Rekening Proses-proses yang terjadi pada Pengolahan Edit Data Gambar adalah sebagai berikut: 1. Edit Data Gambar Proses ini akan melakukan pengeditan data gambar jika sewaktu-waktu ada kesalahan dalam penginputan data gambar. Data gambar yang telah diedit akan disimpan dalam tabel tas 2. Lihat Data Gambar Proses ini akan menampilkan semua data gambar yang telah tersimpan pada tabel tas
49
4.2.3
Struktur Tabel Tabel - tabel yang terdapat dalam basis data yang digunakan dalam sistem
yang akan dibangun adalah sebagai berikut : Tabel 4.1 Struktur Tabel Tas Nama Field
Type
Length
Keterangan
id_tas
int
20
Primary key, auto_increment
id_kategori
Int
20
FK1, Reference Kategori (id_kategori)
id_merk
int
20
FK2, Reference Merk (id_merk)
nama_tas
varchar
50
tgl_masuk
date
0000-00-00
Harga
double
Berat
float
deskripsi
text
Gambar
varchar
255
Tabel 4.2 Struktur Tabel Pesanan Nama Field
Type
Length
Keterangan
id_pesanan
int
11
Primary key, auto_increment
Waktu
datetime
0000-00-00
Status pesanan
tinyint
1
Status bayar
tinyint
1
Username
varchar
40
id_session
varchar
32
id_kota
int
11
FK1,reference pengiriman (id_pengiriman)
FK2,reference t_jasakirim (id_kota)
50
Tabel 4.3 Struktur Tabel Detail Pesanan Nama
Field Type
Length
Keterangan
id_detail_pesanan
int
20
Primary key, auto_increment
id_pesanan
int
5
FK1, reference t_pesanan (id_pesanan)
id_tas
int
20
FK2, reference t_tas(id_tas)
id_session
int
10
id_ukuran
int
10
kuantitas
int
20
Harga_stlhdipesan
int
50
FK3, reference t_pesanan (id_pesanan)
Tabel 4.4 Struktur Tabel Buku Tamu Nama
Field Type
Length
Keterangan
id_buku_tamu
int
10
Primary key, auto_increment
nama
varchar
100
email
varchar
100
komentar
Text
balas
Text
Tabel 4.5 Struktur Tabel Admin Nama
Field Type
Length
Keterangan
Username
varchar
50
Primary key, auto_increment
Password
varchar
50
51
Tabel 4.6 Struktur Tabel Detail Tas Nama
Field Type
Length
Keterangan
id_detailtas
int
11
Primary key, auto_increment
id_tas
int
10
FK1, reference t_tas (id_tas)
id_ukuran
int
11
FK2, reference t_ukuran (id_ukuran)
stok
int
20
Tabel 4.7 Struktur Tabel Keranjang Nama
Field Type
Length
Keterangan
id_keranjang
int
20
Primary key, auto_increment
id_tas
int
20
FK1, reference t_tas (id_tas)
id_session
varchar
32
id_ukuran
int
10
kuantitas
int
20
4.2.4
FK2, reference t_ukuran (id_ukuran)
Perancangan Struktur Menu Berikut ini merupakan gambar struktur menu dari aplikasi pesan & antar
tas secara online berbasis web pada Stella FashineStore LOGIN ADMIN
KATEGORI
MERK
UKURAN
TAS
KOTA
PESANAN
REKENING
LAPORAN
INPUT
INPUT
INPUT
INPUT
INPUT
UPDATE
INPUT
EDIT
EDIT
EDIT
EDIT
EDIT
DELETE
EDIT
DELETE
DELETE
DELETE
DELETE
DELETE
LIHAT
DELETE
LIHAT
LIHAT
LIHAT
LIHAT
LIHAT
CARI
CARI
BUKU TAMU
LIHAT
LIHAT
CARI
Gambar 4.13 Perancangan Tampilan Struktur menu admin
LOG OUT
BALAS
HAPUS
52
PENGUNJUNG
KATALOG
DAFTAR MEMBER
BUKU TAMU
LIHAT
INPUT
PENGISIAN
gambar 4.14 Perancangan Tampilan Struktur menu pengunjung
4.2.5 Perancangan Antar Muka Program Aplikasi 1. Tampilan Halaman Utama HEADER HOME | PRODUCT | PEMBAYARAN | TENTANG KAMI | KONTAK KAMI | BUKU TAMU
SLIDE SHOW TAS
FOOTER WEB
Gambar 4.15 Tampilan Halaman Utama 2. Tampilan Product HEADER HOME | PRODUCT | PEMBAYARAN | TENTANG KAMI | KONTAK KAMI | BUKU TAMU
GAMBAR TAS
GAMBAR
GAMBAR
GAMBAR
NAMA HARGA
NAMA HARGA
NAMA HARGA
BELI
BELI
BELI
GAMBAR
GAMBAR
GAMBAR
NAMA HARGA
NAMA HARGA
NAMA HARGA
BELI
BELI
BELI
FOOTER WEB
Gambar 4.16 Tampilan Product
53
3. Tampilan Cara Pembayaran HEADER HOME | PRODUCT | PEMBAYARAN | TENTANG KAMI | KONTAK KAMI | BUKU TAMU
DESKRIPSI PEMBAYARAN MENGGUNAKAN CARA TRANSFER KE BANK
FOOTER WEB
Gambar 4.17 Tampilan Cara Pembayaran 4. Tampilan Tentang Kami HEADER HOME | PRODUCT | PEMBAYARAN | TENTANG KAMI | KONTAK KAMI | BUKU TAMU
TENTANG KAMI
FOOTER WEB
Gambar 4.18 Tampilan Tentang Kami 5. Tampilan Kontak Kami HEADER HOME | PRODUCT | PEMBAYARAN | TENTANG KAMI | KONTAK KAMI | BUKU TAMU
TENTANG KONTAK KAMI
FOOTER WEB
Gambar 4.19 Tampilan Tentang Kontak Kami
54
6. Tampilan Buku Tamu HEADER HOME | PRODUCT | PEMBAYARAN | TENTANG KAMI | KONTAK KAMI | BUKU TAMU
NAMA
EMAIL
KOMENTAR
KIRIM
FOOTER WEB
Gambar 4.20 Tampilan Buku Tamu 7. Tampilan Tentang Owner HEADER HOME | PRODUCT | PEMBAYARAN | TENTANG KAMI | KONTAK KAMI | BUKU TAMU
TENTANG OWNER
FOOTER WEB
Gambar 4.21 Tampilan Tentang Owner 8. Tampilan Detail Produk HEADER HOME | PRODUCT | PEMBAYARAN | TENTANG KAMI | KONTAK KAMI | BUKU TAMU
GAMBAR
DETAIL TAS BUY
FOOTER WEB
Gambar 4.22 Tampilan Detail Produk
55
9. Tampilan Cart HEADER HOME | PRODUCT | PEMBAYARAN | TENTANG KAMI | KONTAK KAMI | BUKU TAMU
SHIPING CHECK OUT SHIPING INFORMATION
ORDER SUMMARY
CONTINUE
FOOTER WEB
Gambar 4.23 Tampilan Cart 10. Tampilan Login HEADER HOME | PRODUCT | PEMBAYARAN | TENTANG KAMI | KONTAK KAMI | BUKU TAMU
Gambar
EMAIL PASSWORD LOGIN
FOOTER WEB
Gambar 4.24 Tampilan Login Member
56
11. Tampilan Utama Admin HEADER HOME | CART | BUKU TAMU | LOG OUT
SLIDE SHOW TAS
FOOTER WEB
Gambar 4.25 Tampilan Utama Admin 12. Tampilan History Cart HEADER HOME | CART | BUKU TAMU | LOG OUT
DETAIL CART
FOOTER WEB
Gambar 4.26 Tampilan History Cart 13. Tampilan History Buku Tamu HEADER HOME | CART | BUKU TAMU | LOG OUT
DETAIL BUKU TAMU
FOOTER WEB
Gambar 4.27 Tampilan History Buku Tamu
57
4.2.6 Perancangan Prosedural Adapun perancangan prosedural adalah sebagai berikut: 1. Prosedur login Diagram alir pada prosedur login adalah sebagai berikut: MULAI
LOGIN ADMIN
VERIFIKASI ADMIN DAN USERNAME
TAMPILAN PESAN
TDK
LOGIN VALID
YA MENAMPIILAN MENU SESUAI HAK AKSES
SELESAI
Gambar 4.28 Prosedur login 2. Prosedur tambah data Diagram alir pada prosedur tambah data adalah sebagai berikut: MULAI
INPUT TAMBAH DATA
SIMPAN
TAMPILAN PESAN
TDK
CEK ADA
YA DATA TERSIMPAN
SELESAI
Gambar 4.29 Prosedur tambah data
58
3. Prosedur ubah data Diagram alir pada prosedur ubah data adalah sebagai berikut:
MULAI
DATA YANG AKAN DIUBAH
TAMPILAN PESAN
TIDAK
CEK DATA
DITEMUKAN
YA DATA YANG AKAN DIUBAH KETEMU
EDIT DATA
SIMPAN DATA
DATA YANG SUDAH DIUBAH TERSIMPAN
SELESAI
Gambar 4.30 Prosedur Edit data 4. Prosedur hapus data Diagram alir pada prosedur hapus data adalah sebagai berikut: MULAI
DATA YANG AKAN DIHAPUS TIDAK YAKIN YA PENGHAPUSAN DATA DI DALAM TABEL
SELESAI
Gambar 4.31 Prosedur hapus data
59
5. Prosedur cari data Diagram alir pada prosedur cari data adalah sebagai berikut: MULAI
INPUT DATA YANG AKAN DICARI
CARI DATA
TAMPILAN PESAN
TDK
DITEMUKAN
YA TAMPIL DATA YANG DICARI
SELESAI
Gambar 4.32 Prosedur Cari Data
BAB V HASIL DAN PEMBAHASAN
5.1
Hasil Adapun hasil dari penelitian skripsi yang dilakukan penulis dapat dilihat
sebagai berikut
5.1.1
Tampilan Website Pada tampilan website yang dirancan oleh penulis dapat dilihat pada
gambar berikut 1. Tampilan Halaman Utama
Gambar 5.1 Tampilan Halaman Utama
60
61
4. Tampilan Product
Gambar 5.2 Tampilan Product 5. Tampilan Cara Pembayaran
Gambar 5.3 Tampilan Cara Pembayaran
62
6. Tampilan Tentang Kami
Gambar 5.4 Tampilan Tentang Kami 7. Tampilan Kontak Kami
Gambar 5.5 Tampilan Kontak Kami
63
8. Tampilan Buku Tamu
Gambar 5.6 Tampilan Buku Tamu 9. Tampilan Tentang Owner
Gambar 5.7 Tampilan Tentang Owner
64
10. Tampilan Detail Produk
Gambar 5.8 Tampilan Detail Produk 11. Tampilan Cart
Gambar 5.9 Tampilan Cart
65
12. Tampilan Login
Gambar 5.10 Tampilan Login 13. Tampilan Utama Admin
Gambar 5.11 Tampilan Utama Admin
66
14. Tampilan History Cart
Gambar 5.12 Tampilan History Cart 15. Tampilan History Buku Tamu
Gambar 5.13 Tampilan History Buku Tamu
67
5.2
Pembahasan Adapun pembahasan yang dilakukan peneliti dibagi menjadi 2 yaitu proses
kerja sistem dan kebutuhan sistem.
5.2.1
Proses Kerja Sistem Proses kerja untuk menjalankan Sistem website yang penulis buat adalah
sebagai berikut : 1.
Masuk ke tampilan awal, jika seorang calon pembeli maka pilihlah isi user id, dan pilih login.
2.
Setelah login maka akan masuk ke menu awal, jika ingin melakukan pesanan maka pilih product, dan akan tampil daftar produk, setelah cocok, maka klik masukkan ke keranjang maka otomatis data pesanan akan tersimpan, setelah selesai maka transfer ke pihak website dan konfirmasi pembayaran.
3.
Jika seorang admin, maka masuk ke tampilan awal masukkan user admin dan pilih login.
4.
Setelah masuk ke menu utama, maka admin dapat menambah daftar tas, daftar kategori, daftar kota, daftar ukuran, daftar merek, dan daftar rekening.
5.
Jika terjadi pembayaran dari pihak pembeli, maka admin dapat membuka menu pesanan dan konfirmasi pengiriman untuk memberitahu bahwa pesana sudah diaturkan pengirimannya.
6.
Jika pengiriman telah dilakukan maka secara otomatis pihak website akan melakukan pengiriman kepada pembeli sesuai dengan alamat yang tertera pada saat pendaftaran.
68
5.2.2
Kebutuhan Sistem Agar sistem website yang penulis rancang dapat berjalan sesuai dengan
keinginan penulis, maka penulis membutuhkan beberapa kebutuhan baik kebutuhan perangkat keras maupun kebutuhan perangkat lunak antara lain : 1.
Hardware ( perangkat keras ) Perangkat keras (Hardware) adalah komponen pada komputer yang dapat terlihat dan disentuh secara fisik. Perangkat keras minimun yang digunakan untuk menjalankan aplikasi sistem pakar ini adalah sebagai berikut : a. Prosesor intel pentium core 2 duo atau versi yang lebih tinggi. b. Sisa kapasitas Harddisk 320 GB c. Memori minimun1 GB d. Monitor e. Keyboard dan mouse
2.
Software ( perangkat lunak ) Untuk membuat aplikasi website ini digunakan sebuah program aplikasi yaitu Browser Mozilla Firefox maupun Google Chrome. Database server yang digunakan pada aplikasi sistem pakar ini penulis memilih MySQL
5.2.3
Kelebihan Sistem Yang Dirancang Adapun kelebihan-kelebihan sistem yang dirancang oleh penulis antara
lain sebagai berikut: 1. Pelanggan lebih gampang dapat mencari produk-produk yang diingikan karena memiliki gambar yang ditampilkan.
69
2. Pelanggan dapat langsung berinteraksi dengan penjual dimana pelanggan dapat langsung memesan barang menggunakan website.
5.2.4
Kelemahan Sistem Yang Dirancang Adapun kelemahan-kelemahan sistem yang dirancang oleh penulis antara
lain sebagai berikut: 1. Pelanggan belum bisa mengubah daftar pembelian yang telah dipesan sebelumnya. 2. Belum adanya sistem forgot password sehingga jika admin lupa terhadap password maka akan mengalami kesulitan untuk pengembalian password. 3. Belum adanya fitur anti SQL Injection dimana database dapat dimasuki oleh hacker.
BAB VI KESIMPULAN DAN SARAN
6.1
Kesimpulan Kesimpulan yang diperoleh setelah penulis melakukan perancangan sistem
informasi website adalah antara lain: 1.
Aplikasi website yang dirancang memudahkan website di akses oleh pelanggan untuk mencari produk–produk yang diinginkan karena memiliki gambar yang ditampilkan sehingga pelanggan baru tidak perlu datang ke dealer untuk melihat produk-produk yang tersedia.
2.
Aplikasi website yang dirancang memudahkan interaksi antara pembeli dan penjual, dimana pembeli bisa langsung memesan barang menggunakan website, sehingga pihak penjual bisa melihat pesanan dari pembeli melalui wesbite dan bisa segera memprosesnya.
6.2
Saran Website yang telah dirancang sudah bisa menampilkan produk, melakukan
login kedatabase, menampilkan data user. Tetapi masih terdapat beberapa kekurangan yang apabila kekurangan tersebut diperbaiki, maka akan menambah sempurnanya website perusahaan ini. Kekurangan–kekurangan tersebut antara lain: 1. Website yang telah dirancang belum bisa mengubah daftar pembelian yang telah di lakukan pembeli.
70
71
2. Beberapa fitur yang terdapat didalamnya belum sempurna, misalnya pada Forgot password.. 3. Belum memiliki fitur anti SQL_Injection dimana sering digunakan hacker mengubah data dalam Database.
DAFTAR PUSTAKA
Connolly, T. & Begg, C. (2002). Database System : A Pratical Approach in Design, Implementation, and Management. Third Edition. Addison Wesley
Date, C.J. (1990). An Introduction to Database System Volume 1. Fifth Edition. Addison Wesle
Mcleod,
Raymond.
(2001).
Sistem
Informasi
Manajemen.
Jakarta:
PT.Prenbalindo. O’Brien, James. A. (2003). Pengantar Sistem Informasi Perseptif Bisnis dan Manajerial. Salemba Pressman, Roger S. (2001). Software Engineering : A Practitioner’s Approach, Fifth Edition. The McGraw-Hill Companies, Inc, Singapore
Romney and Steinbart, P. 2003. Accounting Information System (9 th ed.), Internasional edition, New Jersey: Upper Saddle River, Prentice Hall.
Shneiderman, B.(1998). Designing The User Interface Strategies for Effective Human Computer, third edition. Addison Wesley, Massachusetts
Turban, Efraim; et al. (2003). Introduction To Information Technology. (2nd ed.) John Wiley & Sons, Inc, New Jersey
Whitten J.L,Bentley L.D., & Ditmann K.C. (2004). System Analysis and Design Method. 6th Edition. McGraw Hill Inc., New York
72