Aplikasi Indomaret iKios Berbasis Website

Foto




Deskripsi
Arsitektur pada program i-Kios ini menggunakan client server. Dimana terdiri dari 1 server dan 1 klien. Klien akan menjalankan aplikasi dalam sebuah komputer yang ada pada Minimarket. Klien akan menyiapkan data yang dimasukkan oleh pengguna dengan menggunakan teknologi pemrosesan tertentu dan mengirimkannya kepada server. Komponen server akan menerima request dari klien, dan langsung memprosesnya dan mengembalikan hasil pemrosesan tersebut kepada klien. Klien pun menerima informasi hasil pemrosesan data yang dilakukan server dan menampilkannya kepada pengguna, dengan menggunakan aplikasi yang berinteraksi dengan pengguna. Dengan arsitektur seperti ini akan memudahkan dalam mengakses data. Aliran data antar departemen akan menjadi lebih mudah dan efisien. Program i-Kios memiliki 2 proses, yaitu pengisian pulsa dan pengisian token listrik. Pengguna akan mengisi data pada komputer klien, dan setelah mengisi, maka akan memunculkan struk (pada prototype ini gambar serupa dengan struk) yang berisi informasi mengenai nomor yang akan diisi, serta jumlah pembayaran. Dan pembayaran akan dilakukan di kasir pada setiap minimarket yang tempat berada komputer klien.

Model

usecase


class diagram

object diagram

component diagram
activity diagram


sequence token
sequence pengisian pulsa

sequence pembayaran
pdm


Implementasi
A. Prototype







B. Source Code

https://github.com/satriatian/ppl

Dibuat Oleh :
Trastian Satria W 5114100015
Kevin A Fachreza 5114100128
Hanendyo Indira 5114100160

sumber :
https://twitter.com/indomaretpoint
https://www.youtube.com/watch?v=IjF07OIUxVI

Design To Code : ToBorrow. Aplikasi Pinjam Meminjam Fasilitas

ToBorrow adalah sistem yang memberikan informasi mengenai fasilitas dan menjadi media untuk meminjam fasilitas. Ada 2 pengguna yang terlibat dengan sistem ini, penyewa dan admin. Penyewa memiliki fitur untuk melihat informasi mengenai fasilitas dan meminjam fasilitas. Dan admin bertanggung jawab untuk memberikan informasi mengenai fasilitas dan mengontrol sistem.


Use Case

Sequnce Diagram

Unban Account

Ban Account

Delete Account


Search Active User


Create Account

Cancel Reservation

Fetch User Information

Book Facilities

Fetch Available Facilites
Implementasi dari design ini dapat diakses di https://drive.google.com/open?id=0B0LQvbGOwkXvRmUwZ3lBekhoc3M
yang dikerjakan oleh kelompok
Trastian Satria W (5114100015)
Rian Danis (5114100084)
Hanendyo (5114100160)

Design Pattern : Builder

Penggunaan
Memisahkan konstruksi dari objek yang kompleks dari sehingga proses konstruksi yang sama dapat membuat hasil yang berbeda

Contoh
Pattern ini digunakan pada restoran fastfood untuk membuat menu makanan. Menu makanan biasanya terdiri dari makanan utama, makanan tambahan atau snack, minuman. Banyak variasi menu dari makanan, snack dan juga minuman. Tetapi semuanya hanya mengulang ngulang proses pembuatan yang sama. Setelah customer memesan maka cashier akan memerintahkan kru restoran yang lan untuk membuat pesanan, pesanan jadi dan dibungkus dengan paperbag atau botol.

Example of Builder


Misalnya pada restoran fastfood hanya memiliki burger dan minuman. Dan pada burger ada VegBurger dan ChickenBurger, pada minuman ada pepsi dan coke. Untuk burger akan di bungkus dengan Wrapper sedang minuman dibungkus dengan bottle. 

Kita akan membuat Item interface yang mempresentasikan makanan dan minuman. Dan Interface packing mempresentasikan packaging dari makanan dan minuman. 

Kita membuat class Meal yang memiliki ArrayList dan MealBuilder untuk mem-build tipe tipe berbeda dari objek Meal dengan menggabung gabungkan Item. BuilderPatternDemo sebagai Director dimana akan menggunakan MealBuilder untuk mem-build Meal.

Builder Pattern UML Diagram


Implementasi
Implementasi menggunakan Java dan source code dapat dilihat di
https://github.com/kevinfachreza/FastFoodPPLE

Sumber : https://sourcemaking.com/design_patterns/builder
https://www.tutorialspoint.com/design_pattern/builder_pattern.htm

Perancangan Perangkat Lunak - Schematics

Aplikasi Schematics adalah sebuah sistem informasi dari sebuah event terbesar di Informatika ITS. Aplikasi ini berbentu web application atau aplikasi berbasis website.

Use Case Diagram



Sequence Diagram (Registrasi)


Sequence Diagram (Pembayaran)



Sequence Diagram (Verifikasi Pembayaran oleh Admin)


Sequence Diagram (Cetak Bukti Bayar)
Class Diagram



Website : http://schematics.its.ac.id/

Prototype ATM Berdasarkan Use Case Diagram

Setelah membuat UseCase Diagram coba kita buat prototype dari mesin ATM dengan fungsi minimum. Disini saya hanya membuat fungsi untuk informasi saldo dan untuk cetak mutasi. Sedangkan yang lain belum terbuat. Prototype ini dibuat menggunakan WPF yang berbasis bahasa C#.
Class yang dibuat pada prototype ini hanya lah user atau nasabah. Nasabah memiliki 5 atribut yaitu nama, pin, nomor atm, nomor rekening, dan saldo.










Protoype tersebut dibuat berdasarkan Use Case Diagram ATM,



Use Case Diagram ATM

Kita sering sekali menggunakan jasa perbankan dalam setiap kegiatan kita baik bisnis hingga keluarga. Alur proses dari perbankan sangat panjang dan rumit. Saya disini akan menjelaskan secara singkat proses perbankan dari sistem ATM salah satu bank di Indonesia, yaitu Ma*diri. Berikut merupakan Use Case Diagram dari sistem ATM-nya


Operator 
1. System Startup



Disini operator akan menyalakan sistem ATM, lalu ATM akan memulai untuk menyala. ATM akan meminta data kepada operator berupa uang yang ATM miliki. Lalu operator akan memberikan data jumlah uang yang dia miliki. ATM juga akan tersambung ke jaringan internet milik bank. Sehingga ATM akan beroperasi sepenuhnya.

2. System Shutdown


Operator akan mematikan ATM, ATM akan melakukan serangkain proses untuk mematikan dirinya. Termasuk didalamnya memutuskan jaringan internet ke jaringan internet. 

Nasabah
1. Session


Disini nasabah akan memasukkan kartu. Dan ketika memasukkan kartu maka session akan terbuat. Dimana session ini akan menyimpan data kartu misal berupa nomor kartu ATM. Lalu ATM akan meminta PIN kepada nasabah. Setelah nasabah memasukkan PIN maka ATM akan memverifikasikan kebenaran No ATM dan PIN yang dimiliki nasabah kepada jaringan internet. 

2. Transaksi



Ketika session telah dibuat, dan nasabah berlanjut ke proses transaksi. Disini jika ternyata ATM menyatakan bahwa PIN salah, maka nasabah akan diminta untuk input PIN lagi. Jika sudah benar maka akan bisa melakukan transaksi, dan akan setiap kegiatan akan tersimpan di dalam log ATM. Nasabah bisa membatalkan transaksi disini jika memang menginginkannya.

3. Informasi Saldo


Nasabah bisa meminta informasi saldo. ATM akan meminta data kepada konsol yang tersambung ke internet. Dan ATM akan mengambil data melalui konsol, dan memberikan infonya kepada nasabah.

4. Informasi Pinjaman
Nasabah meminta informasi pinjaman. ATM akan meminta data kepada konsol yang tersambung ke internet. Dan ATM akan mengambil data melalui konsol, dan memberikan infonya kepada nasabah.

5. Cetak Mutasi
ATM akan meminta serangkaian data melalui konsol, Dan disini nasabah akan mendapatkan printout berupa data mutasi 5 transaksi terbaru.

6. Ganti PIN
ATM akan meminta nasabah untuk memasukkan PIN lama, jika benar akan lanjut, jika salah akan mengulangi hingga 3 kali, jika lebih dari 3 kali salah maka akan terblokir. Jika benar nasabah akan dimintai untuk memasukkan PIN baru, dan ATM akan meminta verifikasi dengan memasukkan PIN baru tersebut lagi. Jika benar maka ATM akan melakukan update pada database bank melalui konsol. Jika sukses maka akan keluar struk, jika gagal maka akan muncul tulisan error pada layar ATM.

7. Penarikan Jumlah Lain


Penarikan tunai akan diawali dari ATM meminta nasabah untuk memasukkan angka penarikan tunai. Setelah memasukkan jumlah uang, ATM akan mengecek ke valid an jumlah angka, mulai dari jumlah nya hingga kelipatan apakah ATM menyediakan atau tidak. Jika sudah maka ATM akan mengecek saldo dari nasabah, jika cukup maka ATM akan memberikan uang sesuai jumlah.

8. Bayar/Beli
Nasabah akan memilih banyak pilihan dari ATM. Lalu memasukkan nomor pembayaran, disini ATM akan melakukan transaksi yang terhubung dengan jaringan internet perbankan. Jika sukses maka ATM akan mengurangi jumlah saldo dari nasabah sesuai jumlah pembayaran, dan memberikan uang kepada rekening pemilik tagihan.

9. Pendaftaran E Banking
ATM akan meminta kode akses kepada nasabah. dan ATM akan memverifikasikan. Jika benar maka jaringan akan mendaftarkan nasabah ke e-banking. Jika salah maka akan diminta mengulangi proses tersebut.

10. Visa Money Transfer 
Nasabah akan memasukkan nomor visa tujuan dan jumlah. Lalu ATM akan memverifikasikan data tentang tujuan transfer dan nominal. Jika nasabah menyetujui maka transfer akan dilakukan dan nasabah akan dikurangi saldo nya sebesar jumlah transfer ditambah Rp 7.000,- sebagai charge dari bank. Dan penerima uang, akan ditambahkan saldo Visa nya.

11. Cetak Resi Mandiri SMS
ATM akan meminta 5 transaksi terbaru yang menggunakan SMS Mandiri. Lalu ATM akan memberikan data tersebut kepada nasabah melalui print out.

12. Transfer


Nasabah akan memasukkan nomor tujuan. Lalu ATM akan memverifikasikan data tentang tujuan transfer dan nominal. Jika nasabah menyetujui maka transfer akan dilakukan dan saldo nasabah akan berkurang dan saldo tujuan akan bertambah.

Use Case Diagram Air Conditioning

Halo Selamat Sore! Teman teman hari ini saya belajar mengenai Use Case Diagram. Yang mana Use Case Diagram merupakan gambaran mengenai suatu sistem, siapa saja yang menggunakan sistem tersebut dan dapat melakukan apa saja.

Dan saya memberikan contoh mengenai use case diagram dari AC (Air Conditioner). Berikut diagramnya

  

Dalam diagram diatas, dapat dilihat ada 3 aktor yaitu pengguna atau user, ada air conditioning, dan sensor. Dimana dapat melakukan kegiatan seperti menyalakan dan mematikan ac, hingga set mode pada AC. 

Kevin A Fachreza - 5114100128
PPL E