2. TEKNIK PENYAJIANTEKNIK PENYAJIAN
ALGORITMAALGORITMA
HIPOHIPO
HIPO ( HIERARCHY PLUS INPUT-HIPO ( HIERARCHY PLUS INPUT-
PROCESS-OUTPUT)PROCESS-OUTPUT)
HIPOHIPO alat dokumentasi program.alat dokumentasi program.
HIPOHIPO dikembangkan dandikembangkan dan
didukung oleh IBM.didukung oleh IBM.
HIPOHIPO digunakan sebagai alatdigunakan sebagai alat
bantu untuk merancang danbantu untuk merancang dan
mendokumentasikan siklusmendokumentasikan siklus
pengembangan sistem.pengembangan sistem.
3. TEKNIK PENYAJIANTEKNIK PENYAJIAN
ALGORITMAALGORITMA
HIPOHIPO
Sasaran HIPO:Sasaran HIPO:
Untuk menggambarkan suatu strukturUntuk menggambarkan suatu struktur
bertingkatbertingkat
Untuk memahami fungsi-fungsi dariUntuk memahami fungsi-fungsi dari
modul-modul suatu sistem.modul-modul suatu sistem.
Untuk menggambarkan modul-modulUntuk menggambarkan modul-modul
yang harus diselesaikan olehyang harus diselesaikan oleh
pemrogram.pemrogram.
Sebagai penjelasan yang lengkap dariSebagai penjelasan yang lengkap dari
input yang akan digunakan, prosesinput yang akan digunakan, proses
yang akan dilakukan serta output yangyang akan dilakukan serta output yang
diinginkan.diinginkan.
4. TEKNIK PENYAJIANTEKNIK PENYAJIAN
ALGORITMAALGORITMA
HIPOHIPO
Terdapat 3 diagram yangTerdapat 3 diagram yang
digunakan pada HIPO:digunakan pada HIPO:
1.1. Visual Table of ContentsVisual Table of Contents
Menggambarkan hubungan dari modul-Menggambarkan hubungan dari modul-
modul dalam suatu sistem secaramodul dalam suatu sistem secara
berjenjangberjenjang
1.1. Overview DiagramOverview Diagram
Merepresentasikan input, proses danMerepresentasikan input, proses dan
output secara globaloutput secara global
1.1. Detail DiagramDetail Diagram
Merepresentasikan secara rinci kerja dariMerepresentasikan secara rinci kerja dari
fungsi atau modulfungsi atau modul
5. TEKNIK PENYAJIANTEKNIK PENYAJIAN
ALGORITMAALGORITMA
HIPOHIPO
1.1. Contoh Visual Table of ContentsContoh Visual Table of Contents
Sistem Parpus
0
Entry data
1
Pelayanan Sirkulasi
2
Laporan - laporam
3
Anggota
1.2
Pustaka
1.3
Karyawan
1.1
Pinjaman
2.1
Kembalian
2.2
Laporan
denda
3.1
Laporan
pustaka
3.2
Laporan
peminjam
3.3
Tambah
1.1.1
Tambah
1.2.1
Tambah
1.3.1
Tambah
2.11
Tambah
2.21
6. TEKNIK PENYAJIANTEKNIK PENYAJIAN
ALGORITMAALGORITMA
HIPOHIPO
Overwiew DiagramsOverwiew Diagrams
Overwiew diagrams menggambarkanOverwiew diagrams menggambarkan
hubungan dari input, proses dan output.hubungan dari input, proses dan output.
InputInput adalah item – item data yangadalah item – item data yang
akan digunakan oleh bagian proses.akan digunakan oleh bagian proses.
ProsesProses adalah langkah – langkah yangadalah langkah – langkah yang
menggambarkan kerja dari fungsi ataumenggambarkan kerja dari fungsi atau
modul.modul.
OutputOutput adalah hasil pemrosesan data.adalah hasil pemrosesan data.
7. TEKNIK PENYAJIANTEKNIK PENYAJIAN
ALGORITMAALGORITMA
HIPOHIPO
Overview DiagramOverview Diagram
Contoh:Contoh:
1.1. Menjumlahkan 3 angka.Menjumlahkan 3 angka.
Baca 3 bilangan, jumlahkan ketiga bilanganBaca 3 bilangan, jumlahkan ketiga bilangan
tersebut dan cetak jumlah ketiga bilangantersebut dan cetak jumlah ketiga bilangan
tersebuttersebut
INPUTINPUT PROSESPROSES OUTPUTOUTPUT
-- 3 Bilangan3 Bilangan - Baca 3 Bilangan- Baca 3 Bilangan
- Jumlah ketiga bilangan- Jumlah ketiga bilangan
tersebuttersebut
- Cetak hasil penjumlahan- Cetak hasil penjumlahan
- Hasil- Hasil
JumlahJumlah
8. TEKNIK PENYAJIANTEKNIK PENYAJIAN
ALGORITMAALGORITMA
HIPOHIPO
Detail DiagramDetail Diagram
Detail diagram menggambarkanDetail diagram menggambarkan
elemen-elemen dasar dari paketelemen-elemen dasar dari paket
secara rinci kerja dari fungsisecara rinci kerja dari fungsi
atau modul.atau modul.
9. TEKNIK PENYAJIANTEKNIK PENYAJIAN
ALGORITMAALGORITMA
HIPOHIPO
Contoh Detail Diagram:Contoh Detail Diagram:
INPUTINPUT PROSESPROSES OUTPUTOUTPUT
- Bil_1- Bil_1
- Bil_2- Bil_2
- Bil_3- Bil_3
- Baca Bil_1- Baca Bil_1
- Baca Bil_2- Baca Bil_2
- Baca Bil_3- Baca Bil_3
- Total = Bil_1+Bil_2+Bil_3- Total = Bil_1+Bil_2+Bil_3
- Cetak Total- Cetak Total
- Total- Total
INPUTINPUT PROSESPROSES OUTPUTOUTPUT
- 3 Bilangan- 3 Bilangan - Baca 3 Bilangan- Baca 3 Bilangan
- Jumlah ketiga bilangan- Jumlah ketiga bilangan
tersebuttersebut
- Cetak hasil penjumlahan- Cetak hasil penjumlahan
- Hasil- Hasil
JumlahJumlah
11. TEKNIK PENYAJIANTEKNIK PENYAJIAN
ALGORITMAALGORITMA
FLOW CHARTFLOW CHART
Selection Structure (StrukturSelection Structure (Struktur
Seleksi)Seleksi)
IF SelectionIF Selection
Contoh C++ syntax:
if (A==5) {
instruksi C;
}
Contoh C++ syntax:
if (A==5) {
instruksi C;
}
?
A=5
C
Ya
Tidak
12. TEKNIK PENYAJIANTEKNIK PENYAJIAN
ALGORITMAALGORITMA
FLOW CHARTFLOW CHART
Selection Structure (StrukturSelection Structure (Struktur
Seleksi)Seleksi)
IF – ELSE SelectionIF – ELSE Selection
B
?
A=5
C
YaTidak
Contoh C++ syntax:
if (A==5) {
instruksi C;
}
else {
instruksi B;
}
Contoh C++ syntax:
if (A==5) {
instruksi C;
}
else {
instruksi B;
}
13. TEKNIK PENYAJIANTEKNIK PENYAJIAN
ALGORITMAALGORITMA
FLOW CHARTFLOW CHART
Selection Structure (StrukturSelection Structure (Struktur
Seleksi)Seleksi)
CASE SelectionCASE Selection
Contoh C++ Syntax:
switch (var) {
case ‘w’:
instruksi A;
break;
case ‘x’:
instruksi B;
break;
case ‘y’:
instruksi C;
break;
default:
instruksi D;
}
Contoh C++ Syntax:
switch (var) {
case ‘w’:
instruksi A;
break;
case ‘x’:
instruksi B;
break;
case ‘y’:
instruksi C;
break;
default:
instruksi D;
}
w
Var
x y
default
A B C D
14. TEKNIK PENYAJIANTEKNIK PENYAJIAN
ALGORITMAALGORITMA
FLOW CHARTFLOW CHART
Looping/Repetition StructureLooping/Repetition Structure
(Struktur Pengulangan)(Struktur Pengulangan)
Front Check RepetitionFront Check Repetition
?
Kondisi
A
B
Contoh C++ syntax:
while (kondisi) {
instruksi A;
}
instruksi B;
Contoh C++ syntax:
while (kondisi) {
instruksi A;
}
instruksi B;
CatatanCatatan::
-Kondisi berisi nilai true atau falseKondisi berisi nilai true atau false
-Kondisi dapat berupa persamaan relasiKondisi dapat berupa persamaan relasi
spt:spt: z < 5z < 5
z >= 10z >= 10
…… dsbdsb
15. TEKNIK PENYAJIANTEKNIK PENYAJIAN
ALGORITMAALGORITMA
FLOW CHARTFLOW CHART
Looping/Repetition StructureLooping/Repetition Structure
(Struktur Pengulangan)(Struktur Pengulangan)
Rear Check RepetitionRear Check Repetition
?
Kondisi
A
B
Contoh C++ syntax:
do {
instruksi A;
} while (kondisi)
instruksi B;
Contoh C++ syntax:
do {
instruksi A;
} while (kondisi)
instruksi B;
CatatanCatatan::
-Kondisi berisi nilai true atau falseKondisi berisi nilai true atau false
-Kondisi dapat berupa persamaan relasiKondisi dapat berupa persamaan relasi
spt:spt: z < 5z < 5
z >= 10z >= 10
…… dsbdsb
16. TEKNIK PENYAJIANTEKNIK PENYAJIAN
ALGORITMAALGORITMA
FLOW CHARTFLOW CHART
Looping/Repetition StructureLooping/Repetition Structure
(Struktur Pengulangan)(Struktur Pengulangan)
Fixed RepetitionFixed Repetition
Contoh C++ syntax:
for (x=0;x<=5;x++) {
instruksi A;
}
instruksi B;
Contoh C++ syntax:
for (x=0;x<=5;x++) {
instruksi A;
}
instruksi B;
For x = 0 to 5
A
B
x