LAPORAN-A4.pdf

7/21/2019 LAPORAN-A4.pdf

http://slidepdf.com/reader/full/laporan-a4pdf 1/75

1

LAPORAN

SISTEM INFORMASI WEB E-COMMERCE

KEDAI COKELAT

Jl. Juanda No. 46 - Depok Telp/ Fax: 021 776 19 19.

E-mail : [email protected]

Developed By (Andrihka):

Andreas Ivan Prabowo 4312111012

Eka Rahmawati 4312111003

Muhammad Nur Ikhsan 4312111035

TKJ 6 B

mailto:[email protected]





2

DAFTAR ISI

PROPOSAL......................................................................................................... 1

DOKUMENTASI PROYEK .............................................................................. 41

STANDART OPERATIONAL PROCEDURE .................................................. 47

TABEL ALAT DAN BAHAN ........................................................................... 59

SURAT PERNYATAAN PENERIMAAN ........................................................ 61

DATA PENYUSUN LAPORAN ....................................................................... 65



1

PROPOSAL

SISTEM INFORMASI WEB E-COMMERCE

KEDAI COKELAT

Jl. Juanda No. 46 - Depok Telp/ Fax: 021 776 19 19.

E-mail : [email protected]

Developed By (Andrihka):

Andreas Ivan Prabowo 4312111012

Eka Rahmawati 4312111003

Muhammad Nur Ikhsan 4312111035

TKJ 6 B






2

Kata Pengantar

Puji dan syukur kami panjatkan kehadirat Allah SWT yang telah

memberikan rahmat dan karunia-Nya sehingga dapat tersusunnya Proposal

Perancangan Website E-Commerce “Kedai Coklat”.

Proposal ini berisi informasi mengenai website yang akan kami buat.

Diantaranya terdiri dari objective, biaya, jadwal, dan tampilan dari website

tersebut. Diharapkan proposal ini dapat memberikan kemudahan kepada owner

dari Kedai Coklat dalam mengembangkan bisnisnya. Diharapkan dengan adanya

website tersebut, maka dapat menarik minat para pelanggan serta menaikkan

keuntungan dari toko ini.

Dalam penyusunan proposal ini, masih banyak kekurangannya. Oleh

karena itu, kritik dan saran yang sifatnya membangun selalu diharapkan demi

kesempurnaan proposal ini.

Akhirnya saya selaku penyusun mengucapkan terima kasih kepada semua

pihak yang telah membantu penyusunan proposal ini dari awal sampai akhir.

Semoga Allah SWT senantiasa meridhai segala usaha kita. Amin.

Depok, 2015

Project Manager

(Andreas Ivan Prabowo)



3

DAFTAR ISIDAFTAR ISI................................................................................................... 3

DAFTAR TABEL ............................................................................................... 6

BAB I .................................................................................................................. 1

PENDAHULUAN ............................................................................................... 1

1.1. Latar Belakang Toko ................................................................................. 1

1.2. Struktur Organisasi Toko........................................................................... 2

Bab II................................................................................................................... 3

Project Charter ..................................................................................................... 3

2.1. Project Title............................................................................................... 3

2.2. Project Objectives ..................................................................................... 3

2.3. Project Conception .................................................................................... 3

2.4. Problem Statement .................................................................................... 4

2.5. Initial Scope of Project .............................................................................. 4

2.6. Constraint .................................................................................................. 4

2.7. Objectives ................................................................................................. 4

2.8. Project Documentation and Communication .............................................. 4

2.9. Project Organization and Staffing Approach .............................................. 5

2.10. Resource Requirement for Implementing the Project.............................. 5

2.11. Scheduling ............................................................................................. 5

BAB III................................................................................................................ 8

Problem Analysis Phase ....................................................................................... 8

3.1. Problem Domain ....................................................................................... 8

3.2. Problem and Opprtunities Analysis ........................................................... 9

BAB IV ............................................................................................................. 11

REQUIREMENT ANALYSIS PHASE.............................................................. 11

4.1. Define Requirements ............................................................................... 11



4

4.2. Analyze Requirements ............................................................................ 12

4.3. Data Modelling ....................................................................................... 124.4. Process Modelling ................................................................................... 13

4.4.1. DFD Level 0 ........................................................................................ 13

4.4.2. DFD Level 1 ........................................................................................ 15

4.5. Interface Modelling ................................................................................. 15

Bab V ................................................................................................................ 17

Decision Analysis Phase .................................................................................... 17

5.1. Identify Candidate Solution ..................................................................... 17

5.2. Analyzing Candidate Solution ................................................................. 18

5.3. Comparing Candidate Solution ................................................................ 19

5.4. Recommend a Solution............................................................................ 21

BAB VI ............................................................................................................. 22

APPLICATION ARCHITECTURE ................................................................... 22

6.1. Physical Data Flow Diagram ................................................................... 226.1.1. Physical Processes ............................................................................... 22

6.1.2. Physical Data Flows............................................................................. 22

Bab VII .............................................................................................................. 25

Database Design ................................................................................................ 25

7.1. Data Definition Language (DDL) ............................................................ 25

7.2. Physical Database Schema ...................................................................... 28

7.3. Logical Data Model ................................................................................. 29

BAB VIII ........................................................................................................... 31

Sistem Interface ................................................................................................. 31

Bab IX ............................................................................................................... 37

Konstruksi dan Implementasi Sistem.................................................................. 37

9.1. Konstruksi Sistem ................................................................................... 37

9.2. Implementasi Sistem ............................................................................... 38



5

BAB X ............................................................................................................... 40

Kesimpulan ........................................................................................................ 40



6

DAFTAR GAMBAR

Gambar 1 Struktur Organisasi .............................................................................. 2

Gambar 2 Entity Relationship diagram dari Sistem Informasi Web E-Commerce

Kedai Cokelat Qta – Qta .................................................................................... 13

Gambar 3 DFD Level 0 ...................................................................................... 14

Gambar 4 DFD Level 1 ...................................................................................... 15

Gambar 5 Use Case Diagram ............................................................................. 16

Gambar 6 PDFD dari proses pembelian kue ....................................................... 23

Gambar 7 Physical Database Schema ................................................................. 29

Gambar 8 Logical Data Model ........................................................................... 30

Gambar 9 Halaman Home .................................................................................. 31

Gambar 10 Halaman add to cart ......................................................................... 32

Gambar 11 Halaman about us ............................................................................ 32

Gambar 12 Halaman Checkout .......................................................................... 33

Gambar 13 Halaman brosur ............................................................................... 33

Gambar 14 Halaman login admin ....................................................................... 34

Gambar 15 Halaman add product ....................................................................... 34

Gambar 16 Halaman dashboard ......................................................................... 35

Gambar 17 halaman order .................................................................................. 35

Gambar 18 Halaman Product ............................................................................. 36

DAFTAR TABEL

Table 1 Resource Requirement for Implementing the Project ............................... 5

Table 2 Problems, Opportunities, Objectives and Constraint Matrix .................... 9

Table 3 Candidate System Matrix ...................................................................... 18

Table 4 Feasibility Matrix .................................................................................. 21



1

BAB I

PENDAHULUAN

1.1. Latar Belakang Toko

Toko “Kedai Cokelat Qta-Qta” adalah suatu kedai yang berlokasi di

Depok, Jawa Barat. Kedai Cokelat Qta-Qta berdiri sejak tahun 2002 yang

berorientasi pada penyajian produk bermutu yang dipersembahkan bagi

penggemar coklat sejati. Kedai Cokelat Qta-Qta menyediakan produk – produkmakanan serba cokelat seperti cake tiramisu, cake harmony, classical blackforest,

aneka brownies dan makanan olahan dari cokelat lainnya serta menyediakan

aneka cokelat impor dan lokal.

Seiring dengan berkembangnya usaha Kedai Cokelat Qta-Qta ini, maka

perlu adanya peningkatan kualitas dari kegiatan usaha tersebut. Salah satunya

dengan peningkatan mutu dari pengelolaan dan teknik pemasaran. Kedai Cokelat

Qta-Qta ingin membangun sebuah website sebagai media promosi agar lebih

efektif dan efisien.



2

1.2. Struktur Organisasi Toko

Gambar 1 Struktur Organisasi



3

Bab II

Project Charter

2.1. Project Title

Perancangan Website E-Commerce “Kedai Coklat”.

2.2. Project Objectives

Mempermudah proses pemasaran dengan website dan penanganan pelanggan dengan sistem e-commerce sehingga meningkatkan efektivitas

dan efisiensi proses bisnis toko.

2.3. Project Conception

Proyek ini merupakan buah pikiran dari Owner Kedai Coklat. Dengan

tingkat persaingan yang tinggi sekarang ini, ditambah juga kemajuan

teknologi secara pesat, diputuskan bahwa sistem pemesanan konvensional

tidak dapat membantu toko dalam meningkatkan proses bisnis.

Maka diputuskan untuk membuat suatu website toko online. Pembuatan

toko online dimulai dari membuat website yang isinya adalah daftar

produk, stok produk, alamat toko, dan cara pemesanan.



4

2.4. Problem Statement

Masalah yang timbul pada sistem konvensional adalah:

1. Pelanggan akan sulit untuk mengetahui informasi soal produk.

2. Terjadi kesulitan dalam perekapan data pelanggan.

3. Pelanggan tidak dapat memesan produk secara real-time.

2.5. Initial Scope of Project

Pihak yang berhubungan dengan website toko online:

1.

Pelanggan Kedai Coklat2. Tim Penjualan

2.6. Constraint

1.

Masih adanya pelanggan yang computer-illiterate.

2. Masih adanya pelanggan yang tidak memiliki rekening bank.

2.7. Objectives

1. Mempermudah pelanggan dalam mengakses informasi produk Kedai

Coklat.

2.

Mempermudah perekapan data pelanggan, sehingga efisiensi bisnis

toko dapat ditingkatkan.

3.

Mempermudah pelanggan dalam pemesanan produk.

2.8. Project Documentation and Communication

1. Seluruh anggota tim proyek mengadakan rapat mingguan yang

dipimpin oleh project manager.

2. Komunikasi antar anggota tim dilakukan dengan cara melalui e-mail,

forum diskusi yang telah disediakan, maupun pembicaraan langsung.

3.

Seluruh dokumentasi tentang proyek ini akan ditaruh pada satu

direktori khusus yang dapat diakses oleh semua anggota tim.



6

Deliverable: System Improvement Objectives

2. Tahap Requirement Analysis : Mendefinisikan dan memberikan

prioritas pada requirement-requirement pada toko online. Tujuan dari

tahap ini untuk mengidentifikasi DATA, PROSES, serta

INTERFACE requirements untuk pengguna dari sistem baru yang

akan dibangun.

Durasi : 1 hari kerja

Deliverable : Bussiness Requirement Statement

3. Tahap Decision Analysis : Mengidentifikasi kandidat solusi,

menganalisa kandidat solusi tersebut untuk menentukan feasibility

sistem, dan merekomendasikan kandidat sistem sebagai target solusi

yang akan didesain.


Deliverable : System Proposal

4. Tahap Design : Mentransformasikan requirement bisnis dari Tahap

Requirement Analysis menuju spesifikasi desain untuk

dikonstruksikan. Dalam pengertian lain, menentukan bagaimana

teknologi akan diterapkan pada sistem yang baru.


Deliverable : Spesifikasi Design

5. Tahap Construction : Membangun sistem yang memenuhi

requirement pada toko dan spesifikasi desain serta untuk

mengimplementasikan interface sistem baru yang dibuat.


Deliverable : Functional System

6. Tahap Implementation : Men-deploy sistem produk ke operasional.

Serta melakukan pelatihan kasir toko yang akan menggunakan

sistem dan membuat dokumentasi (help file) untuk membantu kasir

toko.


Human resource : Project Manager, System Analyst, Programmer



7

Deliverable : Operational System

7. Tahap Operation and Support : Pengoperasian sistem dan

maintenance untuk memperbaiki error, pengurangan, dan

requirement baru yang mungkin muncul.

Durasi :10 hari kerja

Deliverable : Bussiness Solution

Scheduling ditunjukkan pada Gantt Chart yang dilampirkan



8

BAB III

Problem Analysis Phase

Setelah melakukan tahap Preliminary Investigation, telah diketahui

masalah yang dimiliki Toko Kue “Kedai Cokelat”. Pada tahap tersebut juga telah

didapatkan scope, objectives dan perencanaan proyek ini.

Tahap berikutnya yaitu problem analysis, requirement analysis dan

decision analysis. Pada tahap problem analysis, hal yang perlu dilakukan adalahmenganalisa lebih dalam mengenai permasalahan-permasalahan yang ada. Hal

lain yang dilakukan pada tahap ini adalah mempelajari domain permasalahan.

Domain permasalahan dapat diketahui dengan mempelajari permasalahan yang

ada pada sistem yang telah ada dan digunakan.

3.1. Problem Domain

Tahap ini bertujuan menganalisa problem, opportunity dan directives dari

sistem yang lama. Problem dari sistem yang telah ada akan dianalisa dari sisi data,

proses dan interfacenya.

1.

DATA sistem yang telah ada, tempat menyimpan data. Sistem yang telah

ada masih manual, semua data dan informasi mengenai produk masih

berupa brochure. Begitu juga dengan data pesanan customer. Semuanya

dicatat dalam buku pemesanan dan masih belum terkomputerisasi.

2.

PROSES yang ada pada sistem yang telah ada bersifat tidak efisien, karena

masih menggunakan sistem manual. Proses yang dilakukan sistem antara

lain:

- Proses pelayanan customer masih menggunakan cara manual, yaitu

pelanggan datang ke toko dan pembayaran dilakukan dengan bertemu

langsung dengan cashier dan penjaga toko.

- Proses penjualan masih menggunakan etalase sacara fisik.

-

Proses pemasaran dilakukan dengan brosur.



9

-

Kesulitan para pelanggan melihat jenis jenis kue yang ada.

3. INTERFACE dari sistem yang ada pada toko ”Kedai Cokelat” masih

bersifat manual. Belum ada sistem yang menunjang pemasaran melalui

internet.

3.2. Problem and Opprtunities Analysis

Untuk menganalisa problem, digunakan cause and effect analysis

untuk menganalisa penyebeb problem dan akibatnya. Bila diketahui

penyebab suatu problem maka akan dapat diketahui solusi yang harus

dilakukan agar problem tersebut dapat teratasi.

Setelah memahami problem, dapat disimpulkan system improvement

objectives dan constraint dari sistem.

Berikut adalah matrix problem, opportunities, objectives dan constraintdari sistem yang ada :

Table 2 Problems, Opportunities, Objectives and Constraint Matrix

PROJECT:

Perancangan Web Toko Online

”Kedai Cokelat”

PROJECT MANAGER:

Andreas Ivan Prabowo

CREATED BY:

- Andreas Ivan

Prabowo

- Eka Rahmawati

- Muhammad Nur

Ikhsan

LAST UPDATED BY:

Eka Rahmawati

DATE CREATED: 31/04/2015 DATE LAST UPDATED: 29/05/2015



10

Cause and Effect Analysis System Improvement Objectives

Problem or

Opportunity

Cause and

Effects

System Objective System

Constraint

1. Response time

dari penanganan

pelanggan lambat

2. Proses penjualan

tidak efisien

3. Pelanggan harus

mengunjungi toko

untuk mengetahui

informasi produk

4. Data penjualan

tercecer

5. Pesanan yang

masuk tidak terdata

dengan baik

1. Omset

penjualan

menurun.

2. Proses

pelaporan

penjualan

menjadi

buruk

3. Sulit

melihat

prospek

penjualan

1. Membuat system

baru yang terintegrasi

penuh.

2. Mempermudah

proses pemasaran.

3. Membuat system

yang menggunakan

database untuk

menyimpan data

produk.

1. Masih adanya

customer yang

computer-

illiterated.

2. Tidak semua

customer

memiliki akun di

bank

3. Banyak

customer yang

belum familiar

dengan sistem e-

commerce



11

BAB IV

REQUIREMENT ANALYSIS PHASE

Fase ini adalah fase yang sangat penting dan tidak bisa dilewatkan. Tujuan

dari fase ini adalah untuk menentukan apa yang harus dapat dilakukan oleh sistem

untuk memenuhi System Objectives yang telah ditentukan pada fase sebelumnya.

4.1.

Define Requirements

Hal pertama yang harus dilakukan dalam requirement analysis phase

adalah pengidentifikasian requirement. Dasar dari tugas ini adalah system

objectives yang telah dilakukan pada fase problem analysis.

Requirement yang ada dibagi dalam dua kategori, functional requirement

yaitu aktivitas dan servis yang harus dilakukan dan disediakan oleh sistem.

Kategori yang lain adalah nonfunctional requirement yaitu fitur lain yang

diperlukan sistem, agar sistem dapat lebih memuaskan.

Berikut adalah requirements dari Sistem Informasi Web E-Commerce

Kedai Cokelat Qta – Qta:

1. Functional Requirements:

Penjadwalan produksi dibuat berdasarkan pemesanan dan dicatat

dalam sistem informasi terintegrasi dengan management database.

Pembangunan database untuk penyimpanan data, dokumen dan

informasi serta backup data atau dokumen tersebut.

2.

Nonfunctional Requirements:

Sistem dapat membantu proses bisnis agar setiap menu yang

diproduksi dapat sesuai dan diterima oleh pelanggan.



12

4.2. Analyze Requirements

Analisa requirement dilakukan dengan menggunakan teknik model-driven.

Berikut ini adalah analisa requirementnya:

1. DATA- data yang disimpan dan diambil oleh sistem. Model data yang

digunakan adalah dengan Entity Relationship Diagram. Hal ini akan

dijelaskan lebih lanjut pada Data Modelling.

2.

PROSES – Semua yang dilakukan oleh sistem. Model proses yang

digunakan adalah dengan Data Flow Diagram. Hal ini akan dijelaskan

lebih lanjut pada Process Modelling.

3. Interface – antar-muka dari sistem. Interface model yang digunakan

adalah dengan use case diagram. Hal ini akan dijelaskan lebih lanjut

pada Interface Modelling.

4.3. Data Modelling

Sistem model mempunyai peran yang penting dalam pengembangan

sistem, karena problem biasanya tidak terstruktur. Salah satu cara untuk

menstrukturisasi suatu masalah adalah dengan menggambarkannya dengan model.

Sebuah model adalah representasi dari kenyataan.

Data model seperti Entity Relationship Diagram (ERD) digunakan unutk

mendokumentasikan dan menganalisa data-data yang diperlukan dalam sistem

yang baru. Data model ini digunakan sebagai titik awal dari pendesainan database.

Pada gambar 2 di bawah ini adalah Entity Relationship Diagram dari

Sistem Informasi Web E-Commerce Kedai Cokelat Qta – Qta. ERD ini

menggambarkan data-data dan hubungan antar data yang ada pada sistem baru.



13

Gambar 2 Entity Relationship diagram dari Sistem Informasi Web E-CommerceKedai Cokelat Qta – Qta

4.4. Process Modelling

Process Modelling adalah sebuah teknik untuk menyusun dan

mendokumentasikan struktur dan aliran data yang melewati proses yang ada pada

sistem.

Proses model seperti Data Flow Diagram (DFD) digunakan untuk

memodelkan aliran data yang ada pada sistem dan aktiviatas atau proses yang

dilakukan oleh sistem.

Pada gambar 3 dan 4 di bawah ini digambarkan Data Flow Diagram dariSistem Informasi Web E-Commerce Kedai Cokelat Qta – Qta. DFD ini akan

menggambarkan data dan proses apa saja yang dilakukan oleh sistem yang baru.

4.4.1. DFD Level 0



15

4.4.2. DFD Level 1

Gambar 4 DFD Level 1

4.5. Interface Modelling

Interface model menggambarkan input external dan output dari dan ke

sistem, dan asal dan tujuannya.Interface model bisa berupa use case diagram.

Use case diagram menggambarkan interaksi antara sistem dan user. Bisa

dikatakan use case menggambarkan siapa saja yang menggunakan sistem dan apa

saja interaksi antara user dengan sistem



16

Pada gambar 5 di bawah ini digambarkan use case diagram dari Sistem

Informasi Web E-Commerce Kedai Cokelat Qta – Qta.

Gambar 5 Use Case Diagram



17

BAB V

DECISION ANALYSIS

Pada fase ini dilakukan pencarian alternatif terbaik unutk mengatasi

problem yang dihadapi.

Candidate solution ditemukan berdasarkan hasil dari fase sebelumnya,

yaitu problems, opportunities, objectives, dan constraint. Analisis kandidat

dilakukan dengan membuat Candidate System Matrix dan Feasibility Matrixuntuk memudahkan perbandingan antar keduanya.

5.1. Identify Candidate Solution

Kedua kandidat solusi bertujuan untuk membangun website yang dapat

memenuhi kebutuhan Client dalam menjalankan fungsinya.

Berikut adalah kandidat solusi yang diajukan :

Kandidat solusi 1

Membuat suatu website e-commerce. Pada website e-commerce,

pemesanan produk dapat langsung dilakukan dari website.

Kandidat solusi 2

Membuat suatu website biasa yang menampilkan daftar produk. Pada

website ini, pemesanan hanya dapat dilakukan lewat telepon

Perbandingan secara detail antara kedua solusi tersebut dapat dilihat pada

tabel 3 dibawah ini :

Characteristics Candidate 1 Candidate 2



18

Portion of system

computerized

Membuat website e-commerce

dengan menggunakan framework

wordpress

Membuat website non e-commerce

dengan menggunakan framework

wordpress

Benefits Pemesanan produk dapat langsung

dilakukan pada website e-

commerce.

Pemesanan produk hanya dapat

dilakukan melalui telepon.

Servers - Melalui leohoster.com, kapasitas

1 Gb, Unlimited bandwidth

sama seperti kandidat 1

Software tools needed - MySQL 4.0 sebagai database

- PHP 5 sebagai bahasa

pemrograman dari framework

wordpress

Sama seperti kandidat 1

Application software custom solution sama seperti kandidat 1

Method of data

processing

Web-based sama seperti kandidat 1

Output devices andimplications printer sama seperti kandidat 1

Input devices and

implications

Keyboard dan mouse sama seperti kandidat 1

Storage devices and

implications

MySQL sever DBMS dengan

kapasitas 80GB

sama seperti kandidat 1

Table 3 Candidate System Matrix

5.2. Analyzing Candidate Solution

Setiap kandidat solusi harus dianalisa untuk kelayakan. Hal ini dilakukan

setelah setiap kandidat telah teridentifikasi.

Kriteria kelayakan yang dilakukan adalah :

- Technical Feasibility : Apakah secara teknik mudah? Apakah staff

mempunyai kemampuan teknis untuk mendesain dan membangun solusi ini?



19

- Operational Feasibility : Apakah solusi ini akan memenuhi kebutuhan

pengguna? Sampai seberapa besar manfaatnya? Apakah solusi ini akan mengubah

lingkungan kerja pengguna? Bagaimana pengguna menerima solusi ini?

- Economic Feasibility: Apakah solusi ini cost-effective?

- Schedule Feasibility : Bisakah solusi di implementasikan dalam periode

waktu tertentu?

Analisa ini dilakukan pada tiap kandidat dan belum dibandingkan.

5.3.

Comparing Candidate Solution

Setelah analisa kelayakan selesai dilaksanakan untuk semua kandidat,

kandidat-kandidat tersebut akan dibandingkan untuk memilih kandidat yang

paling baik.

Tabel 4 di bawah ini memperlihatkan perbandingan kelayakan antara

kedua kandidat solusi yang telah dipilih sebelumnya.

Feasibility Criteria Weight Candidate 1 Candidate 2

Operational feasibility

Functionality : A description to

what degree the candidate would

benefit the organization and how

well the system would work

Political : A description of how

well received this solutionwould be from both user

management, user, and

organization perspective

30%

Website ini dapat digunakan

untuk melihat informasi

produk dan memesan

produk

Score : 90

Website ini hanya dapat

digunakan untuk melihat

informasi produk

Score : 80



20

Technical feasibility

Technology : An assesment of

maturity, availability (or ability

to acquire), and desirability of

the computer technology needed

to support this candidate

Expertise : An assesment of the

technical expertise needed to

develop,operate, and maintain

the candidate system

30%

Website ini dapat digunakan

untuk memesan produk.

Perlu pelatihan bagi

pegawai Kedai Coklat untuk

mengelola Customer

Tidak perlu tambahan staff bagi developer untuk

membuat sistem karena staff

yang ada bisa menggunakan

tools yang akan digunakan

Score : 85

Website ini tidak dapat

digunakan untuk memesan

produk

Tidak diperlukan pelatihan

bagi pegawai karena

pemesanan tidak dilakukan

melalui website.

Tidak perlu tambahan staff

bagi developer untuk

membuat sistem karena staff

yang ada bisa menggunakan

tools yang akan digunakan

Score : 80

Economic feasibility

Cost to develop :

Payback period :

Net present value :

Detailed calculations :

30%

± Rp 5.550.000

± 6 bulan

± Rp 8.000.000

Lihat lampiran

Score : 80

± Rp 5.550.000

± 6 bulan

± Rp 7.500.000

Lihat lampiran

Score : 80

Schedule feasibility

An assesment of how long the

solution will take to design and

implement

10%

± 2 bulan ± 2 bulan



21

Score : 85 Score : 85

Ranking 100% 88 85

Table 4 Feasibility Matrix

5.4. Recommend a Solution

Dari analisa kelayakan dan tabel perbandingan antara kandidat-kandidat

solusi yang ditawarkan, dipilih kandidat solusi yang mendapatkan nilai lebih

tinggi pada Feasibility Matrix, yaitu kandidat solusi nomor 1, solusi yang

menggunakan web e-commerce.



22

BAB VI

APPLICATION ARCHITECTURE

Setelah menyelesaikan fase Decision Analysis, akan dibangun application

architecture yang merupakan blueprint dari sistem yang akan dibangun ini. Application

Architecture menyatakan spesifikasi teknologi yang akan digunakan untuk

mengimplementasikan Sistem Informasi yang akan kami bangun dalam hal data, process

dan interface dan bagaimana ketiganya berinteraksi dan berkomunikasi pada jaringan. Hal

ini akan dijadikan acuan untuk desain lebih lanjut dan implementasi.

6.1. Physical Data Flow Diagram

Physical Data Flow Diagram merupakan blueprint teknikal untuk pembangunan

sistem dan implementasinya.

6.1.1. Physical Processes

Sebuah physical process dapat berupa prosesor, seperti komputer atau manusia,

ataupun implementasi teknis atas pekerjaan yang akan dilakukan, seperti program

komputer atau proses manual.

Terdapat dua elemen pada physical data flow diagram:

- proses logical di-assign ke physical prosesor tertentu seperti PC, server,

mainframe, orang-orang, ataupun device lain dalam sebuah jaringan

komputer

- tiap-tiap proses logical diimplementasikan sebagai satu atau lebih proses

physical.

6.1.2. Physical Data Flows

Physical Data Flows merepresentasikan salah satu dari:

(1) Implementasi yang telah ada atas input atau output dari sebuah proses

physical;

(2)

Sebuah database command seperti create, read, update, atau delete;



23

(3) Keluar-masuknya data ke sistem informasi lain melalui jaringan; atau

(4)

Aliran data antara dua modul atau subrutin dalam satu program.

Berikut ini merupakan Physical Data Flows dari proses-proses yang ada pada sistem

yang akan kami kembangkan

Gambar 6 PDFD dari proses pembelian kue

Penjelasan PDFD proses penjualan barang:

1. Customer melakukan transaksi (pembelian dan pembayaran) melalui sistem.

2. Data stock kue pada database akan berkurang secara otomatis.

3. Laporan barang akan dibuat dan dapat diakses oleh manager toko maupun

pimpinan (owner).



24

4.

Data transaksi akan masuk kedalam database.

5.

Laporan transaksi penjualan akan dibuat dan dapat diakses oleh manager

toko maupun pimpinan (owner).



25

Bab VII

Database Design

Pada fase ini, akan dilakukan perancangan database yang akan digunakan

sistem yang baru. Rancangan ini berdasarkan Entity Relationship Diagram yang

telah diberikan pada fase Requirement Analysis Phase. Di fase ini akan dilakukan

mapping dari ERD menjadi bentuk tabel-tabel yang memenuhi 3 NF. Untuk

mendefinisikan tabel-tabel tersebut akan dilakukan juga pembuatan Data

Definition Language (DDL).

7.1. Data Definition Language (DDL)

Term Meta

CREATE TABLE IF NOT EXISTS `termmeta` (

`meta_id` bigint(20) NOT NULL,

`woocommerce_term_id` bigint(20) NOT NULL,

`meta_key` varchar(255) COLLATE latin1_general_ci NOT NULL,

`meta_value` longtext COLLATE latin1_general_ci NOT NULL,

)

Tax Rates

CREATE TABLE IF NOT EXISTS `tax_rates` (

`tax_rate_id` bigint(20) NOT NULL,

`tax_rate_country` varchar(200) COLLATE latin1_general_ci NOT NULL,

`tax_rate_state` varchar(200) COLLATE latin1_general_ci NOT NULL,

`tax_rate` varchar(200) COLLATE latin1_general_ci NOT NULL,



26

`tax_rate_name` varchar(200) COLLATE latin1_general_ci NOT NULL,

`tax_rate_priority` bigint(20) NOT NULL,

`tax_rate_compound` int(1) NOT NULL,

`tax_rate_shipping` int(1) NOT NULL,

`tax_rate_order` bigint(20) NOT NULL,

`tax_rate_class` varchar(200) COLLATE latin1_general_ci NOT NULL,

)

Order Items

CREATE TABLE IF NOT EXISTS òrder_items` (

òrder_item_id` bigint(20) NOT NULL,

` order_item_name` longtext COLLATE latin1_general_ci NOT NULL,

` order_item_type` varchar(200) COLLATE latin1_general_ci NOT NULL,

` order_id` bigint(20) NOT NULL,

)

Order Item Meta

CREATE TABLE IF NOT EXISTS òrder_itemmeta` (

`meta_id` bigint(20) NOT NULL,

òrder_item_id` bigint(20) NOT NULL,

`meta_key` varchar(255) COLLATE latin1_general_ci NOT NULL,

`meta_value` longtext COLLATE latin1_general_ci NOT NULL,



27

)

Downloadable Product Permissions

CREATE TABLE IF NOT EXISTS `downloadable_product_permissions` (

`permission_id` bigint(20) NOT NULL,

`download_id` varchar(32) NOT NULL,

`product_id` bigint(20) NOT NULL,

òrder_id` bigint(20) NOT NULL,

òrder_key` varchar(200) COLLATE latin1_general_ci NOT NULL,

ùser_email` varchar(200) COLLATE latin1_general_ci NOT NULL,

ùser_id` bigint(20) NOT NULL,

`downloads_remaining` varchar(9) NOT NULL,

àccess_granted` date NOT NULL,

àccess_expires` date NOT NULL,

`download_count` bigint(20) NOT NULL,

)

Tax Rate Locations

CREATE TABLE IF NOT EXISTS `tax_rate_locations` (

`location_id` bigint(20) NOT NULL,

`location_code` varchar(255) COLLATE latin1_general_ci NOT NULL,

`tax_rate_id` bigint(20) NOT NULL,

`location_type` varchar(40) COLLATE latin1_general_ci NOT NULL,



28

)

Attribute Taxonomies

CREATE TABLE IF NOT EXISTS àttribute_taxonomies` (

àttribute_id` bigint(20) NOT NULL,

àttribute_name` varchar(200) COLLATE latin1_general_ci NOT NULL,

àttribute_label` longtext COLLATE latin1_general_ci NOT NULL,

àttribute_type` varchar(200) COLLATE latin1_general_ci NOT NULL,

àttribute_orderby` varchar(200) COLLATE latin1_general_ci NOT NULL,

)

7.2.

Physical Database SchemaSkema database merupakan physical model atau blueprint sebuah

database. Database skema merepresentasikan implementasi teknis dari logical data

model



29

Gambar 7 Physical Database Schema

7.3. Logical Data Model

Logical data model merupakan ER yang telah dinormalisasi ke dalam

bentuk 3 NF. Berikut merupakan Logical Data Model dari sistem yang akan kami

bangun.



30

Gambar 8 Logical Data Model



31

BAB VIII

Sistem Interface

I. Tampilan Web Sisi Pengguna atau Klien

1.

Tampilan home

Gambar 9 Halaman Home

Halaman ini merupakan halaman utama dari website coklatqta.com yang

juga menampilkan beberapa menu andalan yang ada di kedai cokelat qta –

qta.

2.

Tampilan keranjang belanja



32

Gambar 10 Halaman add to cart

Halaman ini merupakan halaman yang menampilkan daftar produk yang

sudah kita pilih untuk dibeli.

3. Halaman about us

Gambar 11 Halaman about us

Halaman ini berisi tentang detail perusahaan kedai coklat qta – qta, seperti

sejarah toko dan alamat cabang toko.



34

II. Tampilan Web Sisi Admin

1. Halaman Login

Gambar 14 Halaman login admin

Halaman ini merupakan halaman login, dimana seorang admin yang akan

melakukan edit pada website harus melakukan login terlebih dahulu.

2.

Halaman add product

Gambar 15 Halaman add product

Pada halaman ini seorang admin dapat melakukan penambahan dan

pengurangan produk yang akan ditampilkan di website.



35

3. Halaman dashboard

Gambar 16 Halaman dashboard

Halaman dashboard merupakan halaman utama dari halaman admin ketika

admin sudah melakukan login.

4.

Halaman order page

Gambar 17 halaman order



36

Pada halaman ini seorang admin akan melihat sejumlah pesanan yang

sudah dilakukan pelanggan, sehingga admin akan menghubungi bagian

produksi dan menu yang dipesan akan diproduksi.

5. Halaman product

Gambar 18 Halaman Product

Halaman ini seorang admin akan melihat produk – produk apa saja yang

sudah ditampilkan di halaman website.



37

Bab IX

Konstruksi dan Implementasi Sistem

Pembangunan atau konstruksi suatu sistem terdiri dari 3 tahapan, yaitu

tahap pengembangan, tahap instalasi dan tahap pengujian terhadap semua unsur

yang terdapat dalam sistem tersebut. Pengembangan suatu sistem dimulai setelah

fase desain telah selesai dibuat dan disetujui oleh sistem owners. Pada tahap

pengembangan ini, dilakukan implementasi dari desain yang telah ada. Sedangkan pada instalasi adalah kegiatan untuk mempersiapkan perangkat keras dan desain

teknis juga dari desain yang telah ada. Pengujian merupakan tahap terakhir dari

konstruksi suatu sistem. Pengujian dilakukan setelah implementasi dan instalasi

selesai dilaksanakan. Error atau bug yang terdapat dalam implementasi dapat

diketahui dan diperbaiki setelah pengujian dilaksanakan. Pengujian memakan

waktu yang lebih besar dari keseluruhan waktu untuk melaksanakan implementasi

dan instalasi. Karena itu pengujian harus dilakukan secara tekun dan teliti.

9.1. Konstruksi Sistem

Rancang Bangun dan Pengujian Basis Data

Back End basis data dari sistem yang kami kembangkan adalah MySQL

dan XAMPP. Input yang digunakan untuk pengujian merupakan input-

input yang mungkin terjadi atau yang umum dilakukan oleh pengguna.

Rancang bangun dari basis data merupakan skema basis data yang telahdisetujui pada tahap desain. Contoh-contoh input diujikan pada sistem

untuk menguji integritas basis data dan data yang telah ada. Kasus-kasus

yang menyebabkan adanya ketidak entigritasan sistem, dapat diatasi

sebelum sistem tersebut diluncurkan (deployment).

Pembuatan dan Pengujian Program Baru



38

Proses pembuatan dan pengujian program baru memanfaatkan input dari

tahap desain sistem, yaitu spesifikasi teknis sistem. Pemrograman

dilakukan dengan menggunakan wordpress. Sedangkan untuk

databasenya, menggunakan XAMPP dan MySQL

Pengujian dilakukan secara bertahap dan terpisah, terdiri dari :

Stub testing

Tes yang dilakukan oleh setiap event individu atau modul dari program.

Dengan kata lain, pengujian ini dilakukan pada suatu subset program yangterisolasi.

Unit atau program testing

Tes semua event dan modul yang telah dibuat dan sudah dilakukan stub

testing dites sebagai satu unit secara keseluruhan. Ini merupakan testing

keseluruhan program.

System testing

Tes untuk menjamin aplikasi program ditulis dan diuji dalam sebuah

lingkup kerja yang terisolasi bekerja dengan baik ketika pada akhirnya

diintegrasikan dengan program yang lain.

Jika tahap-tahap testing tersebut telah lengkap, maka akan dilakukan proses

fase implementasi.

9.2.

Implementasi Sistem

Pada fase implementasi, sistem di-deliver menjadi suatu operasi sistem.

Fungsional sistem berasal dari fase construction yang merupakan input dari fase

implementasi. Deliverable dari fase implementasi adalah operational sistem, yaitu

sistem yang telah siap untuk dijalankan dan masuk ke fase operation and support.

Tahap-tahap fase implementasi antara lain adalah :

Conduct System Test



39

Package dari software yang dibutuhkan sudah di install dan dilakukan

testing maka sistem baru yang sudah akan dilakukan final testing. Yang

terlibat dalam proses ini adalah sistem analis, owner, dan programmer.

Prepare Conversion Plan

Pengidentifikasian database yang sudah diinstall, pelatihan, dan

dokumentasi untuk user untuk dikembangkan dan stategi perubahan sistem

lama ke sistem baru.

Install Databases

Mempopulasikan database sistem baru dengan data yang berasal dari

sistem lama.

Train Users

Melatih user dalam menggunakan sistem yang baru. Proses ini akan

dilakukan oleh sistem analis dengan dibantu oleh owners. Dengan

memberikan dokumentasi lengkap mengenai sistem baru, sistem analis

akan menyediakan dokumentasi untuk user/user-manual (dijelaskan

dibawah) dan memberikan pelatihan untuk user.

Convert to new system

Input dari proses ini adalah conversion plan dari fase implementasi yang

sudah dibuat sebelumnya. Deliverable dari proses ini adalah suatu

operational sistem yang sudah siap diperjual-belikan



40

BAB X

Kesimpulan

Sistem Informasi Web E-Commerce Kedai Cokelat Qta – Qta ini

dikembangkan menggunakan database server MySQL dan bahasa pemrograman

PHP. Setelah adanya sistem informasi ini, diharapkan kegiatan usaha Kedai

Cokelat Qta-Qta mengalami peningkatan dan dapat juga meningkatkan

kredibilitas Kedai Cokelat Qta-Qta di mata masyarakat.



41

DOKUMENTASI PROYEK

SISTEM INFORMASI WEB E-COMMERCE KEDAI COKLAT QTA-QTA

III. Tampilan Web Sisi Pengguna atau Klien

6. Tampilan home

Gambar 19 Halaman Home

Halaman ini merupakan halaman utama dari website coklatqta.com yang

juga menampilkan beberapa menu andalan yang ada di kedai cokelat qta –

qta.

7. Tampilan keranjang belanja



42

Gambar 20 Halaman add to cart

Halaman ini merupakan halaman yang menampilkan daftar produk yang

sudah kita pilih untuk dibeli.

8. Halaman about us

Gambar 21 Halaman about us

Halaman ini berisi tentang detail perusahaan kedai coklat qta – qta, seperti

sejarah toko dan alamat cabang toko.



43

9.

Halaman checkout

Gambar 22 Halaman Checkout

Merupakan halaman cek form pembelian pelanggan kepada kasir, sebagai

bukti data diri pelanggan.

10.

Halaman brosur

Gambar 23 Halaman brosur

Halaman yang merupakan brosur, sehingga bagi siapa saja yang

membutuhkan brosur untuk melihat produk atau promo dapat melihat

halaman brosur ini.



44

IV. Tampilan Web Sisi Admin

6. Halaman Login

Gambar 24 Halaman login admin

Halaman ini merupakan halaman login, dimana seorang admin yang akan

melakukan edit pada website harus melakukan login terlebih dahulu.

7.

Halaman add product

Gambar 25 Halaman add product

Pada halaman ini seorang admin dapat melakukan penambahan dan

pengurangan produk yang akan ditampilkan di website.



45

8. Halaman dashboard

Gambar 26 Halaman dashboard

Halaman dashboard merupakan halaman utama dari halaman admin ketika

admin sudah melakukan login.

9.

Halaman order page

Gambar 27 halaman order



46

Pada halaman ini seorang admin akan melihat sejumlah pesanan yang

sudah dilakukan pelanggan, sehingga admin akan menghubungi bagian

produksi dan menu yang dipesan akan diproduksi.

10. Halaman product

Gambar 28 Halaman Product

Halaman ini seorang admin akan melihat produk – produk apa saja yang

sudah ditampilkan di halaman website.



47

STANDART OPERATIONAL PROCEDURE

“Sistem Informasi Web Penjualan Kedai Coklat Qta-Qta”

Standard operational procedure dari Sistem Informasi Web Penjualan “Kedai Coklat Qta-qta”

dibuat sebagai instruksi dan petunjuk demi kemudahan bagi pegawai ataupun pemilik dalam

mengoperasikan sistem informasi penjualan berbasis web.

Hal-hal di bawah ini mencakup aktivitas yang ada pada “Sistem Informasi Web Penjualan

Kedai Coklat Qta-qta” yaitu meliputi, pengelolaan kue, transaksi pemesanan kue, dan laporan

pemesanan.

Berikut merupakan tahapan-tahapan proses dalam Standard Operational Procedure “Sistem

Informasi Web Penjualan Kedai Coklat Qta-qta”.

A. Login Halaman Administrator

Untuk mengaksess halaman administrator, ketikan alamatweb/wp-admin. Akan muncul

halaman login.

1. Isikan username dan password kemudian

B. Menambahkan Produk

Untuk menambahkan produk, ikuti beberapa langkah berikut.

1. Login. Lakukan langkah-langkah seperti yang diterangkan pada poin sebelumnya.

2. Pilih menu product pada menu navigasi disebelah kiri layar seperti yang dilingkari merah

pada gambar.



48

3. Klik add product.

4. Anda akan diarahkan ke halaman add product. Ada beberapa kolom informasi pada

halaman ini yang nantinya akan diisi. Namun sebelumnya, spesifikasikan apakah produk

yang akan dimasukkan adalah sebuah produk dengan single price, tidak ada variasi

ukuran, warna dan sebagainya. Jika ya, ikuti langkah Simple Product . Jika produk

memiliki variasi, ikuti langkah Variable Product .

a. Simple Product

Jika halaman add product sudah tampil, isi judul produk dan deskripsi produk (bahan

produk, kualitas, size, dan lain-lain) pada kolom berikut.

Isi harga asli produk pada field regular price, dan harga promo produk pada field sale

price jika diinginkan.



49

Tentukan jumlah stok produk.

Jika ingin menambahkan berat, dimensi, ukuran produk, atau menentukan kelas

pengiriman barang, pada tab shipping isi field-field berikut.

Berikan deskripsi singkat mengenai produk pada field berikut



50

Untuk mengatur gambar produk atau galeri produk, upload gambar pada field berikut

Tentukan kategori dan tag produk pada field categories & tags.



51

Simpan produk dengan klik tombol publish.

b. Variable Product

Jika halaman add product sudah tampil, isi judul produk dan deskripsi produk (bahan

produk, kualitas, size, dan lain-lain) pada kolom berikut.



52

Pilih variable product pada menu product data.

Pada tab attributes, buat atribut baru dengan klik button add .

Misalnya size, isi value dengan data-data yang diinginkan. Pisahkan satu nilai atribut

dengan nilai lainnya menggunakan symbol pipeline ( | ). Setelah selesai, klik save

attributes.



54

Untuk mengatur gambar produk atau galeri produk, upload gambar pada field berikut

Tentukan kategori dan tag produk pada field categories & tags.



55

Simpan produk dengan klik tombol publish.

C. Menambah Kategori Produk

Prosedur untuk menambahkan kategori produk adalah sebagai berikut.

1. Login, lakukan langkah-langkah seperti yang diterangkan pada poin sebelumnya.

2. Klik menu products, pilih categories.



56

3. Isikan data kategori sesuai dengan field yang tersedia seperti berikut.



57

4. Tambahkan gambar icon produk dengan klik tombol upload/add image. Jika telah

selesai mengisi data kategori, simpan dengan klik button add new category.

D. Melihat dan Menangani Pesanan

1. Login ke dalam sistem, lakukan langkah-langkah seperti yang diterangkan pada

poin sebelumnya.

2. Pilih menu woocommerce, klik order. Akan muncul halaman order.



58

3.

Set status pesanan dengan mengklik tombol status di pojok kanan pesanan.



59

TABEL ALAT DAN BAHAN

PROYEK SISTEM INFORMASI WEB E-COMMERCE KEDAI COKLAT QTA-QTA

No

Nama

Hardware/SoftwareQty Picture

Hardware

1 Laptop Toshiba 1

2 Modem Telkom Flash

USB Modem

3

Software

1 Mysql 3

2 Xampp 3



60

3 Microsoft Office 2013 3

4 Windows 8 3

Network

1 Hosting Business

Member

-

2 Domain (.com) -

3 Kuota Internet -



61

SURAT PERNYATAAN PENERIMAAN

“Sistem Informasi Web Penjualan Kedai Coklat Qta-Qta”



62



63



65

DATA PENYUSUN LAPORAN

SISTEM INFORMASI WEB E-COMMERCE KEDAI COKLAT QTA-QTA

Andreas Ivan PrabowoPerum Taman Pagelaran Blok C 14 No. 5 Kelurahan Padasuka, Kecamatan Ciomas,

Kabupaten Bogor. Kode POS 16610

Place/date of birthBogor, 04 – Juli – 1994

NationalityIndonesia

Educational Background2000 – 2006 SD Regina Pacis Bogor

2007 – 2009 SMPN 7 Bogor

2010 – 2012 SMKN 3 Bogor

2012 – now Politeknik Negeri Jakarta

Contact

Email [email protected] [email protected]

Phone

085717017186









66

Eka RahmawatiGg Gurusuma Rt 005 Rw 001 No 61 Desa Cibinong Kelurahan Cibinong

Kabupaten Bogor 16911

Place/date of birthJakarta, 24 – April – 1994


Educational Background2000 – 2006 SDIT Al-Utsmaniyah

2006 – 2009 MTS Al-Hidayah Citeureup

2009 – 2012 SMK Negeri 1 Cibinong


Contact

Email

[email protected]@gmail.com

Phone

089666559527






Muhammad Nur IkhsanJl. Kruing 4 no. 288 Perumnas Depok 2 Timur

Place/date of birthJakarta, 21 Oktober 1994


Educational Background2000 – 2001 SDN 03 Pagi

2001 – 2006 SDN Mekarjaya2006 – 2009 SMPN 8 Depok

2009 – 2012 SMAIT Raflesia


Contact

Email

[email protected]

Phone

08561017713

LAPORAN-A4.pdf

Documents

Transcript of LAPORAN-A4.pdf