• Tidak ada hasil yang ditemukan

Website Interactive Dengan Database Penyakit Demam Berdasarkan Buku "Dokter Di Rumah Anda".

N/A
N/A
Protected

Academic year: 2017

Membagikan "Website Interactive Dengan Database Penyakit Demam Berdasarkan Buku "Dokter Di Rumah Anda"."

Copied!
34
0
0

Teks penuh

(1)

ABSTRAK

Demam sudah diketahui sebagai pertanda penyakit. Banyak terdapat kasus

penyakit dengan gejala demam di Indonesia. Untuk itu sangat dibutuhkan

informasi-informasi tentang penyakit demam, sehingga dapat ditangani dengan lebih lanjut. Web

merupakan salah satu penggerak teknologi informasi. Saat ini informasi dengan sangat

cepat didapatkan melalui web. Bahkan dengan pemrograman server-side informasi pada halaman web mudah untuk di-update dan dapat membuat serta menghubungkan dengan

berbagai macam database yang ada. Untuk itu web dapat dimanfaatkan sebagai sarana

untuk mendapatkan informasi tentang penyakit demam yang sering dihadapi bahkan

dapat membantu mendiagnosa penyakit demam.

Perancangan web ini menggunakan PHP Triad, yang terdiri dari “APACHE” yang

menjalankan fungsi sebagai web server, “PHP” sebagai bahasa pemograman berbasis

web (web programming) dan “MYSQL” untuk keperluan pengelolaan data berbasis web (web database).

Website interactive dengan database penyakit demam ini memiliki beberapa macam

fungsi, seperti membantu mendiagnosa penyakit demam berdasarkan buku "Dokter di

rumah anda” dan memiliki template yang dapat diisi dengan database penyakit lain.

Website ini dibuat sebagai sarana untuk komunikasi tentang penyakit demam yang sering

dihadapi berdasarkan buku “Dokter di rumah anda”, hasil dari diagnosa website ini

sebagai rujukan awal. Sehingga dapat ditangani lebih intensif lagi oleh instansi kesehatan

yang ada.

(2)

ABSTRACT

Fever has been know as a symptom for many diseases. There are many cases of

diseases with fever symptom in Indonesia. Therefore, information on fever is needed, so

that it can be handled properly. Web is one of many breakthroughs in IT. Nowadays,

information can be acquired very quickly on the web. Even with server-side

programming information on a web page is easy to update and connect to many existing

databases. Web can facilitate to get information on fever sickness and even help diagnose

it.

This web designing uses PHP Triad, that consist of “APACHE” that functions as

a web server, “PHP” as web-based programming language (web programming) and

“MYSQL” for web-based data manipulating (web database).

Interactive website with database on fever has several function, such as help

diagnose fever sickness based on family doctor, home adviser and has templates that can

be filled with other sicknesses. This website is made to facilitate communication on fever

that are other encountered based on family doctor, home adviser, result of this website

diagnose as an early estimation. So that it can be handled more intensively by existing

health instances.

(3)

DAFTAR ISI

ABSTRAK………...i

ABSTRAK………...ii

KATA PENGANTAR………...iii

DAFTAR ISI………...v

DAFTAR GAMBAR………...viii

DAFTAR TABEL………...xii

BAB I PENDAHULUAN...1

1.1Latar Belakang………...………...1

1.2Identifikasi Masalah………...………....1

1.3Tujuan………...……….1

1.4Pembatasan Masalah………...………...2

1.5Sistematika Pembahasan………...………...2

BAB II LANDASAN TEORI………...………....3

2.1 HTML………...…..3

2.2 PHP………...4

2.2.1 Indentifier………...5

2.2.2 Tipe Data...6

2.2.3 Fungsi………...8

2.3 HTTP………...9

2.4 World Wide Web………...10

2.5 Apache………...11

2.6 PHPMyAdmin………...11

2.7 Koneksi PHP dan MySQL………...14

2.7.1 mysql connect………...16

2.7.2 mysql select db...16

(4)

2.7.3 mysql query……….………...16

2.7.4 mysql_num_rows...16

2.7.5 mysql_fetch_array………...16

2.7.6 mysql_free_result………...17

BAB III PERANCANGAN PROGRAM………...18

3.1 Perancangan Software………...18

3.1.1 Diagram Alir Utama……….……...18

3.1.2 Subrutin Home………...19

3.1.3 Subrutin Informasi………...20

3.1.4 Subrutin Diagnosa………..….……...21

3.1.5 Subrutin Special Thanks………...….29

3.1.6 Subrutin Template………...……...30

3.1.6.1 Mengisi Data………...31

3.1.6.2 Mengisi Proses………...32

3.1.6.3 Diagnosa………...…………...33

3.1.6.4 Cara Mengisi……….……...34

BAB IV DATA PENGAMATAN DAN ANALISA………...35

4.1 Menu Informasi...35

4.2 Menu Home...36

4.3 Menu Diagnosa...37

4.4 Menu Special Thanks...50

4.5 Menu Template...51

4.5.1 Mengisi Data...57

4.5.2 Mengisi Proses...67

4.5.3 Diagnosa...75

4.5.4 Cara Mengisi...77

BAB V KESIMPULAN DAN SARAN...78

5.1 Kesimpulan...78

(5)

5.2 Saran...78

DAFTAR PUSTAKA...79

LAMPIRAN LISTING PROGRAM...A-1

(6)

Daftar Gambar

Gambar 2.1 Konsep dasar browser dan server web ...10

Gambar 2.2 Index PHPMyAdmin ...12

Gambar 2.3 Database ...13

Gambar 3.1 Diagram Alir Utama ...18

Gambar 3.2 Subrutin Home ...19

Gambar 3.3 Subrutin Informasi ...20

Gambar 3.4 Subrutin Diagnosa...21

Gambar 3.5 Tabel Data ...26

Gambar 3.6 Tabel Proses ...27

Gambar 3.7 Tampilan Pertanyaan ...28

Gambar 3.8 Subrutin Special Thanks ...29

Gambar 3.9 Subrutin Template...30

Gambar 3.10 Mengisi Data ...31

Gambar 3.11 Mengisi Proses ...32

Gambar 3.12 Diagnosa ...33

Gambar 3.13 Cara Mengisi ...34

Gambar 4.1 Tampilan Informasi ...35

Gambar 4.2 Tampilan Home ...36

Gambar 4.3 Tampilan Diagnosa ...37

Gambar 4.4 Pertanyaan1 ...38

Gambar 4.5 Pertanyaan 2 ...38

Gambar 4.6 Pertanyaan 3 ...39

Gambar 4.7 Kesimpulan dan Saran ...39

Gambar 4.8 Pertanyaan 1 ...40

Gambar 4.9 Pertanyaan 2 ...40

(7)

Gambar 4.10 Pertanyaan 3 ...41

Gambar 4.11 Pertanyaan 4 ...41

Gambar 4.12 Pertanyaan 5 ...42

Gambar 4.13 Pertanyaan 6 ...42

Gambar 4.14 Pertanyaan 7 ...43

Gambar 4.15 Pertanyaan 8 ...43

Gambar 4.16 Pertanyaan 9 ...44

Gambar 4.17 Kesimpulan dan Saran...44

Gambar 4.18 Pertanyaan 1 ...45

Gambar 4.19 Pertanyaan 2 ...45

Gambar 4.20 Pertanyaan 3 ...46

Gambar 4.21 Pertanyaan 4 ...46

Gambar 4.22 Pertanyaan 5 ...47

Gambar 4.23 Kesimpulan dan Saran...47

Gambar 4.24 Pertanyaan 1 ...48

Gambar 4.25 Pertanyaan 2 ...48

Gambar 4.26 Kesimpulan dan Saran...49

Gambar 4.27 Tampilan Special Thanks...50

Gambar 4.28 Tampilan Login...51

Gambar 4.29 Memasukkan Data pada Tabel User ...52

Gambar 4.30 Data pada Tabel User ...52

Gambar 4.31 Mengisi Form Login 1 ...53

Gambar 4.32 Login Berhasil...53

Gambar 4.33 Mengisi Form Login 2 ...54

Gambar 4.34 Username Tidak Terdaftar ...54

Gambar 4.35 Mengisi Form Login 3 ...55

Gambar 4.36 Password Salah ...55

Gambar 4.37 Tampilan Template ...56

(8)

Gambar 4.38 Form Input Data ...57

Gambar 4.39 Input Data 1...60

Gambar 4.40 Input Data 2...60

Gambar 4.41 Input Data 3...61

Gambar 4.42 Input Data 4...61

Gambar 4.43 Input Data 5...62

Gambar 4.44 Input Data 6...62

Gambar 4.45 Input Data 7...63

Gambar 4.46 Input Data 8...63

Gambar 4.47 Input Data 9...64

Gambar 4.48 Input Data 10...64

Gambar 4.49 Input Data 11...65

Gambar 4.50 Input Data 12...65

Gambar 4.51 Input Data 13...66

Gambar 4.52 Hasil Input Data di phpmyadmin ...66

Gambar 4.53 Form Input Proses ...67

Gambar 4.54 Input Proses 1...68

Gambar 4.55 Input Proses 2...68

Gambar 4.56 Input Proses 3...69

Gambar 4.57 Input Proses 4...69

Gambar 4.58 Input Proses 5...70

Gambar 4.59 Input Proses 6...70

Gambar 4.60 Input Proses 7...71

Gambar 4.61 Input Proses 8...71

Gambar 4.62 Input Proses 9...72

Gambar 4.63 Input Proses 10...72

Gambar 4.64 Input Proses 11...73

Gambar 4.65 Input Proses 12...73

Gambar 4.66 Hasil Input Proses di phpmyadmin ...74

(9)

Gambar 4.67 Pertanyaan 1 ...75

Gambar 4.68 Pertanyaan 2 ...76

Gambar 4.69 Kesimpulan dan Saran...76

Gambar 4.70 Tampilan Cara Mengisi...77

(10)

Daftar Tabel

Tabel 2.1 Tab dalam database ...13

Tabel 2.2 Fungsi tab dalam database ...14

Tabel 2.3 Referensi MYSQL ...15

(11)

Hasil ta3.htm (Menu Home)

<html> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title>

<script language="JavaScript" type="text/JavaScript"> <!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if

((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

<BODY bgcolor="black" onLoad="space()"> <bgsound src="- Track17.mp3">

<div id="Layer1" style="position:absolute; left:687px; top:303px; width:60px;

height:24px; z-index:1; background-color: #999999; layer-background-color: #999999; border: 1px none #000000;">&nbsp; <a href="hasil%20ta.htm">BUKA</a></div> <SCRIPT LANGUAGE="JavaScript">

<!-- Original: Viswanathan Manohar (manohar_v@yahoo.com) --> <!-- Web Site: http://www.geocities.com/manohar_v -->

<!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin

astropic = "astronaut.jpg"; // location of YOUR astronaut image var xval = new Array(); // holds star coordinates

var yval = new Array();

no = 100; // number of stars in the background speed = 200; // speed

xp = 20 + 100 * Math.random(); yp = 20 + 100 * Math.random();

angle = 3.14 * Math.random(); // astronaut angle xinc = 3 * Math.sin(angle);

yinc = 3;

ie = (document.all)? 1 : 0; ns = (document.layers)? 1: 0; if (ie) {

width = document.body.clientWidth;

(12)

height = document.body.clientHeight; for (var i = 0; i <= no; i++) {

document.write("<div id=\"div" + i+ "\" style=\"color:white;"); document.write("position:absolute;left:100;\">.</div>"); }

document.write("<div id=\"diva\" style=\"position:absolute;\">"); document.write("<img src=" + astropic + " border=\"0\" width=\"65\" height=\"95\"></div>");

for (i = 0; i <= no; i++) {

xval[i] = width * Math.random(); yval[i] = height * Math.random();

document.all["div" + i].style.left = xval[i]; document.all["div" + i].style.top = yval[i]; }

} if (ns) {

width = self.innerWidth; height = self.innerHeight; for (var i = 0; i <= no; i++) {

document.write("<layer id=\"div" + i+ "\" style=\"color:white;"); document.write("position:absolute;left:100;\">.</layer>"); }

document.write("<layer id=\"diva\" style=\"position:absolute;\">"); document.write("<img src=" + astropic + " border=\"0\" width=\"65\" height=\"95\"></layer>");

for (i = 0; i <= no; i++) {

xval[i] = width * Math.random(); yval[i] = height * Math.random(); document.layers["div" + i].left = xval[i]; document.layers["div" + i].top = yval[i]; }

}

function star() {

for (i = 0; i <= no; i = i+4) { xval[i] +=5;

if ((i%20) == 0) xval[i] += 10;

if(xval[i] >= width) xval[i] = width * Math.random(); if (ie) document.all["div" + i].style.left = xval[i]; if (ns) document.layers["div" + i].left = xval[i]; }

return true; }

function goangle() {

angle = 3.14 * Math.random(); xinc = 3 * Math.sin(angle); return true;

(13)

}

function space() { if (ie) {

document.all["diva"].style.left = xp; document.all["diva"].style.top = yp; }

if (ns) {

document.layers["diva"].left = xp; document.layers["diva"].top = yp; } setTimeout('space()', speed);

}

Hasil ta.htm (Menu Informasi)

<html> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>== HIV Detection ==</title>

<script language="JavaScript" type="text/JavaScript"> <!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if

((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true); //-->

</script>

<style type="text/css"> <!--

.style2 {color: #3366FF} .style3 {color: #CC9933} .style4 {color: #6699FF}

(14)

--> </style> </head>

<body>

<div id="Layer12" style="position:absolute; left:859px; top:2px; width:149px;

height:86px; z-index:12"><img src="images.jpg4.jpg" width="172" height="87"></div> <div id="Layer11" style="position:absolute; left:-1px; top:119px; width:275px;

height:631px; z-index:13; background-color: #0099FF; layer-background-color: #0099FF; border: 1px none #000000;">

<p>&nbsp;&nbsp;&nbsp;TINDAKAN SENDIRI MENGATASI

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;DEMAM &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;---</p>

<p>Ketika sedang tidak sehat, ukurlah tempertur setiap 4 jam. bila menggunakan temperatur air raksa, kibaskan baik-baik sampai air raksanya turun sampai dibawah 36 C, jepit dibawah lidah atau ketiak. bila mengukur temperatur dari ketiak tambahkan 0,6 C dari yang tertera untuk mendapatkan temperatur sesungguhnya. Anda menderita demam apabila temperaturnya 38 C atau lebih.</p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;MENGUR ANGI

DEMAM&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;---</p>

<p>Mengurangi demam akan menbuat anda merasa lebih baik, istirahatlah di kamar yang dingin, minum banyak air dingin, dan minumlah parasetamol, aspirin, atau ibuprofen untuk menurunkan demamnya.</p>

<p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;MENGUKUR TEMPERATUR</p> <p>==============================</p>

<p>Meletakkan termometer di bawah lidah biasanya cara termudah untuk mengukur temperatur tubuh. </p>

</div>

<div id="Layer13" style="position:absolute; left:276px; top:119px; width:754px; height:127px; z-index:14; background-color: #9999CC; layer-background-color: #9999CC; border: 1px none #000000;">

(15)

<p>BILA MERASA TIDAK ENAK BADAN, UKURLAH SUHU SETIAP 4 JAM. SEGERA BAWA KE DOKTER BILA SUHU TUBUH SAMPAI 40 C ATAU LEBIH, DAN LAKUKAN LANGKAH-LANGKAH MENURUNKAN TEMPERATUR.</p> </div>

<div id="Layer14" style="position:absolute; left:276px; top:292px; width:349px; height:457px; z-index:15; background-color: #9999FF; layer-background-color: #9999FF; border: 1px none #000000;">

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;RUBELLA DAN KEHAMILAN</p>

<p>=======================================</p>

<p>Bila ketika hamil anda terserang ruam, periksakanlah ke dokter sesegera mungkin agar penyebabnya dapat diidentifikasi dan semua resiko pada janin dapat diperiksa. Kebanyakan, sakit karena virus tidak beresiko. Namun, virus penyebab rubela (campak jerman) bisa menyeberangi plasenta dan membahayakan janin. Hal ini bisa berakibat buta, masalah jantung ataupun tuli. Resiko kelainan seperti ini lebih rendah bila infeksi terjadi diusia kehailan lanjut ketika pertumbuhan sudah lengkap. penyakit ini dapat dicegah dengan imunisasi, yang dilakukan berkala diusia anak-anak. Namun imunisasi tidak selalu memberikan perlindungan permanen, dan sebagai langkah kewaspadaan yang penting sebelum berusaha hamil, anda harus menjalani tes darah untuk memeriksa

kekebalan, dan diikuti dengan imunisasi jika perlu. </p> </div>

<div id="Layer15" style="position:absolute; left:629px; top:293px; width:402px; height:422px; z-index:16; background-color: #9933CC; layer-background-color: #9933CC; border: 1px none #000000;">

<p>&nbsp;&nbsp;&nbsp;TINDAKAN SENDIRI MEREDAKAN TENGGOROKAN &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SERAK</p>

<p>============================================</p>

<p>Pada umumnya tenggorokan perih bisa dirawat sendiri tanpa saran medis. Tindakan sendiri berikut akan bisa bemanfaat:</p>

<p>&gt; Minumlah banyak cairan </p>

(16)

<p>&gt; Makan dingin, seperti es krim atau es lilin, mungkin bisa &nbsp;&nbsp;&nbsp;meredakan </p>

<p>&gt; Minumlah pereda nyeri, misalnya parasetamol atau iboprofen, &nbsp;&nbsp;&nbsp;secara teratur</p>

<p>&gt; Cobalah obat bebas tablet-sesap tenggorokan yang mengandung &nbsp;&nbsp;&nbsp;zat bius lokal </p>

<p>&gt; Berkumur dengan air garam hangat (setengah sendok teh garam &nbsp;&nbsp;&nbsp;dalam segelas air)</p>

<p>&gt; Letakkan semangkuk air atau handuk lembab di dekat

&nbsp;&nbsp;&nbsp;penghangat ruangan untuk menjaga kelembaban udara </p> </div>

<bgsound src="- Track01.mp3">

<div id="Layer1" style="position:absolute; left:1px; top:1px; width:117px; height:79px; z-index:1"><img src="file:///C|/apache/htdocs/robert/project%20ta1/f.jpg" width="119" height="88"></div>

<div id="Layer2" style="position:absolute; left:123px; top:0px; width:115px; height:90px; z-index:2"><img

src="file:///C|/apache/htdocs/robert/project%20ta1/images.jpg2.jpg" width="117" height="89"></div>

<div id="Layer3" style="position:absolute; left:243px; top:1px; width:121px; height:90px; z-index:3"><img

src="file:///C|/apache/htdocs/robert/project%20ta1/images.jpgq.jpg" width="120" height="88"></div>

<div id="Layer4" style="position:absolute; left:394px; top:9px; width:0px; height:6px; z-index:4"></div>

<div id="Layer5" style="position:absolute; left:397px; top:12px; width:0px; height:3px; z-index:5"></div>

<div id="Layer6" style="position:absolute; left:367px; top:1px; width:129px; height:89px; z-index:6"><img

src="file:///C|/apache/htdocs/robert/project%20ta1/images.jpg4.jpg" width="129" height="87"></div>

<div id="Layer7" style="position:absolute; left:499px; top:1px; width:107px;

height:89px; z-index:7"><img src="file:///C|/apache/htdocs/robert/project%20ta1/e.jpg" width="116" height="88"></div>

<div id="Layer8" style="position:absolute; left:618px; top:0px; width:117px; height:89px; z-index:8"><img

src="file:///C|/apache/htdocs/robert/project%20ta1/images.jpg1.jpg" width="119" height="89"></div>

<div id="Layer9" style="position:absolute; left:740px; top:1px; width:117px;

height:88px; z-index:9"><img src="file:///C|/apache/htdocs/robert/project%20ta1/6.jpg" width="116" height="88"></div>

<div id="Layer10" class="style2" style="position:absolute; left:1px; top:94px;

width:1031px; height:22px; z-index:10; background-color: #00CC00; layer-background-color: #00CC00; border: 1px none

#000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span

(17)

class="style3"><a sp;<a href="hasil%20ta2.htm">SPECIAL THANKS</a> &nbsp;&nbsp;&nbsp;|

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a

href="login.htm">&nbsp;&nbsp;TEMPLATE</a></div> </body>

</html>

Hasil ta2.htm (Menu Special thanks)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title>

<style type="text/css"> <!--

.style1 {color: #CCCCCC} .style4 {color: #0066FF} .style6 {color: #666633} .style8 {color: #663366} .style9 {color: #3366CC} .style10 {color: #009900} .style11 {color: #993300} .style13 {color: #993366} -->

</style> </head>

<body bgcolor="#CCCCCC" ><marquee direction="up"> <p><span class="style4">SPECIAL

THANKS:&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="style6">&gt; TUHAN YESUS KRISTUS </span></p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;<span

class="style8">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

(18)

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &gt;&nbsp; PAP AND MAM </span></p>

<blockquote> <p class="style9">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&gt; SEMUIL TJIHARJADI, ST. MM. MT</p>

<p

class="style9">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="style10">&gt; ROY

PRAMONO ADHIE, ST. MT.</span></p> <p

class="style9">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span class="style11">&gt; YANDRI </span></p> </blockquote></marquee> a href="hasil%20ta.htm">&nbsp;&nbsp;&nbsp;<span

class="style13">BACK</span></a></p> <bgsound src="Kapan2.mp3" class="style1"> </body>

</html>

(19)

TA.php (Menu Diagnosa)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>== HIV Detection ==</title>

<script language="JavaScript" type="text/JavaScript"> <!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if

((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true); //-->

</script>

<style type="text/css"> <!--

.style1 {color: #000000} .style2 {color: #333333} -->

</style> </head>

<body bgcolor="#CCCCCC"> <?

$mysql_link = mysql_connect("localhost", "user", "");

mysql_select_db("penyakit", $mysql_link);

if($stat == "")

$query1 = "SELECT next_proses from proses WHERE id_proses = '$proses' AND status = 'Y'";

$mysql_result = mysql_query($query1, $mysql_link);

(20)

while($row = mysql_fetch_row($mysql_result)) {

$proses = $row[0];

} }

if($stat == "T") {

$query1 = "SELECT next_proses from proses WHERE id_proses = '$proses' AND status = 'T'";

$mysql_result = mysql_query($query1, $mysql_link);

while($row = mysql_fetch_row($mysql_result))

{

$proses = $row[0];

} }

$query = "SELECT * from data WHERE data.id_data = '$proses'"; $i++;

$mysql_result = mysql_query($query, $mysql_link);

while($row = mysql_fetch_row($mysql_result)) {

echo $row[2];

echo "<br>";

} ?>

<?

if ($proses[0] != "k") {

?>

<form action="TA.php" method="get">

<input type="radio" value="Y" name="stat" CHEKED> Ya <input type="radio" value="T" name="stat"> Tidak

<input type="hidden" value="<?=$proses?>" name="proses">

(21)

<BR><BR>

<input type = "SUBMIT" value = "Next Process"> </form>

<?

}

else

{

?>

<a href = "TA.php" class="style1">Back to Diagnose </a>

<? } ?> <p

class="style2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>&nbs p;</strong><a href="hasil%20ta.htm" class="style1">BACK</a></p>

<p>&nbsp;</p> </body>

</html>

Login.htm (Form Login)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title>

</head>

<body bgcolor="#CCCCCC">

<form name="form1" method="post" action="login.php">

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;&nbsp;FORM LOGIN</strong> </p>

(22)

<p>&nbsp;</p> <p>Username:

<input type="text" name="username"> </p>

<p>

Password:

<input type="password" name = "password"> </p>

<p>&nbsp;</p> <p>

<input type="submit" name="Submit" value="LOGIN"> </p>

</form> </body> </html>

Login.php (Proses Login)

<body bgcolor="#CCCCCC"> <?

$mysql_link = mysql_connect("localhost", "user", "");

mysql_select_db("penyakit", $mysql_link);

$pwd = md5($password);

$query = "SELECT password FROM user WHERE username = '$username'";

$mysql_result = mysql_query($query, $mysql_link);

$i = 0;

while($row = mysql_fetch_row($mysql_result)) {

$i++;

if($row[0] == $pwd)

{

echo "<p align ='center'> Login Berhasil </p> \n\n";

echo "<a href = 'template.htm'> Masuk ke TEMPLATE </a>"; }

else {

echo "<p align ='center'> Password salah </p> \n\n"; echo "<a href = 'login.htm'> Login Ulang </a>"; }

}

(23)

if($i == 0) {

echo "<p align ='center'> Username Tidak Terdaftar</p> \n\n"; echo "<a href = 'login.htm'> Login Ulang </a>";

} ?>

</body>

Template.htm (Menu Template)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title>

<style type="text/css"> <!--

.style1 {color: #FFFFFF} -->

</style> </head>

<body background="robert1 copy.jpg">

<p><a href="template.PHP" class="style1">MENGISI DATA</a></p> <p><a href="template1.PHP" class="style1">MENGISI PROSES</a></p> <p><a href="TA1.php" class="style1">DIAGNOSA</a></p>

<p class="style1"><a href="cara.htm" class="style1">CARA MENGISI </a></p> <p class="style1"><a href="hasil%20ta.htm" class="style1">BACK</a></p> </body>

</html>

Template.php (Form Input Data)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title>

<style type="text/css"> <!--

.style1 {color: #CC6600} .style2 {color: #333333} .style3 {

color: #000000;

font-weight: bold;

}

(24)

--> </style> </head>

<body bgcolor="#CCCCCC"> <?

if($data != "") {

$mysql_link = mysql_connect("localhost", "user", "");

mysql_select_db("penyakit", $mysql_link);

$query = "INSERT INTO penyakit.data_lain VALUES ('', '$data', '$desc')";

$mysql_result = mysql_query($query, $mysql_link);

echo "Data successfully added";

class="style3">FORM INPUT DATA</span></p>

<form action = "template.php" method="get" name="form1" class="style1"> <p>DATA:&nbsp;&nbsp;&nbsp;

<input type="text" name="data"> </p>

<p>:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p> <p>DESC:&nbsp;&nbsp;&nbsp;

<textarea name="desc"></textarea> </p>

<p>&nbsp; </p>

<p> <input type="submit" name="Submit" value="SAVE"> </p>

<p><a href="template.htm" class="style2">BACK</a> </p> </form>

<p class="style1">&nbsp;</p> </body>

</html>

(25)

Template1.php (Form Input Proses)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title>

<style type="text/css"> <!--

.style6 {color: #333333} .style7 {color: #666666} -->

$mysql_link = mysql_connect("localhost", "user", "");

mysql_select_db("penyakit", $mysql_link);

$query = "INSERT INTO penyakit.proses_lain VALUES ('', '$proses', '$status', '$next_proses')";

$mysql_result = mysql_query($query, $mysql_link);

echo "Data successfully added"; }

?>

<body bgcolor="#CCCCCC">

<form name="form1" method="GET" action="template1.php"> strong>FORM INPUT PROSES</strong> </p>

<p>PROSES:

<input type="text" name="proses"> </p>

<p>STATUS :

<input type="text" name="status">

(26)

</p>

<p>NEXT PROSES:

<input type="text" name="next_proses"> </p>

<p>

<input type="submit" name="Submit" value="SAVE"> </p>

<p class="style6"><a href="template.htm" class="style7">BACK</a></p> </form>

<p>&nbsp;</p> <p>&nbsp;</p> </body>

</html>

TA1.PHP (Proses Diagnosa dalam Template)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>== HIV Detection ==</title>

<script language="JavaScript" type="text/JavaScript"> <!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if

((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true); //-->

</script>

<style type="text/css"> <!--

.style1 {color: #FFFFFF} .style2 {

color: #000000;

font-weight: bold;

}

.style4 {color: #000000} -->

</style> </head>

(27)

<body bgcolor="#CCCCCC" > <?

$mysql_link = mysql_connect("localhost", "user", "");

mysql_select_db("penyakit", $mysql_link);

if($stat == "") {

$proses = "p1";

}

if($stat == "Y") {

$query1 = "SELECT next_proses from proses_lain WHERE id_proses = '$proses' AND status = 'Y'";

$mysql_result = mysql_query($query1, $mysql_link);

while($row = mysql_fetch_row($mysql_result))

{

$proses = $row[0];

} }

if($stat == "T") {

$query1 = "SELECT next_proses from proses_lain WHERE id_proses = '$proses' AND status = 'T'";

$mysql_result = mysql_query($query1, $mysql_link);

while($row = mysql_fetch_row($mysql_result))

{

$proses = $row[0];

} }

$query = "SELECT * from data_lain WHERE data_lain.id_data = '$proses'";

$i++;

$mysql_result = mysql_query($query, $mysql_link);

while($row = mysql_fetch_row($mysql_result)) {

(28)

echo $row[2];

echo "<br>";

} ?>

<?

if ($proses[0] != "k") {

?>

<form action="TA1.php" method="get">

<input type="radio" value="Y" name="stat" CHEKED>

<span class="style1"></span> <span class="style4">Ya</span> <input type="radio" value="T" name="stat">

<span class="style4">Tidak</span>

<input type="hidden" value="<?=$proses?>" name="proses">

<BR><BR>

<input type = "SUBMIT" value = "Next Process"> </form>

<p><span class="style2"> <?

}

else

{

?>

</span><span class="style4"><a href = "TA1.php" class="style4"> Back to Diagnose </a></span><span class="style2">

<? }

?> </span></p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="template.htm" class="style4">BACK</a> </p>

</body>

(29)

</html>

Cara.htm (Cara Mengisi)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title>

<script language="JavaScript" type="text/JavaScript"> <!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if

((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

<body bgcolor="#CC33FF">

<div id="Layer1" style="position:absolute; width:322px; height:456px; z-index:1; left: 61px; top: 5px; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none

#000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>CARA MENGISI DATA &nbsp;</strong> <p>&gt;Data diisi dengan p=proses, dan dimulai dengan</p>

<div id="Layer3" style="position:absolute; width:34px; height:115px; z-index:3; left: 417px; top: 36px; background-color: #999999; layer-background-color: #999999; border: 1px none #000000;">&nbsp;&nbsp;<a href="template.htm">B</a>

<p>&nbsp;&nbsp;<a href="template.htm">A</a></p> <p>&nbsp;&nbsp;<a href="template.htm">C</a></p> <p>&nbsp;&nbsp;<a href="template.htm">K</a></p> </div>

<p> p1, k=kesimpulan, dan dimulai dengan k1.</p> <p>contoh: data=p1</p>

<p>&gt;Desc diisi dengan keterangan untuk menyatakan prosesnya.</p> <p>contoh: <strong> * proses1= Apakah anda pusing? </strong></p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;data=p1</p>

(30)

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;desc=Apakah anda pusing? </p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;* <strong>kesimpulan 1=Anda menderita flu.</strong></p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;data =k1</p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;desc =Anda menderita flu. </p>

<p>&nbsp;</p> </div>

<div id="Layer2" style="position:absolute; width:302px; height:342px; z-index:2; left: 591px; top: 3px; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none

#000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;<strong>&nbsp;CARA MENGISI PROSES</strong>

<p>&gt;Proses adalah proses yang diisi pada form input data. </p> <p>contoh:p1=Apakah anda pusing?</p>

<p>maka pada proses diisi p1</p>

<p>&gt;Status diisi ya atau tidak, jika ya ditulis Y, jika tidak ditulis T.</p> <p>&gt;Next proses diisi dengan proses selanjutnya.</p>

<p>contoh:<strong>* p1=Apakah anda pusing?</strong></p>

<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp; jika ya ke proses berikutnya yaitu,

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; p2=Apakah anda mual-mual?</strong></p>

<p>maka: <strong>* Proses=p1</strong></p>

<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;Status=Y</strong></p>

<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;Next proses=p2</strong></p>

</div>

<div id="Layer4" style="position:absolute; width:74px; height:27px; z-index:3; left: 457px; top: 177px; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000;">&nbsp;&nbsp;&nbsp; <a

href="template.htm">BACK</a></div> </body>

</html>

(31)

BAB I

PENDAHULUAN

I.1. Latar Belakang

Perkembangan pada bidang teknologi informasi saat ini sangat pesat.

Web menjadi salah satu media penggerak teknologi informasi. Saat ini informasi

sangat cepat didapatkan pada Web, dan informasi yang ditampilkan pada halaman

web semakin mudah di-update, hal ini tidak terlepas dari pemrograman

server-side. Yang dapat membuat dan menghubungkan dengan berbagai macam database

yang ada.

Web dapat digunakan sebagai sarana untuk komunikasi tentang

penyakit yang sering dihadapi dengan sumber-sumber informasi dari buku-buku

kesehatan atau penelitian dokter/pakar, sehingga informasi dapat dengan sangat

cepat didapatkan. Salah satu penyakit yang sangat sering dihadapi dan banyak

kasus di Indonesia adalah penyakit demam. Untuk itu perlu adanya web sebagai

sarana untuk komunikasi tentang penyakit demam. Sehingga dapat didapatkan

informasi sebagai rujukan awal agar dapat ditangani lebih lanjut oleh

instansi-instansi kesehatan.

I.2. Identifikasi Masalah

Bagaimana merancang suatu website interactive dengan database

penyakit demam berdasarkan buku “Dokter di rumah anda”?

1.3. Tujuan

Merancang suatu website interactive dengan database penyakit

demam berdasarkan buku “Dokter di rumah anda”?

(32)

I.4. Pembatasan Masalah

1. Database penyakit dibatasi hanya pada penyakit demam berdasarkan buku

“Dokter di rumah anda”.

2. Solusi pengobatan dan pencegahan dibatasi hanya pada penyakit demam

pada buku “Dokter di rumah anda”.

3. Ruang lingkupnya pada LAN.

I.5. Sistematika Pembahasan

Pembahasan masalah akan dibagi dalam beberapa bab:

BAB I PENDAHULUAN

Bab ini membahas tentang latar belakang masalah, batasan

masalah, rumusan masalah, tujuan, dan sistematika

pembahasan sehingga pembaca mempunyai gambaran yang

jelas tentang maksud penulis dalam menulis laporan Tugas

Akhir ini.

BAB II LANDASAN TEORI

Bab ini menjelaskan tentang konsep-konsep atau teori-teori

yang menunjang pelaksanaan dan penyelesaian masalah.

Dengan adanya landasan teori-teori tersebut akan

menunjang usulan solusi dari penulis untuk mengatasi

masalah yang dipaparkan pada Bab I.

BAB III PERANCANGAN PROGRAM

Pada bab ini menerangkan langkah-langkah pembuatan dan

perancangan software berupa alir utama dan

subroutin-subroutin dari digram alir utama.

BAB IV DATA PENGAMATAN DAN ANALISIS DATA

Memberikan penjelasan dan hasil pembuatan web

BAB V KESIMPULAN DAN SARAN

Berisikan kesimpulan yang diambil secara keseluruhan dan

analisa yang telah dibuat serta saran-saran yang

membangun dari penulis.

(33)

BAB V

KESIMPULAN DAN SARAN

5.1 Kesimpulan

• Perancangan website interactive dengan database penyakit demam berdasarkan

dokter di rumah anda telah dapat direalisasikan dan berjalan dengan baik.

5.2 Saran

• Program ini dapat dikembangkan untuk diagnosa penyakit-penyakit lain maupun

untuk aplikasi-aplikasi lain, seperti : mendeteksi kerusakan pada mesin, komputer

dan lain-lain.

• Web program ini dapat ditaruh pada ruang lingkup yang lebih luas yaitu internet.

(34)

Daftar Pustaka

1. Aziz, M.Farid.2001. “Belajar Sendiri Pemrograman PHP 4” Edisi I. Jakarta:

PT Elex Media Komputindo.

2. Kadir, Abdul.2002. “Dasar Pemrograman WEB Dinamis Menggunakan PHP”

Edisi II. Yogyakarta: ANDI.

3. Smith, Tony, Dr. ” Dokter Di Rumah Anda “ Edisi Baru. Jakarta: DIAN

RAKYAT

4. Syafii, M.2005. ”Panduan Membuat Aplikasi Database dengan PHP 5” Edisi

I. Yogyakarta: ANDI.

Referensi

Dokumen terkait

Kemudian secara istilah, dari pendapat para pakar yang ada, Watt menklasifikasikannya menjadi empat, yakni: (1) Khawarij adalah mereka yang keluar atau memisahkan

 Kak Rahmad Nadia ALS Waka Kwaran Cikadu bertindak selaku pembina upacara memasuki lapangan upacara  Penghormatan kepada pembina upacara.  Laporan

4 Pemerintah Kotamadya Daerah Tingkat II Surabaya, Perda Nomor 7 Tahun 1999.. asusila serta pemikatan untuk melakukan perbuatan asusila di Kotamadya. Daerah tingkat II

Selain dapat digunakan untuk membedakan berbagai jenis minyak goreng, polarisasi alami ini juga dapat membedakan minyak yang masih baru dan minyak yang sudah kadaluarsa dari

Penggunaan bahan yang tidak cocok atau karakteristik campuran yang menyimpang dari spesifikasi dapat menyebabkan kerusakan pada unit penggerak.. Bensin atau oli mesin yang

S elain ukuran waktu ( Tempo, Metrum &amp; Ritme )seperti yang telah kita bahas di atas, sebuah Musik selalu berangkat dari tangga nada tertentu, sedangkan Jarak Nada atau I nterval

[r]

Ada delapan arah mata angin, yaitu: utara, timur laut, timur, tenggara, selatan, barat daya, barat, dan barat laut.. Besar sudut antara dua arah mata angin yang berdekatan