Bab 1
Pendahuluan
A. Deskripsi Modul
Modul ini berisikan tentang program pembuatan diagram, layout, gambar teknikal, dan
lainnya. Namun juga terdapat cara membuat kreasi gambar sendiri secara sederhana.
B. Prasyarat
Untuk mempelajari modul ini, siswa diharuskan telah memahami penggunaan komputer dan
software standard yang ada pada PC.
C. Petunjuk Penggunaan Modul
Bacalah dengan teliti semua langkah-langkah yang ada pada modul ini.
D. Tujuan Akhir
Setelah mempelajari modul ini, peserta diharapkan dapat:
1. Mengenal Visio 2007
2. Menggunakan visio 2007
3. Membuat Diagram dan Flowchart dengan Visio 2007
Bab2
Pengenalan Visio 2007
Visio 2007 saat ini merupakan aplikasi terdepan di kelasnya untuk aplikasi
pelengkap dalam pembuatan diagram, layout, gambar teknikal, dan lainnya.
Visio 2007 telah menyediakan semua fungsi gambar dan icon, sehingga anda
tidak perlu memerlukan bakat mengambar tetapi anda bisa langsung
menggunakannya dengan sangat mudah. Umumnya tampilan menu pada visio
2007 ini sama dengan tampilan pada produk microsoft seperti word, excel,
power point. Namun terdapat tiga menu utama untuk visio :
1. Tools,
2. Data
3. dan Shape.
Gambar 1 Lembar Kerja
pada Visio
Interface
tersebut mempunyai 2 bagian pokok, yaitu lembar kerja yang ditunjukkan oleh
panah bernomor 2 dan Stencil yang ditunjukkan oleh panah bernomor 1. lembar
kerja merupakan tempat dimana kita meletakkan notasi-notasi diagram sehingga
terbentuk sebuah diagram yang utuh. Sedangkan stencil merupakan kumpulan
diagram atau shape yang telah dikelompokkan menurut diagramnya masing-
masing.
Prinsip kerja untuk menggambarkan shape pada lembar kerja disini cukup
gampang dimana anda hanya perlu untuk “drag and drop” saja notasi-notasi yang
anda inginkan, dalam artian, klik diagram yang anda inginkan kemudian tahan
tombol mouse dan geser pointer ke lembar kerja dan lepaskan tombol mouse.
Untuk selanjutnya, kita akan menggunakan istilah “drag and drop” ini untuk
menjelaskan prosedur tersebut. Untuk menambah stencil yang perlu kita lakukan
hanyalah klik menu file > Shape, lalu pilih stencil yang kita perlukan sesuai kategori
yang tersedia. Kebutuhan. Anda juga dapat membuka stencil lebih dari satu.
Caranya sama seperti diatas dan secara otomatis stencil akan berbaris.
• Menu Bar, berisi daftar menu yang dapat kita gunakan, dimana menu ini
mempunyai sub menu masing-masing sesuai dengan fungsi dari menu
induknya. Pada Gambar 2.
G
ambar 2 Menu Utama
• Toolbar Standar, merupakan kumpulan icon-icon standar yang disediakan
oleh Visio secara otomatis. Walaupun begitu icon dari toolbar ini juga dapat
kita tambah atau dikurangi sesuai keperluan. Default dari toolbar ini terdiri
dari icon sbb;
Gambar 3 Toolbar
Untuk mengetahui nama dari icon-icon tersebut dapat dilakukan dengan
mengarahkan pointer mouse pada icon yang dituju, tunggu sesaat sehingga
tampil nama dari icon tersebut.
Tugas 1
1. Apa fungsi dari visio ?
2. Sebutkan tiga menu utama yang tersedia dalam menu utama !
3. Apa yang dimaksud dengan stencil
Bab3
Mulai Menggunakan Visio 2007
3.1. Menyiapkan Jendela Kerja Baru
Untuk menyiapkan jendela kerja baru yang masih kosong, ikuti langkah berikut ini:
1. Pilih dan klik menu File > New . Kemudian seperti yang terlihat pada gambar 3.1 anda
dapat memilih stencil yang langsung dapat digunakan saat membuka lembar kerja baru
atau dengan memilih new drawing (Ctrl+N), akan terbuka lembar kerja baru tanpa
stencil.
Gambar 3.1 New
File Pada
Visio
2. Kemudian lembar kerja baru akan terbuka [ disini penulis memilih stencil flowchart >
Basic Flowchart (US unit)] seperti terlihat pada gambar 3.2
Gambar 3.2
Lembar
Kerja Baru
3.2.
Menyimpan document hasil kerja
Apabila anda ingin menyimpan document hasil kerja dapat dilakukan dengan cara menekan
kombinasi tombol Ctrl+S atau dengan mengklik pada menu bar, file> save. Maka akan
muncul kotak dialog seperti pada gambar 3.3
Gambar 3.3 Kotak dialog save
Kemudian beri nama file name
dengan nama sesuai document yang dibuat. Lalu klik save
3.3. Membuka File
Apabila anda bermaksud menyunting file visio yang sudah ada, maka kita harus membuka
document yang telah kita simpan sebelumnya. Untuk membuka file, dapat menggunakan
kombinasi tombol Ctrl+O atau klik file pada Menu Bar lalu akan muncul kotak dialao sesuai
gambar 3.4
Gambar 3.4 Kotak
Dialog Open File
Lalu pada Look In cari dimana file tersebut disimpan. Apabila file sudah di temukan klik dua kali atau
klik satu kali kemudian klik tombol open.
Tugas 2
1. Bagaimana cara membuat lembar kerja baru?
2. Sebutkan langkah menyimpan file/document dalam visio?
3. Sebutkan langkah membuka file yang telah disimpan di visio?
BAB 4
Membuat Flowchart dan Diagram
Dalam membuat sebuah algoritma pemrograman umumnya digunakan
flowchart untuk menggambarkan alur kerja sebuah pemrograman.
Sehingga perlu menyamakan pemahaman tentang simbol yang biasa
digunakan dalam membuat flowchart untuk sebuah algoritma program.
No Simbol Makna
1. start / mulai
end / selesai
2. Input/output
3. Kondisi
4. Nilai
awal/inisialisasi
5. Perulangan for
6. Proses/penugas
an
Contoh algoritma dan flowchartnya :
1) Algoritma mencari jumlah 3 buah bilangan bulat dengan flowchart
Algoritma mencari jumlah 3 buah bilangan bulat
Deklarasi
a,b,c : integer
jumlah : integer
Deskripsi
Read(a,b,c)
Jumlah a + b + c
Write(jumlah)
Flowchartnya :
Start
Input
A, B, C
Jumlah=
A+B+C
Cetak
Jumlah
End
Gambar 4.1
2) Algoritma mencari hasil kali dari dua buah bilangan dengan flowchart =
Algoritma mencari hasil kali dari dua buah bilangan
Deklarasi
a,b : integer
hasil : integer
Deskripsi
Read(a,b)
hasil a * b
Write(hasil)
Flowchartnya :
Start
Input
A, B
Hasil=A*B
Cetak
Hasil
End
Gambar 4.2
4. Algoritma untuk mencetak angka (loop)
Deklarasi
I : integer M u lai
Deskripsi
i=1
I1
While(i<=4)do
i<= 4
Write(i)
Ii+1
i
Endwhile
i=i+1
Flowchart :
S ele sa i
Gambar 4.3
Untuk membuat sebuah flowchart dalam visio, sebenarnya kita telah cukup di
mudahkan karena semua bagian untuk membuat flowchart telah tersedia.
Langkah dalam pembuatan flowchart :
1. Setelah kita konsep flowchart yang ingin dibuat. Misalnya kita akan
membuat contoh flowchart no.1
2. Buka program visio, lalu buat lembar kerja baru, pilihlah stencil dengan
kategori flowchart > Basic flowchart (US Unit)
3. Drag dan drop shape “Terminator” lalu drag dan drop shape “data”
dibawah shape terminator. Kemudian isi dengan “Start” dan “Input
a,b,c”.
G
ambar 4.4 Pembuatan flowchart
4. Lalu dengan connector tool kedua shape tersebut bisa dihubungkan.
5. Ulangi langkah (3) dan (4) dengan pilihan shapes yang berbeda.
6. Setelah flowchart selesai, simpan hasil kerja.
Gambar 4.5 Flowchart yang telah selesai dibuat
Dalam membuat sebuah diagram arsitektur jaringan pada visio,
memiliki kesamaam dalam penyusunan hanya saja stencil yang dipakai
menggunakan kategori yang berbeda yaitu Computers and monitors
(US Unit) dan Network and peripherals (US Units).