Aplikasi Pemetaan Rumah Sakit Di Kota Medan
BAB 2
LANDASAN TEORI
Website
Website atau World Wide Web, sering disingkat sebagai www atau “web” saja, yakni
sebuah sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain
dipresentasikan dalam bentuk hypertext dan dapat diakses oleh perangkat lunak yang
disebut browser. Informasi di web pada umumnya ditulis dalam format HTML.
Keistimewaan inilah yang telah menjadikan web sebagai service yag paling
cepat pertumbuhannya. Web mengizinkan pemberian highlight (penyorotan) pada
kata-kata atau gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk
ke media lain seperti dokumen, frase, movie clip, atau file suara. Web dapat
menghubungkan dari sebarang tempat dalam sebuah dokumen atau gambar ke
sebarang tempat di dokumen lain. Dengan sebuah browser yang memiliki Graphical
User interface (GUI), link-link dapat dihubungkan ketujuannya dengan menunjuk link
Tersebut dengan mouse dan menekannya.
2.1.1
Web Statis
Web statis adalah web yang berisi / menampilkan informasi - informasi yang sifatnya
statis(tetap). Disebut statis karena pengguna tidak dapat berinteraksi dengan web
tersebut. Singkatnya, untuk mengetahui suatu web bersifat statis atau dinamis dapat
dilihat dari tampilanya. Jika suatu web hanya berhubungan dengan halamin web lain
dan berisi suatu informasi yang tetap maka web tersebut disebut statis.
Universitas Sumatera Utara
8
Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web
dan apabila diklik akan berpindah ke halaman web yang lain. Interaksi pengguna
hanya terbatas dapat melihat informasi yang ditampilkan, tetapi tidak dapat mengolah
informasi yang dihasilkan. Web statis biasanya merupakan HTML yang ditulis pada
editor text dan disimpan dalam bentuk .html atau .htm.
2.1.2
Web Dinamis
Web dinamis adalah web yang menampilkan informasi serta dapat berinteraksi dengan
penggguna. Web yang dinamis memungkinkan pengguna untuk berinteraksi
menggunakan form sehinggga dapat mengolah informasi yang ditampilkan. Web
dinamis bersifat interaktif, tidak kaku, dan terlihat lebih indah.
2.2 HTML (Hypertext Markup Language)
Hypertext Markup Language (HTML)adalah bahasayang digunakan untuk menulis
halaman web. HTML merupakan pengembangan dai standard pemformatan dokumen
teks
yaitu
Standard
Generalized
Markup
Language
(SGML).
HTML
sebenarnyaadalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak
tergantung pada satu system operasi tertentu.
HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan
dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML
mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan
menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya.
Namun perkembangan tersebut tidak sampai mengubah cara kerja dari HTML. HTML
2.0 secara resmi dikeluakan pada bulan November 1995 oleh IETF (Internet
Engineering Task Force). HTML 2.0 ini merupakan penyempurnaan dari
HTML+(1993).
Universitas Sumatera Utara
9
HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya.
Sebuah usaha dari World Wide Web Consortium’s HTML Working Group pada tahun
1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan
Januari 1997.
HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh
W3C pada tanggal 24 April 198. HTML 4.01 merupakan perbaikan dari HTML
4.0merupakan perbaikan dari HTML 4.0 yang lebih dahulu diterbitkan (18 Desember
1997).
Dan adapun secara umum tugas-tugas yang dapat dilakukan oleh HTML adalah:
1.
Mengontrol tampilan dari web page dan contentnya.
2.
Mempublikasikan document secara online sehingga bisa di akses dari seluruh
dunia.
3.
Membuat online form yang bisa di gunakan untuk menangani pendaftaran,
transaksisecara online.
4.
Menambahkan object-object seperti image, audi, video dan juga java applet
dalamdocument HTML.
Browser merupakan software yang diinstal di mesin Client yang berfungsi untuk
menterjemahkan tag-tag HTML menjadi halaman web. Browser yang biasanya
digunakan adalah internet explorer, nescape navigator dan banyak browser yang lain.
Untuk membuat dokumen HTML digunakan suatu program editor diantaranya
adalah MS. Frontage, Notepad++, dan yang digunakan penulis adalah Macromedia
Dreamweaver CS6.
2.3 PHP
PHP kependekan dari (Hypertext Preprocessor) adalah bahasa scripting yang menyatu
dengan tag-tag HTML dalam satu file, dieksekusi di server, dan digunakan unutk
membuat halaman web yang dinamis. Selain itu, PHP merupakan software yang open
Universitas Sumatera Utara
10
source bebas sehingga dapat mengubah source code dan mendistribusikan secara
bebas dan gratis. PHP juga dapat berjalan lintas platform yaitu dapat digunakan
dengan sistem operasi (Windows dan Linux) dan web server apapun (misal : PWS,IIS,
Apache). Serta fungsi-fungsi yang ada di PHP bersifat uncase sensitive, dan
sedangkan variabelnya bersifat case sensitive (membedakan huruf besar dan kecil).
2.4 Pengertian Xampp
Xampp merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah
paket. Dengan menginstall Xampp maka tidak perlu lagi melakukan instalasi dan
konfigurasi web serverApache, PHP dan MySQL secara manual.
2.5 Adobe Photoshop
Adobe Photoshop adalah sebuah aplikasi desain yang lebih sesuai digunakan untuk
memodifikasi sebuah image ilustrasi. Sering juga aplikasi ini dinamakan modifikasi,
karena hamper setiap option-nya dapat digunakan untuk membuat modifikasi.
Aplikasi ini menyajikan beberapa option tool yang berfungsi untuk membuat ilustrasi
dan efek untuk sebuah obyek. Obyek yang masuk dalam dokumen Photoshop akan
disimpan dalam bentuk image. Sehingga diperlukan dokumen backup untuk
mempermudah jika sewaktu-waktu ada proses editing.
Ada dua dokumen yang dapat dipilih sesuai format flatten-nya yaitu:
1. Flatten Image, dokumen dengan layer penyusun menyatu. Pada dokumen ini
terdapat penggabungan beberapa layer penyusun desain yang dibuat sebelumnya.
Sehingga dokumen akan tampil dengan materi desain yang sama tetapi hanya ada
satu layer . beberapa dokumen seperti ini dapat ditemukan dalam format jpeg,
bmp, gif, dan lai-lain. Kelebihan format ini adalah:
a. Memori lebih kecil.
b. Mudah di-load ke aplikasi lain.
c. Sangat praktis untuk matei presentasi.
d. Tidak dapat diedit
Universitas Sumatera Utara
11
2. Don’t Flatten Image, dokumen dengan layer penyusun tetap. Artinya pada
dokumen tersebut masing-masing layer penyusun dalam posisi tetap. Sehingga
layer akan menampilkan kotak layer
sesuia dengan jumlah materi dalam
dokumen. Bila dokumen terdiri dari sepuluh materi, maka layer yang terbentuk
juga sepuluh buah. Dokumen seperti ini biasanya ditemukan dalam format psd,
pdf. Kelebihan dari dokumen ini adalah:
a. Mudah dilakukan editing
b. Memori lebih besar
c. Digunakan sebagai master
Pada prinsipnya setiap dokumen akan disimpan dalam dua jenis dokumen
tersebut (flatten image atau don’t flatten image). Masing-masing jenis dokumen ini
dapat diubah format saving nya sesuia dengan kebutuhan desain.
Adobe Photoshop juga dapat digunakan bersama dnegan aplikasi lain,
misalnya Adobe Ilustrator, Adobe InDesign, Adobe Effect, Adobe Premier, bahkan
dengan Macromedia FreeHand. Proses yang dapat diberikan adalah kekmapuan saling
melengkapi kebutuhan ilustrasi desain dan modifikasi pada masing-masing aplikasi
sehingga akan terciptanya karya desain yang professional.
Dalam Adobe Photoshop terdapat beberapa jenis cara proses saving diantaranya:
a. Save, proses penyimpanan dokumen langsung
b. Save As, proses menyimpan dokumen dengan pilihan format saving
c. Save for Web, menyimpan dokumen untuk web
d. Export,menyimpan untuk dibukakan dalam aplikasi Adobe Ilustrator
Adobe Photoshop memiliki beberapa option dan tool yang akan dibagi dalam
beberapa bagian. Diantaranya:
a. Toolbars
b. Toolbox
c. Dialogbox
Universitas Sumatera Utara
12
Adobe Dreamweaver
Adobe Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara
visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk
berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja
dengan
lingkungan
secara visual
dalam melakukan
editing, Dreamweaver
mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat
berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web.
Google Map API
Google
map
menyediakan API
(application
programming
interface)
yang
memungkinkan developer untuk membuat aplikasi apa saja dengan menggunakan map
yang disediakan oleh Google. Pada proses penggunaanya googlemap memiliki fungsifungsi yang sudah di tentukan mulai dari menggunakan peta sampai peletakan tandatanda untuk setiap titik.Google map API memungkinkan developer untuk membuat
database sendiri pada system mereka dan mengimplementasikannya pada map yang
diinginkan developer.
Aplikasi Berbasis Web
1. Aplikasi yang dibuat dengan memanfaatkan mekanismedan aplikasi yang
sudah ada pada sistem web (WWW).
2. Aplikasi berbasis web merupakan aplikasi yang dapatlangsung dijalankan pada
browser dengan bantuan koneksidari internet.
3. Aplikasi berbasis web tidak terbatas pada sistem operasiyang digunakan.
4. User yang mengakses data dengan menggunakan aplikasiberbasis web bisa
langsung mendapat umpan balik dariserver penyedia data sehingga tidak statis.
Universitas Sumatera Utara
13
5. Jenis bahasa pemrograman yang digunakan tidakmempengaruhi hasil aplikasi
yang dibuat.
2.9 Flow-Chart
Flow chart adalah penggambaran secara grafik dari langkah – langkah dan urutan –
urutan prosedur dari suatu program. Flow chart menolong analis dan programmer
untuk memecahkan masalah ke dalam segmen – segmen yang lebih kecil dan
menolong dalam menganalisis alternatif – alternatif lain dalam pengoperasian Flow
chart biasanya mempermudah penyelesaian suatu masalah khususnya masalah yang
perlu dipelajari dan dievaluasi lebih lanjut. Petunjuk untuk membuat flow chart Bila
seorang analisis dan programmer akan membuat flow chart, ada eberapa petunjuk
yang harus diperhatikan, seperti :
1. Flow chart digambarkan dari halaman atas ke bawah dan kiri ke kanan.
2. Aktifitas yang digambarkan harus didefinisikan secara hati – hati dandefenisi
iniharus dapat dimengerti oleh pembacanya.
3. Kapan aktifitas dimulai dan berakhir harus ditentukan secara jelas.
4. Setiap langkah dari aktifitas harus diuraikan dengan menggunakandeksripsi
katakerja.
5. Setiap langkah dari aktifitas harus berada pada urutan yang benar.
6. Lingkup, range dan aktifitas yang sedang digambarkan harus ditelusuridengan hati
-
hati. Percabangan - percabangan yang memotong aktifitas yangsedang
digambarkan
tidak
perlu
digunakan
dan
percabangannya
diletakkanpadahalamanyang terpisah atau hilangkan seluruhnya bila percabangan
tidakberkaitandengansistem.
7. Gunakan symbol – symbol flowchart yang standard.
Berikut ini adalah gambar simbol – simbol standar dalam flow chart beserta
dengan arti dari masing – masing simbol :
Universitas Sumatera Utara
14
Tabel 2.1Flow-Chart
Simbol
Keterangan
Simbol ini dipergunakan untuk menunjukkan awal
kegiatan atau akhir kegiatan atau berhentinya
suatu program.
Terminal/Interupt
(Mulai/Berhenti)
Untuk mewakili data input dan menuliskan
output-nya
Input/Output (data/hasil)
Suatu simbol yang melambangkan diprosesnya
suatu data.
Process (Pengolahan)
Dipakai untuk menuliskan jika adanya percabangan,
seperti if, case.
Decision (Keputusan)
Untuk
program-program
yang
sering
dipergunakan sebuah program berulang kali,
biasanya dibuat program terpisah dengan sebuah
Prefendefined
sub program (subroutine). Untuk menghubungkan
program utama dengan subroutine dipergunakan
symbol ini.
Bila suatu flow-chart sangat panjang dan diputus
di tengah sebelum selesai, jika disambung dalam
halaman yang sama lagi, maka digunakan symbol
Connector (Penghubung)
ini.
Universitas Sumatera Utara
15
Bila suatu flow-chart dihubungkan dengan garisgaris ini. Garis-garis ini menunjukkan akar
selanjutnya yang akan dituju. Bila arahnya ke
bawah atau ke kanan tidak perlu memakai tanda
panah. Bila ke atas atau ke kiri , tanda panah
Flow lines (Garis Alir)
harus dipakai, untuk membedakannya.
Universitas Sumatera Utara
LANDASAN TEORI
Website
Website atau World Wide Web, sering disingkat sebagai www atau “web” saja, yakni
sebuah sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain
dipresentasikan dalam bentuk hypertext dan dapat diakses oleh perangkat lunak yang
disebut browser. Informasi di web pada umumnya ditulis dalam format HTML.
Keistimewaan inilah yang telah menjadikan web sebagai service yag paling
cepat pertumbuhannya. Web mengizinkan pemberian highlight (penyorotan) pada
kata-kata atau gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk
ke media lain seperti dokumen, frase, movie clip, atau file suara. Web dapat
menghubungkan dari sebarang tempat dalam sebuah dokumen atau gambar ke
sebarang tempat di dokumen lain. Dengan sebuah browser yang memiliki Graphical
User interface (GUI), link-link dapat dihubungkan ketujuannya dengan menunjuk link
Tersebut dengan mouse dan menekannya.
2.1.1
Web Statis
Web statis adalah web yang berisi / menampilkan informasi - informasi yang sifatnya
statis(tetap). Disebut statis karena pengguna tidak dapat berinteraksi dengan web
tersebut. Singkatnya, untuk mengetahui suatu web bersifat statis atau dinamis dapat
dilihat dari tampilanya. Jika suatu web hanya berhubungan dengan halamin web lain
dan berisi suatu informasi yang tetap maka web tersebut disebut statis.
Universitas Sumatera Utara
8
Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web
dan apabila diklik akan berpindah ke halaman web yang lain. Interaksi pengguna
hanya terbatas dapat melihat informasi yang ditampilkan, tetapi tidak dapat mengolah
informasi yang dihasilkan. Web statis biasanya merupakan HTML yang ditulis pada
editor text dan disimpan dalam bentuk .html atau .htm.
2.1.2
Web Dinamis
Web dinamis adalah web yang menampilkan informasi serta dapat berinteraksi dengan
penggguna. Web yang dinamis memungkinkan pengguna untuk berinteraksi
menggunakan form sehinggga dapat mengolah informasi yang ditampilkan. Web
dinamis bersifat interaktif, tidak kaku, dan terlihat lebih indah.
2.2 HTML (Hypertext Markup Language)
Hypertext Markup Language (HTML)adalah bahasayang digunakan untuk menulis
halaman web. HTML merupakan pengembangan dai standard pemformatan dokumen
teks
yaitu
Standard
Generalized
Markup
Language
(SGML).
HTML
sebenarnyaadalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak
tergantung pada satu system operasi tertentu.
HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan
dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML
mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan
menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya.
Namun perkembangan tersebut tidak sampai mengubah cara kerja dari HTML. HTML
2.0 secara resmi dikeluakan pada bulan November 1995 oleh IETF (Internet
Engineering Task Force). HTML 2.0 ini merupakan penyempurnaan dari
HTML+(1993).
Universitas Sumatera Utara
9
HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya.
Sebuah usaha dari World Wide Web Consortium’s HTML Working Group pada tahun
1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan
Januari 1997.
HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh
W3C pada tanggal 24 April 198. HTML 4.01 merupakan perbaikan dari HTML
4.0merupakan perbaikan dari HTML 4.0 yang lebih dahulu diterbitkan (18 Desember
1997).
Dan adapun secara umum tugas-tugas yang dapat dilakukan oleh HTML adalah:
1.
Mengontrol tampilan dari web page dan contentnya.
2.
Mempublikasikan document secara online sehingga bisa di akses dari seluruh
dunia.
3.
Membuat online form yang bisa di gunakan untuk menangani pendaftaran,
transaksisecara online.
4.
Menambahkan object-object seperti image, audi, video dan juga java applet
dalamdocument HTML.
Browser merupakan software yang diinstal di mesin Client yang berfungsi untuk
menterjemahkan tag-tag HTML menjadi halaman web. Browser yang biasanya
digunakan adalah internet explorer, nescape navigator dan banyak browser yang lain.
Untuk membuat dokumen HTML digunakan suatu program editor diantaranya
adalah MS. Frontage, Notepad++, dan yang digunakan penulis adalah Macromedia
Dreamweaver CS6.
2.3 PHP
PHP kependekan dari (Hypertext Preprocessor) adalah bahasa scripting yang menyatu
dengan tag-tag HTML dalam satu file, dieksekusi di server, dan digunakan unutk
membuat halaman web yang dinamis. Selain itu, PHP merupakan software yang open
Universitas Sumatera Utara
10
source bebas sehingga dapat mengubah source code dan mendistribusikan secara
bebas dan gratis. PHP juga dapat berjalan lintas platform yaitu dapat digunakan
dengan sistem operasi (Windows dan Linux) dan web server apapun (misal : PWS,IIS,
Apache). Serta fungsi-fungsi yang ada di PHP bersifat uncase sensitive, dan
sedangkan variabelnya bersifat case sensitive (membedakan huruf besar dan kecil).
2.4 Pengertian Xampp
Xampp merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah
paket. Dengan menginstall Xampp maka tidak perlu lagi melakukan instalasi dan
konfigurasi web serverApache, PHP dan MySQL secara manual.
2.5 Adobe Photoshop
Adobe Photoshop adalah sebuah aplikasi desain yang lebih sesuai digunakan untuk
memodifikasi sebuah image ilustrasi. Sering juga aplikasi ini dinamakan modifikasi,
karena hamper setiap option-nya dapat digunakan untuk membuat modifikasi.
Aplikasi ini menyajikan beberapa option tool yang berfungsi untuk membuat ilustrasi
dan efek untuk sebuah obyek. Obyek yang masuk dalam dokumen Photoshop akan
disimpan dalam bentuk image. Sehingga diperlukan dokumen backup untuk
mempermudah jika sewaktu-waktu ada proses editing.
Ada dua dokumen yang dapat dipilih sesuai format flatten-nya yaitu:
1. Flatten Image, dokumen dengan layer penyusun menyatu. Pada dokumen ini
terdapat penggabungan beberapa layer penyusun desain yang dibuat sebelumnya.
Sehingga dokumen akan tampil dengan materi desain yang sama tetapi hanya ada
satu layer . beberapa dokumen seperti ini dapat ditemukan dalam format jpeg,
bmp, gif, dan lai-lain. Kelebihan format ini adalah:
a. Memori lebih kecil.
b. Mudah di-load ke aplikasi lain.
c. Sangat praktis untuk matei presentasi.
d. Tidak dapat diedit
Universitas Sumatera Utara
11
2. Don’t Flatten Image, dokumen dengan layer penyusun tetap. Artinya pada
dokumen tersebut masing-masing layer penyusun dalam posisi tetap. Sehingga
layer akan menampilkan kotak layer
sesuia dengan jumlah materi dalam
dokumen. Bila dokumen terdiri dari sepuluh materi, maka layer yang terbentuk
juga sepuluh buah. Dokumen seperti ini biasanya ditemukan dalam format psd,
pdf. Kelebihan dari dokumen ini adalah:
a. Mudah dilakukan editing
b. Memori lebih besar
c. Digunakan sebagai master
Pada prinsipnya setiap dokumen akan disimpan dalam dua jenis dokumen
tersebut (flatten image atau don’t flatten image). Masing-masing jenis dokumen ini
dapat diubah format saving nya sesuia dengan kebutuhan desain.
Adobe Photoshop juga dapat digunakan bersama dnegan aplikasi lain,
misalnya Adobe Ilustrator, Adobe InDesign, Adobe Effect, Adobe Premier, bahkan
dengan Macromedia FreeHand. Proses yang dapat diberikan adalah kekmapuan saling
melengkapi kebutuhan ilustrasi desain dan modifikasi pada masing-masing aplikasi
sehingga akan terciptanya karya desain yang professional.
Dalam Adobe Photoshop terdapat beberapa jenis cara proses saving diantaranya:
a. Save, proses penyimpanan dokumen langsung
b. Save As, proses menyimpan dokumen dengan pilihan format saving
c. Save for Web, menyimpan dokumen untuk web
d. Export,menyimpan untuk dibukakan dalam aplikasi Adobe Ilustrator
Adobe Photoshop memiliki beberapa option dan tool yang akan dibagi dalam
beberapa bagian. Diantaranya:
a. Toolbars
b. Toolbox
c. Dialogbox
Universitas Sumatera Utara
12
Adobe Dreamweaver
Adobe Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara
visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk
berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja
dengan
lingkungan
secara visual
dalam melakukan
editing, Dreamweaver
mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat
berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web.
Google Map API
map
menyediakan API
(application
programming
interface)
yang
memungkinkan developer untuk membuat aplikasi apa saja dengan menggunakan map
yang disediakan oleh Google. Pada proses penggunaanya googlemap memiliki fungsifungsi yang sudah di tentukan mulai dari menggunakan peta sampai peletakan tandatanda untuk setiap titik.Google map API memungkinkan developer untuk membuat
database sendiri pada system mereka dan mengimplementasikannya pada map yang
diinginkan developer.
Aplikasi Berbasis Web
1. Aplikasi yang dibuat dengan memanfaatkan mekanismedan aplikasi yang
sudah ada pada sistem web (WWW).
2. Aplikasi berbasis web merupakan aplikasi yang dapatlangsung dijalankan pada
browser dengan bantuan koneksidari internet.
3. Aplikasi berbasis web tidak terbatas pada sistem operasiyang digunakan.
4. User yang mengakses data dengan menggunakan aplikasiberbasis web bisa
langsung mendapat umpan balik dariserver penyedia data sehingga tidak statis.
Universitas Sumatera Utara
13
5. Jenis bahasa pemrograman yang digunakan tidakmempengaruhi hasil aplikasi
yang dibuat.
2.9 Flow-Chart
Flow chart adalah penggambaran secara grafik dari langkah – langkah dan urutan –
urutan prosedur dari suatu program. Flow chart menolong analis dan programmer
untuk memecahkan masalah ke dalam segmen – segmen yang lebih kecil dan
menolong dalam menganalisis alternatif – alternatif lain dalam pengoperasian Flow
chart biasanya mempermudah penyelesaian suatu masalah khususnya masalah yang
perlu dipelajari dan dievaluasi lebih lanjut. Petunjuk untuk membuat flow chart Bila
seorang analisis dan programmer akan membuat flow chart, ada eberapa petunjuk
yang harus diperhatikan, seperti :
1. Flow chart digambarkan dari halaman atas ke bawah dan kiri ke kanan.
2. Aktifitas yang digambarkan harus didefinisikan secara hati – hati dandefenisi
iniharus dapat dimengerti oleh pembacanya.
3. Kapan aktifitas dimulai dan berakhir harus ditentukan secara jelas.
4. Setiap langkah dari aktifitas harus diuraikan dengan menggunakandeksripsi
katakerja.
5. Setiap langkah dari aktifitas harus berada pada urutan yang benar.
6. Lingkup, range dan aktifitas yang sedang digambarkan harus ditelusuridengan hati
-
hati. Percabangan - percabangan yang memotong aktifitas yangsedang
digambarkan
tidak
perlu
digunakan
dan
percabangannya
diletakkanpadahalamanyang terpisah atau hilangkan seluruhnya bila percabangan
tidakberkaitandengansistem.
7. Gunakan symbol – symbol flowchart yang standard.
Berikut ini adalah gambar simbol – simbol standar dalam flow chart beserta
dengan arti dari masing – masing simbol :
Universitas Sumatera Utara
14
Tabel 2.1Flow-Chart
Simbol
Keterangan
Simbol ini dipergunakan untuk menunjukkan awal
kegiatan atau akhir kegiatan atau berhentinya
suatu program.
Terminal/Interupt
(Mulai/Berhenti)
Untuk mewakili data input dan menuliskan
output-nya
Input/Output (data/hasil)
Suatu simbol yang melambangkan diprosesnya
suatu data.
Process (Pengolahan)
Dipakai untuk menuliskan jika adanya percabangan,
seperti if, case.
Decision (Keputusan)
Untuk
program-program
yang
sering
dipergunakan sebuah program berulang kali,
biasanya dibuat program terpisah dengan sebuah
Prefendefined
sub program (subroutine). Untuk menghubungkan
program utama dengan subroutine dipergunakan
symbol ini.
Bila suatu flow-chart sangat panjang dan diputus
di tengah sebelum selesai, jika disambung dalam
halaman yang sama lagi, maka digunakan symbol
Connector (Penghubung)
ini.
Universitas Sumatera Utara
15
Bila suatu flow-chart dihubungkan dengan garisgaris ini. Garis-garis ini menunjukkan akar
selanjutnya yang akan dituju. Bila arahnya ke
bawah atau ke kanan tidak perlu memakai tanda
panah. Bila ke atas atau ke kiri , tanda panah
Flow lines (Garis Alir)
harus dipakai, untuk membedakannya.
Universitas Sumatera Utara