PERANCANGAN SISTEM Iwan Abadi, Ir., M.M. Analisis & Perancangan SI

Presentasi berjudul: "PERANCANGAN SISTEM Iwan Abadi, Ir., M.M. Analisis & Perancangan SI"— Transcript presentasi:

1 PERANCANGAN SISTEM Iwan Abadi, Ir., M.M. Analisis & Perancangan SI
Manajemen Informatika Universitas Komputer Indonesia

2 PERANCANGAN SISTEM Proses untuk mendefinisikan suatu model atau rancangan sistem dengan menggunakan teknik dan prinsip tertentu sedemikian sehingga model atau rancangan tersebut dapat diwujudkan menjadi sistem. Proses mendefinisikan arsitektur sistem, komponen, modul, antarmuka, pendekatan pengujian, serta data untuk memenuhi kebutuhan yang sudah ditentukan sebelumnya. Proses bertahap dimana semua kebutuhan yang ada diterjemahkan menjadi suatu cetak biru yang akan digunakan untuk mengkonstruksi sistem. [Pressman, 2001]

3 Strategi Perancangan Top Down Bottom Up Organizational
Struktur proses perancangan dipengaruhi oleh faktor-faktor non teknis yang timbul dari faktor organisasi pemakai peangkat lunak Cetak Biru Menggunakan strategi perancangan yang standar untuk beberapa masalah yang memiliki kesamaan paradigma

4 3 Karakteristik Evaluasi Perancangan
Perancangan harus mengimplementasi-kan keseluruhan kebutuhan eksplisit dan mengakomodasi semua kebutuhan implisit yang diinginkan Perancangan harus menjadi panduan yang dapat dibaca, dipahami bagi programmer dan penguji sistem Perancangan harus memberikan suatu gambaran lengkap mengenai sistem

5 Perancangan Sistem Proses Perancangan
Serangkaian langkah iteratif yang memungkinkan desainer menggambarkan semua aspek sistem yang dibangun Model Perancangan Ekivalen rencana arsitek untuk sebuah rumah. (yang dibuat untuk perangkat sistem memberikan berbagai pandangan yang berbeda tentang program komputer

6 OBJEK PERANCANGAN Data Arsitektur perangkat lunak Antarmuka pemakai
Struktur tabel basis data / file data Struktur data internal Arsitektur perangkat lunak Structure chart Struktur menu program Antarmuka pemakai Spesifikasi program (algoritma)

7 TRANSFORMASI MODEL ANALISIS - PERANCANGAN
Diagram Konteks DFD level 1, 2, … Kamus Data Spesifikasi Proses E-R Diagram Model Perancangan Rancangan Data Arsitektur PL (Structure Chart) Antarmuka Pemakai Spesifikasi Program (Algoritma) 2 3 1 4

8 PERANCANGAN BASIS DATA
Transformasi Diagram E-R (conceptual data model, CDM) menjadi model relasi (skema relasi, tabel relasi). Penentuan atribut relasi sesuai dengan kamus data yang telah dibuat. Normalisasi. Pendefinisian struktur tabel. Pembuatan relasi antar tabel (physical data model, PDM)

9 CONTOH STRUKTUR TABEL BASIS DATA
Tabel Penjualan Fungsi : Menyimpan data transaksi penjualan Jenis : Tabel Transaksi Primary Key : No_Faktur+Kode_Brg Foreign Key : Kode_Brg Struktur Tabel : No. Nama Field Jenis Lebar Keterangan 1 No_Faktur String 10 Nomor Faktur 2 Kode_Brg 8 Kode Barang 3 Hrg_Jual Long Integer Harga jual barang saat transaksi 4 Kuantitas Integer 5 Banyaknya (kuantitas) barang

10 CONTOH RELASI ANTAR TABEL

11 ARSITEKTUR PERANGKAT LUNAK
Gambaran bagaimana elemen/komponen fungsional perangkat lunak disusun, diorganisasi dan distrukturkan sehingga: Hubungan antar elemen/komponen dapat dijelaskan. Interface yang menghubungkan elemen/komponen dapat didefinisikan. Wujud dan penempatan elemen/komponen dalam tempat penyimpanan sekunder secara fisik dapat ditetapkan.

12 TRANSFORMASI DFD - STRUCTURE CHART
??? Menggunakan teknik: Analisis transformasi Analisis transaksi

13 Aliran Transformasi Mentrasformasikan data eksternal ke bentuk internal diidenti fikasi sebagai aliran masuk, terjadi transisi , data masuk di lewatkan melalui pusat transformasi dan bergerak keluar melalui jalur keluar

14 Aliran Transaksi

15 CONTOH ARSITEKTUR PERANGKAT LUNAK
Model Analisis (DFD level atomik) Modul Pemanggil Arsitektur Perangkat Lunak (Structure Chart) Kelola Data Induk Proses 2.0 Proses 1.0 Tambah Data Barang Tambah Data Supplier id_barang rec_barang id_supplier rec_supplier supplier Modul-modul atomik (procedure, function) Baca Id_Barang Rekam Barang Baca Id_Supplier Rekam Supplier

16 STRUCTURE CHART (1) : PASCAL
Modul A memanggil modul B dengan data x dan y sebagai parameternya. Modul B mengirimkan data p dan q sebagai return value ke modul A. Procedure A; Var p, q : Real; Procedure B(x, y : Real); Begin p := ... { manipulasi nilai p } q := ... { manipulasi nilai q } End; B(x, y); { call procedure B } Potongan kode program dalam bahasa Pascal

17 STRUCTURE CHART (2) : PASCAL
Modul A akan memanggil modul B jika kondisi dalam modul A dipenuhi. Modul A akan memanggil modul C secara berulang. Procedure C; Begin ... End; Procedure B; Procedure A; If True Then B; {call procedure B} While True Do C; {call procedure C} Potongan kode program dalam bahasa Pascal

18 STRUCTURE CHART (3) : PHP
FormInput.html <html> ... <form method=post action=Rekam.php> </html> FormInput Rekam Rekam.php <? // Rekam.php function getId() { } function saveId(id) { id = getId(); saveId(id) ?> id id getId saveId

19 STRUCTURE CHART (4) : DELPHI
main.pas unit main; ... var Form1: TForm1; implementation uses Rekam; procedure TForm1.Click(Sender: TObject); begin frmRekam.Show; end; end. Main Rekam rekam.pas unit Rekam; ... var frmRekam: TForm1; implementation end.

20 PERANCANGAN ANTARMUKA PEMAKAI
Secara fisik antarmuka pemakai yang dirancang adalah tampilan layar (form, halaman web). Jenisnya dapat berupa: Menu pilihan Form isian (entry) Penyajian informasi (report, query) Kotak dialog, jika diperlukan Fasilitas bantuan (Help), jika diperlukan

21 IDENTIFIKASI RANCANGAN ANTARMUKA PEMAKAI
Ada data yang diberikan oleh pemakai ke PL Ada interaksi antara pemakai dengan PL Harus ada user interface untuk Tambah Data Barang! Tambah Data Barang X Lihat kamus datanya!!! id_barang = kode_ brg + nama_brg + satuan + jenis + hrg_beli + hrg_jual + jml_stok + kode_sup

22 PENULISAN SPESIFIKASI PROGRAM
Deskripsi prosedural (algoritma) untuk semua modul-modul program yang menjadi elemen-elemen struktural dari arsitektur perangkat lunak: Prosedur Fungsi Merupakan penjelasan lebih rinci dan teknis dari spesifikasi proses. Ditulis dengan menggunakan notasi pseudo-code, atau notasi yang mirip dengan bahasa pemrograman yang digunakan.

23 SPESIFIKASI PROGRAM ( DELPHI LIKE )
SPESIFIKASI PROSES SPESIFIKASI PROGRAM ( DELPHI LIKE ) Proses 1.1 Tambah Data Barang Begin While data barang masih ada Do Baca identitas barang Verifikasi If not valid Then tulis pesan Else rekam ke tabel barang End Procedure btnRekamBarangClick Kamus { Deklarasi variabel; TEdit, TDBLookupCombo, TTable terdefinisi } eKode, eNama, eSatuan, eJenis, eHrgBeli, eHrgJual, eJmlStok: TEdit DBLookupCombo1: TDBLookupCombo TabelBarang, TabelSupplier: TTable Algoritma { Buka tabel barang dan supplier } TabelBarang.Open TabelSupplier.Open { Baca identitas barang melalui komponen TEdit dan validasi } { Rekam ke tabel barang } TabelBarang.Append TabelBarang.FieldByName('Kode_Brg').AsString := eKode.Text TabelBarang.FieldByName('Nama_Brg').AsString := eNama.Text TabelBarang.FieldByName('Satuan').AsString := eSatuan.Text TabelBarang.FieldByName('Jenis').AsInteger:=StrToInt(eJenis.Text) TabelBarang.FieldByName('Hrg_Beli').AsInteger:=StrToInt(eHrgBeli.Text) TabelBarang.FieldByName('Hrg_Jual').AsInteger:=StrToInt(eHrgJual.Text) TabelBarang.FieldByName('Jml_Stok').AsInteger:=StrToInt(eJmlStok.Text) TabelBarang.FieldByName('Kode_Sup').AsString := DBLookupCombo1.Value; TabelBarang.Post