sekolah tinggi manajemen informatika dan …storage.jak-stik.ac.id/students/paper/penulisan...

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

JAKARTA (STI&K)

PENULISAN PENELITIAN / KERJA PRAKTEK

APLIKASI PENGENALAN GANGGUAN MENTAL FUNGSIONAL SEJAK

DINI BERBASIS WEB DENGAN MENGGUNAKAN MACROMEDIA

FLASH MX 2004

Nama : MUHAMMAD

NPM : 30402210

Jurusan : Sistem Informasi

Dosen Pembimbing : Melani Dewi Lusita.,SKom.,MMSI

Diajukan Untuk Melenglapi Syarat

Mencapai Jenjang DIII / Setara Diploma III

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

JAKARTA (STI&K)

2006

LEMBAR PENGESAHAN

Nama : MUHAMMAD

NPM : 30402210

Jurusan : SISTEM INFORMASI

Judul Penulisan : APLIKASI PENGENALAN GANGUAN MENTAL

FUNGSIONAL SEJAK DINI BERBASIS WEB

DENGAN MENGGUNAKAN MACROMEDIA

FLASH MX 2004

Tanggal Sidang : 16 MEI 2006

Tanggal Lulus : 16 MEI 2006

Jakarta, 16 MEI 2006

Disetujui oleh :

Ketua Jurusan Dosen

Sistem Informasi Pembimbing

(Aqwam Rosadi Kardian, SKom.,MM) (Melani Dewi Lusita.,SKom.,MMSI)

ABSTRAKSI

Muhammad.30402210 APLIKASI PENGENALAN GANGGUAN MENTAL FUNGSIONAL SEJAK DINI BERBASIS WEB DENGAN MENGGUNAKAN MACROMEDIA FLASH MX 2004 PI. Jurusan Sistem Informasi, STMIK Jakarta STI&K, 2006 Kata Kunci : Aplikasi, Gangguan Mental Fungsional, Flash MX

(ix + 34 + lampiran ) Semakin berkembangnya dunia tehnologi komputer sehingga segala suatu

permasalahan dapat dipecahkan salah satunya adalah dengan membuat “ Aplikasi pengenalan gangguan mental fungsional sejak dini berbasis web dengan menggunakan macromedia flash mx 2004“ dimana dengan aplikasi ini kita dapat mengetahui gejala-gejala gangguan mental fungsional dan jenis-jenis penyakitnya yang ada di aplikasi ini.

Program aplikasi pengenalan gangguan mental yang berbasiskan web dan multimedia menjadi lebih mudah dan user lebih tertarik memcoba mencari tahu.

Daftar pustaka : (1993-2005)

Dosen Pembimbing : Ibu Melani Dewi Lusita., Skom.,MMSI

KATA PENGANTAR

Segala puji dan syukur ke hadirat ALLAH yang maha kuasa, akhirnya

penulisan “Aplikasi Pengenalan Gangguan Mental Fungsional Sejak Dini Berbasis

Web Dengan Menggunakan Macromedia Flash MX 2004” dapat penulis selesaikan.

Tujuan penulisan ini disusun guna melengkapi salah satu syarat dalam

menyelesaikan jenjang diploma tiga Jurusan Sistem Informasi pada sekolah

Manajemen dan komputer Jakarta (STMIK JAKARTA). Penulis menyadari

sepenuhnya bahwa penulisan ilmiah ini masih banyak kekurangannya dan masih jauh

dari kesempurnaan. Untuk itu penulis berharap dengan sedikit ilmu yang penulis

miliki dapat memberikan manpaat yang berguna bagi kita semua.

Pada kesempatan ini,penulis menyampaikan rasa terima kasih kepada semua

pihak yang telah membantu sehingga penulisan ilmiah ini dapat terselesaikan :

1. Bpk.Eko Hadiyanto.,SSi., MMSI., Selaku Ketua Sekolah Tinggi Manajemen

Informatika dan Komputer Jakarta STI&K.

2. Bapak Aqwam Rosadi Kardian, SKom., MM. selaku Ketua Jurusan Sistem

Informasi Sekolah Tinggi Manajemen Informatika dan Komputer Jakarta

STI&K.

3. Ibu Melani Dewi Lusita., Skom., MMSI., Selaku dosen Pembimbing yang

telah meluangkan waktunya untuk memberikan bimbingan dalam

menyelesaikan penulisan ini.

4. Segenap Bapak dan Ibu Dosen sekolah Tinggi Manajemen Informatika dan

Komputer Jakarta STI&K yang telah memberikan bekal ilmu pengetahuan

kepada penulis.

5. Secara khusus penulis sampaikan pula ucapan terima kasih atas bantuan dan

dukungan moril maupun materil dari kedua orang tua serta kakak-kakakku

Hasanuddin dan Ishak.

6. Saudara Basuki yang telah memberikan bantuan dan inspirasi atas penulisan

ini.

7. seluruh teman-temanku sekalian di kelas 310 diantaranya Lia ,santi

,dewi,Agung dan lainnya yang tidak bisa saya sebutkan semuanya, saya

mengucapkan terima kasih atas dukungan kalian semuanya yang telah

membantu dan memberikan dorongan yang sangat berarti dalam penyusunan

penulisan ilmiah ini.

Penulis juga mengucapkan terima kasih kepada semua pihak yang secara

langsung maupun tidak langsung telah membantu dan memberikan dorongan

semangat kepada penulis sehingga penulis ilmiah ini dapat terselesaikan.

Akhirnya penulis sampaikan,semoga penulisan ini bisa memberikan manpaat

bagi pembaca dan kita semua,amiin.

Wassalamu’alaikum warohmatullahi wabarokatuh.

Jakarta, 16 MEI 2006

Penulis

DAFTAR ISI

Halaman

LEMBAR JUDUL

LEMBAR PENGESAHAN……………………………………………….. i

ABSTRAKSI ……………………………………………………………… ii

KATA PENGANTAR ………………………………………………….. iii

DAPTAR ISI……………………………………………………………….. v

DAFTAR GAMBAR ………………………………………………………. viii

DAFTAR TABEL…………………………………………………………… ix

BAB I : PENDAHULUAN

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

1.2. Batasan Masalah……………………………………………. 2

1.3. Tujuan Penulisan …………………………………………… 2

1.4. Metode Penelitian…………………………………………… 2

1.5. Sistematika Penulisan ………………………………………. 2

BAB II : LANDASAN TEORI

2.1. Pengertian Aplikasi................................................................. 4

2.2. Pengertian gangguan mental fungsional. ………………….. 4

2.3 Jenis-jenis gangguan mental fungsional……………………. 4

2.4 Penjelasan masing-masing gangguan mental……………….. 5

2.4.1 Hipomania………….………………………………… 5

2.4.2 Mania gejala psikotik ……………………………… 5

2.4.3 Depresi………………………………………………. 5

2.4.4 Skizofrenia…………………………………………….. 5

2.4.5 Fobio hewan…………………………………………….. 5

2.4.6 Reaksi stress akut……………………………………….. 5

2.4.7 Somnambulisme………………………………………… 5

2.4.8 Terror tidur……………………………………………. 5

2.4.9 Nightmare (mimpi buruk )…………………………….. 6

2.4.10 Skizofrenia paranoid………………………………….. 6

2.4.11 Skizofrenia hebefrenik…………………………………. 6

2.4.12 Skizofrenia katato……………………………………… 6

2.4.13 Skizofrenia simplek……………………………………. 6

2.4.14 Skizofrenia residual………………………………….. 6

2.5. Makromedia Flash ……………………………..…………… 6

2.5.1 Mengenal Flash……………………………………… 6

2.5.2 Jenis-jenis File flash…………………………………. 9

2.5.3 Simbol dan instance………………………………….. 9

2.5.4 Komponen Ruang kerja……………………………….. 10

2.5.5 Animasi dalam flash…………………………………. 11

2.5.6 Suara………………………………………………….. 12

2.5.7 Action script………………………………………….. 13

2.5.8 Fungsi Action script………………………………….. 14

2.6 Struktur Navigasi File………………………………..……… 15

2.7 Adobe Photosop 7.0………………………………………….. 17

2.7.1 Kelebihan Adobe Photosop 7.0………………………. 17

2.8 PHP………………………………………………………….. 18

2.9 MySQL……………………………………………….……… 18

BAB III : PEMBAHASAN MASALAH

3.1. Gambaran umum masalah ……………………………………… 20

3.2. Struktur navigasi …………..…………………………………… 20

3.3 Membuat website…………………………………………….. 22

3.3.1 Menu pertama ………………………………………….. 22

3.3.2 menu kedua……………………………………………… 23

3.3.3 Menu ketiga……………………………………………… 24

3.3.4 Menu keempat……………………………..……………. 26

3.3.5 Menu kelima………………………………………….. 28

3.3.6 Menu keenam………………………………………… 29

3.4 Struktur Basis Data yang digunakan…………………………. 29

3.4.1 Tabel Tanya………………………………………….. 29

3.4.2 Tabel Penyakit………………………………………. 30

3.4.3 Tabel Buku Tamu…………………………………… 30

3.5 Spesifikasi sofware dan hardware……………………………. 31

3.6 Cara mengupload…………………………………………….. 31

BAB IV : Penutup

4.1 Kesimpulan ………………………………………………… 33

4.2 Saran ……………………………………………………….. 33

DAFTAR PUSTAKA

LAMPIRAN

DAPTAR GAMBAR

Gambar 2.1 Membuat simbol baru……………………………………… 10

Gambar 2.2 Timeline……………………………………………………. 10

Gambar 2.3 Struktur limit linier………………………………………… 15

Gambar 2.4 Struktur hirarki…………………………………………….. 15

Gambar 2.5 Struktur non linier…………………………………………. 16

Gambar 2.6 Struktur composite (Campuran)…………………………… 16

Gambar 3.1 Struktur navigasi………………………………………….. 21

Gambar 3.2 Tampilan cover…………………………………………… 22

Gambar 3.3 Tampilan selamat datang…………………………………… 24

Gambar 3.4 Tampilan pendahuluan……………………………..……… 26

Gambar 3.5 Tampilan Pengenalan gangguan mental............................. 28

Gambar 3.6 Tampilan Diagnosa……………………………………….. 28

Gambar 3.7 Tampilan buku tamu………………………………………. 29

DAPTAR TABEL

Tabel 3.1 Tabel Tanya……………………………………………… 29

Tabel 3.2 Tabel Penyakit…………………………………………… 30

Tabel 3.3 Tabel Buku tamu …….…………………….……………. 30

BAB I

PENDAHULUAN

1.1 Latar belakang

Gangguan mental dapat menyerang semua orang baik tua maupun muda.

Gangguan tersebut kadang-kadang sulit untuk kita sadari sebagai manusia, apalagi

dizaman sekarang ini dengan berbagai kesibukan yang dialami oleh setiap orang.

Mengakibatkan banyak sekali persoalan yang dihadapi hingga menumpuk,

sampai-sampai tidak ada lagi jalan keluar untuk masalah yang dihadapi.

Perasaan gelisah biasanya menghantui atau membayangi kehidupan

manusia, terutama dalam menjalankan kehidupan sosial/pekerjaan. Bayangan itu

dapat disebabkan oleh beberapa faktor seperti : tekanan berat akan pekerjaan,

kondisi ekonomi yang kurang, kekhawatiran/rasa takut yang mendalam yang

biasanya mengakibatkan efek yang kurang baik bagi jiwa manusia.

Di dunia kedokteran/psikiatri terdapat dua istilah yang disebut sebagai

gangguan mental organik dan fungsional. Gangguan mental organik biasanya

menampilkan diri dengan gejala mental yang menonjol/nyata, seperti : diabetes

mellitus, penyakit tiroid, intoksi akut, sindrom putus zat, AIDS. Berbeda dengan

gangguan mental fungsional gejala-gejala yang ditampilkan tidak menonjol

seperti pada gangguan mental organik, pada umumnya pengobatan terhadap

penyakit medik lebih pasti daripada gangguan mental fungsional. Sang psikiater

harus memikirkan segala kemungkinan penyebab gangguan itu.

Berdasarkan hal tersebut di atas penulis ingin membuat penulisan yang

berjudul : “Aplikasi Pengenalan Gangguan Mental Fungsional Sejak dini

Berbasis web Dengan Menggunakan Macromedia Flash MX 2004”.

1.2 Batasan Masalah

Penulis membatasi permasalahan hanya pada pengenalan gangguan mental

fungsional sejak dini terutama jenis-jenis gangguan mental dan ciri-ciri yang ada

pada gangguan mental tersebut.

1.3 Tujuan penulisan

Tujuan penulisan ini adalah untuk menyediakan informasi yang dibutuhkan

oleh masyarakat tentang pengenalan gangguan mental fungsional sejak dini, dan

agar lebih cermat dalam menganalisa dan mengidentifikasi gejala gangguan

mental fungsional.

1.4 Metode Penelitian

Metode penelitian yang digunakan oleh penulis dalam penelitian ilmiah ini

adalah:

Studi Pustaka Yaitu dengan cara membaca dan mempelajari buku-buku

literature yang berhubungan dengan aplikasi yang akan ditulis.

1.5 Sistematika Penulisan

Agar Penulisan Ilmiah ini tersusun secara sistematis, maka pembahasan

masalah mengenai materi ini, penulis membagi menjadi empat bab.

Bab satu, berisi pendahuluan yang mencakup latar belakang penulisan,

pembatasan masalah, tujuan penulisan serta metode penelitian yang digunakan

oleh penulis.

Bab dua, menyajikan landasan teori yang mendukung atau berhubungan

dengan Penulisan Ilmiah ini mengenai Macromedia Flash MX , PHP dan

penjelasan lainnya yang berhubungan dengan program yang dibuat, yang

penerapannya disajikan terperinci pada bab tiga.

Bab tiga, menjelaskan tentang langkah-langkah pembuatan tampilan secara

rinci dan rancangan navigasi, pembuatan form dan input output program yang

dihasilkan serta langkah pembuatan aplikasi.

Bab empat, berisikan penutup dimana terdapat kesimpulan dari pembahasan

pada bab-bab sebelumnya dan saran yang berhubungan dengan masalah yang

dibahas oleh penulis.

BAB II

LANDASAN TEORI 2.1 Pengertian Aplikasi

“Aplikasi adalah program komputer yang dibuat untuk menolong manusia

melakukan tugas tertentu”(Margunadi,1995,Hal : 20)

“Aplikasi adalah penggunaan komputer unutk tujuan tertentu, seperti

menulisnovel, mencetak gaji atau menata letak teks dan grafik

newsletter”(Pfaffenberger,1994,Hal :40)

2.2 Pengertian Gangguan Mental

“Ialah gangguan alam pikiran,perasaan,atau perilaku yang membutuhkan

terapeutik . Yang disebabkan oleh berbagai keadaan seperti bertambahnya tindak

kekerasan,tekanan berat akan pekerjaan, keadaan ekonomi yang

kurang,perubahan perilaku dan jiwa akibat penyakit organik”(Depkes, 1993,

Hal:3)

2.3 Jenis-Jenis Gangguan Mental Fungsional 1. Hipomania

2. Mania Gejala Psikotik

3. Depresi

4. Skizofrenia

5. Fobia Hewan

6. Reaksi Stress Akut

7. Somnambulisme

8. Terror Tidur

9. Nightmare (Mimpi Buruk)

10. Skizofrenia Paranoid

11. Skizofrenia Hebrefrenik

12. Skizofrenia Katatonik

13. Skizofrenia Simpleks

14. Skizofrenia Residual

2.4 Penjelasan Masing-masing Gangguan Mental

2.4.1. Hipomania.

Hipomania adalah derajat yang lebih ringan dari mania, yang kelainan suasana

perasaan dan perilakunya menetap dan menonjol sehingga tidak dapat

dimasukkan dalam siklotimia.

2.4.2 Mania Gejala Psikotik

Mania dengan gejala psikotik ini merupakan bentuk mania yang lebih berat,

karena disertai oleh persepsi berupa waham dan halusinasi.

2.4.3 Depresi.

Gambaran depresi banyak sekali yang biasanya terjadi adalah kehilangan minat

sehingga mengakibatkan berkurangnya aktivitas yang mengakibatkan gangguan

dalam masa hidupnya, bahkan sampai pada kematian.

2.4.4 Skizofrenia.

Penderita ini umumnya ditandai oleh distorsi pikiran dan persepsi yang mendasar

dan khas, dan oleh afek yang tak wajar/tumpul, dan perubahan perilaku, sikap

berdiam diri dan penarikan dari lingkungan.

2.4.5 Fobia hewan.

Penderita Fobia hewan ini biasanya takut akan hewan-hewan yang ada didekatnya

misalnya : kecoa, tikus dsb, yang baginya itu suatu kengerian dalam dirinya.

2.4.6 Reaksi Stres Akut.

Reaksi stres akut adalah suatu gangguan sementara yang cukup parah yang terjadi

pada seseorang tanpa adanya gangguan jiwa lain yang nyata, sebagai respon

terhadap stress fisik dan mental.

2.4.7 Somnambulisme.

Ciri khas dari penderita ini adalah individu bangun dari tempat tidur, biasanya

terjadi selama sepertiga awal dari tidur malam lalu berjalan.

2.4.8 Terror Tidur

Terror tidur ini biasanya ditandai oleh rasa tercekam dan panic yang hebat dengan

cetusan teriakan yang hebat pada tengah malam.

2.4.9 Nightmare (mimpi buruk)..

Mimpi buruk adalah pengalaman mimpi yang penuh dengan kecemasan/ketakutan

yang teringat secara rinci oleh individu. Penderita siaga penuh saat terbangun dari

tidurnya.

2.4.10 Skizofrenia paranoid.

Penderita paranoid biasanya merasakan waham kejaran (merasa dirinya tinggi,

istimewa), halusinasi, gangguan persepsi.

2.4.11 Skizofrenia hebefrenik.

Gejala yang khas pada penderita ini biasanya mempunyai perilaku tanpa tujuan

dan tanpa maksud (dibuat-buat,misal: senyum-simpul yang hampa).

2.4.12 Skizofrenia katatonik

Penderita ini terlihat dari sikap/perilaku yang aneh seperti sering

mempertahankan posisi anggota tubuh berjam-jam ditempat tidur atau ditempat

dia berada.

2.4.13 Skizofrenia simpleks.

Harapan / cita-cita yang kandas (putus cinta) adalah gejala yang biasa pada

penderita ini yang menyebabkan pikiran atau perubahan dalam dirinya..

2.4.14 Skizofrenia residual.

Penderita ini mempunyai perubahan/pengurangan gejala seperti waham dan

halusinasi dalam kurun waktu satu tahun dan masih mampu melakukan hubungan

sosial cukup baik.

2.5 Macromedia Flash

2.5.1 Mengenal Flash

Halaman web biasanya tampak sangat statis, karena hanya menggunakan

format grafis sederhana, agar tidak membebani kecepatan modem yang lambat.

Semua berubah katika muncul aplikasi tambahan, yang memungkinkan

pengunannya meningkatkan fungsi web browser dengan memberi program

tambahan.

Salah satu permainan awal yang unggul di bidang aplikasi tambahan adalah

program grafis vector bernama FutureSplash. Ini berawal dari gagasan ringan

dimana jenis gambar web pada waktu itu hanya dibuat dari kumpulan warna.

Artinya gambar-gambar tersebut tidak digarap serius, padahal para desainer telah

lama berkarya dengan program gambar dan CAD (Computer Aided Design),

seperti Ilustrator dan FreeHand.

Jauh sebelumnya, bidang teknologi dirajai oleh raksasa grafis Macromedia,

sebagai bagian dari langkah strategisnya menuju software desain web.

Macromedia mengganti nama program tersebut menjadi Flash. Selanjutnya, Flash

manjadi salah satu dari sedikit program tambahan yang diinstal sebagai program

standar, pendamping web browser utama. Hebatnya, Flash memungkinkan

desainer halaman web menampilkan gerakan visual menarik, tanpa perlu banyak

menambah waktu men-download halaman web tersebut. Karena Flash

menggunakan tipe grafis –vektor- yang menajaga besar file tetap minimum.

Gambar web umum(seperti GIF dan JPEG) merupakan ‘bitmap’, yang terdiri

atas titik-titik warna tunggal (pixel) yang menyusun gambar. Ini menimbulkan

masalah, seperti sulit diubah ukurannya tanpa menurangi kualitasnya, kapasitas

yang menyita banyak ruang, dan animasinya merupakan sambungan sejumlah

bitmap dalam satu file yang cukup besar, sehingga perlu di-download lama dan

merepotkan.

Gambar vektor menjadi cara alternatife, karena dibuat dari sejumlah bentuk

yang tersusun atas gambar dan warna. Lebih ekonomis ukuran file-nya. Dan juga

mudah dibentuk dan digerakkan.

Jika struktur dapat dikenali, Komputer dapat menampilkan atau mencetak

gambar tersebut dalam ukuran apapun, semudah mengubahnya menjadi bentuk

lain untuk menciptakan animasi. Dan ini juga salah satu alasan kenapa Flash

begitu beken dikalangan pengguna web. Dengan kemampuan menggabungkan

teks, gambar bitmap, contoh suara dan elemen interaktif, tiap desain Flash

dikenal sebagai movie.

Menu-Menu Dasar Flash

• Arrow Tool : Digunakan untuk menyeleksi (memilih) gambar.

• Subselect Tool : Digunakan untuk menampilkan seleksi yang

Lebih detil (sub-select).

• Line Tool : Digunakan untuk membuat garis lurus.

• Lasso Tool : Digunakan untuk memilih gambar secara tidak

beraturan.

• Pen Tool : Digunakan untuk menggambar garis atau bentuk

tertentu.

• Text Tool : Digunakan untuk menyisipkan teks.

• Oval Tool : Digunakan untuk membuat lingkaran atau elips.

• Rectangle Tool : Digunakan untuk membuat kotak segi empat.

• Pencil Tool : Digunakan untuk membuat gambar tidak beraturan.

• Brush Tool : Digunakan untuk membuat garis tebal.

• Ink Bottle Tool : Digunakan untuk mengubah warna garis (line).

• Paint Bucket Tool : Digunakan untuk pewarna hitam (Fill).

• Eyedropper Tool : Digunakan untuk mengambil sample warna.

• Eraser Tool : Digunakan untuk menghapus bagian gambar.

2.5.2 Jenis-Jenis File Flash

- File Utama -.fla

Ini merupakan jenis file utama yang digunakan untuk menyimpan animasi Flash

sebelum diekspor ke movie.

- File hasil ekspor -.swf

File jenis ini biasa digunakan dalam halaman web. Movie dalam format .swf

dapat dilihat lewat web browser, selama web browser tersebut menginstal plug-in

agar bisa manampilkannya (plug-in bisa di-download dari

www.macromedia.com).

- File yang bisa dieksekusi -.exe

File yang dapat dibuka tanpa harus memiliki aplikasi flash atau plug-in khusus.

2.5.3 Simbol dan Instance

Flash memiliki kelebihan yaitu dapat memakai objek-objek ynag digunakan

berulang-ulang (reusable) sehingga dapat memperkecil ukuran file Flash yang

dihasilkan. Penggunaan objek yang sama ini juga akan memudahkan editing pada

movie. Objek induk dinamakan Simbol dan kloning dari objek itu disebut

Instance.

Simbol dan Instance memiliki karakteristik yang unik :

1. Dari sebuah simbol dibuat bermacam-macam instance yang berbeda, misalnya

dalam hal ukuran, rotasi, atau transparansi.

2. Tiap instance memiliki “sifat bawaan” dari simbol sehingga bila simbol

diubah, semua instance akan terpengaruh. Misalnya simbol diubah menjadi

biru, maka semua instance berwarna biru.

3. Untuk membuat simbol, klik Insert > New Simbol untuk membuat simbol

baru. Kemudian tentukan behaviour tersendiri, yaitu bagaimana simbol

tersebut akan berprilaku dalam movie. Ada tiga macam behaviour :

a. Movie Clip : Simbol ini merupakan rangkaian gambar didalamnya

(seperti film). Secara default akan dimainkan berulang-ulang.

http://www.macromedia.com/

b. Button : Simbol ini berfungsi sebagai tombol yang dapat diklik.

c. Graphic : Simbol ini berupa gambar.

Gambar 2.1 Membuat simbol baru

2.5.4 Komponen Ruang Kerja

1. Timeline

Berisi kotak-kotak kecil yang disebut frame. Tiap frame

memiliki durasi sekian detik. Timeline digunakan untuk mengetahui

panjang/durasi animasi. Cara bacanya dari kiri ke kanan (awal ke

akhir). Disamping kiri terdapat daftar layer.

Gambar 2.2 Timeline

2. Panel

Berisi informasi suatu obyek, panel juga bisa digunakan untuk

mengedit obyek/gambar. Satu panel biasanya terdiri dari beberapa

menu tab. Panel Info berisi karakter fisik gambar, Mixer untuk

meracik warna gambar, Character untuk mengedit teks dan Instance

digunakan untuk mengatur simbol. Untuk menampilkan panel yang

lengkap, klik Window > Panel Sets > Default Layout.

3. Library

Setiap kali simbol dibuat, simbol tersebut akan berada di dalam

Library Panel. Dalam movie yang cukup besar, jumlah simbol yang

digunakan akan banyak. Library berguna untuk mengorganisasikan

simbol-simbol dalam susunan yang memudahkan dalam

penggunaannya. Untuk membuka Library, klik Window > Library

atau Ctrl + L

4. Object Actions

Kotak ini difungsikan untuk menampung script (bahasa

program) yang digunakan untuk menjalankan animasi.

5. Toolbar

Bentuknya memanjang vertical, adanya di sisi kiri. Aplikasi

lain menyebutnya toolbox. Dibagi empat kelompok : Tools, berisi

tombol-tombol untuk membuat dan mengedit gambar. View, untuk

mengatur tampilan lembar kerja. Colors, menentukan warna yang

dipakai saat mengedit. Options, alat Bantu lain untuk mengedit

gambar.

6. Stage

Digunakan untuk lembar kerja untuk merancang. Mendesain

seperti tampilan yang di inginkan.

2.5 5 Animasi dalam Flash

Animasi dibuat dengan membentuk serangkaian frame yang berisi graik di

dalam timeline. Keyframe adalah frame dimana terdapat perubahan yang spesifik

didalam animasi. Sebuah movie Flash dapat dibagi dalam berbagai scene.

Biasanya suatu scene menampilkan suatu adegan. Pembagian movie ke dalam

scene berguna untuk memudahkan dalam mengorganisasikan movie.

Ada berbagai cara untuk membuat animasi Flash. Salah satunya adalah

Animasi Keyframe, biasanya cara ini digunakn untuk membuat animasi yang

membutuhkan penggambaran frame demi frame, seperti film kartun, kerugiannya

adalah ukuran file menjadi sangat besar. Sedapat mungkin gunakan tweening

animation, baik itu motion tweening, atau motion guide karena ukuran file movie

akan lebih kecil dibandingkan dengan animasi keyframe to keyframe. Pada

animation motion tweening diterapkan untuk menganimasikan instance, Flash

akan membuat simbol objek tersebut di Library dengan nama Tween 1, Tween 2,

dan seterusnya.

Flash juga didesain untuk membuat presentasi dan animasi film berbasis

vektor untuk web. Dengan demikain animasi film kartun dapat dibuat dengan

cukup mudah dengan flash. Misalnya dengan menggambar dikertas kemudian

discan, lalu dilakukan rotoscoping atau tracing gambar tersebut. Atau bisa juga

dengan menggunakan program3D seperti Max, Maya, Vecta 3D dan Swft 3D

yang kemudian dikonversikan ke dalam flash dalam bentuk vektor secara

langsung atau dengan bantuan plugin (untuk Max atau Maya).

Salah satu dasar paling fundamental dari animasi adalah tetap menggambar

seperti manggambar objek tiga dimensi, bahkan saat menggambar dua dimensi.

Hal ini akan membuat animasi dua dimensi labih memiliki kedalaman dan

realitas. Cara lain untuk membuat animasi karakter adalah dengan menggunakan

teknik seperti yang digunakan pada stop motion animation. Misalnya dibuat

bebrapa wajah yang berbeda ekspresinya. Dan untuk menganimasikannya

dilakukkan dengan mengganti tipe wajah yang berbeda dalam frame yang

berbeda.

2.5.6 Suara

Suara merupakan bagian dari movie flash yang sangat penting. Terkadang

aspek suara dapat membuat sebuah movie flash menjadi sangat dramatis. Flash

dapat menggunakan format suara wav, mp3, dan aif. Untuk menggunakan suara

tersebut, kita harus mengimpor file suara dengan mengklik menu file > Import.

Setelah diimpor, file suara akan berada di Library. Untuk menggunakan suara di

dalam movie Flash, pilih suara dari Library dan geser ke stage.

Suara dapat diedit Sound Panel. Caranya, buka menu Window > Panel >

Sound

• Effect : Digunakan untuk memilih efek suara, misalnya hanya

terdengar lewat left channel, right channel, flade L to R, fade R to L, fade in

, atau fade out.

• Sync : Suara akan dimainkan dengan pilihan Streaming atau event.

1. Streaming Sound

Ketika movie di download dari Internet, streaming sound dapat mulai

memainkan walau hanya sedikit bagian dari sound yang sudah didownload.

Streaming sound dimainkan sepanjang frame atau waktu tertentu.

2. Event Sound

Event Sound terus dimainkan, tidak perduli apa yang terjadi pada movie.

Event sound harus di-download sepenuhnya terlebih dahulu sebelum bisa

dimainkan.

• Loops : Menentukan beberapa kali suara akan dimainkan.

• Edit : Efek suara dapat diedit secara manual dengan klik tombol edit.

Menggunakan Suara dari File SWF

Setiap kali menggunakan Lingkage, suara akan ditambahkan ke dalam file

SWF sehingga ukuran file tersebut menjadi sangat besar. Untuk mengatasi hal ini

suara dapat dipisahkan dalam file SWF yang lain. Untuk menggunakan suara

tersebut cukup dengan memuat file swf tersebut dengan action loadMovieNum

dan untuk menghentikannya cukup dengan action unLoadMovieNum.

2.5.7 Action Script

Ada banyak kesamaan antara Action Script pada Flash dengan JavaScript.

Keduanya misalnya berbasis event. Pada JavaScript memanggil fungsi atau kode

script di atribut onClick. Onload, onUnload dan sebagainya. Pada ActionScript

pun kode dijalankan jika sebuah event yang ditentukan, seperti tombol mouse

yang ditekan, dilepas, kursor masuk kedaerah tertentu, dan sebagianya.

Sebenarnya memang ActionScript dibuat mengikuti JavaScript, dan pada

dasarnya ActionSscript masih lebih sederhana dibanding JavaScript. Fitur

JavaScript seperti ekspresi (try..catch dan throw) atau pernyataan switch belum

ada, eval-nya juga terbatas. AvtionScript pun belum mendukung set karakter

Unicode. Pemrograman Flash (ActionScript) sifatnya interpreted yaitu tidak perlu

melakukan siklus kompilasi. Begitu selesai menulis, bisa langsung mencoba

kode.

2.5.8 Fungsi Action Script

Action Script memiliki beberapa fungsi atau peran yang dapat membantu dalam

merancang situs atau movie Flash :

1. Membuat sistem navigasi situs

Hal ini berkaitan dengan bagaimana ActionScript dapat mengantar user

menjelajahi situs atau program yang telah dibuat. Dengan demikian animasi

situs yang telah dibuat tidak hanya menjadi “film iklan” belaka, kecuali

memang diinginkan seperti itu (dalam kasus film kartun menggunakan Flash).

2. Menambahkan interaktivitas dengan user

Dengan ActionScript user dapat berinteraksi dengan setiap elemen di dalam

movie Flash, baik itu tombol, movie clip, maupun teks.

3. Membuat situs atau program yang dinamis

Action Script dapat digabungkan dengan berbagai bahasa lain, seperti

JavaScript, ASP,PHP,CGI,MySQL, atau XML untuk membuat berbagai

aplikasi yang sulit atau tidak dapat dibuat hanya dengan Action Script saja.

Misalnya untuk membuat sistem database sehingga situs atau program Flash

dapat di-update secara rutin dan otomatis.

2.6 Struktur Navigasi File

Secara tekhnis pembuatan homepage memiliki suatu alur navigasi dengan

menggunakan fasilitas hyperlink yang menghubungkan first page file ke file-file

berikutnya dalam satu direktori file homepage. Untuk memahami labih jelas alur

tersebut, digunakan teori struktur navigasi. Berikut struktur navigasi yang

digunakan :

a. Struktur Limit Linear

Merupakan struktur yang tanpa mempunyai suatu rangkaian cerita yang

berurut. Struktur ini menampilkan satu per satu tampilan layar secara berurut

menurut aturannya. Pada struktur ini tidak diperkenankan adanya

percabangan.

Gambar 2.3 Struktur Limit Linier

b. Struktur Hirarki

Struktur ini merupakan struktur yang mengandalkan percabangan untuk

menampilkan data atau gambar pada layar. Tampilan menu pada struktur ini

disebut dengan master page (halaman utama ke satu), dan master page ini

memiliki cabang-cabang yang disebut dengan slave page (halaman

pendukung).

Gambar 2.4 Struktur Hirarki

c. Struktur Non Linier

struktur ini merupakan perpanjangan dari struktur navigasi limit linear,

namun pada struktur ini diperkenankan adanya percabangan hanya saja

percabangan ini tidak sama dengan struktur hirarki. Pada struktur non linier

semua kedudukan pose sama sehingga tidak sama.

Gambar 2.5 Struktur Non Linier

d. Struktur Composite (Campuran)

Struktur ini mempunyai beberapa gabungan dari ketiga struktur sebelumnya,

jika suatu topik membutuhkan percabangan maka dapat dibuat

percabangannya.

Gambar 2.6 Struktur Composite(Campuran)

Simbol :

= Melambangkan Alur = Melambangkan File

2.7 Adobe Photoshop 7.0

Seiring dengan perkembangan zaman dan kebutuhan akan sebuah software

yang komprehensif dalam bidang desain grafis, Adobe Photoshop masih sangat

diperlukan, baik untuk keperluan seperti Animasi, Multimedia, Web dan bidang-

bidang lain yang terkait.

Saat ini diperkenalkan oleh Adobe program pengolahan gambar ini memang

ditujukan untuk para user yang sangat suka dengan karya dengan Adobe Photo

Shop.

Adobe Photoshop adalah standar aplikasi terbaik untuk menyunting

gambar (image-editing) dan mengolah foto (photo-retauching). Memang pantas

julukan “Manipulation Master” untuk Adobe Photoshop, sebagai sebuah program

yang mampu mengolah dan memanipulasi berbagai image yang nampak “

impossible” . Jika dibandingkan dengan software yang sejenis. Corel Photo

Paint, Microsoft Photo Editor, Metacreations Painter, dan pengolahan gambar

lainnya, maka Photoshop masih menduduki peringkat teratas. Penulis bukan

membela salah satu software, namun ini merupakan salah satu fakta yang terjadi

dilapangan.

2.7.1 Kelebihan Adobe Photoshop 7.0

Adobe Photoshop dinyatakan oleh pengamat sebagai program yang

kompatibel untuk pembuatan Graphic Design. Pernyataan ini di dukung oleh

kemampuannya :

a. Pengguanaannya mudah terbukti dari tools yang disediakan baik untuk

profesional maupun pemula.

b. Pada filternya dapat ditambahkan dengan efek-efek lain yang tidak

terdapat dalam Photoshop.

c. Pengalamannya dalam Graphic Desain tidak diragukan lagi terbukti dari

banyaknya industri media cetak yang menggunakan software ini.

d. Terintegrasi dengan produk keluaran Adobe lainnya, seperti Adobe

Premiare, Adobe Illustrator, Adobe in Design, dll.

2.8 PHP

Bahasa PHP memberikan banyak kemudahan dalam penggunaannya. Banyak

konsep PHP yang digunakan merupakan adopsi dari bahasa pemrograman yang

sudah lebih dulu terkenal seperti C/C++ dan Perl. PHP juga mempunyai

kemampuan pemrograman yang bagus. Seperti keluwesan dalam penggunaan dan

konversi tipe data. Selain itu PHP juga memiliki keunggulan dalam hal

pengolahan database. Untuk membuat suatu aplikasi yang besar yang

memerlukan kecepatan pengaksesan dan kekuatan data diperlukan suatu sistem

database yang baik. Pada aplikasi sebelumnya, data kita hanya merupakan data

teks file biasa. Sehingga jika diterapkan untuk aplikasi yang membutuhkan data

besar dan kecepatan akses tinggi maka aplikasi kita akan berjalan tidak efisien

dan kemungkinan kerusakan data sangat besar. Untuk itu kita harus

menggunakan sistem database untuk mengelola data kita.

2.9 MYSQL

MySQL merupakan Database Management system (DBMS) yang bersipat

open source dan dikembangkan, serta didistribusikan oleh MySQL AB.MysQL

memiliki bagian berupa structured Query Language (SQL) yang digunakan untuk

mengolah databese-database relasional yang ada didalamnya. MySQL merupakan

aplikasi database yang kecil tetapi memiliki kekuatan dan kemampuan yang baik

dalam mengelola database.

Pada aplikasi pengenalan gangguan mental fungsional ini menggunakan

data base MySQL. Beberapa sintaks program yang digunakan dalam aplikasi

pengenalan gangguan mental fungsional, yang berhubungan dengan database

diantaranya:

1. Koneksi ke database

Fungsi mysql_connect()

Digunakan untuk melakukan koneksi ke program database

mySQL_create_db()

digunakan untuk membuat sebuah database.sintaksnya:

mySQL_create_db(“database”)

2. Tahap Operasi

Memasukan Data

Untuk memasukan data ke database,digunakan sintaks:

INSERT INTO nama_table (field1, field2,.)VALUS(‘data1’,data2’)

Mencari Data

Untuk mencari satu atau lebih data di database,digunakan sintak berikut:

SELECT field1,field2.FROM nama_table WHERE syarat1,syarat2..

ORDER by nama_field

Fungsi mysql_fetch_row()

Digunakan untuk mengambil hasil query baris perbaris ke database dalam

bentuk array.

Fungsi mysql_fetch_array()

Digunakan untuk mengambil hasil query baris perbaris ke database mengedit

data

Untuk meng edit data menggunakan sintak berikut:

UPDATE nama_tabel SET field=nilai_baru, field2=nilai_baru,..

WHERE syarat1,syarat2..

Menghapus data

Untuk menghapus data menggunkan sintaks berikut:

DELETE FROM nama_table WHERE syarat ,syarat2,..

BAB III

PEMBAHASAN MASALAH 3.1 Gambaran Umum Masalah

Aplikasi pengenalan gangguan mental sejak dini dibuat dengan

menggunakan bahasa pemrograman Flash MX dan PHP. Bahasa pemrograman

Flash lebih berorientasi kepada pembuatan animasi baik itu animasi didalam

pembuatan program aplikasi ataupun web(html). Dan untuk bahasa pemrograman

PHP berorientasi pada pengolahan data base, agar web site tersebut tidak kaku

melainkan dinamis.

Secara umum program ini dapat dibagi menjadi 5 bagian, yaitu :

1. Pendahuluan Gangguan Mental Fungsional.

2. Pengenalan Gangguan Mental Fungsional.

3. Diagnosa Gangguan Mental Fungsional.

4. Buku Tamu

5. Keluar

Didalam bagian pendahuluan Gangguan Mental lebih di tekankan kepada

pemahaman tentang penyakit-penyakit gangguan mental secara umum dan juga

akibatnya bagi masyarakat, selain itu juga di tampilkan gambar dan juga

penjelasan singkat dari beberapa gangguan mental fungsional untuk memberikan

gambaran umum bagi masyarakat tentang penyakit tersebut.

3.2 Struktur Navigasi

Program ini merupakan campuran antara flash dengan php, tampilan

pertama berupa cover depan mengguankan flash lalu ketika di click enter akan

masuk pada aplikasi yang akan digunakan, dalam aplikasi tersebut ada beberapa

menu-menu pilihan untuk memilih aplikasi apa yang akan digunakan yaitu berupa

menu home, pendahuluan, pengenalan,diagnosa, bukutamu, Keluar. Ini

adalah secara garis

besarnya urutan tampilan program. Untuk lebih jelasnya kita akan lihat pada

gambar berikut ini :

Cover

Menu

Buku tamu

Keluar

Diagnosa

Pengenalan

Pendahuluan

Gambar 3.1 Struktur Navigasi

Struktur Navigasi pada gambar diatas ini struktur navigasi hirarki yang digunakan

oleh penulis pada perancangan aplikasi pengenalan gangguan mental fungsional

sejak dini, pertama yaitu cover. Pada cover ini ditampilkan gambar animasi dan

juga teks berjudul aplikasi pengenalan gangguan mental fungsional sejak dini,

dan disedaiakan tombol enter untuk masuk kepada aplikasinya. Setelah menekan

tombol enter akan muncul menu dengan berbagai pilihan yaitu menu pendahuluan

(penjelasan singkat), Pengenalan (Macam-macam Gangguan Mental), Diagnosa

(Analisa Gangguan), Buku tamu (Saran/kritikan), Keluar (Keluar dari Aplikasi).

3.3 Membuat Website

3.3.1 Menu Pertama

Pada menu pertama terdapat animasi berupa gambar dan teks, yang dapat

bergerak dan berpindah-pindah tempat dan tombol Enter untuk masuk pada

Aplikasi. Pada menu pertama ini terdapat action script Flash sebagai berikut :

on (release) {

getURL('http://localhost/mamad/index1.php');

}

Fungsi dari action script ini adalah :

getURL yang berfungsi untuk mengarahkan pada link yang dituju, ketika kita

menekan atau mengklik tombol enter. Pada kasus ini fungsi getURL mengacu ke

alamat yang di tuju yaitu 'http://localhost/mamad/index1.php'.

Gambar bergerak

Gambar bergerak

Gambar bergerak

Text bergerak

enter

Gambar 3.2 Tampialn Cover

3.3.2 Menu Kedua

Pada menu kedua terdapat animasi berupa teks bergerak yang bertuliskan

Selamat datang, News Info, Tampilan tanggal dan Jam sekarang . Pada menu

Kedua ini terdapat action script Flash sebagai berikut :

frame = 0;

counter = 0;

inputString = "SELAMAT DATANG ";

this.onEnterFrame = function ()

{

frame++;

if ( frame > 5 && counter < inputString.length )

{

attachMovie ( "letterAni", "letter" + counter, counter );

thisLetter = this["letter"+counter];

thisLetter._x = 15 + counter*15;

thisLetter._y = 20;

thisLetter.letterMC.rawLetter.textColor = 0x6363C0;

thisLetter.letterMC.rawLetter.text = inputString.charAt(counter);

frame = 0;

counter++;

}

if ( counter >= inputString.length )

{

delete this.onEnterFrame;

}

}

Home pendahuluan pengenalan diagnosa buku tamu keluar

Jam tanggal

Teks bergerak

teks

Teks bergerak

Gambar

gambar

gambar

Gambar 3.3 Tampialn Selamat Datang

3.3.3 Menu Ketiga

Pada menu ketiga terdapat animasi berupa teks bergerak yang bertuliskan

pengenalan gangguan mental fungsional, dan pemberian informasi/penjelasan

umum. Pada menu Ketiga ini terdapat action script Flash sebagai berikut :

frame = 0;

counter = 0;

inputString = "PENGENALAN GANGGUAN MENTAL FUNGSIONAL ";


{

frame++;


{




thisLetter._y = 20;



frame = 0;

counter++;

}


{


}

}

//Untuk Panah Ke Bawah

on(press, release, keyPress "<Down>")

{

scrollable_text._y -= 30;

}

//Untuk Panah Ke Atas

on(press, release, keyPress "<Up>")

{

scrollable_text._y += 30;

}

Teks bergerak

teks

gambar

gambar


Gambar 3.4 Tampialn Pendahuluan

3.3.4 Menu Keempat

Pada menu keempat terdapat animasi berupa teks bergerak yang bertuliskan

pengenalan gangguan mental fungsional, dan penjelasan secara detil jenis-jenis

gangguan metal fungsional beserta gambarnya. Pada menu Keempat ini terdapat

action script Flash sebagai berikut :

frame = 0;

counter = 0;

inputString = "PENGENALAN GANGGUAN MENTAL FUNGSIONAL ";


{

frame++;


{




thisLetter._y = 20;



frame = 0;

counter++;

}


{


}

}

//Untuk Panah Ke Bawah

on(press, release, keyPress "<Down>")

{

scrollable_text._y -= 30;

}

//Untuk Panah Ke Atas

on(press, release, keyPress "<Up>")

{


}

gambar

teks

Teks bergerak

teks

gambar

gambar

gambar


Gambar 3.5 Tampilan Pengenalan Gangguan Mental

3.3.5 Menu Kelima

Pada menu kelima terdapat aplikasi diagnosa gangguan mental, yaitu berupa

pertanyaan-pertanyaan yang berkaitan tentang gangguan mental dan jika diagnosa

berhasil maka akan muncul nama penyakit dan keterangan serta gambar dari

penyakit tersebut.

back

ulang

tidakya

teks

Teks pertanyaan

gambar teks

gambar

gambar

Gambar 3.6 Tampialn Diagnosa

3.3.6 Menu Keenam

Menu Keenam ini berupa isian buku tamu, berisikan saran atau kritik yang

membangun bagi penulis untuk menciptakan suatu hasil karya yang lebih baik.

gambar

gambar

Isi buku tamu

Nama

email

Saran

Isi dengan saran dan klick enter

enter

Lihat buku tamu

Gambar 3.7 Tampilan Buku Tamu

3.4 Struktur Basis Data Yang Digunakan

Aplikasi pengenalan gangguan mental fungsional menggunakan basis data yang

mempunyai tabel untuk menyimpan data.

3.4.1 Tabel Tanya

Nama field Tipe Panjang Keterangan

Kd_tanya Int 4 Kode pertanyaan (PK)

Tanya Varchar 200 Pertanyaan diagnosa

Ya

Tidak

Varchar

Varchar

5

5

Kode jika pertanyaan ya

Kode jika pertanyaan tidak

Suara Varchar 60 File suara

Tabel 3.1 : Tabel Tanya

3.4.2 Tabel penyakit

Nama field Tipe Panjang Keterangan

Kd_gangguan Varchar 4 Kode gangguan (pk)

Nm_gangguan Varchar 100 Nama gangguan

Keterangan Varchar 255 Keterangan penyakit

Gambar Varchar 60 File gambar

Suara archar 0 ile Suara V 6 F

Tabel 3.2: Tabel penyakit

3.4.3 Tabel buku tamu

ama Filed ipe keterangan

N T Panjang

id Int 5 No urut

Nama Char 100 Nama tamu

Email Char 100 Email tamu

Saran char 100 Saran tamu

Tabel 3.3: Buku tamu

3.5 Spe

ini penulis mengunakan komputer dengan

erikut:

8 MB

ifikasi computer minimal:

95

ka dijalankan dari hardisk)

480 hige color

ng digunakan adalah:

amweaper mx

.nusphere

edua mengupload halaman

angguan

sifikasi Sofware dan Hardware

Didalam pembuatan program

spesifikasi sebagai b

. Sistem Operasi xp

. processor intel 1.70ghz

. memory SDRM 25

. Hardisk 18,6 GB

Untuk menjalankan program ini spes

. sistem operasi windows

. processor Pentium 266

. Harddisk free space 500 mb (ji

. Monitor 640 x

. mouse

. keybord

. souncard

Software pendukung ya

.Adobe Photoshop 7.0

. Macromedia Dre

3.6 mengupload website

Untuk mengupload halaman web kedalam internet,terdapat dua pilihan yaitu

pertama mengupload halaman web ketempat yang gratis, k

web ketempat yang mengharuskan kita untuk membayar.

Pada kesempatan ini penulis mengupload web aplikasi pengenalan g

mental sejak dini ke tempat yang gratis.adalah www.geocities.com. Untuk

mendapatkan tempat gratis terlebih dahulu penulis harus mendaptarkan diri ke

www.yahoo.com karena geocities merupakan salah satu bagian dari yahoo.com ,

berikut tahap meng upload website

http://www.geocities.com/

http://www.yahoo.com/

1. masukan login dan pasword, agar dapat masuk kedalam geocities.com.

masuk pada halaman free web pada bagian kiri web. Pada halaman ini

terdapat pilihan yang dapat dipilih oleh pengguna w

2.

eb, apakah akan memilih

eb

pat untuk meletakan

utnya yaitu pemberitahuan bahwa kita telah siap

rsebut. Selanjutnya website tersebut

telah siap untuk diakses melalui internet.

web yang gratis atau dengan menggunakan biaya.

Pada halaman ini ketik sign in pada tempat free web untuk mendaptarkan w

secara gratis, pada langkah selanjutnya kita diberikan pilihan, apakah kita

bersedia untuk memberikan tempat didalam website yang akan kita upload bagi

geocities. Tempat ini nantinya akan digunakan sebagai tem

gambar yang berupa iklan dan sebagainya oleh geocities.

Langkah pada halaman berik

untuk membangun web sendiri.

Langkah selanjutnya yaitu file-file apa saja yang akan kita tampilkan atau

yang akan kita ikut sertakan dalam website tersebut. Setelah itu tekan tombol

“upload files” untuk memproses website te

BAB IV

PENUTUP

4.1

n mengidentifikasi berbagai macam gangguan mental

ngsional sejak dini.

4.2

tentunya disimpan dalam format yang minimal agar file nya itu tidak terlalu besar.

Kesimpulan

Berdasarkan penulisan yang dubuat penulis dapat memberi kesimpulan,

bahwa aplikasi yang dirancang akan memberikan suatu informasi bagi masyarakat

atau yang sedang mempelajari ilmu psikologi untuk mengenal dan lebih cermat

dalam menganalisa da

fu

Saran

Aplikasi yang dibuat penulis masih dapat dikembangkan dengan

menambahkan suara terhadap hasil diagnosa yang berupa keterangan-keterangan

dari jenis penyakit tersebut, sehingga pengguna tidak perlu lagi membacanya,

DAFTAR PUSTAKA

[1.] X 2004 dengan Action Script,

[2.]

I, Direktorat Jendral Pelayanan Medik,

[3.] n Jiwa Darurat, , Direktorat

[4.] an PHP 5 dan MySQL,

[5.]

Membangun Website Dengan PHP, Datakom Lintas Buana,

[6.] ngan menggunakan Macromedia Flash,

Dinastindo, Jakarta, 2003.

Andreas, Andi Suciadi, Macromedia Flash M

P.T Elex Media Komputindo, Jakarta,2005.

Departemen Kesehatan R.I , Pedoman Penggolongan Dan Diagnosis

Gangguan Jiwa Di Indonesia II

cetakan Pertama, Jakarta, 1993.

Departemen Kesehatan R.I, Ilmu Kedoktera

Jendral Pelayanan Medik, Jakarta, 1993.

Ramadhan, Arief, Hendra Saputra, Buku Latih

P.T.Elex Media Komputindo, Jakarta 2005.

Sugiyanto David, Muhammad Farhan Sjaugi,Hasporo Renaldi N, Langkah

Demi Langkah

Jakarta, 2003.

Titoriberu, Animasi Web de

LAMPIRAN

Index.php on (release) {

getURL('http://localhost/mamad/index1.php');

ounter = 0; NG ";

tion ()

+ counter, counter ); ounter];

.rawLetter.textColor = 0x6363C0;

.rawLetter.text = inputString.charAt(counter); ame = 0;

delete this.onEnterFrame; }

ounter = 0; ANGGUAN MENTAL FUNGSIONAL ";

tion ()

frame++; if ( frame > 5 && counter < inputString.length )

} index1.php frame = 0; cinputString = "SELAMAT DATA this.onEnterFrame = func{ frame++; if ( frame > 5 && counter < inputString.length ) { attachMovie ( "letterAni", "letter" thisLetter = this["letter"+c thisLetter._x = 15 + counter*15; thisLetter._y = 20; thisLetter.letterMC thisLetter.letterMC fr counter++; } if ( counter >= inputString.length ) { } frame = 0; cinputString = "PENGENALAN G this.onEnterFrame = func{

{ attachMovie ( "letterAni", "letter" + counter, counter );

ounter];

.rawLetter.textColor = 0x6363C0;

.rawLetter.text = inputString.charAt(counter); ame = 0;

delete this.onEnterFrame; }

ntuk Panah Ke Bawah n(pres n>")

y -= 30;

ntuk Panah Ke Atas n(pres ")


YPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ww.w3.org/TR/html4/loose.dtd">

p-equiv="Content-Type" content="text/html; charset=iso-8859-1"> title>cover</title>

6666"> ">

nbsp;</p>

thisLetter = this["letter"+c thisLetter._x = 15 + counter*15; thisLetter._y = 20; thisLetter.letterMC thisLetter.letterMC fr counter++; } if ( counter >= inputString.length ) { } //Uo s, release, keyPress "<Dow{ scrollable_text._ } //Uo s, release, keyPress "<Up>{ Index.php <!DOCT"http://w<html> <head> <meta htt<</head> <body bgcolor="#33<div align="center <p> </p> <p> </p> <p>&

<p> </p> <p> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

kwave/cabs/flash/swflash.cab#">

">

"http://www.macromedia.com/go/getflashplayer" type="application/x-wave-flash" width="452" height="375"></embed>

ect>

/body>

P

HEAD>

IMPORTANT STYLESHEET SECTION - Change the border classes and olours *** -->

style>

azyBorder { border: 2px outset #663399 } t { text-decoration: none; color: #FFCC99; font: Bold 12px Arial, Helvetica

color: #FFFFFF; nt-weight: bold;

font-weight: bold;

tyle21 { color: #339999; font-weight: bold;

codebase="http://download.macromedia.com/pub/shocversion=6,0,29,0" width="452" height="375 <param name="movie" value="flash/cover.swf <param name="quality" value="high"> <embed src="flash/cover.swf" quality="high" pluginspage=shock </obj</p> </div> <</html> Index1.PH <<? include_once "menu1.js"; ?> <!-- *** text c<<!-- .itemBorder { border: 1px solid black } .itemText { text-decoration: none; color: #FFFFFF; font: 12px Arial, Helvetica } .cr.crazyTex} .style1 { fo} .style2 { color: #FF0000; font-size: 16px; } .style3 {color: #FFFF00} .s

}

e22 {color: #0000FF}

>

Y tag -->

BODY marginwidth="0" marginheight="0" style="margin: 0"

--

width="105%" height="1926" border="0" cellpadding="0" cellspacing="0"

height="19" colspan="10"> </td>

31" bgcolor="#FFFFFF">

nclude_once

lor="#336666"> </td> 31" colspan="5" bgcolor="#FFFFFF">

lign="center"> ></td>

</td> " rowspan="2" bgcolor="#FFFFFF"><div align="center">

.styl --</style> <title>menu</title></HEAD>  <!-- It's important that you position the menu over a background, like a table/image > <table bgcolor="#006666"> <tr> <td</tr> <tr> <td height="<div align="center"> </div></td> <td width="11%" bgcolor="#FFFFFF"><center><? i"clock.php"?></center></td> <td width="0%" bgcolor="#FFFFFF"> </td> <td colspan="2" bgco <td height="<div a </div</tr> <tr> <td height="17" rowspan="2" bgcolor="#FFFFFF"> </td> <td height="8" bgcolor="#FFFFFF"> </td> <td height="17" rowspan="2" bgcolor="#FFFFFF"> </td> <td width="0%" rowspan="2" bgcolor="#336666"> </td> <td width="0%" rowspan="2" bgcolor="#336666"> <td colspan="5

<p align="center" class="style2"> </p> v></td>

height="27" bgcolor="#FFFFFF"><span class="style21"> enter><u>~ News Info : ~ </u></center></span></td>

FFFF"> </td> FFFFFF"><span

2" bgcolor="#336666"> </td> lspan="5" bgcolor="#FFFFFF"><div align="center">

></td>

1646" bgcolor="#FFFFFF"> mouseover=stop() onmouseout=start() scrollAmount=2

ntal sional adalah suatu gangguan mental yang tidak atau belum diketahui

i akan

mendadak, atau mempunyai dampak lain seperti gangguan , makan, kecemasan dan lain-lain. Seperti Contoh Gambar Di bawah

n="center" class="style12"><font size="1"><br>

</di </tr> <tr> <td <c</tr> <tr> <td height="17" bgcolor="#FF <td height="17" bordercolor="#5BA7FF" bgcolor="#class="style21"></span></td> <td height="17" bgcolor="#FFFFFF"> </td> <td colspan=" <td co </div </tr> <tr> <td height="1646" bgcolor="#FFFFFF"> </td> <td height=" <MARQUEE ondirection=up> <div align=justify> <p align="center" class="style12"> <span class="style22">Gangguan Me Fung adanya hubungan dengan suatu penyakit badaniah. Lain halnya dengan gangguan mental Organik / Gangguan mental non-psikotik kebanyakan disebabkan oleh adanya gangguan fungsi jaringan otak. Gangguan mental Fungsional ini sulit di diagnosa kalau kita tidak cermat dalam mengamati gejalanya, bahkan para medis pun dapat luput dalam pengawasannya. Penyakit in berhubungan dengan perasaan dalam diri seseorang atau juga karena keret jiwa atau disharmoni antara proses berpikir , afek-emosi, psikomotor dan kemauan, baik itu meningkat atau menurun. Contohnya adalah jenis Skizofrenia, Depresi, Mania, Paranoid dan gangguan lain yang disebabkan oleh gangguan mental fungsional. Bila Dokter atau Psikiater membiarkan pasiennya begitu saja, maka akan berdampak buruk dan bertambah parahnya pasien tersebut. Contohnya pada penderita Depresi, Stres bisa-bisa pasien ini bunuh diri secara tidur Ini..</span>...</p> <p></p> <p alig

</font>

</td>

"118" height="154"></div></td>

age/contoh44.JPG" "119" height="158" border="0" lowsrc="Index1.php"></td> idth="37%" bgcolor="#FFFFFF"> </td>

="2" bgcolor="#336666"> </td>

-11cf-96B8-444553540000" /cabs/flash/swflash.cab#

">

ttp://www.macromedia.com/go/getflashplayer" type="application/x-width="668" height="51"></embed>

/object>

lute;

src="image/next.gif" width="16" height="16"

</p> </div> </marquee></td> <td height="1646" bgcolor="#FFFFFF"> </td> <td colspan="2" bgcolor="#336666"> </td> <td width="10%" bgcolor="#FFFFFF"><div align="center"></div> <td width="13%" bgcolor="#FFFFFF"><div align="right"><img src="image/contoh45.JPG" width= <td width="16%" bgcolor="#FFFFFF"><img src="image/NIH3561.JPG"width="122" height="170"></td> <td width="13%" bgcolor="#FFFFFF"><img src="imwidth= <td w</tr> <tr> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" colspan <td height="19" colspan="5" bgcolor="#FFFFFF"> <div align="right"> <object classid="clsid:D27CDB6E-AE6Dcodebase="http://download.macromedia.com/pub/shockwaveversion=6,0,29,0" width="668" height="51"> <param name="movie" value="flash/gangguan.swf <param name="quality" value="high"> <embed src="flash/gangguan.swf" quality="high" pluginspage="hshockwave-flash" <</div></td></tr> <tr> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#336666"> </td> <td height="19" bgcolor="#336666"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"><div id="Layer2" style="position:absoleft:338px; top:772px; width:45px; height:21px; z-index:2"><a href="pendahuluan.php"><img

border="0"></a> <a href="index.php"><img src="image/prev.gif"

eight="19" bgcolor="#FFFFFF"> </td> eight="19" bgcolor="#FFFFFF"> </td>

enter"></div></td>


te" direction="right" scrolldelay="100" > style3">Aplikasi Pengenalan Gangguan Mental Fungsional</span>

arquee> pan></td>

eight="19" colspan="9" bgcolor="#336666"><div align="center"><span "style1">Copyright @ Muhammad 2006 </span></div></td>

></td>

tr><td height="19" colspan="10" bgcolor="#FFFFFF"> </td></tr></table> !-- Script Size: 13.87 KB -->

an.PHP

border="0"></a></div></td> <td h <td h</tr> <tr> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"><div align="c <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#336666"> </td> <td height="19" bgcolor="#336666"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td h <td h</tr> <tr> <td height="19" bgcolor="#336666"> </td> <td height="19" colspan="9" bgcolor="#336666"><span class="style1"><marquee behavior="alterna <span class=" </m </s</tr> <tr> <td height="19" bgcolor="#336666"> </td> <td hclass=</tr> <tr> <td width="0%" height="19" bgcolor="#336666"><div align="center"> </div <td height="19" colspan="9" bgcolor="#336666"><div align="center"></div></td> </tr> << Pendahulu <HEAD>

<? include_once "menu1.js"; ?>  style>

temBorder { border: 1px solid black } FFF; font: 12px Arial, Helvetica }



font-weight: bold;

e3 {color: #FFFF00}

>

Y tag -->

php"><img src="image/next.gif" idth="16" height="16" border="0"></a> <a href="index1.php"><img

e --

text c< <!-- It's important that you position the menu over a background, like a table/imag>

<table width="88%" height="546" border="0" cellpadding="0" cellspacing="0" or="#006666">

eight="19" colspan="10"> </td>

nbsp;</td> > </td>

" bgcolor="#336666"> </td>

11cf-96B8-444553540000" abs/flash/swflash.cab#

">

" http://www.macromedia.com/go/getflashplayer" type="application/x-h" width="584" height="32"></embed>

bject> iv></td>

nter">

19" colspan="5" bgcolor="#FFFFFF"> iv align="center"><img src="image/garis2.jpg" width="649" height="8"> </td>

or="#336666"> </td>

1cf-96B8-444553540000" e/cabs/flash/swflash.cab#

>

bgcol <tr> <td h</tr> <tr> <td height="29" bgcolor="#FFFFFF">& <td width="17%" rowspan="3" bgcolor="#FFFFFF" <td bgcolor="#FFFFFF"> </td> <td colspan="2 <td width="79%" height="29" colspan="5" bgcolor="#FFFFFF"><div align="center"> <object classid="clsid:D27CDB6E-AE6D-codebase="http://download.macromedia.com/pub/shockwave/cversion=6,0,29,0" width="584" height="32"> <param name="movie" value="flash/pengenalan.swf <param name="quality" value="high"> <embed src="flash/pengenalan.swf" quality="highpluginspage="shockwave-flas </o </d</tr> <tr> <td height="19" bgcolor="#FFFFFF"><div align="ce </div></td> <td width="1%" bgcolor="#FFFFFF"> </td> <td colspan="2" bgcolor="#336666"> </td> <td height=" <d</div></tr> <tr> <td height="17" rowspan="2" bgcolor="#FFFFFF"> </td> <td height="17" rowspan="2" bgcolor="#FFFFFF"> </td> <td width="1%" rowspan="2" bgcolor="#336666"> </td> <td width="1%" rowspan="2" bgcol <td colspan="5" rowspan="7" bgcolor="#FFFFFF"><div align="center"> <p align="center" class="style2"> <object classid="clsid:D27CDB6E-AE6D-1codebase="http://download.macromedia.com/pub/shockwavversion=6,0,29,0" width="600" height="400"

<param name="movie" value="flash/pengantar.swf <param name="quality" value="high"> <embed src="flash/pengantar.swf" quality="high"

">

http://www.macromedia.com/go/getflashplayer" type="application/x-wave-flash" width="600" height="400"></embed>

iv> <div align="center"></div> <div align="right"></div></td>

wspan="4" bgcolor="#FFFFFF"><div align="center"><img image/contoh45.JPG" width="118" height="154"></div></td>

ight="17" bgcolor="#FFFFFF"> </td> olspan="2" bgcolor="#336666"> </td>

ight="19" bgcolor="#FFFFFF"> </td> eight="19" colspan="2" bgcolor="#336666"> </td>

ight="19" bgcolor="#336666"> </td> eight="19" bgcolor="#336666"> </td>

enter"><img ></div></td>

eight="166" bgcolor="#336666"> </td> eight="166" bgcolor="#336666"> </td>

enter"></div></td>

ight="73" bgcolor="#336666"> </td> eight="73" bgcolor="#336666"> </td>

pluginspage="shock </object> </p> </d</tr> <tr> <td rosrc=" </tr> <tr> <td height="17" bgcolor="#FFFFFF"> </td> <td he <td c </tr> <tr> <td height="19" bgcolor="#FFFFFF"> </td> <td he <td h </tr> <tr> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td he <td h </tr> <tr> <td height="166" bgcolor="#FFFFFF"> </td> <td height="166" bgcolor="#FFFFFF"><div align="csrc="image/NIH3561.JPG" width="130" height="173" <td height="166" bgcolor="#FFFFFF"> </td> <td h <td h</tr> <tr> <td height="73" bgcolor="#FFFFFF"> </td> <td height="73" bgcolor="#FFFFFF"><div align="c <td height="73" bgcolor="#FFFFFF"> </td> <td he <td h

</tr> <tr> <td height="19" bgcolor="#336666"> </td>

lldelay="100" > an class="style3">Aplikasi Pengenalan Gangguan Mental Fungsional</span> arquee> </td>

eight="19" colspan="9" bgcolor="#336666"><div align="center"><span "style1">Copyright @ Muhammad 2006 </span></div></td>

></td>

tr><td height="19" colspan="10" bgcolor="#FFFFFF"> </td></tr></table> .87 KB -->

n.PHP

nu1.js"; ?> IMPORTANT STYLESHEET SECTION - Change the border classes and

olours *** --> style>



font-weight: bold;

<td height="19" colspan="9" bgcolor="#336666"><marquee behavior="alternate" direction="right" scro <sp </m</tr> <tr> <td height="19" bgcolor="#336666"> </td> <td hclass=</tr> <tr> <td width="1%" height="19" bgcolor="#336666"><div align="center"> </div <td height="19" colspan="9" bgcolor="#336666"><div align="center"></div></td> </tr> <<!-- Script Size: 13 Pengenala <HEAD> <? include_once "me<!-- *** text c<<!-- .itemBorder { border: 1px solid black } .itemText { text-decoration: none; color: #FFFFFF; font: 12px Arial, Helvetica } .cr.crazyTex} .style1 { fo} .style2 { color: #FF0000; font-size: 16px;

} .style3 {color: #FFFF00} .style4 { color: #FF0000;

font-weight: bold;

>menu</title>

4 resized

arseInt(appVersion)==4)) {

adPage; }} lse if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH)

Page(true);

/script>

Y tag -->


age --

28px; width:53px; f"

p"><img src="image/prev.gif" border="0"></a></div> table width="101%" height="551" border="0" cellpadding="0" cellspacing="0"

or="#006666">

} --> </style> <title<script language="JavaScript" type="text/JavaScript">  <</HEAD>  <!-- It's important that you position the menu over a background, like a table/im> <div id="Layer1" style="position:absolute; left:228px; top:214px; width:0px; height:1px; z-index:1"></div> <div id="Layer2" style="position:absolute; left:540px; top:4height:24px; z-index:2"><a href="pengenalan1.php"><img src="image/next.giwidth="16" height="16" border="0"></a> <a href="pendahuluan.ph<bgcol

<tr> <td height="19" colspan="10"> </td>

nbsp;</td> > </td>

" bgcolor="#336666"> </td>

11cf-96B8-444553540000" abs/flash/swflash.cab#

">

" http://www.macromedia.com/go/getflashplayer" type="application/x-h" width="584" height="32"></embed>

bject> iv></td>

nter">

19" colspan="5" bgcolor="#FFFFFF"> iv align="center"><img src="image/garis2.jpg" width="649" height="8"> </td>

or="#336666"> </td>

1cf-96B8-444553540000" ve/cabs/flash/swflash.cab#

> ">

</tr> <tr> <td height="29" bgcolor="#FFFFFF">& <td width="17%" rowspan="3" bgcolor="#FFFFFF" <td bgcolor="#FFFFFF"> </td> <td colspan="2 <td width="79%" height="29" colspan="5" bgcolor="#FFFFFF"><div align="center"> <object classid="clsid:D27CDB6E-AE6D-codebase="http://download.macromedia.com/pub/shockwave/cversion=6,0,29,0" width="584" height="32"> <param name="movie" value="flash/pengenalan.swf <param name="quality" value="high"> <embed src="flash/pengenalan.swf" quality="highpluginspage="shockwave-flas </o </d</tr> <tr> <td height="19" bgcolor="#FFFFFF"><div align="ce </div></td> <td width="1%" bgcolor="#FFFFFF"> </td> <td colspan="2" bgcolor="#336666"> </td> <td height=" <d</div></tr> <tr> <td height="17" rowspan="2" bgcolor="#FFFFFF"> </td> <td height="17" rowspan="2" bgcolor="#FFFFFF"> </td> <td width="1%" rowspan="2" bgcolor="#336666"> </td> <td width="1%" rowspan="2" bgcol <td colspan="5" rowspan="7" bgcolor="#FFFFFF"><div align="center"> <p align="center" class="style2"> <object classid="clsid:D27CDB6E-AE6D-1codebase="http://download.macromedia.com/pub/shockwaversion=6,0,29,0" width="600" height="300" <param name="movie" value="flash/penyakit.swf <param name="quality" value="high">

<td height="19" bgcolor="#336666"> </td> <td height="19" colspan="9" bgcolor="#336666"><marquee behavior="alternate"

on="right" scrolldelay="100" > an class="style3">Aplikasi Pengenalan Gangguan Mental Fungsional</span>

eight="19" bgcolor="#336666"> </td> eight="19" colspan="9" bgcolor="#336666"><div align="center"><span

dth="1%" height="19" bgcolor="#336666"><div align="center">

gcolor="#336666"><div align="center"></div></td> </tr> tr><td height="19" colspan="10" bgcolor="#FFFFFF"> </td></tr></table> !-- Script Size: 13.87 KB -->

diagnosa.PHP

//W3C//DTD HTML 4.01 Transitional//EN">

>Diagnosa</title> -1">

"text/JavaScript">

{if

pgW=innerWidth; document.MM_pgH=innerHeight; resize=MM_reloadPage; }}

cument.MM_pgW || innerHeight!=document.MM_pgH) on.reload();

adPage(true);

directi <sp </marquee> </td> </tr> <tr> <td h <td hclass="style1">Copyright @ Muhammad 2006 </span></div></td> </tr> <tr> <td wi </div></td> <td height="19" colspan="9" b << Ruang_ <!DOCTYPE HTML PUBLIC "-<html> <head> <? include_once "menu1.js"; ?> <title<meta http-equiv="Content-Type" content="text/html; charset=iso-8859<script language="JavaScript" type= </script>

</head> <center> <body bgcolor="#6699ff"> <div id="Layer1" style="position:absolute; left:192px; top:144px; width:538px;

localhost","","");

if (($kode=="") || ($reset))

rder by

ata=mysql_fetch_array($hasil); e=$data[kd_tanya];

clude "diagnosa_pertanyaan.php";

else

nya where

ry($cari);

{

iharapkan Untuk

} else include "diagnosa_hasil.php";

else { include "diagnosa_pertanyaan.php"; }

}

height:120px; z-index:1"> <form method=post action=ruang_diagnosa.php><? mysql_connect(" mysql_select_db("expert"); { $cari="SELECT kd_tanya FROM tanya okd_tanya"; $hasil=mysql_query($cari); $d $kod in } { $cari="SELECT count(*) as jml FROM takd_tanya='$kode'"; $hasil=mysql_que $data=mysql_fetch_array($hasil); if ($data[jml]==0) { if ($kode=="W") $msg = "<img src=Image/tak_terdeteksi.JPG><br><font size=4 color=red>DSegera Periksa Ke Dokter"; echo "$msg"; } ?> </td> </tr>

<tr> <td align="center" height="9"> <div align="center">

e="reset" value="Ulang">

iv>

osition:absolute; left:409px; top:393px; width:86px;

"pengenalan.php"><img src="image/back7.gif" width="69" height="30" o"></a></div>

img src="Image/diagnosa1.jpg" width="700" height="420">

/html>

.PHP

($Entlhost","","");

u (nama,email,saran) VALUES nama','$email','$saran')";

$hasil=mysql_query($perintah); der("location:bukutamu.php");

e_once "menu1.js"; ?> ** IMPORTANT STYLESHEET SECTION - Change the border classes and

xt colours *** -->

der { border: 2px outset #663399 } ne; color: #FFCC99; font: Bold 12px Arial, Helvetica

yle1 { lor: #FFFFFF;

<input type="submit" nam </div></td> </tr></table> <div align="center"></d</form></div> <div id="Layer2" style="pheight:34px; z-index:2"> <a href=border="n<</body> < Buku tamu <? if er){ mysql_connect("loca mysql_select_db("expert"); $perintah="INSERT INTO bukutam('$ hea} ?> <HEAD> <? includ<!-- *te<style> <!-- .itemBorder { border: 1px solid black } .itemText { text-decoration: none; color: #FFFFFF; font: 12px Arial, Helvetica } .crazyBor.crazyText { text-decoration: no} .st co font-weight: bold;

} .style2 { color: #FF0000;

nt-weight: bold;

font-size: 16px;

e5 {color: #FFFFFF}

olor: #FFFF00}

/style>

title>Buku Tamu</title></HEAD>

BODY bgcolor="#FFFFFF" leftmargin="10" topmargin="10"marginwidth="0" )

sResizeHandler()">

- STEP THREE: Copy this code into the BODY of your HTML document -->

you position the menu over a background, like a table/image --

cellpadding="0" cellspacing="0" r="#006666">

nter">

%" bgcolor="#FFFFFF"> </td> olspan="2" bgcolor="#336666"> </td> eight="17" colspan="5" bgcolor="#FFFFFF"><div align="center">

fo font-size: 16px; } .style4 { color: #0066CC; font-weight: bold; }.styl.style6 {c --> < <  <marginheight="0" style="margin: 0" onLoad="writeMenus()" onResize="if (isNS4n <!- <!-- It's important that > <table width="81%" height="540" border="0" bgcolo<tr> <td height="19" colspan="10"> </td> </tr> <tr> <td height="17" bgcolor="#FFFFFF"><div align="ce </div></td> <td width="19%" bgcolor="#FFFFFF"> </td> <td width="1 <td c <td h </div></td> </tr>

<tr> <td height="17" rowspan="3" bgcolor="#FFFFFF"> </td> <td height="8" bgcolor="#FFFFFF"> </td> <td height="17" rowspan="3" bgcolor="#FFFFFF"> </td> <td width="1%" rowspan="3" bgcolor="#336666"> </td> <td width="1%" rowspan="3" bgcolor="#336666"> </td>

pan="5" rowspan="3" bgcolor="#FFFFFF"><div align="center">

wcopytype="CopyTableRow">

<center>

font face="Arial" size="4"> <br> pan class="style4"><font face="Verdana"><marquee

rection="right" scrolldelay="100" >Isi Buku Tamu e></span></p> uote>

width="82%" border="1" cellpadding="0" cellspacing="0"

idth="100%" style="border-style: none; border-width: medium"

er-width:

me="form1" onsubmit="return d="post" action=<? $php_self?>>

eight="41" cellSpacing="0" cellPadding="0" width="100%"

idth="35%" bgColor="#0099FF" height="1"><p

<td cols <table width="643" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" d <tr> <td width="630" background="images/back.gif" bgcolor="#FFFFFF"> <blockquote> <blockquote> <p align="center"><b>< </font></b><sbehavior="alternate" di</font></marque </blockq </blockquote> </center> <center> <table bordercolor="#0066FF" bgcolor="#0066FF" id="AutoNumber3" style="border-collapse: collapse"> <tr> <td wbgcolor="#0099FF"><p align="center"> </p></td> </tr> <tr> <td width="100%" style="border-style: none; bordmedium"><div align="center"> <FORM language="javascript" naform1_onsubmit()" metho <table hborder="0" style="border-collapse: collapse"> <tbody> <tr> <td walign="left"><b></b></p></td> <td width="65%" bgColor="#0099FF" height="1"> </td> </tr> <tr bgcolor="#FFFFFF">

<td width="35%" height="1"><p align="left"><font face="Arial" td>

idth="65%" height="1"><p align="left"><font

<tr bgcolor="#FFFFFF"> "Arial"

t></p></td> idth="65%" height="1"><p align="left"><font

<tr bgcolor="#FFFFFF"> "Arial"

td> idth="65%" height="1"><p align="left"><font

>

</tr> color="#0099FF">

"1"><p align="center"><font r

<td colSpan="2" height="36"><p align="center"><font ize="2">

put type="submit" name="Enter" value="Enter"> t type='button' onclick=location='reg_ppjk2.php'

t></td>

tbody> ble>

</form> ref="btshow.php" class="style5">Lihat Buku Tamu </a></div>

size="2"> Nama</font></p></ <td wface="Arial">: <input maxLength="50" size="35" name="nama"> </font></p></td> </tr> <td width="35%" height="1"><p align="left"><font face=size="2"> Email Address </fon <td wface="Arial">: <input maxLength="50" size="35" name="email"> </font></p></td> </tr> <td width="35%" height="1"><p align="left"><font face=size="2"> Saran</font></p></ <td wface="Arial">: <input maxLength="50" size="35" name="saran" </font></p></td> <tr bg <td colSpan="2" height=color="#FFFFFF" size="2" face="Arial">Isi dengan saranini dan Klik Ente</font></td> </tr> <tr bgcolor="#0066FF"> face="Arial" color="#000080" s <in <inpuvalue="Cancle"> </fon </tr> </ </ta <a h </table> </center> </table>

<blockquote> <blockquote> <blockquote>

te> lockquote>

lockquote>

th="118"

age/NIH3561.JPG"



nbsp;</td> nbsp;</td>

idth="20%" height="19" bgcolor="#FFFFFF"> </td> idth="16%" height="19" bgcolor="#FFFFFF"> </td>

</td> </td>

<p align="center" dir="ltr"> </p> </blockquo </b </b <p align="center" class="style2"> </p> </div></td> </tr> <tr> <td height="4" bgcolor="#FFFFFF"><img src="image/contoh45.JPG" widheight="154"></td> </tr> <tr> <td height="173" bgcolor="#FFFFFF"><img src="imwidth="130" height="173"></td> </tr> <tr> <td height="17" bgcolor="#FFFFFF"> </td> <td he <td h <td colspan="2" bgcolor="#336666"> </td> <td colspan="5" bgcolor="#FFFFFF"> </td> </tr> <tr> <td height="19" bgcolor="#FFFFFF"> </td> <td h <td h <td height="19" colspan="2" bgcolor="#336666">& <td height="19" colspan="5" bgcolor="#FFFFFF">&</tr> <tr> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#336666"> </td> <td height="19" bgcolor="#336666"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td w <td w <td width="16%" height="19" bgcolor="#FFFFFF"> <td width="25%" height="19" bgcolor="#FFFFFF">

</tr> <tr> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#336666"> </td> <td height="19" bgcolor="#336666"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td>

eight="19" bgcolor="#FFFFFF"> </td>

" bgcolor="#336666"> </td> olspan="9" bgcolor="#336666" class="style6"><strong>

direction="right" scrolldelay="100" > an class="style3">Aplikasi Pengenalan Gangguan Mental Fungsional</span>

eight="19" bgcolor="#336666"> </td> span

Copyright @ Muhammad 2006 </span></div></td>

<td height="19" colspan="9" bgcolor="#336666"><div align="center"></div></td>

tr><td height="19" colspan="10" bgcolor="#FFFFFF"> </td></tr></table>

ts show.PHP

e_once "menu1.js"; ?>

!-- *** IMPORTANT STYLESHEET SECTION - Change the border classes and

!--

<td h <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td> </tr> <tr> <td height="19 <td height="19" c <marquee behavior="alternate" <sp </marquee> </strong></td> </tr> <tr> <td h <td height="19" colspan="9" bgcolor="#336666"><div align="center"><class="style1"></tr> <tr> <td width="1%" height="19" bgcolor="#336666"><div align="center"> </div></td> </tr> < B <HEAD> <? includ <text colours *** --> <style> <

.itemBorder { border: 1px solid black } .itemText { text-decoration: none; color: #FFFFFF; font: 12px Arial, Helvetica }

t #663399 } ; color: #FFCC99; font: Bold 12px Arial, Helvetica

yle2 { lor: #FF0000;

color: #0099FF; font-weight: bold;

tyle4 {color: #FFFF00}

>

!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->


!-- It's important that you position the menu over a background, like a table/image --

cellpadding="0" cellspacing="0" r="#006666">

9" colspan="10"> </td>

.crazyBorder { border: 2px outse.crazyText { text-decoration: none} .style1 { color: #FFFFFF; font-weight: bold; } .st co font-weight: bold; font-size: 16px; } .style3 { } .s --</style> <title>menu</title></HEAD> < <onLoad="writeMenus()" onResize="if (isNS4) nsResizeHandler()">  <> <table width="100%" height="451" border="0"bgcolo <tr> <td height="1</tr> <tr>

<td height="17" bgcolor="#FFFFFF"><div align="center">

FFFF"> </td> %" bgcolor="#FFFFFF"> </td>

olspan="2" bgcolor="#336666"> </td> eight="17" colspan="5" bgcolor="#FFFFFF"><div align="center"

enter"><img </td>

#336666"> </td> 666"> </td>

lor="#FFFFFF"><div align="center">

="center"></div>

</td>

v></td> dth="107" height="28" align="left" bgcolor="#9966FF"><div

enter"><font color="#FFFFFF"><b>Email</b></font></div></td> <td width="279" height="28" align="left" bgcolor="#9966FF"><div

><b>Saran </b></font></div></td>

<?

echo("<td align=left >$data[id]</font></td>");

</div></td> <td width="19%" bgcolor="#FF <td width="1 <td c <td hclass="style3">List Buku Tamu </div></td> </tr> <tr> <td height="17" bgcolor="#FFFFFF"> </td> <td height="17" bgcolor="#FFFFFF"><div align="csrc="image/contoh44.JPG" width="119" height="158"></div> <td height="17" bgcolor="#FFFFFF"> </td> <td width="1%" bgcolor=" <td width="1%" bgcolor="#336 <td colspan="5" bgco <div id="Layer1" style="position:absolute; left:224px; top:93px; width:625px; height:161px; z-index:1"> <div align <div align="left"> <table border="2" cellpadding="1" width="602" height="36" align="center" bordercolor="#0099FF"> <tr> <td width="32" height="28" align="left" bgcolor="#9966FF"><div align="center"><font color="#FFFFFF"><strong>No</strong></font></div> <td width="154" height="28" align="left" bgcolor="#9966FF"><div align="center"><font color="#FFFFFF"><strong>Nama</strong></font></di <td wialign="c align="center"><font color="#FFFFFF" </tr> include_once "xxx.php"; if(empty($awal)) $awal=0; $query="select * from bukutamu order by id asc limit $awal,5"; $row=mysql_query($query); while($data=mysql_fetch_array($row)){ echo "<tr>";

echo("<td align=left >$data echo("<td align=left >$data[email]</font></td>");

[nama]</font></td>");

$data[saran]</font></td>"); ft ><a

p?no_aju=$data[no_aju]>edit</a></font></td>"); echo("</tr>");

} ?>

uery); _fetch_array($row));

$awal=(($j-1)*4 + $j )-1; echo "[<a href='btshow.php?awal=$awal&page=$j'>$j]\n "; }?>

r>

v> align="center" class="style2"> </p>

enter"><img

ter"></div></td> ght"></div></td>

idth="16%" bgcolor="#FFFFFF"> </td> idth="16%" bgcolor="#FFFFFF"> </td>

echo("<td align=left > //echo("<td align=lehref=edit_detil.ph </table> </div> <p> <center> <? $query="select * from bukutamu "; $row=mysql_query($q while($data=mysql $jumlah=mysql_num_rows($row); $i=$jumlah/5; $i=ceil($i); echo "<img src=image/next_003.gif> "; for($j=1; $j<=$i; $j++) { </center> </p> <cente <p> </p> </center> </di <p </div></td> </tr> <tr> <td height="17" bgcolor="#FFFFFF"> </td> <td height="17" bgcolor="#FFFFFF"><div align="csrc="image/contoh45.JPG" width="118" height="154"></div></td> <td height="17" bgcolor="#FFFFFF"> </td> <td colspan="2" bgcolor="#336666"> </td> <td width="0%" bgcolor="#FFFFFF"><div align="cen <td width="20%" bgcolor="#FFFFFF"><div align="ri <td w <td w

<td width="25%" bgcolor="#FFFFFF"> </td>

eight="19" bgcolor="#FFFFFF"> </td> eight="19" colspan="2" bgcolor="#336666"> </td>

nbsp;</td>


enter"></div></td>


span="9" bgcolor="#336666" class="style4"><marquee ior="alternate" direction="right" scrolldelay="100" > rong>Aplikasi Pengenalan Gangguan Mental Fungsional</strong>

eight="19" bgcolor="#336666"> </td>

</tr> <tr> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td h <td h <td height="19" colspan="5" bgcolor="#FFFFFF">&</tr> <tr> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#336666"> </td> <td height="19" bgcolor="#336666"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td h <td h <td height="19" bgcolor="#FFFFFF"> </td> </tr> <tr> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"><div align="c <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#336666"> </td> <td height="19" bgcolor="#336666"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td height="19" bgcolor="#FFFFFF"> </td> <td h <td h <td height="19" bgcolor="#FFFFFF"> </td> </tr> <tr> <td height="19" bgcolor="#336666"> </td> <td height="19" colbehav <st </marquee></td> </tr> <tr> <td h

<td height="19" colspan="9" bgcolor="#336666"><div align="center"><span Copyright @ Muhammad 2006 </span></div></td>

<td height="19" colspan="9" bgcolor="#336666"><div align="center"></div></td> </tr> tr><td height="19" colspan="10" bgcolor="#FFFFFF"> </td></tr></table> !-- Script Size: 13.87 KB -->

class="style1"></tr> <tr> <td width="1%" height="19" bgcolor="#336666"><div align="center"> </div></td> <<

Tampilan Awal

TAMPILAN SELAMAT DATANG

TAMPILAN PENDAHULUAN

TAMPILAN PENGENALAN GANGGUAN MENTAL

TAMPILAN PERTANYAAN DIAGNOSA

TAMPILAN HASIL DIAGNOSA

TAMPILAN PERTANYAAN TIDAK TERDIAGNOSA

TAMPILAN ISI BUKU TAMU

TAMPILAN LIST BUKU TAMU

sekolah tinggi manajemen informatika dan …storage.jak-stik.ac.id/students/paper/penulisan...

Documents