SlideShare a Scribd company logo
1 of 22
Penulis
Rina Yohana
6701144145
APLIKASI ONLINE SHOP DENGAN LAYANAN
SMS GATEWAY PADA BUTIK RIPEARCEE
PROGRAM STUDI D3 MANAJEMEN INFORMATIKA
FAKULTAS ILMU TERAPAN
UNIVERSITAS TELKOM
BANDUNG, 2015
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
1
DAFTAR ISI
DAFTAR ISI...................................................................................................................................1
BAB I ...........................................................................................................................................2
1.1. Latar belakang ..............................................................................................................2
1.2. Rumusan Masalah.........................................................................................................2
1.3. Tujuan ..........................................................................................................................3
1.4. Batasan Masalah...........................................................................................................3
1.5. Metode Pengerjaan.......................................................................................................4
1.6. Jadwal Pengerjaan ........................................................................................................5
BAB II...........................................................................................................................................6
1.1 SMS Gateway................................................................................................................6
1.2 Online Shop..................................................................................................................6
1.3 Java ..............................................................................................................................6
1.4 Unifed Modelling Language(UML)................................................................................ 13
1.5 Flow Map.................................................................................................................... 19
1.6 User Interface Design(UID) .......................................................................................... 20
BAB III........................................................................................................................................ 21
3.1. Kebutuhan Fungsionalitas........................................................................................... 21
3.2. Flow Map yang diusulkan............................................................................................ 21
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
2
BAB I
PENDAHULUAN
1.1. Latar belakang
Butik Ripearcee adalah sebuah usaha dibidang clothing yang berlokasi di
Bandung. Butik Ripearce berdiri sejak tahun 2013, di umurnya yag masih muda ini
ButikRipearcee mengusungkonsep butikyangsantai danlebihterkesanuntukanak-
anak muda, sehingga Butik Ripearcee ini berharap bisa menarik pembeli atau
pengunjung untuk tertari berbelanja di sana khususnya untuk anak-anak muda.
Namun Butik Ripearcee masih terkendala dalam hal promosi yang dilakukan,
karena promosi yang dilakukan masih secara manual atau berupa penyebaran
brosur dan promosi dari mulut ke mulut, karena Butik Ripearcee masih belum
memilikimediapromosi di duniamayaatauonline shopsendiri.Hal ini dirasa sangat
mempengaruhi penjualan produk dari Butik Ripearcee itu sendiri, Selain itu
pengelolaan inventorynya juga masih secara manual. Beberapa hal diatas
menyebabkanprosesbisnis penjualan menjadi sedikit lambat. Seperti apabila ada
seseorang yang ingin melakukan pembelian secara online, hal tersebut tidak bisa
dilakukan karena keterbatasan media promosi.
Denganadanyabeberapapermasalahantersebut,timbuhlahsuatugagasanbaru
untuk lebih membantu proses bisnis dari Butik Ripearcee tersebut. Yaitu dengan
membangun sebuah media informasi di dunia maya atau biasa disebut dengan
online shop sendiri, maka diharapkan akan lebih memudahkan Butik Ripearcee
dalam mempromosikan produk-produknya.
1.2. Rumusan Masalah
Berdasarkan dari latar belakang diatas, maka terbentuklah beberapa rumusan
masalah pada tugas besar ini adalah sebagai berikut:
1.2.1 Bagaimana cara memudahkan sampainya informasi kepada penjual
tentang adanya pesanan barang?
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
3
1.2.2 Bagaimana cara membantu sampainya informasi tentang status
pembayaran terhadap barang yang sedang dipesan oleh pembeli di
online shop Butik Ripearcee?
1.2.3 Bagaimana cara untuk memudahkan penjual dalam menangani
inventory barang
1.2.4 Belum adanya online shop yang memfasilitasi Butik Ripearcee dalam
mempromosikan produknya di dunia maya
1.3. Tujuan
Berdasarkan dari rumusan masalah yang telah disebutkan diatas maka tujuan
penulis adalah yaitu:
1.3.1 Membuat layanan sms gateway yang telah terintegerasi dengan online
shop Butik Ripearcee untuk memudahkan sampainya informasi tentang
adanya pesanan barang yang masuk ke database online shop Butik
Ripearcee
1.3.2 Membuat layanan SMS Gateway yang telah terintegerasi dengan online
shopButikRipearcee untukmembantusampainyainformasi tentang status
pembayaranterhadapbarangyang sedangdipesan oleh pembeli di online
shop Butik Ripearcee
1.3.3 Membuat sistem pengelolaan inventory barang untuk memudahkan
admin/penjual dalam menangani inventory barang
1.3.4 Membuat online shop pribadi Butik Ripearcee, untuk lebih memudahkan
Butik Ripearcee dalam mempromosikan produknya di dunia maya
1.4. Batasan Masalah
Terdapat beberapa batasan masalah yang dibahas di dalam tugas besar ini, yaitu :
1.4.1 Tidak menyediakan layanan untuk melakukan pembayaran secara online
yang terintegerasi dengan online shop Butik Ripearcee
1.4.2 Penjual adalah pemilik usaha Butik Ripearcee dan tidak ada supplier lain
yang menjalin bisnis dengan took Butik Ripearcee
1.4.3 Tidak menangani penelusuran pengiriman barang
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
4
1.5. Metode Pengerjaan
Metode Pengerjaan yang digunakan dalam pembuatan Aplikasi Online Shop
Dengan Layanan SMS Gateway pada Butik Ripearcee ini adalah metode waterfall.
Karena Metode Waterfall adalah suatu proses pengembangan perangkat lunak
berurutan,di mana kemajuan dipandang sebagai terus mengalir ke bawah (seperti
air terjun) melewati fase-fase perencanaan,pemodelan,implementasi (konstruksi),
dan pengujian. Pada model pengembangan metode waterfall sangat cocok untuk
aplikasi kami yang memerlukan fase-fase dalam menghasilkan sistem. Dibawah ini
adalah gambar metode waterfall menurut Sommerville (Sommerville, 2001).
Pada model pengembanganWaterfallmemiliki beberapa tahapan-tahapan, yaitu :
1. Analisis Kebutuhan Sistem (Software Requirements Analysis).
Pada tahap analisis kebutuhan ini, kami melakukan pengumpulan data dan
kebutuhan-kebutuhanyangdibutuhkandalampengerjaan sistem informasi ini
dengancara melihatprosesbisnisdankinerjaterhadapsalahsatuJasaLaundry.
2. Desain (Design).
Setelah data – data dan kebutuhan-kebutuhan apa saja yang diinginkan oleh
usertelahterkumpul padatahapanalisiskebutuhan, maka pada tahap ini akan
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
5
dirancang sebuah Use Case Diagram, Entity Relationship Diagram (ERD),
Activity Diagram, Sequence Diagram, Class Diagram, Relasi Antar Tabel,
Flowmap Diagram, User Interface Design (UID) berdasarkan apa yang telah
diperoleh pada tahap analisis kebutuhan.
3. Implementasi dan Pengujian Unit (Implementation and Unit Testing)
Pada tahap ini, desain yang telah dirancang pada tahap sebelumnya akan di
implementasikanmenjadi sebuahproduk menggunakan bahasa pemrograman
yang dimana pada pengerjaan Aplikasi Pendataan Laundry ini menggunakan
bahasa Pemrograman Java Development Kit(JDK), Java Runtime Environment
(JRE), Java Virtual Machine (JVM)
4. Integrasi dan Pengujian Sistem (Integration adn System Testing)
SetelahAplikasi telah selesai dibuat pada tahap implementasi dan pengujian,
maka pada tahapini kami akan melakukanpengujianterhadapsistemtersebut.
Di dalam pengerjaan Aplikasi Pendataan Laundry ini metode pengujian yang
digunakanadalahmetode BlackBox Testing,dimanapengujiansistemtersebut
meliputi fungsionalitas-fungsionalitas yang ada pada sistem yang telah dibuat
dan hasil eksekusi atau output yang dihasilkan dari sistem tersebut
1.6. Jadwal Pengerjaan
No Kegiatan
Waktu Pelaksanaan
November 2015
Minggu Ke I Minggu Ke II Minggu Ke III Minggu Ke IV 30
1
Pengumpulan
Data
2
Analisis
Kebutuhan
3
Desain dan
Perancangan
4 Codingan
5 Pengujian
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
6
BAB II
MATERI/TEORI
1.1 SMS Gateway
SMS Gateway sebuahgerbangyangmenghubungkan antarakomputerdenganclient
melalui SMS, jadi secaragarisbesar, SMS Gateway dapatdigambarkan seperti
gambar di atas.
Clientsecaratidak langsungberinteraksi denganaplikasi /sistemmelalui SMS
Gateway. Saat melakukan SMS, makainformasi terpentingyangdiperlukan adalah
nomortujuandan pesan, makaitulahyangsebenarnyadiolaholehSMSGateway.
Contohaplikasi SMSGateway dalampenerapannyadi duniaakademik saatini
adalahpengumuman beasiswa, pengumuman ruangtes, danlainsebagainya.
Pengumuman-pengumumantersebutdilakukan secaraotomatissatuaraholeh
sistem. Saatinformasi internalsudahterkumpul, makasistemakanmelakukan
penulisan ke dalamdatabase yangselanjutnyadiolaholehgammuagardapat
dikirimkan kepadanomoryangbersangkutan.
Berkas-berkaspengumuman berupafilespreadsheetataupunfile-fileterformat
lainnya, jikaberkas belumberupafileterformatmaupunberkas yangmasihberupa
kertasberisi tulisan, makamasihmenjadi tugaskami untuk men-digitalkan-nya, agar
dapat dibacaolehaplikasi pemgirimSMS. Aplikasi tidakhanyamembacadari berkas-
berkas digital, tetapi jugadapatmembacainformasi dari database BAAK.
1.2 Online Shop
Online Shop adalahsuatubentuk perdagangan menggunakan perangkat
elektronik yangmemungkinkankonsumenuntukmembeli barangataujasa dari
penjual melalui internet.Namalainkegiatantersebutadalah:e-web-shop,e-shop,e-
toko,tokointernet,web-shop, web-store,tokoonline,tokoonline dantokovirtual.
Sebuahtokoonline membangkitkanpembelianprodukataujasapadapengeceratau
pusatperbelanjaanyangini disebutdenganistilahbelanjaonlinebusiness-to-
consumer(B2C).Dalamproseslaindi mana bisnismembeli dari bisnislain,disebut
belanjaonlinebusiness-to-business(B2B).
Saat ini belanjaonlinesudahsemakincanggihdenganadanyaperdaganganviaponsel
(m-commerce ).Teleponselulertelahdioptimalkandengansebuahaplikasi untuk
membeli dari situsonline.
1.3 Java
Java adalah bahasa pemrograman yang multi platform dan multi device.
Artinya,sekali kitamenuliskansebuahprogrammenggunakan Java, maka kita dapat
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
7
menjalankannya hamper di semua computer dan perangkat lain yang mensupport
Java.
Cara kerja Java dapat digambarkan sebagai berikut :
Konsep OOP (Object Oriented Programming) :
1. Kelas Abstrak (Class Abstraksi)
 Kelas merupakan deskripsi abstrak informasi dan tingkah laku dari
sekumpulan data.
 Kelas dapat diilustrasikan sebagai suatu cetak biru(blueprint) atau
prototipe yang digunakan untuk menciptakan objek.
 Kelas merupakan tipe data bagi objek yang mengenkapsulasi data dan
operasi pada data dalam suatu unit tunggal.
 Kelas mendefinisikan suatu struktur yang terdiri atas data kelas (data
field), prosedur atau fungsi (method), dan sifat kelas (property).
2. Enkapsulasi (encapsulation)
 Istilahenkapsulasi sebenarnyaadalahkombinasi datadanfungsionalitas
dalam sebuah unit tunggal sebagai bentuk untuk menyembunyikan
detail informasi.
 Proses enkapsulasimemudahkankitauntuk menggunakansebuahobjek
dari suatu kelas karena kita tidak perlu mengetahui segala hal secara
rinci.
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
8
 Enkapsulasi menekankanpadaantarmukasuatu kelas,atau dengan kata
lain bagaimana menggunakan objek kelas tertentu.
 Contoh:kelasmobil menyediakanantarmukafungsi untuk menjalankan
mobil tersebut,tanpakitaperlu tahu komposisi bahan bakar, udara dan
kalor yang diperlukan untuk proses tersebut.
3. Pewarisan (Inheritance)
 Kita dapat mendefinisikan suatu kelas baru dengan mewarisi sifat dari
kelas lain yang sudah ada.
 Penurunan sifat ini bisa dilakukan secara bertingkattingkat, sehingga
semakin ke bawah kelas tersebut menjadi semakin spesifik.
 Sub kelas memungkinkan kita untuk melakukan spesifikasi detail dan
perilaku khusus dari kelas supernya.
 Dengan konsep pewarisan, seorang programmer dapat menggunakan
kode yang telah ditulisnya pada kelas super berulang kali pada kelas-
kelas turunannya tanpa harus menulis ulang semua kodekode itu.
4. Polimorfisme (polymorphism)
 Polimorfisme merupakankemampuanobjekobjek yangberbedakelas
namunterkaitdalampewarisanuntukmeresponsecara berbeda
terhadapsuatupesanyang sama.
 Polimorfisme jugadapatdikatakan kemampuansebuahobjek
untuk memutuskanmethodmanayangakan diterapkanpadanya,
tergantungletakobjek tersebutpadajenjangpewarisan.
 Methodoverriding.
 Methodname overloading.
Karakteristik Java
a. Objek Oriented
Rancangan pada objek (data) dan interface (tampilan), jadi pemograman
berstruktur objek.
b. Sederhana
Sintakstidak membutuhkan header file seperti bahasa pemrograman C++ yang
menggunakan header file
c. Terdistribusi
Library luas, dapat membuka/mengakses segala objek
d. Kuat
Dapat dipercaya, ada pengecekan awal dan saat runtime
e. Aman
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
9
Bebas dari virus kerusakan
f. Netral arsitektur
Dapat dikompile pada banyak prosesor
g. Portable
Dapat dieksekusi dimesin dan OS apa saja
h. Interpreter
Dapat dieksekusi kode java langsung pada komputer yang memiliki interpreter
i. Multi thread
Dapat dilakukan lebih dari satu pekerjaan
j. Garbage Collection
Dialokasi memori otomatis
k. Free ware
Gratis (tidak berbayar)
Abstract Window Toolkit (AWT)
AWT adalah sebuah program yang dirancang menggunakan event dan event-
handlers. Sebuah event merupakan aksi dari suatu komponen GUI seperti
penekanan mouse (mouse clicked), penggeseran mouse (mouse dragged),
penekanan tombol (key pressed), pemilihan komponen menu, dll.
Ada 2 paket AWT, yaitu:
a. Import java.awt.*;
Fungsi  Untuk proses inputan dalam program java
b. Import java.awt.event.*;
Fungsi  Untuk prosesdeklarasi dari class event yang berisi komponen
Swing
Swing adalah sebuah Application Programming Interface (API) yang
menyediakan Graphical User Interface (GUI) untuk program Java dan applet.
Komponen – komponen Swing, yaitu:
a. Container Tingkat Atas (Top Level)
Fungsi  Meneyediakan ruang bagi komponen-komponen lainnya.
Container jenis ini terdiri dari JFrame, JWindow, JDialog, dan JApplet.
b. Container Menengah (Non Top Level)
Fungsi  Menampungkompinenlainnya,seperti panel,tabbed, dan tool
bar.
c. Komponen Atomic
Fungsi  Menampilkan atau menerima informasi. Contoh komponen
atomic adalah text field, button, dan label
Java Development Kit (JDK)
JDK adalah perangkat lunak yang digunakan untuk melakukan proses
kompilasi dari kode java ke bytecode yang dapat dijalankan oleh Java Runtime
Environment(JRE).JDKharusterinstall padakomputeryang akan melakukan proses
pembuatanaplikasi berbasisjava,namuntidakharusdiinstall di computeryangakan
menjalankan aplikasi yang dibangun dengan java.
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
10
Java Runtime Environment (JRE)
JRE adalah perangkat lunak yang digunakan untuk menjalankan aplikasi yang
dibangun menggunakan java.
Java Virtual Machine (JVM)
JVM adalah perangkat lunak yang berfungsi untuk mengubah bahasa
pemrograman menjadi bahasa mesin. JVMada di dalam JRE dan JDK.
EDITOR
1. Netbeans
Netbeans adalah sebuah aplikasi Integrated Development Environment (IDE)
yang berbasiskanJavadari SunMicrosystemsyang berjalan di atas swing. Netbeans
dapat digunakanprogrammeruntukmenulis,mengcompile,mencari kesalahan, dan
menyebarkan program netbeans yang ditulis dalam bahasa pemrograman java.
Fitur-fitur yang terdapat dalam netbeans, adalah:
a. Smart Code Completion
Fungsi  Untuk mengusulkan nama variabel dari suatu tipe, melengkapi
keyword dan mengusulkan tipe parameter dari sebuah method.
b. Bookmarking
Fungsi  Untuk menandai baris yang suatu saat hendak kita modifikasi.
c. Go to commands
Fungsi  Untuk jump ke deklarasi variabel, source code atau file yang ada
pada project yang sama.
d. Code generator
Fungsi  mengenerate constructor, setter and getter method dan yang
lainnya.
e. Error stripe
Fungsi  Menandai baris yang eror dengan memberi highlight merah.
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
11
2. Eclipse
Eclipse merupakan komunitas open source yang bertujuan menghasilkan
platform pemrograman terbuka. Eclipese berfungsi untuk membangun software
inovatif berstandar industri, dan alat bantu beserta frameworknya membantu
pekerjaan menjadi lebih mudah. Lisensi Eclipse menggunakan EPL (Eclipse Public
License), yaitu lisensi yang memungkinkan organisasi untuk menjadikan Eclipse
sebagai produk komersialnya, dan pada saat yang sama meminta orang yang
melakukan perubahan untuk mengkontribusikan hasilnya kembali kepada
komunitas.
3. JCreator
Jcreatoradalah sebuahaplikasi yangdapatdigunakanuntukmembuat sebuah
program, misalnya program java, C/C++, pascal dll
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
12
4. Notepad++
Notepad++ adalah sebuah text editor yang mendukung banyak bahasa, salah
satunya adalah java. Notepad ini dapat diunduh secara gratis
5. Intellij
Intellij IDEA adalahsebuaheditorjavayangcukuppowerful layaknyanetbeans
dan eclipse.berfokuspadaproduktivitaspengembangyangmenyediakankombinasi
yang kuat alat canggih.
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
13
1.4 Unifed Modelling Language(UML)
Definisi UML
Metode pengembangan perangkat lunak (system informasi) menggunakan
metode grafis. UML juga merupakan Bahasa untuk visualisasi, spesifikasi,
konstruksim serta dokumentasi
Fungsi UML:
a. Use case dan actor  Untuk menggambarkan batasan sistem dan fungsi-
sungsu sistem secara umum
b. Interaction Diagram  Untuk menggambarkan kegiatan atau proses bisnis
yang dilaksanakan secara umum
c. ClassDiagram  Untukmenggambarkanrepresentasi struktur static sebuah
sistem
d. State Transition Diagrams  Untuk membuat model behavior, yang
menggambarkan kevuasaan atau sifat sebuah sistem
e. Stereotypes  Untuk menyatakan arsitektur implementasi fisik
menggunakan component dan development diagram yang berfungsi
menyampaikan atau memperluas fungsionality
1. Use Case
Use case adalah teknik untuk merekam persyaratan fungsionalitas sebuah
system.Use case mendeskripsikaninteraksi tipikal Antaraparapenggunasystem
dengan system itu sendiri, dengan memberi sebuah narasi tentang bagaimana
system tersebut digunakan.
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
14
2. Activity Diagram
Actvity diagram adalah diagram yang menggambarkan alran kerja
(workflow)atauaktivitasdari sebuahsistematauprosesbisnis.Activity diagram
menggambarkan aktivitas sistem bukan apa yang dilaukan actor, jadi aktivitas
yang dilakukan oleh sistem.
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
15
Simbol Activity Diagram
Cara Menggambarkan Activity Diagram
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
16
3. Sequence Diagram
Seqeunce diagram adalah diagram yang menggambarkan interaksi antar
objekdi dalamdan disekitarsistemberupamessageyang digambarkanterhadap
waktu.Sequence Diagram biasanya digunakan untuk menggambarkan scenario
atau rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah
event untuk menghasilkan output tertentu
Simbol Sequence Diagram
Cara Menggambarkan Sequence Diagram
4. ClassDiagram
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
17
Classdiagrammendeskripsikanjenis-jenisobjekdalamsystem dan berbagai
macam hubungan status yang terdapat di Antara mereka. Class diagram juga
menunjukkan property dan operasi sebuah class dan batasan-batasan yang
terdapatdalamhubungan-hubungan objek tersebut. UML menggunakan istilah
fitur sebagai istilah umum yang meliputi property dan operasi sebuah class.
Jenis-jenis class yang terdapat pada susunan struktur class yang baik pada class
diagram adalah:
a. Class main  Class yang memiliki fungsi awal ketika sistem dijalankan.
b. View  Class yang mendefinisikan dan mengatur tampilan ke pemakai.
c. Controller  Class yang menangani fungsi-fungsi yang harus ada di ambil
dari pendefinisianuse case,kelasini biasanya disebut dengan kelas proses
yang menangani proses bisnis pada perangkat lunak.
d. Model  Class yang di ambil dari pendefinisian data
Simbol Deskripsi
Kelas Kelas pada stuktur sistem.
Antarmuka (Interface) Sama dengan konsep interface dalam pemrograman
berorientasi objek.
Asosiasi (Association) Relasi antar kelas dengan makna umum, asosiasi
biasanya juga di sertai dengan multiplicty.
Asosiasi berarah (Directed
Association)
Relasi antar kelas dengan makna kelas yang satu
digunakan oleh kelas yang lain, asosiasi berarah
biasanya juga disertai dengan multiplicity.
Generalisasi (Generalization) Relasi antar kelas dengan makna generalisasi-
spesialisasi(Umum-khusus)
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
18
Kebergantungan (Dependency) Relasi antar kelas dengan makna kebergantungan
antar kelas.
Agregasi (Aggregation) Relasi antar kelas dengan makna semua-bagian
(Whole-part)
5. Tabel Relasi
Relasi adalahhubunganantartable yangmerepresentasikanhubungan
antar obyej di dunianyata.
Macam-macam relasi antartable,yaitu:
a. One to Many (1-N)
Misalkanada relasi antartable ibudan anakdengannama relasi
“mempunyai”.Artinyasaturecordpada table ibubolehberelasi /
mempunyai banyakrecordpadatable anak.Namun,saturecord padatable
anak hanyabolehberelasi dengansaturecordpadaibu.
Gambar relasi one-to-many:
b. One to One (1-1)
Jikadua tabel berelasi one-to-oneartinyasetiaprecorddi entitaspertama
hanyaakan berhubungandengansaturecorddi entitaskeduabegitupula
sebaliknya.Contohnyarelasi antaratabel pegawai danalamatpegawai.Satu
record pegawai hanyaberhubungandengansaturecordalamatpegawai
beitupulasebaliknya.Entitas3merupakanatributyangunikdi entitas4.
Gambar relasi one toone:
c. Many to Many
Jikatabel satuberelasi dengantabel duadenganrelasi manytomany
artinyaada banyakrecord di entitassatudan entitasduayang saling
berhubungansatusamalain.Contohnyarelasi manytomanyantara tabel
transaksi danbarang. Satu recordtransaksi bisaberhubungandengan
banyakrecord barang,begitupulasebaliknya.Gambarrelasi many-to-many:
6. ERD (EntityRelationshipDiagram)
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
19
EntityRelationshipDiagram(ERD) adalahdiagramyangmenggambarkan
keterhubunganantardatasecara konseptual.Penggambaranketerhubungan
antar data ini didasarkanpada anggapanbahwa dunianyataterdiri dari
kumpulanobjekyangdisebutentitas(entity),danhubunganyangterjadi
diantaranyayangdisebutrelasi (relationship).
Simbol ERD
Simbolik Deskripsi
Himpunan entitas E Menyatakan Himpunan Entitas
Atribut a sebagai key Menyatakan Aatribut
Himpunan Relasi R Menyatakan Himpunan Relasi
Link Penghubung Antara himpunan relasi
dengan himpunan entitas dan himpunan
entitas dengan atributnya
1.5 Flow Map
Flowmap adalah diagram yang menggambarkan aliran dokumen pada suatu
prosedur kerja di organisasi. Merupakan diagram alir yang menunjukkan arus dari
dokumen, aliran data fisis, entitas-entitas system informasi dan kegiatan operasi
yang berhubungan dengan system informasi. Penggambaran biasanya diawali
dengan mengamati dokumen apa yang menjadi media data atau informasi.
Selanjutnya, ditelusuri bagaimana dokumen tersebut terbentuj, ke bagian atau
entitas mana dokumen tersebut mengalir, perubahan apa yang terjadi pada
dokumentersebut,prosesapayangterjadi padadokumentersebut,danseterusnya.
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
20
1.6 User Interface Design(UID)
Yang dimaksuddenganUIDadalahUser ID atau nama identitasdari pengguna
suatuaccount. Ataujuga dikenal denganistilah "useraccount".
ContohUID :
PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee
21
BAB III
GAMBAR PERANCANGAN SISTEM
3.1. Kebutuhan Fungsionalitas
Kebutuhanfungsionalitas dalamAplikasi Online ShopDenganLayananSMS Gateway
pada Butik Ripearcee ini antara lain:
 Proses login untuk admin
 Proses data Pembeli
 Proses data Pemesanan
 Prosesdata Produk
 Proses stockProduk
 Prosesdata Pembayaran
 ProsesNotifikasi Pemesanan
 ProsesNotifikasi Pembayaran
3.2. Flow Map yang diusulkan
Proses Aplikasi OnlineShopDenganLayananSMS GatewaypadaButikRipearcee

More Related Content

What's hot

Makalah Aplikasi Data Penjualan Menggunakan Visual Basic 6.0
Makalah Aplikasi Data Penjualan Menggunakan Visual Basic 6.0Makalah Aplikasi Data Penjualan Menggunakan Visual Basic 6.0
Makalah Aplikasi Data Penjualan Menggunakan Visual Basic 6.0Marlinda
 
ANALISIS DAN PERANCANGAN SISTEM INFORMASI AKUNTANSI PENJUALAN TUNAI DAN PENER...
ANALISIS DAN PERANCANGAN SISTEM INFORMASI AKUNTANSI PENJUALAN TUNAI DAN PENER...ANALISIS DAN PERANCANGAN SISTEM INFORMASI AKUNTANSI PENJUALAN TUNAI DAN PENER...
ANALISIS DAN PERANCANGAN SISTEM INFORMASI AKUNTANSI PENJUALAN TUNAI DAN PENER...fathad
 
Sim, tiara ayuningsih, hapzi ali, mm, cma, implementasi sistem informasi mana...
Sim, tiara ayuningsih, hapzi ali, mm, cma, implementasi sistem informasi mana...Sim, tiara ayuningsih, hapzi ali, mm, cma, implementasi sistem informasi mana...
Sim, tiara ayuningsih, hapzi ali, mm, cma, implementasi sistem informasi mana...Tiara Ayuningsih
 
Laporan Aplikasi Kasir Sederhana (KOPERASI ABC)
Laporan Aplikasi Kasir Sederhana (KOPERASI ABC)Laporan Aplikasi Kasir Sederhana (KOPERASI ABC)
Laporan Aplikasi Kasir Sederhana (KOPERASI ABC)ntalim
 
6701144264 muhamad iqbal salman pis-14-05
6701144264 muhamad iqbal salman pis-14-056701144264 muhamad iqbal salman pis-14-05
6701144264 muhamad iqbal salman pis-14-05iqbalsalman
 
Laporan Makalah Pembuatan Website E-Commerce-Basis Data
Laporan Makalah Pembuatan Website E-Commerce-Basis DataLaporan Makalah Pembuatan Website E-Commerce-Basis Data
Laporan Makalah Pembuatan Website E-Commerce-Basis DataShofura Kamal
 
Laporan Aplikasi Penjualan Handphone Access
Laporan Aplikasi Penjualan Handphone AccessLaporan Aplikasi Penjualan Handphone Access
Laporan Aplikasi Penjualan Handphone Accessaim190696
 
Laporan tugas akhir(farmasi inventory sub bagian administrasi sistem dan pela...
Laporan tugas akhir(farmasi inventory sub bagian administrasi sistem dan pela...Laporan tugas akhir(farmasi inventory sub bagian administrasi sistem dan pela...
Laporan tugas akhir(farmasi inventory sub bagian administrasi sistem dan pela...Maqi Iman
 
Makalah sistem informasi manajemen(power point)
Makalah sistem informasi manajemen(power point)Makalah sistem informasi manajemen(power point)
Makalah sistem informasi manajemen(power point)reinaldogt
 
LAPORAN RANCANGAN APLIKASI PENITIPAN MOBIL
LAPORAN RANCANGAN APLIKASI PENITIPAN MOBILLAPORAN RANCANGAN APLIKASI PENITIPAN MOBIL
LAPORAN RANCANGAN APLIKASI PENITIPAN MOBILganjar55
 
Makalah komputer
Makalah komputerMakalah komputer
Makalah komputerzaenuri123
 
Jurnal pa aplikasi penjualan suku cadang dan jasa perbaikan sepeda motor
Jurnal pa aplikasi penjualan suku cadang dan jasa perbaikan sepeda motorJurnal pa aplikasi penjualan suku cadang dan jasa perbaikan sepeda motor
Jurnal pa aplikasi penjualan suku cadang dan jasa perbaikan sepeda motorAgung Apriyadi
 

What's hot (15)

Makalah Aplikasi Data Penjualan Menggunakan Visual Basic 6.0
Makalah Aplikasi Data Penjualan Menggunakan Visual Basic 6.0Makalah Aplikasi Data Penjualan Menggunakan Visual Basic 6.0
Makalah Aplikasi Data Penjualan Menggunakan Visual Basic 6.0
 
ANALISIS DAN PERANCANGAN SISTEM INFORMASI AKUNTANSI PENJUALAN TUNAI DAN PENER...
ANALISIS DAN PERANCANGAN SISTEM INFORMASI AKUNTANSI PENJUALAN TUNAI DAN PENER...ANALISIS DAN PERANCANGAN SISTEM INFORMASI AKUNTANSI PENJUALAN TUNAI DAN PENER...
ANALISIS DAN PERANCANGAN SISTEM INFORMASI AKUNTANSI PENJUALAN TUNAI DAN PENER...
 
Sim, tiara ayuningsih, hapzi ali, mm, cma, implementasi sistem informasi mana...
Sim, tiara ayuningsih, hapzi ali, mm, cma, implementasi sistem informasi mana...Sim, tiara ayuningsih, hapzi ali, mm, cma, implementasi sistem informasi mana...
Sim, tiara ayuningsih, hapzi ali, mm, cma, implementasi sistem informasi mana...
 
Laporan Aplikasi Kasir Sederhana (KOPERASI ABC)
Laporan Aplikasi Kasir Sederhana (KOPERASI ABC)Laporan Aplikasi Kasir Sederhana (KOPERASI ABC)
Laporan Aplikasi Kasir Sederhana (KOPERASI ABC)
 
6701144264 muhamad iqbal salman pis-14-05
6701144264 muhamad iqbal salman pis-14-056701144264 muhamad iqbal salman pis-14-05
6701144264 muhamad iqbal salman pis-14-05
 
Laporan Makalah Pembuatan Website E-Commerce-Basis Data
Laporan Makalah Pembuatan Website E-Commerce-Basis DataLaporan Makalah Pembuatan Website E-Commerce-Basis Data
Laporan Makalah Pembuatan Website E-Commerce-Basis Data
 
Laporan Aplikasi Penjualan Handphone Access
Laporan Aplikasi Penjualan Handphone AccessLaporan Aplikasi Penjualan Handphone Access
Laporan Aplikasi Penjualan Handphone Access
 
ANALISIS SIA CV DAFAKO MOTOR
ANALISIS SIA  CV DAFAKO MOTORANALISIS SIA  CV DAFAKO MOTOR
ANALISIS SIA CV DAFAKO MOTOR
 
Tugas akhir
Tugas akhirTugas akhir
Tugas akhir
 
Laporan tugas akhir(farmasi inventory sub bagian administrasi sistem dan pela...
Laporan tugas akhir(farmasi inventory sub bagian administrasi sistem dan pela...Laporan tugas akhir(farmasi inventory sub bagian administrasi sistem dan pela...
Laporan tugas akhir(farmasi inventory sub bagian administrasi sistem dan pela...
 
Presentasi Koe
Presentasi KoePresentasi Koe
Presentasi Koe
 
Makalah sistem informasi manajemen(power point)
Makalah sistem informasi manajemen(power point)Makalah sistem informasi manajemen(power point)
Makalah sistem informasi manajemen(power point)
 
LAPORAN RANCANGAN APLIKASI PENITIPAN MOBIL
LAPORAN RANCANGAN APLIKASI PENITIPAN MOBILLAPORAN RANCANGAN APLIKASI PENITIPAN MOBIL
LAPORAN RANCANGAN APLIKASI PENITIPAN MOBIL
 
Makalah komputer
Makalah komputerMakalah komputer
Makalah komputer
 
Jurnal pa aplikasi penjualan suku cadang dan jasa perbaikan sepeda motor
Jurnal pa aplikasi penjualan suku cadang dan jasa perbaikan sepeda motorJurnal pa aplikasi penjualan suku cadang dan jasa perbaikan sepeda motor
Jurnal pa aplikasi penjualan suku cadang dan jasa perbaikan sepeda motor
 

Similar to Rinayoh

SIstem Informasi Pemesanan Barang - Wulanda Anggoro
SIstem Informasi Pemesanan Barang - Wulanda AnggoroSIstem Informasi Pemesanan Barang - Wulanda Anggoro
SIstem Informasi Pemesanan Barang - Wulanda AnggoroUlan Anggoro
 
Proposal MOKA POS
Proposal MOKA POSProposal MOKA POS
Proposal MOKA POSAulia Teaku
 
Aplikasi pemesanan katering berbasis web
Aplikasi pemesanan katering berbasis webAplikasi pemesanan katering berbasis web
Aplikasi pemesanan katering berbasis webimararf
 
Aplikasi Pengelolaan Persedian Barang Dagang Berupa ATK
Aplikasi Pengelolaan Persedian Barang Dagang Berupa ATKAplikasi Pengelolaan Persedian Barang Dagang Berupa ATK
Aplikasi Pengelolaan Persedian Barang Dagang Berupa ATKFitri Evi Nasution
 
Aplikasi Pengelolaan Sablon T-shirt Berbasis Dekstop
Aplikasi Pengelolaan Sablon T-shirt Berbasis DekstopAplikasi Pengelolaan Sablon T-shirt Berbasis Dekstop
Aplikasi Pengelolaan Sablon T-shirt Berbasis DekstopSham Octafian
 
Aplikasi penjualan barang bekas
Aplikasi penjualan barang bekas Aplikasi penjualan barang bekas
Aplikasi penjualan barang bekas jodhysimanjuntak
 
141608-ID-pembuatan-aplikasi-point-of-sale-toko-ca.pdf
141608-ID-pembuatan-aplikasi-point-of-sale-toko-ca.pdf141608-ID-pembuatan-aplikasi-point-of-sale-toko-ca.pdf
141608-ID-pembuatan-aplikasi-point-of-sale-toko-ca.pdfFajar Baskoro
 
Aplikasi penjualan busana fashion berbasis dekstop
Aplikasi penjualan busana fashion berbasis dekstopAplikasi penjualan busana fashion berbasis dekstop
Aplikasi penjualan busana fashion berbasis dekstopalfian_nasir
 
Ukk 2016 - membuat toko online menggunakan virtuemart - ricky eka
Ukk 2016 - membuat toko online menggunakan virtuemart - ricky ekaUkk 2016 - membuat toko online menggunakan virtuemart - ricky eka
Ukk 2016 - membuat toko online menggunakan virtuemart - ricky ekaSyiroy Uddin
 
Project Charter
Project CharterProject Charter
Project CharterAs Faizin
 
Internasional Publish
Internasional Publish Internasional Publish
Internasional Publish rindaaulutamii
 
Kerangka Acuan Kerja Sicepat Ekspres - MPPL E Informatika ITS
Kerangka Acuan Kerja Sicepat Ekspres - MPPL E Informatika ITSKerangka Acuan Kerja Sicepat Ekspres - MPPL E Informatika ITS
Kerangka Acuan Kerja Sicepat Ekspres - MPPL E Informatika ITSChendrasenaOemaryoga
 
Tugas spk loundry aplikasi sia 7
Tugas spk loundry aplikasi  sia 7Tugas spk loundry aplikasi  sia 7
Tugas spk loundry aplikasi sia 7Mardi Malow
 
SISTEM INFORMASI POINT OF SALE SERAGAM SEKOLAH PADA TOKO MAJU JAYA BERBASIS W...
SISTEM INFORMASI POINT OF SALE SERAGAM SEKOLAH PADA TOKO MAJU JAYA BERBASIS W...SISTEM INFORMASI POINT OF SALE SERAGAM SEKOLAH PADA TOKO MAJU JAYA BERBASIS W...
SISTEM INFORMASI POINT OF SALE SERAGAM SEKOLAH PADA TOKO MAJU JAYA BERBASIS W...netiyulinawati
 
Membangun website e-commerce_berbasis_php_dan_my_sql
Membangun website e-commerce_berbasis_php_dan_my_sqlMembangun website e-commerce_berbasis_php_dan_my_sql
Membangun website e-commerce_berbasis_php_dan_my_sqlAlvin Setiawan
 
Proposal Penawaran Aplikasi POS Toko Bahagia Electronics
Proposal Penawaran Aplikasi POS Toko Bahagia ElectronicsProposal Penawaran Aplikasi POS Toko Bahagia Electronics
Proposal Penawaran Aplikasi POS Toko Bahagia ElectronicsMuhamad Hendri Febriasyah
 
Pembuatan Toko Gaming Gear Online Berbasis Website
Pembuatan Toko Gaming Gear Online Berbasis WebsitePembuatan Toko Gaming Gear Online Berbasis Website
Pembuatan Toko Gaming Gear Online Berbasis WebsiteYogi Afriatna
 

Similar to Rinayoh (20)

SIstem Informasi Pemesanan Barang - Wulanda Anggoro
SIstem Informasi Pemesanan Barang - Wulanda AnggoroSIstem Informasi Pemesanan Barang - Wulanda Anggoro
SIstem Informasi Pemesanan Barang - Wulanda Anggoro
 
Proposal MOKA POS
Proposal MOKA POSProposal MOKA POS
Proposal MOKA POS
 
Aplikasi pemesanan katering berbasis web
Aplikasi pemesanan katering berbasis webAplikasi pemesanan katering berbasis web
Aplikasi pemesanan katering berbasis web
 
Aplikasi Pengelolaan Persedian Barang Dagang Berupa ATK
Aplikasi Pengelolaan Persedian Barang Dagang Berupa ATKAplikasi Pengelolaan Persedian Barang Dagang Berupa ATK
Aplikasi Pengelolaan Persedian Barang Dagang Berupa ATK
 
Aplikasi Pengelolaan Sablon T-shirt Berbasis Dekstop
Aplikasi Pengelolaan Sablon T-shirt Berbasis DekstopAplikasi Pengelolaan Sablon T-shirt Berbasis Dekstop
Aplikasi Pengelolaan Sablon T-shirt Berbasis Dekstop
 
Proposal amazon go
Proposal amazon goProposal amazon go
Proposal amazon go
 
Aplikasi penjualan barang bekas
Aplikasi penjualan barang bekas Aplikasi penjualan barang bekas
Aplikasi penjualan barang bekas
 
141608-ID-pembuatan-aplikasi-point-of-sale-toko-ca.pdf
141608-ID-pembuatan-aplikasi-point-of-sale-toko-ca.pdf141608-ID-pembuatan-aplikasi-point-of-sale-toko-ca.pdf
141608-ID-pembuatan-aplikasi-point-of-sale-toko-ca.pdf
 
Aplikasi penjualan busana fashion berbasis dekstop
Aplikasi penjualan busana fashion berbasis dekstopAplikasi penjualan busana fashion berbasis dekstop
Aplikasi penjualan busana fashion berbasis dekstop
 
PPt sidang
PPt sidangPPt sidang
PPt sidang
 
Ukk 2016 - membuat toko online menggunakan virtuemart - ricky eka
Ukk 2016 - membuat toko online menggunakan virtuemart - ricky ekaUkk 2016 - membuat toko online menggunakan virtuemart - ricky eka
Ukk 2016 - membuat toko online menggunakan virtuemart - ricky eka
 
Project Charter
Project CharterProject Charter
Project Charter
 
Internasional Publish
Internasional Publish Internasional Publish
Internasional Publish
 
Terapi Milanesti
Terapi MilanestiTerapi Milanesti
Terapi Milanesti
 
Kerangka Acuan Kerja Sicepat Ekspres - MPPL E Informatika ITS
Kerangka Acuan Kerja Sicepat Ekspres - MPPL E Informatika ITSKerangka Acuan Kerja Sicepat Ekspres - MPPL E Informatika ITS
Kerangka Acuan Kerja Sicepat Ekspres - MPPL E Informatika ITS
 
Tugas spk loundry aplikasi sia 7
Tugas spk loundry aplikasi  sia 7Tugas spk loundry aplikasi  sia 7
Tugas spk loundry aplikasi sia 7
 
SISTEM INFORMASI POINT OF SALE SERAGAM SEKOLAH PADA TOKO MAJU JAYA BERBASIS W...
SISTEM INFORMASI POINT OF SALE SERAGAM SEKOLAH PADA TOKO MAJU JAYA BERBASIS W...SISTEM INFORMASI POINT OF SALE SERAGAM SEKOLAH PADA TOKO MAJU JAYA BERBASIS W...
SISTEM INFORMASI POINT OF SALE SERAGAM SEKOLAH PADA TOKO MAJU JAYA BERBASIS W...
 
Membangun website e-commerce_berbasis_php_dan_my_sql
Membangun website e-commerce_berbasis_php_dan_my_sqlMembangun website e-commerce_berbasis_php_dan_my_sql
Membangun website e-commerce_berbasis_php_dan_my_sql
 
Proposal Penawaran Aplikasi POS Toko Bahagia Electronics
Proposal Penawaran Aplikasi POS Toko Bahagia ElectronicsProposal Penawaran Aplikasi POS Toko Bahagia Electronics
Proposal Penawaran Aplikasi POS Toko Bahagia Electronics
 
Pembuatan Toko Gaming Gear Online Berbasis Website
Pembuatan Toko Gaming Gear Online Berbasis WebsitePembuatan Toko Gaming Gear Online Berbasis Website
Pembuatan Toko Gaming Gear Online Berbasis Website
 

Recently uploaded

11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx
11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx
11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptxMiftahunnajahTVIBS
 
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSovyOktavianti
 
421783639-ppt-overdosis-dan-keracunan-pptx.pptx
421783639-ppt-overdosis-dan-keracunan-pptx.pptx421783639-ppt-overdosis-dan-keracunan-pptx.pptx
421783639-ppt-overdosis-dan-keracunan-pptx.pptxGiftaJewela
 
Aksi nyata Malaikat Kebaikan [Guru].pptx
Aksi nyata Malaikat Kebaikan [Guru].pptxAksi nyata Malaikat Kebaikan [Guru].pptx
Aksi nyata Malaikat Kebaikan [Guru].pptxsdn3jatiblora
 
Paparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptxPaparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptxIgitNuryana13
 
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docxTugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docxmawan5982
 
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxBab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxssuser35630b
 
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptxPERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptxRizkyPratiwi19
 
soal AKM Mata Pelajaran PPKN kelas .pptx
soal AKM Mata Pelajaran PPKN kelas .pptxsoal AKM Mata Pelajaran PPKN kelas .pptx
soal AKM Mata Pelajaran PPKN kelas .pptxazhari524
 
Aksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru PenggerakAksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru Penggeraksupriadi611
 
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdfsdn3jatiblora
 
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfAksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfDimanWr1
 
Dinamika Hidrosfer geografi kelas X genap
Dinamika Hidrosfer geografi kelas X genapDinamika Hidrosfer geografi kelas X genap
Dinamika Hidrosfer geografi kelas X genapsefrida3
 
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docxLK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docxPurmiasih
 
Perumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxPerumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxadimulianta1
 
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptxRefleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptxIrfanAudah1
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAAndiCoc
 
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASMATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASKurniawan Dirham
 
Modul Ajar Pendidikan Pancasila Kelas 5 Fase C
Modul Ajar Pendidikan Pancasila Kelas 5 Fase CModul Ajar Pendidikan Pancasila Kelas 5 Fase C
Modul Ajar Pendidikan Pancasila Kelas 5 Fase CAbdiera
 
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptxKontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptxssuser50800a
 

Recently uploaded (20)

11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx
11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx
11 PPT Pancasila sebagai Paradigma Kehidupan dalam Masyarakat.pptx
 
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
 
421783639-ppt-overdosis-dan-keracunan-pptx.pptx
421783639-ppt-overdosis-dan-keracunan-pptx.pptx421783639-ppt-overdosis-dan-keracunan-pptx.pptx
421783639-ppt-overdosis-dan-keracunan-pptx.pptx
 
Aksi nyata Malaikat Kebaikan [Guru].pptx
Aksi nyata Malaikat Kebaikan [Guru].pptxAksi nyata Malaikat Kebaikan [Guru].pptx
Aksi nyata Malaikat Kebaikan [Guru].pptx
 
Paparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptxPaparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptx
 
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docxTugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
Tugas 1 ABK di SD prodi pendidikan guru sekolah dasar.docx
 
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxBab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
 
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptxPERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
 
soal AKM Mata Pelajaran PPKN kelas .pptx
soal AKM Mata Pelajaran PPKN kelas .pptxsoal AKM Mata Pelajaran PPKN kelas .pptx
soal AKM Mata Pelajaran PPKN kelas .pptx
 
Aksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru PenggerakAksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru Penggerak
 
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
 
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdfAksi nyata disiplin positif Hj. Hasnani (1).pdf
Aksi nyata disiplin positif Hj. Hasnani (1).pdf
 
Dinamika Hidrosfer geografi kelas X genap
Dinamika Hidrosfer geografi kelas X genapDinamika Hidrosfer geografi kelas X genap
Dinamika Hidrosfer geografi kelas X genap
 
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docxLK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
 
Perumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxPerumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptx
 
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptxRefleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
Refleksi Mandiri Modul 1.3 - KANVAS BAGJA.pptx.pptx
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKAMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA
 
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASMATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
 
Modul Ajar Pendidikan Pancasila Kelas 5 Fase C
Modul Ajar Pendidikan Pancasila Kelas 5 Fase CModul Ajar Pendidikan Pancasila Kelas 5 Fase C
Modul Ajar Pendidikan Pancasila Kelas 5 Fase C
 
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptxKontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
 

Rinayoh

  • 1. Penulis Rina Yohana 6701144145 APLIKASI ONLINE SHOP DENGAN LAYANAN SMS GATEWAY PADA BUTIK RIPEARCEE PROGRAM STUDI D3 MANAJEMEN INFORMATIKA FAKULTAS ILMU TERAPAN UNIVERSITAS TELKOM BANDUNG, 2015
  • 2. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 1 DAFTAR ISI DAFTAR ISI...................................................................................................................................1 BAB I ...........................................................................................................................................2 1.1. Latar belakang ..............................................................................................................2 1.2. Rumusan Masalah.........................................................................................................2 1.3. Tujuan ..........................................................................................................................3 1.4. Batasan Masalah...........................................................................................................3 1.5. Metode Pengerjaan.......................................................................................................4 1.6. Jadwal Pengerjaan ........................................................................................................5 BAB II...........................................................................................................................................6 1.1 SMS Gateway................................................................................................................6 1.2 Online Shop..................................................................................................................6 1.3 Java ..............................................................................................................................6 1.4 Unifed Modelling Language(UML)................................................................................ 13 1.5 Flow Map.................................................................................................................... 19 1.6 User Interface Design(UID) .......................................................................................... 20 BAB III........................................................................................................................................ 21 3.1. Kebutuhan Fungsionalitas........................................................................................... 21 3.2. Flow Map yang diusulkan............................................................................................ 21
  • 3. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 2 BAB I PENDAHULUAN 1.1. Latar belakang Butik Ripearcee adalah sebuah usaha dibidang clothing yang berlokasi di Bandung. Butik Ripearce berdiri sejak tahun 2013, di umurnya yag masih muda ini ButikRipearcee mengusungkonsep butikyangsantai danlebihterkesanuntukanak- anak muda, sehingga Butik Ripearcee ini berharap bisa menarik pembeli atau pengunjung untuk tertari berbelanja di sana khususnya untuk anak-anak muda. Namun Butik Ripearcee masih terkendala dalam hal promosi yang dilakukan, karena promosi yang dilakukan masih secara manual atau berupa penyebaran brosur dan promosi dari mulut ke mulut, karena Butik Ripearcee masih belum memilikimediapromosi di duniamayaatauonline shopsendiri.Hal ini dirasa sangat mempengaruhi penjualan produk dari Butik Ripearcee itu sendiri, Selain itu pengelolaan inventorynya juga masih secara manual. Beberapa hal diatas menyebabkanprosesbisnis penjualan menjadi sedikit lambat. Seperti apabila ada seseorang yang ingin melakukan pembelian secara online, hal tersebut tidak bisa dilakukan karena keterbatasan media promosi. Denganadanyabeberapapermasalahantersebut,timbuhlahsuatugagasanbaru untuk lebih membantu proses bisnis dari Butik Ripearcee tersebut. Yaitu dengan membangun sebuah media informasi di dunia maya atau biasa disebut dengan online shop sendiri, maka diharapkan akan lebih memudahkan Butik Ripearcee dalam mempromosikan produk-produknya. 1.2. Rumusan Masalah Berdasarkan dari latar belakang diatas, maka terbentuklah beberapa rumusan masalah pada tugas besar ini adalah sebagai berikut: 1.2.1 Bagaimana cara memudahkan sampainya informasi kepada penjual tentang adanya pesanan barang?
  • 4. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 3 1.2.2 Bagaimana cara membantu sampainya informasi tentang status pembayaran terhadap barang yang sedang dipesan oleh pembeli di online shop Butik Ripearcee? 1.2.3 Bagaimana cara untuk memudahkan penjual dalam menangani inventory barang 1.2.4 Belum adanya online shop yang memfasilitasi Butik Ripearcee dalam mempromosikan produknya di dunia maya 1.3. Tujuan Berdasarkan dari rumusan masalah yang telah disebutkan diatas maka tujuan penulis adalah yaitu: 1.3.1 Membuat layanan sms gateway yang telah terintegerasi dengan online shop Butik Ripearcee untuk memudahkan sampainya informasi tentang adanya pesanan barang yang masuk ke database online shop Butik Ripearcee 1.3.2 Membuat layanan SMS Gateway yang telah terintegerasi dengan online shopButikRipearcee untukmembantusampainyainformasi tentang status pembayaranterhadapbarangyang sedangdipesan oleh pembeli di online shop Butik Ripearcee 1.3.3 Membuat sistem pengelolaan inventory barang untuk memudahkan admin/penjual dalam menangani inventory barang 1.3.4 Membuat online shop pribadi Butik Ripearcee, untuk lebih memudahkan Butik Ripearcee dalam mempromosikan produknya di dunia maya 1.4. Batasan Masalah Terdapat beberapa batasan masalah yang dibahas di dalam tugas besar ini, yaitu : 1.4.1 Tidak menyediakan layanan untuk melakukan pembayaran secara online yang terintegerasi dengan online shop Butik Ripearcee 1.4.2 Penjual adalah pemilik usaha Butik Ripearcee dan tidak ada supplier lain yang menjalin bisnis dengan took Butik Ripearcee 1.4.3 Tidak menangani penelusuran pengiriman barang
  • 5. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 4 1.5. Metode Pengerjaan Metode Pengerjaan yang digunakan dalam pembuatan Aplikasi Online Shop Dengan Layanan SMS Gateway pada Butik Ripearcee ini adalah metode waterfall. Karena Metode Waterfall adalah suatu proses pengembangan perangkat lunak berurutan,di mana kemajuan dipandang sebagai terus mengalir ke bawah (seperti air terjun) melewati fase-fase perencanaan,pemodelan,implementasi (konstruksi), dan pengujian. Pada model pengembangan metode waterfall sangat cocok untuk aplikasi kami yang memerlukan fase-fase dalam menghasilkan sistem. Dibawah ini adalah gambar metode waterfall menurut Sommerville (Sommerville, 2001). Pada model pengembanganWaterfallmemiliki beberapa tahapan-tahapan, yaitu : 1. Analisis Kebutuhan Sistem (Software Requirements Analysis). Pada tahap analisis kebutuhan ini, kami melakukan pengumpulan data dan kebutuhan-kebutuhanyangdibutuhkandalampengerjaan sistem informasi ini dengancara melihatprosesbisnisdankinerjaterhadapsalahsatuJasaLaundry. 2. Desain (Design). Setelah data – data dan kebutuhan-kebutuhan apa saja yang diinginkan oleh usertelahterkumpul padatahapanalisiskebutuhan, maka pada tahap ini akan
  • 6. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 5 dirancang sebuah Use Case Diagram, Entity Relationship Diagram (ERD), Activity Diagram, Sequence Diagram, Class Diagram, Relasi Antar Tabel, Flowmap Diagram, User Interface Design (UID) berdasarkan apa yang telah diperoleh pada tahap analisis kebutuhan. 3. Implementasi dan Pengujian Unit (Implementation and Unit Testing) Pada tahap ini, desain yang telah dirancang pada tahap sebelumnya akan di implementasikanmenjadi sebuahproduk menggunakan bahasa pemrograman yang dimana pada pengerjaan Aplikasi Pendataan Laundry ini menggunakan bahasa Pemrograman Java Development Kit(JDK), Java Runtime Environment (JRE), Java Virtual Machine (JVM) 4. Integrasi dan Pengujian Sistem (Integration adn System Testing) SetelahAplikasi telah selesai dibuat pada tahap implementasi dan pengujian, maka pada tahapini kami akan melakukanpengujianterhadapsistemtersebut. Di dalam pengerjaan Aplikasi Pendataan Laundry ini metode pengujian yang digunakanadalahmetode BlackBox Testing,dimanapengujiansistemtersebut meliputi fungsionalitas-fungsionalitas yang ada pada sistem yang telah dibuat dan hasil eksekusi atau output yang dihasilkan dari sistem tersebut 1.6. Jadwal Pengerjaan No Kegiatan Waktu Pelaksanaan November 2015 Minggu Ke I Minggu Ke II Minggu Ke III Minggu Ke IV 30 1 Pengumpulan Data 2 Analisis Kebutuhan 3 Desain dan Perancangan 4 Codingan 5 Pengujian
  • 7. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 6 BAB II MATERI/TEORI 1.1 SMS Gateway SMS Gateway sebuahgerbangyangmenghubungkan antarakomputerdenganclient melalui SMS, jadi secaragarisbesar, SMS Gateway dapatdigambarkan seperti gambar di atas. Clientsecaratidak langsungberinteraksi denganaplikasi /sistemmelalui SMS Gateway. Saat melakukan SMS, makainformasi terpentingyangdiperlukan adalah nomortujuandan pesan, makaitulahyangsebenarnyadiolaholehSMSGateway. Contohaplikasi SMSGateway dalampenerapannyadi duniaakademik saatini adalahpengumuman beasiswa, pengumuman ruangtes, danlainsebagainya. Pengumuman-pengumumantersebutdilakukan secaraotomatissatuaraholeh sistem. Saatinformasi internalsudahterkumpul, makasistemakanmelakukan penulisan ke dalamdatabase yangselanjutnyadiolaholehgammuagardapat dikirimkan kepadanomoryangbersangkutan. Berkas-berkaspengumuman berupafilespreadsheetataupunfile-fileterformat lainnya, jikaberkas belumberupafileterformatmaupunberkas yangmasihberupa kertasberisi tulisan, makamasihmenjadi tugaskami untuk men-digitalkan-nya, agar dapat dibacaolehaplikasi pemgirimSMS. Aplikasi tidakhanyamembacadari berkas- berkas digital, tetapi jugadapatmembacainformasi dari database BAAK. 1.2 Online Shop Online Shop adalahsuatubentuk perdagangan menggunakan perangkat elektronik yangmemungkinkankonsumenuntukmembeli barangataujasa dari penjual melalui internet.Namalainkegiatantersebutadalah:e-web-shop,e-shop,e- toko,tokointernet,web-shop, web-store,tokoonline,tokoonline dantokovirtual. Sebuahtokoonline membangkitkanpembelianprodukataujasapadapengeceratau pusatperbelanjaanyangini disebutdenganistilahbelanjaonlinebusiness-to- consumer(B2C).Dalamproseslaindi mana bisnismembeli dari bisnislain,disebut belanjaonlinebusiness-to-business(B2B). Saat ini belanjaonlinesudahsemakincanggihdenganadanyaperdaganganviaponsel (m-commerce ).Teleponselulertelahdioptimalkandengansebuahaplikasi untuk membeli dari situsonline. 1.3 Java Java adalah bahasa pemrograman yang multi platform dan multi device. Artinya,sekali kitamenuliskansebuahprogrammenggunakan Java, maka kita dapat
  • 8. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 7 menjalankannya hamper di semua computer dan perangkat lain yang mensupport Java. Cara kerja Java dapat digambarkan sebagai berikut : Konsep OOP (Object Oriented Programming) : 1. Kelas Abstrak (Class Abstraksi)  Kelas merupakan deskripsi abstrak informasi dan tingkah laku dari sekumpulan data.  Kelas dapat diilustrasikan sebagai suatu cetak biru(blueprint) atau prototipe yang digunakan untuk menciptakan objek.  Kelas merupakan tipe data bagi objek yang mengenkapsulasi data dan operasi pada data dalam suatu unit tunggal.  Kelas mendefinisikan suatu struktur yang terdiri atas data kelas (data field), prosedur atau fungsi (method), dan sifat kelas (property). 2. Enkapsulasi (encapsulation)  Istilahenkapsulasi sebenarnyaadalahkombinasi datadanfungsionalitas dalam sebuah unit tunggal sebagai bentuk untuk menyembunyikan detail informasi.  Proses enkapsulasimemudahkankitauntuk menggunakansebuahobjek dari suatu kelas karena kita tidak perlu mengetahui segala hal secara rinci.
  • 9. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 8  Enkapsulasi menekankanpadaantarmukasuatu kelas,atau dengan kata lain bagaimana menggunakan objek kelas tertentu.  Contoh:kelasmobil menyediakanantarmukafungsi untuk menjalankan mobil tersebut,tanpakitaperlu tahu komposisi bahan bakar, udara dan kalor yang diperlukan untuk proses tersebut. 3. Pewarisan (Inheritance)  Kita dapat mendefinisikan suatu kelas baru dengan mewarisi sifat dari kelas lain yang sudah ada.  Penurunan sifat ini bisa dilakukan secara bertingkattingkat, sehingga semakin ke bawah kelas tersebut menjadi semakin spesifik.  Sub kelas memungkinkan kita untuk melakukan spesifikasi detail dan perilaku khusus dari kelas supernya.  Dengan konsep pewarisan, seorang programmer dapat menggunakan kode yang telah ditulisnya pada kelas super berulang kali pada kelas- kelas turunannya tanpa harus menulis ulang semua kodekode itu. 4. Polimorfisme (polymorphism)  Polimorfisme merupakankemampuanobjekobjek yangberbedakelas namunterkaitdalampewarisanuntukmeresponsecara berbeda terhadapsuatupesanyang sama.  Polimorfisme jugadapatdikatakan kemampuansebuahobjek untuk memutuskanmethodmanayangakan diterapkanpadanya, tergantungletakobjek tersebutpadajenjangpewarisan.  Methodoverriding.  Methodname overloading. Karakteristik Java a. Objek Oriented Rancangan pada objek (data) dan interface (tampilan), jadi pemograman berstruktur objek. b. Sederhana Sintakstidak membutuhkan header file seperti bahasa pemrograman C++ yang menggunakan header file c. Terdistribusi Library luas, dapat membuka/mengakses segala objek d. Kuat Dapat dipercaya, ada pengecekan awal dan saat runtime e. Aman
  • 10. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 9 Bebas dari virus kerusakan f. Netral arsitektur Dapat dikompile pada banyak prosesor g. Portable Dapat dieksekusi dimesin dan OS apa saja h. Interpreter Dapat dieksekusi kode java langsung pada komputer yang memiliki interpreter i. Multi thread Dapat dilakukan lebih dari satu pekerjaan j. Garbage Collection Dialokasi memori otomatis k. Free ware Gratis (tidak berbayar) Abstract Window Toolkit (AWT) AWT adalah sebuah program yang dirancang menggunakan event dan event- handlers. Sebuah event merupakan aksi dari suatu komponen GUI seperti penekanan mouse (mouse clicked), penggeseran mouse (mouse dragged), penekanan tombol (key pressed), pemilihan komponen menu, dll. Ada 2 paket AWT, yaitu: a. Import java.awt.*; Fungsi  Untuk proses inputan dalam program java b. Import java.awt.event.*; Fungsi  Untuk prosesdeklarasi dari class event yang berisi komponen Swing Swing adalah sebuah Application Programming Interface (API) yang menyediakan Graphical User Interface (GUI) untuk program Java dan applet. Komponen – komponen Swing, yaitu: a. Container Tingkat Atas (Top Level) Fungsi  Meneyediakan ruang bagi komponen-komponen lainnya. Container jenis ini terdiri dari JFrame, JWindow, JDialog, dan JApplet. b. Container Menengah (Non Top Level) Fungsi  Menampungkompinenlainnya,seperti panel,tabbed, dan tool bar. c. Komponen Atomic Fungsi  Menampilkan atau menerima informasi. Contoh komponen atomic adalah text field, button, dan label Java Development Kit (JDK) JDK adalah perangkat lunak yang digunakan untuk melakukan proses kompilasi dari kode java ke bytecode yang dapat dijalankan oleh Java Runtime Environment(JRE).JDKharusterinstall padakomputeryang akan melakukan proses pembuatanaplikasi berbasisjava,namuntidakharusdiinstall di computeryangakan menjalankan aplikasi yang dibangun dengan java.
  • 11. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 10 Java Runtime Environment (JRE) JRE adalah perangkat lunak yang digunakan untuk menjalankan aplikasi yang dibangun menggunakan java. Java Virtual Machine (JVM) JVM adalah perangkat lunak yang berfungsi untuk mengubah bahasa pemrograman menjadi bahasa mesin. JVMada di dalam JRE dan JDK. EDITOR 1. Netbeans Netbeans adalah sebuah aplikasi Integrated Development Environment (IDE) yang berbasiskanJavadari SunMicrosystemsyang berjalan di atas swing. Netbeans dapat digunakanprogrammeruntukmenulis,mengcompile,mencari kesalahan, dan menyebarkan program netbeans yang ditulis dalam bahasa pemrograman java. Fitur-fitur yang terdapat dalam netbeans, adalah: a. Smart Code Completion Fungsi  Untuk mengusulkan nama variabel dari suatu tipe, melengkapi keyword dan mengusulkan tipe parameter dari sebuah method. b. Bookmarking Fungsi  Untuk menandai baris yang suatu saat hendak kita modifikasi. c. Go to commands Fungsi  Untuk jump ke deklarasi variabel, source code atau file yang ada pada project yang sama. d. Code generator Fungsi  mengenerate constructor, setter and getter method dan yang lainnya. e. Error stripe Fungsi  Menandai baris yang eror dengan memberi highlight merah.
  • 12. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 11 2. Eclipse Eclipse merupakan komunitas open source yang bertujuan menghasilkan platform pemrograman terbuka. Eclipese berfungsi untuk membangun software inovatif berstandar industri, dan alat bantu beserta frameworknya membantu pekerjaan menjadi lebih mudah. Lisensi Eclipse menggunakan EPL (Eclipse Public License), yaitu lisensi yang memungkinkan organisasi untuk menjadikan Eclipse sebagai produk komersialnya, dan pada saat yang sama meminta orang yang melakukan perubahan untuk mengkontribusikan hasilnya kembali kepada komunitas. 3. JCreator Jcreatoradalah sebuahaplikasi yangdapatdigunakanuntukmembuat sebuah program, misalnya program java, C/C++, pascal dll
  • 13. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 12 4. Notepad++ Notepad++ adalah sebuah text editor yang mendukung banyak bahasa, salah satunya adalah java. Notepad ini dapat diunduh secara gratis 5. Intellij Intellij IDEA adalahsebuaheditorjavayangcukuppowerful layaknyanetbeans dan eclipse.berfokuspadaproduktivitaspengembangyangmenyediakankombinasi yang kuat alat canggih.
  • 14. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 13 1.4 Unifed Modelling Language(UML) Definisi UML Metode pengembangan perangkat lunak (system informasi) menggunakan metode grafis. UML juga merupakan Bahasa untuk visualisasi, spesifikasi, konstruksim serta dokumentasi Fungsi UML: a. Use case dan actor  Untuk menggambarkan batasan sistem dan fungsi- sungsu sistem secara umum b. Interaction Diagram  Untuk menggambarkan kegiatan atau proses bisnis yang dilaksanakan secara umum c. ClassDiagram  Untukmenggambarkanrepresentasi struktur static sebuah sistem d. State Transition Diagrams  Untuk membuat model behavior, yang menggambarkan kevuasaan atau sifat sebuah sistem e. Stereotypes  Untuk menyatakan arsitektur implementasi fisik menggunakan component dan development diagram yang berfungsi menyampaikan atau memperluas fungsionality 1. Use Case Use case adalah teknik untuk merekam persyaratan fungsionalitas sebuah system.Use case mendeskripsikaninteraksi tipikal Antaraparapenggunasystem dengan system itu sendiri, dengan memberi sebuah narasi tentang bagaimana system tersebut digunakan.
  • 15. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 14 2. Activity Diagram Actvity diagram adalah diagram yang menggambarkan alran kerja (workflow)atauaktivitasdari sebuahsistematauprosesbisnis.Activity diagram menggambarkan aktivitas sistem bukan apa yang dilaukan actor, jadi aktivitas yang dilakukan oleh sistem.
  • 16. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 15 Simbol Activity Diagram Cara Menggambarkan Activity Diagram
  • 17. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 16 3. Sequence Diagram Seqeunce diagram adalah diagram yang menggambarkan interaksi antar objekdi dalamdan disekitarsistemberupamessageyang digambarkanterhadap waktu.Sequence Diagram biasanya digunakan untuk menggambarkan scenario atau rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah event untuk menghasilkan output tertentu Simbol Sequence Diagram Cara Menggambarkan Sequence Diagram 4. ClassDiagram
  • 18. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 17 Classdiagrammendeskripsikanjenis-jenisobjekdalamsystem dan berbagai macam hubungan status yang terdapat di Antara mereka. Class diagram juga menunjukkan property dan operasi sebuah class dan batasan-batasan yang terdapatdalamhubungan-hubungan objek tersebut. UML menggunakan istilah fitur sebagai istilah umum yang meliputi property dan operasi sebuah class. Jenis-jenis class yang terdapat pada susunan struktur class yang baik pada class diagram adalah: a. Class main  Class yang memiliki fungsi awal ketika sistem dijalankan. b. View  Class yang mendefinisikan dan mengatur tampilan ke pemakai. c. Controller  Class yang menangani fungsi-fungsi yang harus ada di ambil dari pendefinisianuse case,kelasini biasanya disebut dengan kelas proses yang menangani proses bisnis pada perangkat lunak. d. Model  Class yang di ambil dari pendefinisian data Simbol Deskripsi Kelas Kelas pada stuktur sistem. Antarmuka (Interface) Sama dengan konsep interface dalam pemrograman berorientasi objek. Asosiasi (Association) Relasi antar kelas dengan makna umum, asosiasi biasanya juga di sertai dengan multiplicty. Asosiasi berarah (Directed Association) Relasi antar kelas dengan makna kelas yang satu digunakan oleh kelas yang lain, asosiasi berarah biasanya juga disertai dengan multiplicity. Generalisasi (Generalization) Relasi antar kelas dengan makna generalisasi- spesialisasi(Umum-khusus)
  • 19. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 18 Kebergantungan (Dependency) Relasi antar kelas dengan makna kebergantungan antar kelas. Agregasi (Aggregation) Relasi antar kelas dengan makna semua-bagian (Whole-part) 5. Tabel Relasi Relasi adalahhubunganantartable yangmerepresentasikanhubungan antar obyej di dunianyata. Macam-macam relasi antartable,yaitu: a. One to Many (1-N) Misalkanada relasi antartable ibudan anakdengannama relasi “mempunyai”.Artinyasaturecordpada table ibubolehberelasi / mempunyai banyakrecordpadatable anak.Namun,saturecord padatable anak hanyabolehberelasi dengansaturecordpadaibu. Gambar relasi one-to-many: b. One to One (1-1) Jikadua tabel berelasi one-to-oneartinyasetiaprecorddi entitaspertama hanyaakan berhubungandengansaturecorddi entitaskeduabegitupula sebaliknya.Contohnyarelasi antaratabel pegawai danalamatpegawai.Satu record pegawai hanyaberhubungandengansaturecordalamatpegawai beitupulasebaliknya.Entitas3merupakanatributyangunikdi entitas4. Gambar relasi one toone: c. Many to Many Jikatabel satuberelasi dengantabel duadenganrelasi manytomany artinyaada banyakrecord di entitassatudan entitasduayang saling berhubungansatusamalain.Contohnyarelasi manytomanyantara tabel transaksi danbarang. Satu recordtransaksi bisaberhubungandengan banyakrecord barang,begitupulasebaliknya.Gambarrelasi many-to-many: 6. ERD (EntityRelationshipDiagram)
  • 20. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 19 EntityRelationshipDiagram(ERD) adalahdiagramyangmenggambarkan keterhubunganantardatasecara konseptual.Penggambaranketerhubungan antar data ini didasarkanpada anggapanbahwa dunianyataterdiri dari kumpulanobjekyangdisebutentitas(entity),danhubunganyangterjadi diantaranyayangdisebutrelasi (relationship). Simbol ERD Simbolik Deskripsi Himpunan entitas E Menyatakan Himpunan Entitas Atribut a sebagai key Menyatakan Aatribut Himpunan Relasi R Menyatakan Himpunan Relasi Link Penghubung Antara himpunan relasi dengan himpunan entitas dan himpunan entitas dengan atributnya 1.5 Flow Map Flowmap adalah diagram yang menggambarkan aliran dokumen pada suatu prosedur kerja di organisasi. Merupakan diagram alir yang menunjukkan arus dari dokumen, aliran data fisis, entitas-entitas system informasi dan kegiatan operasi yang berhubungan dengan system informasi. Penggambaran biasanya diawali dengan mengamati dokumen apa yang menjadi media data atau informasi. Selanjutnya, ditelusuri bagaimana dokumen tersebut terbentuj, ke bagian atau entitas mana dokumen tersebut mengalir, perubahan apa yang terjadi pada dokumentersebut,prosesapayangterjadi padadokumentersebut,danseterusnya.
  • 21. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 20 1.6 User Interface Design(UID) Yang dimaksuddenganUIDadalahUser ID atau nama identitasdari pengguna suatuaccount. Ataujuga dikenal denganistilah "useraccount". ContohUID :
  • 22. PIS14 05 ||Aplikasi Online ShopDenganLayananSMSGatewaypada ButikRipearcee 21 BAB III GAMBAR PERANCANGAN SISTEM 3.1. Kebutuhan Fungsionalitas Kebutuhanfungsionalitas dalamAplikasi Online ShopDenganLayananSMS Gateway pada Butik Ripearcee ini antara lain:  Proses login untuk admin  Proses data Pembeli  Proses data Pemesanan  Prosesdata Produk  Proses stockProduk  Prosesdata Pembayaran  ProsesNotifikasi Pemesanan  ProsesNotifikasi Pembayaran 3.2. Flow Map yang diusulkan Proses Aplikasi OnlineShopDenganLayananSMS GatewaypadaButikRipearcee