SKPL

SPESIFIKASI KEBUTUHAN PERANGKAT LUNAK

SIP-AT
(Sistem Informasi Penjualan Alat Tulis)

Untuk :
Toko Afta Purwokerto

Dipersiapkan oleh:
Remigius Oktavianus Moa Mosa
201501144

Program Studi S1 Sistem Informasi

Sekolah Tinggi Ilmu Komputer Yos Sudarso Purwokerto

Nomor Dokumen Halaman

S1
Sistem Informasi
SKPL-SIP-AT 1/35
Revisi
 DAFTAR PERUBAHAN
Revisi Deskripsi
A

INDEX - A B C D E F G
TGL

Ditulis
oleh

Diperiksa
oleh

Disetujui
oleh

S1 Sistem Informasi SKPL – SIP-AT 2/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 Daftar Halaman Perubahan

Halaman Revisi Halaman Revisi

S1 Sistem Informasi SKPL – SIP-AT 3/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 Daftar Isi
1 Pendahuluan........................................6
1.1 Tujuan..........................................6

1.2 Lingkup Masalah.................................6

1.3 Definisi, Akronim dan Singkatan.................7

1.4 Referensi.......................................7

1.5 Deskripsi umum (Overview).......................8

2 Deskripsi Kebutuhan................................9
2.1 Perspektif produk...............................9

2.2 Fungsi Produk..................................10

2.3 Karakteristik Pengguna.........................18

2.4 Batasan-batasan................................18

2.5 Asumsi dan Ketergantungan......................19

3 Kebutuhan khusus..................................19
3.1 Kebutuhan antarmuka eksternal..................19

3.2 Kebutuhan Fungsionalitas Perangkat Lunak.......21

4 Spesifikasi Rinci Kebutuhan.......................21

4.1 Spesifikasi Kebutuhan Fungsionalitas...........21

5 Sketsa Antar Muka.................................24

S1 Sistem Informasi SKPL – SIP-AT 4/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 Daftar Gambar

Gambar 1 Proses Bisnis Dengan E-Commerce............11

Gambar 2 Use Case Diagram...........................17
Gambar 3 Halaman Utama..............................25
Gambar 4 Tampilan Login.............................26
Gambar 5 Halaman Detail Login.......................26
Gambar 6 Halaman Shopping Cart......................27
Gambar 7 Halaman Confirmation Order.................28
Gambar 8 Halaman Pengelola Data Produk..............28
Gambar 9 Halaman Pengelola Input Data Produk........29
Gambar 10 Halaman Pengelola Data Order ..............30
Gambar 11 Halaman Pengelola Data Order Terkonfirmasi.30
Gambar 12 Halaman Pengelola Laporan Penjualan........31
Gambar 13 Activity Diagram Login.....................31
Gambar 14 Activity Diagram Kategori Produk...........32
Gambar 15 Activity Diagram Pembelian.................32
S1 Sistem Informasi SKPL – SIP-AT 5/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
Gambar 16 Activity Diagram Konfirmasi Order..........33
Gambar 17 Activity Diagram Cetak Detail Order........33
Gambar 18 Sequence Diagram Login.....................34
Gambar 19 Sequence Diagram Tambah Produk.............34
Gambar 20 Sequence Diagram Edit Produk...............35
Gambar 21 Sequence Diagram Delete Produk.............35
Gambar 22 Entity Relationship Diagram................36

S1 Sistem Informasi SKPL – SIP-AT 6/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
1 Pendahuluan
4.1 Tujuan
Dokumen Spesifikasi Kebutuhan Perangkat Lunak
(SKPL) ini merupakan dokumen spesifikasi kebutuhan
perangkat lunak SIP-AT (Sistem Informasi Penjualan
Alat Tulis Berbasis Web) untuk menciptakan sistem
yang mampu menghasilkan informasi data penjualan,
juga untuk membuat suatu perancangan sistem baru
yang mengolah data penjualan barang dengan bantuan
komputer.

4.2 Lingkup Masalah

Perangkat lunak SPK-PRaK dikembangkan dengan
tujuan untuk:
a. Pendataan Sistem Informasi hanya pada sistem
penjualan, pembelian, stok barang dan sistem
informasi perhitungan laba rugi,
b. Laporan penjualan, pembelian dan laba rugi.
c. Menyediakan katalog produk yang lebih lengkap
serta mempermudah penyampaian informasi produk.
d. Memperluas wilayah dan jangkauan dalam penjualan
dan pemasaran produk.
e. Meningkatkan efektivitas dalam memperoleh
informasi perhitungan laba rugi yang akurat dan
tepat waktu dalam pelaporan data perhitungan laba
rugi.
f. Sistem Informasi Penjualan Alat Tulis menggunakan
PHP sebagai bahasa pemrogramannya dan MYSQL
sebagai basis datanya.

S1 Sistem Informasi SKPL – SIP-AT 7/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
4.3 Definisi, Akronim dan Singkatan
Tabel 1 berikut ini berisi daftar definisi akronim
dan singkatan.
Tabel 1. Daftar Definisi Akronim dan Singkatan
Keyword/Phrase Definisi
SKPL Adalah spesifikasi kebutuhan dari
perangkat lunak SIP-AT yang akan
dikembangkan
kode yang merepresentasikan kebutuhan pada
SKPL-AT-xxx SIP-AT dimana xxx merupakan nomor fungsi
produk.
Perangkat lunak Pendukung keputusan Sistem
SPK-AT
Informasi Penjualan.
Role Hak akses yang diberikan kepada pengguna
dalam berhubungan dengan sistem.

Kumpulan data yang terkait yang

Database diorganisasikan dalam struktur tertentu dan
dapat diakses dengan cepat.

User Pengguna sistem dengan hak akses tertentu

4.4 Referensi
Referensi yang digunakan dalam pembuatan dokumen
DPPL ini adalah sebagai berikut:
1. Panduan Penggunaan dan Pengisian Spesifikasi
Perangkat Lunak (SKPL), Jurusan Teknik
Informatika, Institut Teknologi Sepuluh
Nopember.
2. Panduan Pengisian Spesifikasi Perangkat Lunak
(SKPL) Beroriantasi Proses, Jurusan Teknik

S1 Sistem Informasi SKPL – SIP-AT 8/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 Informatika, Institut Teknologi Sepuluh
Nopember.
4.5 Deskripsi umum (Overview)
Secara umum dokumen SKPL ini dibagi dalam 3 bagian
utama. Bagian pertama berisi penjelasan mengenai
dokumen SKPL yang mencakup tujuan pembuatan SKPL, ruang
lingkup masalah dalam pengembangan perangkat lunak SIP-
AT, definisi, akronim dan singkatan-singkatan yang
digunakan dalam pembuatan SKPL.
Bagian kedua berisi penjelasan umum tentang
perangkat lunak SIP-AT yang akan dikembangkan, mencakup
perspektif produk yang akan dikembangkan, fungsi produk
perangkat lunak, karakteristik pengguna, batasan dalam
penggunaan perangkat lunak dan asumsi yang dipakai
dalam pengembangan perangkat lunak SIP-AT.
Bagian ketiga berisi penjelasan lebih rinci tentang
kebutuhan perangkat lunak SIP-AT yang akan
dikembangkan, mencakup tentang kebutuhan antarmuka
eksternal yang diperlukan dan memberi gambaran tentang
kebutuhan fungsionalitas yang terdapat dalam perangkat
lunak SIP-AT ini.
Bagian keempat berisikan penjelasan tentang
spesifikasi kebutuhan perangkat lunak. Bagian ini akan
menjelaskan tentang spesifikasi kebutuhan per
fungsionalitas yang ada di dalam perangkat lunak SIP-
AT.
Bagian kelima berisikan Use Case Diagram yang
merupakan pemodelan untuk menggambarkan kelakuan
(behavior) sistem yang akan dibuat.
Bagian keenam berisikan ERD (Entity Relationship
Diagram) yang merupakan diagram yang berisikan
S1 Sistem Informasi SKPL – SIP-AT 9/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
hubungan-hubungan antar entitas yang ada di dalam
perangkat lunak SIP-AT.

5 Deskripsi Kebutuhan
5.1 Perspektif produk
SIP-AT merupakan sebuah perangkat lunak yang
mendukung sistem pengambilan keputusan. SIP-AT ini
mempunyai dua bagian utama yaitu penjualan, pemasaran
produk dan admin. Admin digunakan untuk mengelola
produk dan menentukan laba rugi hasil penjulaan.
Tujuan SIP-AT ini sebagai Memperluas wilayah dan
jangkauan dalam penjualan dan pemasaran produk. Metode
yang digunakan yaitu Analitycal Hierarchy Process
(AHP).
SIP-AT ini membantu mempermudah pencatatan,
pemrosesan, penyimpanan dan pelaporan data penjualan
dan daftar produk, mempercepat penyampaian informasi
tentang produk kepada konsumen. Selain itu juga akan
memberikan informasi barang yang selalu up to date dan
cepat sehingga meningkatkan daya saing barang yang
dipasarkan oleh perusahaan.
SIP-AT ini dapat menangani proses pengolahan data
berupa data produk, data member, data pengunjung/user,
data konfirmasi order, data order, data laporan
penjualan, cetak data laporan penjualan, cetak laporan
data produk, cetak laporan data member.
Perangkat lunak SIP-AT ini berjalan pada platform
Windows, menggunakan bahasa pemrograman PHP. Database
yang digunakan adalah MySQL.
Pengguna akan berinteraksi dengan sistem melalui
antarmuka GUI (Graphical User Interface). Pengguna
S1 Sistem Informasi SKPL – SIP-AT 10/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
sistem ini dibagi dalam dua tipe yaitu pengguna sebagai
sebagai admin untuk mengelola dan mengupdate data-data
sistem dan pengguna sebagai pengunjung yang melihat
katalog, melakukan transaksi dan order produk.

Gambar 1 Proses Bisnis Dengan E-Commerce

5.2 Fungsi Produk

Fungsi produk perangkat lunak SIP-AT adalah sebagai
berikut :

1. Fungsi Login (SIP-AT-001),

merupakan fungsi yang digunakan oleh admin dan member

untuk dapat masuk dalam sistem yang akan digunakan.

2. Fungsi Mengelola Data Produk (SIP-AT-002)

merupakan fungsi yang digunakan oleh admin untuk

menangani pengelolaan data–data produk.

a. Fungsi Menambah data produk (SIP-AT-002-01),

merupakan fungsi yang digunakan untuk menambahkan

data Produk baru baru.

b. Fungsi Mengubah Data Produk (SIP-AT-002-02),

S1 Sistem Informasi SKPL – SIP-AT 11/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 merupakan fungsi yang digunakan untuk mengubah data

produk yang telah ada.

c. Fungsi Menampilkan Data Produk (SIP-AT-002-03),

merupakan fungsi yang digunakan untuk menampilkan

data Produk yang ada di dalam database.

d. Fungsi Mencari Data Produk (SIP-AT-002-04),

merupakan fungsi yang digunakan untuk mencari data

produk sesuai dengan nama produk.

e. Fungsi Menghapus Data produk (SIP-AT-002-05),

merupakan fungsi yang digunakan untuk menghapus data

produk.

3. Fungsi Mengelola Data User (SIP-AT-003)

merupakan fungsi yang digunakan untuk menangani

pengelolaan data–data User.

a. Fungsi Menambah Data User (SIP-AT-003-01),

merupakan fungsi yang digunakan untuk menambahkan

data User baru.

b. Fungsi Mengubah Data User (SIP-AT-003-02),

merupakan fungsi yang digunakan untuk mengubah data

User yang ada.

c. Fungsi Menampilkan Data User (SIP-AT-003-03),

merupakan fungsi yang digunakan untuk menampilkan

data User yang ada di dalam database.

d. Fungsi Mencari Data User (SIP-AT-003-04),

S1 Sistem Informasi SKPL – SIP-AT 12/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 merupakan fungsi yang digunakan untuk mencari data

User sesuai dengan nama User.

e. Fungsi Menghapus Data User (SIP-AT-003-05),

merupakan fungsi yang digunakan untuk menghapus data

User.

4. Fungsi Mengelola Data Order (SIP-AT-004),

merupakan fungsi yang digunakan untuk menangani

pengelolaan data–data Data Order baru yang ada.

a. Fungsi Menambah Data Order (SIP-AT-004-01),

merupakan fungsi yang digunakan untuk menambahkan

data Data Order baru.

b. Fungsi Mengubah Data Order (SIP-AT-004-02),

merupakan fungsi yang digunakan untuk mengubah data

Data Order yang ada.

c. Fungsi Menampilkan Data Order (SIP-AT-004-03),

merupakan fungsi yang digunakan untuk menampilkan

data Order yang ada di dalam database.

d. Fungsi Mencari Data Order (SIP-AT-004-04),

merupakan fungsi yang digunakan untuk mencari data

Order sesuai dengan nama aspek yang ingin dicari.

e. Fungsi Menghapus Data Order (SIP-AT-004-05),

merupakan fungsi yang digunakan untuk menghapus data

Order.

5. Fungsi Mengelola Data Order Confirmation (SIP-AT-005),

S1 Sistem Informasi SKPL – SIP-AT 13/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 merupakan fungsi yang digunakan untuk menangani

pengelolaan Data Order Confirmation pada data order.

a. Fungsi Menambah Data Order Confirmation (SIP-AT-

004-01),

merupakan fungsi yang digunakan untuk menambahkan

data Order Confirmation baru.

b. Fungsi Mengubah Data Order Confirmation (SIP-AT-

004-02),

merupakan fungsi yang digunakan untuk mengubah Data

Order Confirmation yang ada.

c. Fungsi Menampilkan Data Order Confirmation (SIP-AT-

004-03),

merupakan fungsi yang digunakan untuk menampilkan

Data Order Confirmation yang ada di dalam database.

d. Fungsi Mencari Data Order Confirmation (SIP-AT-004-

04),

merupakan fungsi yang digunakan untuk mencari Data

Order Confirmation sesuai dengan sub aspek.

e. Fungsi Menghapus Data Order Confirmation (SIP-AT-

004-05),

merupakan fungsi yang digunakan untuk menghapus Data

Order Confirmation.

12. Fungsi Mencetak Laporan (SIP-AT-005),

merupakan fungsi yang digunakan untuk mencetak laporan

penjualan.

S1 Sistem Informasi SKPL – SIP-AT 14/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
5.3 Karakteristik Pengguna
Karakteristik dari pengguna perangkat lunak SIP-AT
adalah sebagai berikut :

1. Pengunjung

a. Memahami pengoperasian aplikasi yang ada.

b. Mengerti tentang penggunaan komputer.

c. Memahami proses transaksi penjualan

2. Admin

a. Memahami pengoperasian aplikasi yang ada.

b. Mengerti tentang penggunaan komputer.

c. Memahami konsep dari AHP.

5.4 Batasan-batasan
Batasan-batasan dalam pembangunan perangkat lunak
SIP-AT adalah sebagai berikut:

a. Keterbatasn perangkat keras

Dapat diketahui kemudian setelah sistem ini berjalan
(sesuai dengan kebutuhan).

5.5 Asumsi dan Ketergantungan

Asumsi yang digunakan dalam pengembangan perangkat
lunak SIP-AT yaitu sebagai berikut:
a. Tersedia komputer desktop dengan spesifikasi
minimal prosesor 2.4 GHz, memori utama 4 GB.
b. Data yang diinputkan valid.

S1 Sistem Informasi SKPL – SIP-AT 15/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
6 Kebutuhan khusus
6.1 Kebutuhan antarmuka eksternal

Kebutuhan antar muka eksternal pada perangkat lunak

SIP-AT meliputi kebutuhan antarmuka pemakai, antarmuka
perangkat lunak, antarmuka komunikasi.

3.1.2 Antarmuka pemakai

Aplikasi ini menggunakan antarmuka grafis (GUI).
Pengguna dapat menginputkan melalui keyboard  dan
mouse, serta digunakan dengan sistem operasi apapun
dengan web browser .

6.1.8 Antarmuka perangkat keras

Antarmuka perangkat keras yang digunakan dalam
perangkat lunak SIP-AT adalah :
1. Perangkat Komputer (PC)
2. Sistem Informasi ini berjalan di komputer
server. Semua komputer yang digunakan untuk
server harus saling terhubung dalam LAN

6.1.9 Antarmuka perangkat lunak

Perangkat lunak yang dibutuhkan untuk

mengoperasikan perangkat lunak SIP-AT adalah sebagai

berikut :

1. Sistem operasi windows 10 profesional

2. Browser seperti internet Mozila Firefox
3. Star UML 5.0 : 21.6 MB
4. Virtual Webserver Menggunakan XAMPP

S1 Sistem Informasi SKPL – SIP-AT 16/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 5. Bahasa PHP sebagai sistem processor dan HTML sebagai
tampilan
6. Mysql sebagai Database server
7. PHP MyAdmin sebagai tools untuk pengelolaan
database berbasis Web

6.2 Kebutuhan Fungsionalitas Perangkat Lunak

3.2.1 Use Case Diagram

System

Pembelian <<include>> Pembayaran

Mengelola Data Produk
<<include>>
Mengelola Data Kategori Mengelola data member
Login Mengelola Order

login Admin
<<include>>
<<extend>> Mengelola Data Order <<extend>>

Halaman Member <<extend>> <<extend>>

<<include>>
<<extend>>
Member Mengelola akun <<extend>>
<<extend>> Mengelola Data Konfirmasi Order
<<extend>> Halaman Admin
Admin
Konfirmasi Pembayaran <<extend>>
Mengelola Data User
<<extend>>
<<extend>>
<<extend>>
Daftar
Halaman Utama <<extend>>
Pengunjung Mengelola Menu
Mengelola tentang kami
<<extend>> Mengelola laporan
<<extend>>
Tampilan Alat Tulis

Kategori Alat Tulis

Gambar 2. Use Case Diagram

S1 Sistem Informasi SKPL – SIP-AT 17/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
7 Spesifikasi Rinci Kebutuhan
7.1 Spesifikasi Kebutuhan Fungsionalitas
4.1.1 Use case Spesification : Login

1. Brief Description
Use Case ini digunakan oleh aktor untuk memperoleh
akses ke sistem. Login didasarkan pada sebuah
username dan password yang berupa rangkaian
karakter.
2. Primary Actor
Admin, User
3. Supporting Actor
none
4. Basic Flow
1.Use Case ini dimulai ketika aktor memilih untuk
melakukan login
2.Sistem menampilkan antarmuka untuk login
3.Aktor memasukkan username dan password
4.Sistem memeriksa username dan password yang
diinputkan aktor
E-1 Password atau username user tidak sesuai atau
tidak terdaftar di dalam database
5.Sistem memberikan akses ke aktor
6.Use Case ini selesai
5. Alternative Flow
none
6. Error Flow
E-1 Password atau nama user tidak sesuai atau tidak
terdaftar di dalam database
1.Sistem akan menampilkan halaman login kembali.
2.Kembali ke Basic Flow langkah ke 3
S1 Sistem Informasi SKPL – SIP-AT 18/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
7. PreConditions
none
8. PostConditions
Aktor memasuki sistem dan dapat menggunakan fungsi-
fungsi pada sistem.

4.1.2 Use case Spesification : Mengelola Data produk

1. Brief Description
Use Case ini digunakan oleh aktor untuk mengelola
data produk. Aktor dapat menambah data produk,
mengubah data produk, mencari data produk,
menampilkan data produk, serta menghapus data
produk.
2. Primary Actor
Admin
3. Supporting Actor
none
4. Basic Flow
1. Use Case ini dimulai ketika aktor memilih
untuk mengelola data produk.
2. Sistem menampilkan antarmuka pengelolaan data
produk.
3. Aktor memilih untuk melakukan menambah data
produk
A-1 Aktor memilih untuk mengubah data produk
A-2 Aktor memilih untuk menampilkan data produk
A-3 Aktor memilih untuk menghapus data produk
A-4 Aktor memilih untuk mencari data produk
4. Aktor menginputkan data–data produk baru
seperti nama produk.

S1 Sistem Informasi SKPL – SIP-AT 19/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 5. Aktor meminta sistem untuk menyimpan data
produk yang telah diinputkan
6. Sistem mengecek data produk yang telah
diinputkan
E-1 Data produk yang diinputkan aktor belum
lengkap
7. Sistem menyimpan data produk ke database
8. Use Case selesai
5. Alternative Flow
A-1 Aktor memilih untuk mengubah data produk
1. Sistem menampilkan seluruh data produk yang ada
2. Aktor memilih data produk yang ingin diubah
3. Sistem menampilkan antarmuka untuk mengubah data
produk yang dipilih
4. Aktor mengubah data produk yang diinginkan
5. Aktor meminta sistem untuk menyimpan data produk
yang telah diubah
6. Sistem melakukan pengecekan terhadap data produk
yang telah diubah
E-1 Data produk yang diinputkan aktor belum
lengkap
7. Berlanjut ke Basic Flow langkah ke 7
A-2 Aktor memilih untuk melakukan menampilkan
data produk
1. Sistem menampilkan seluruh data produk yang ada
2. Berlanjut ke Basic Flow langkah ke 8
A-3 Aktor memilih untuk melakukan menghapus data
produk
1. Aktor memilih produk yang ingin dihapus
2. Aktor meminta sistem untuk menghapus data produk
yang dipilih
S1 Sistem Informasi SKPL – SIP-AT 20/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 3. Sistem akan menghapus data produk yang dipilih
4.Berlanjut ke Basic Flow langkah ke 8
A-4 Aktor memilih untuk melakukan mencari data
produk Aktor meminta sistem menampilkan antarmuka
pencarian produk
1. Sistem menampilkan antarmuka pencarian berdasrkan
produk
2. Aktor memasukan nama produk yang akan dicari
3. Sistem akan mencari data produk di dalam database
sesuai nama produk
4. Sistem akan menampilkan data produk
5. Berlanjut ke basic flow langkah ke 8

6. Error Flow
E-1 Data produk yang diinputkan aktor tidak lengkap
1.Sistem memberikan pesan peringatan bahwa data yang
diinputkan tidak lengkap
2.Kembali ke Basic Flow Langkah ke 6 atau Alternate
Flow-1 langkah ke 6
7. PreConditions
1. Use Case Login telah dilakukan
2. Aktor telah memasuki sistem
8. PostConditions
Data produk di database telah terupdate

4.1.3 Use case Spesification : Mengelola Data Order

1. Brief Description
Use Case ini digunakan oleh aktor untuk mengelola
data order. Aktor dapat melakukan set pembayaran .

2. Primary Actor
S1 Sistem Informasi SKPL – SIP-AT 21/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 Admin
3. Supporting Actor
none
4. Basic Flow
1. Use Case ini dimulai ketika aktor memilih
untuk mengelola data order.
2. Sistem menampilkan antarmuka pengelolaan data
objek order.
3. Aktor meminta sistem untuk menyimpan data set
pembayaran yang telah di setujui.
4. Sistem mengecek data order yang telah masuk.
E-1 Data order yang diinputkan aktor belum lengkap
5. Sistem menyimpan data order ke database
6. Use Case selesai

5.PreConditions
1. Use Case Login telah dilakukan
2. Aktor telah memasuki sistem
6.PostConditions
Data Anggota Tim di database telah terupdate

4.1.4 Use case Spesification : Mengelola Data

Confirmation Order

1. Brief Description
Use Case ini digunakan oleh aktor untuk mengelola
data Confirmation Order. Aktor dapat melihat detai
order terkonfirmasi.
2. Primary Actor
Admin
3. Supporting Actor

S1 Sistem Informasi SKPL – SIP-AT 22/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 none
4. Basic Flow
1. Use Case ini dimulai ketika aktor memilih
untuk mengelola data Confirmation Order.
2. Sistem menampilkan antarmuka pengelolaan data
objek Confirmation Order.
3. Aktor menginputkan data–data Tim baru seperti
kode tim, nama Tim.
4. Aktor meminta sistem untuk menyimpan data
Confirmation Order yang telah terkonfirmasi.
5. Sistem mengecek data Tim yang telah
terkonfirmasi
E-1 Data cohfirmation order yang terkonfirmasi
aktor belum lengkap
6. Sistem menyimpan data confirmation order ke
database
7. Use Case selesai
5. PreConditions
1. Use Case Login telah dilakukan
2. Aktor telah memasuki sistem
6. PostConditions
Data confirmation order di database telah terupdate

4.1.5 Use Case Spesification : Mengubah Password Admin

1. Brief Description
Use Case ini digunakan oleh aktor untuk mengubah
password aktor.
2. Primary Actor
Admin
3. Supporting Actor
none
S1 Sistem Informasi SKPL – SIP-AT 23/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 4. Basic Flow
1. Use Case ini dimulai ketika aktor memilih untuk
melakukan perubahan terhadap password
2. Sistem menampilkan antarmuka untuk mengubah
password
3. Aktor memasukkan password baru
4. Sistem memeriksa password baru yang diinputkan
aktor
5. Sistem memberikan informasi bahwa password
berhasil diubah
6. Use Case ini selesai
5. Alternative Flow
none
6. Error Flow
none
7. PreConditions
1. Use Case Login telah dilakukan
2. Aktor telah memasuki sistem
8. PostConditions
Password aktor berhasil diubah.

4.1.6 Use Case Spesification : Mencetak Laporan

1. Brief Description
Use Case ini digunakan oleh aktor untuk mencetak
laporan.
2. Primary Actor
Admin
3. Supporting Actor
none
4. Basic Flow

S1 Sistem Informasi SKPL – SIP-AT 24/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 1. Use Case ini dimulai ketika aktor memilih untuk
mencetak laporan
2. Sistem menampilkan antarmuka untuk mencetak
laporan
3. Aktor memasukkan kategori laporan yang akan
dicetak
4. Aktor meminta sistem mencetak laporan
5. Sistem memeriksa kategori laporan yang akan
dicetak
6. Sistem memberikan informasi bahwa laporan
sedang dicetak
7. Use Case ini selesai
5. Alternative Flow
none
6. Error Flow
none
7. PreConditions
1. Use Case Login telah dilakukan
2. Aktor telah memasuki sistem
8. PostConditions
Cetak laporan berhasil dilakukan.

8 SKETSA ANTAR MUKA

a. Halaman Utama

Deskripsi : Tampilan Halaman Utama dari website

Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web form
dari HTML dan CSS

S1 Sistem Informasi SKPL – SIP-AT 25/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 My Cart Checkout login

Keranjang
Header
Belanja

NAVIGATOR

Gambar produk Gambar produk Gambar produk Gambar produk

lihat Harga lihat Harga lihat Harga lihat Harga

Add To Cart Add To Cart Add To Cart Add To Cart

Gambar produk Gambar produk Gambar produk Gambar produk

lihat Harga lihat Harga lihat Harga lihat Harga

Add To Cart Add To Cart Add To Cart Add To Cart

FOOTER

Gambar 3. Halaman Utama

b. Tampilan login member dan admin

Deskripsi : Tampilan Halaman login member dan admin

dari website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web
form dari HTML dan CSS
Login/Register

REGISTERED CUSTOMER

User Name

Password

Login Or Register
@ AFTA 5000- Perlengkapan Alat Tulis

Gambar 4. Tampilan Login

S1 Sistem Informasi SKPL – SIP-AT 26/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 c. Tampilan Detail Produk

Deskripsi : Tampilan Halaman Detail Produk dari

website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web form
dari HTML dan CSS

My Cart Checkout login

Keranjang
Header
Belanja

NAVIGATOR

Informasi mengenai produk

Seperti : nama, Availability, Product Code, Brand
Gambar produk

Harga
qty Add To Cart

overview

Description

Gambar produk Gambar produk Gambar produk Gambar produk

lihat lihat lihat lihat

Add To Cart Add To Cart Add To Cart Add To Cart

FOOTER

Gambar 5. Halaman Detail Produk

d. Halaman Shopping Cart

Deskripsi : Tampilan Halaman Shopping Cart dari

website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web
form dari HTML dan CSS

S1 Sistem Informasi SKPL – SIP-AT 27/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 My Cart Checkout login

Keranjang
Header
Belanja

NAVIGATOR

SOPPING CART

Name Item Code Item Harga Quantity Subtotal

Informasi mengenai
Gambar
produk Seperti :
Produk
nama, Color, Size

KOSONGKAN SUBTOTAL :

TOTAL :

CONTINUE SHOPPING UPDATE CART CHECKOUT

FOOTER

Gambar 6. Halaman Shopping cart

e. Halaman Confirmation Order

Deskripsi : Tampilan Halaman Confirmation Order

dari website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web form dari
HTML dan CSS

S1 Sistem Informasi SKPL – SIP-AT 28/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 My Cart Checkout My Acount Logout login

Keranjang
Header
Belanja

NAVIGATOR

CONFIRM ORDER

Name Item Code Item Harga Quantity Subtotal

Gambar
Nama Produk
Produk

SUBTOTAL :

ONGKOS KIRIM :

TOTAL :

KONFIRM ORDER

FOOTER

Gambar 7. Halaman Confirmation Order

f. Halaman Pengelola Data Produk

Deskripsi : Tampilan Halaman Pengelola Data Produk
dari website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web form dari
HTML dan CSS

Header Logout

Visit Site
Daftar Produk
Management

Product Navigator

Daftar Produk Show entries : Search :

Input Produk
No View Nama Produk Kode Kategori Jumlah Satuan Provinsi
Order

Report

Previous Next

Gambar 8. Halaman Pengelola Data Produk

S1 Sistem Informasi SKPL – SIP-AT 29/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 g. Halaman Pengelola Input Data Produk
Deskripsi : Tampilan Halaman Pengelola Input Data
Produk dari website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web form dari
HTML dan CSS

Header Logout

Visit Site
Input Produk
Management

Product Navigator

Daftar Produk Nama produk Kode produk Kategori Jumlah Tanggal

Input Produk
Overview
Order

Report

Harga

Description

+ Gambar + Produk

Gambar 9. Halaman Pengelola Input Data Produk

h. Halaman Pengelola Data Order

Deskripsi : Tampilan Halaman Pengelola data order
dari website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web form dari
HTML dan CSS

S1 Sistem Informasi SKPL – SIP-AT 30/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
 Header Logout

Visit Site
Daftar Order
Management

Product Navigator

Order Show entries : Search :

Data Order
No Set Bayar Id Order Dari Jumlah Total Tanggal
Data Konfirmasi

Report

Previous Next

Gambar 10. Halaman Pengelola Data Order

i. Halaman Pengelola Data Order

Terkonfirmasi
Deskripsi : Tampilan Halaman Pengelola data order
terkonfirmasi dari website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web form dari
HTML dan CSS

Header Logout

Visit Site
Daftar Order Terkonfirmasi
Management

Product Navigator

Order Show entries : Search :

Data Order Tgl
No Detai Order Id Order Dari Jumlah Tgl Order
Terkonfirmasi
Data Konfirmasi

Report

Previous Next

S1 Sistem Informasi SKPL – SIP-AT 31/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
Gambar 11. Halaman Pengelola Data Order Terkonfirmasi

j. Halaman Pengolah Laporan Penjualan

Perbulan

Deskripsi : Tampilan Halaman Laporan Penjualan

Perbulan dari website Penjulan ALat Tulis
Desain Tampilan : Menggunakan komponen web form dari
HTML dan CSS

LAPORAN PENJUALAN PERBULAN

Nama Toko
Logo

Alamat Toko

Informasi Tanggal

No No. Order Nama Client Bank No. Rekening Transaksi Shipping SubTotal

TOTAL :

Gambar 12. Halaman Pengelola Laporan Penjualan

S1 Sistem Informasi SKPL – SIP-AT 32/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
9 Use Case Diagram
9.1 Activity Diagram
6.1.1 Activity Diagram Login

member sistem

start

masukan username dan password validasi username dan password

salah

benar

tampilkan ke halaman member

End

Gambar 13. Activity Diagram Login

6.1.2 Activity Diagram Kategori Produk

pengunjung / member sistem

start

lihat informasi alat tulis per kategori tampilkan informasi alat tulis per kategori

End

Gambar 14. Activity Diagram Kategori Produk

S1 Sistem Informasi SKPL – SIP-AT 33/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
6.1.3 Activity Diagram Pembelian

member / pengunjung sistem

start

memilih alat tulis simpan dikeranjang belanja

selesai belanja

belum ya
otentikasi pengunjung atau member

member

login daftar pengunjung

bayar melalui transfer

transfer

simpan data pembeli

End

Gambar 15. Activity Diagram Pembelian

S1 Sistem Informasi SKPL – SIP-AT 34/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
6.1.4 Activity Diagram Konfirmasi Order

member sistem
start

pilih order yang akan dikonfirmasi tampilkan formulir konfirmasi

input data konfirmasi validasi data konfirmasi

tidak valid

valid

simpan data validasi

End

Gambar 16. Activity Diagram Konfirmasi Order

6.1.5 Activity Diagram Cetak Detail Order

member sistem

lihat informasi order history tampilkan order history

cetak order history

Gambar 17. Activity Diagram cetak detail order

S1 Sistem Informasi SKPL – SIP-AT 35/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
9.2 Sequence Diagram
6.2.1 Sequence Diagram Login

: Form login : Control login : Validasi login

: Admin

1 : Memilih form login()

2 : Meminta Username dan password()

3 : Masukan Username dan password()

4 : Mengirim Username dan pasword()
5 : Validasi Login()

6 : Login berhasil()

Gambar 18. Sequence Diagram Login

6.2.2 Sequence Diagram Tambah Produk

: Admin Produk list Tabel Produk

1 : Masuk ke menu produk()

2 : Menampilkan produk()

3 : Klik tambah produk()

4 : Tampil form tambah produk()

5 : Mengisi data produk()

6 : Data disimpan()

7 : Data produk telah tersimpan()

8 : Exit()

Gambar 19. Sequence Diagram Tambah Produk

S1 Sistem Informasi SKPL – SIP-AT 36/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
6.2.3 Sequence Diagram Edit Produk

Layar Produk Tabel produk

: Admin

1 : Masuk ke menu produk()

2 : Menampilkan produk()

3 : Pilih produk()

4 : Klik Edit()

5 : Tampil form edit()

6 : Edit produk()

7 : Klik update()
8 : Prubhan disimpan()

9 : Perubahan data produk disimpan()

Gambar 20. Sequence Diagram Edit Produk

6.2.4 Sequence Diagram Delete Produk

: Admin Produk list Tabel Produk

1 : Masuk ke manajemen produk()

2 : Menampilkan form produk()

3 : Pilih produk()

4 : Hapus produk()
5 : Hapus produk()

6 : Data produk terhapus()

Gambar 21. Sequence Diagram Delete Produk

S1 Sistem Informasi SKPL – SIP-AT 37/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi
10 Entity Relationship Diagram (ERD)

bayar_dari
atas_nama
id_user

id
tanggal

quantity

id jenis
password Username
price
satuan

total_bayar code
date
konfirmasi_pembayara admin
n

subtotal M
id_order category
1
id

last_name first_name 1 M
product_code
mengolah
Pemesan memiliki
mengirim
password
join_date id_order
M
no_rek
description
1
from
level M
id
M
confirm Item
alamat 1
Mengelolah
1 title
User

email
1 category

phone1
quantity
Memiliki
kota
kota
overview
bank Memiliki M id
product_code
profinsi
id username price
parent
regency
M
name code
M
images

provinsi

first id

name id product_code image_path

code

Gambar 22. Entity Relationship Diagram

S1 Sistem Informasi SKPL – SIP-AT 38/ 38

Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Sistem Informasi STIKOM Yos Sudarso
Purwokerto dan bersifat rahasia. Dilarang untuk mereproduksi dokumen ini tanpa diketahui oleh Program Studi
Sistem Informasi