APLIKASI SUMBER BELA JAR DIGITAL DALAM BENTUK … fileBunda Maria, Kedua orang tua ku, & Ochi...

APLIKASI SUMBER BELAJAR DIGITAL DALAM BENTUK

VISUALISASI QUERY TERBATAS UNTUK MATAKULIAH

BASISDATA

Tugas Akhir

Diajukan Untuk Memenuhi Salah Satu Syarat

Memperoleh Gelar Sarjana Teknik

Jurusan Teknik Informatika

Disusun Oleh:

Antonius Adiyoso Nugroho

NIM : 045314028

JURUSAN TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS SANATA DHARMA

YOGYAKARTA 2009

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

ii

THE APPLICATION OF DIGITAL LEARNING SOURCE

IN THE FORM OF LIMITED QUERY VISUALIZATION

FOR DATABASE COURSE

A THESIS

Presented as Partial Fulfillment of the Requirements

To Obtain The Sarjana Teknik Degree

In Informatics Engineering Department

by :


NIM : 045314028

INFORMATICS ENGINEERING STUDY PROGRAM

INFORMATICS ENGINEERING DEPARTMENT

FACULTY OF SCIENCE AND TECHNOLOGY

SANATA DHARMA UNIVERSITY

YOGYAKARTA 2009


v

Motto

“Allah mungkin tidak pernah

menjanjikan sukacita tanpa kesedihan,

kedamaian tanpa penderitaan,

namun

Ia menjanjikan rahmat dan kekuatan untuk menmpuh hari-

hari hidup ini.”

Tulisan ini kupersembahkan kepada :

Tuhan Yesus Kristus,

Bunda Maria,

Kedua orang tua ku,

&

Ochi tersayang

Terima kasih untuk semua doa, rasa sayang, perhatian,

dorongan semangat, dan kesabaran yang tak terhinnga yang

Kalian berikan kepadaku.


viii

INTISARI

Matakuliah Basisdata berisi tentang bagaimana cara merancang basisdata secara sederhana sampai pada tingkatan yang rumit, di dalam matakuliah tersebut juga diajarkan bagaimana cara untuk melihat, mencari, menambah, mengubah dan menghapus data dengan bahasa pemrograman khusus yang disebut SQL (Structured Query Language) yaitu bahasa query yang berhubungan dengan basisdata. Pada bahasa pemrograman SQL, terdapat keterbatasan bahwa pengguna tidak dapat melihat terjadinya proses query secara visual di dalam basisdata untuk melihat, mencari, menambah, mengubah, dan menghapus data-data. Dari latar belakang itulah aplikasi sumber belajar digital dalam bentuk visualisasi query terbatas untuk matakuliah basisdata dibuat untuk menangani masalah-masalah tersebut

Implementasi aplikasi ini dikembangkan menggunakan PHP, Macromedia Flash 8, dan database MySQL. Proses visualisasi query yang akan ditampilkan dibagi menjadi dua bagian, yaitu : visualisasi animasi dan visualisasi dinamis

Hasil yang diperoleh adalah aplikasi sumber belajar digital yang mampu menampilkan visualisasi proses query di dalam basisdata sehingga pengguna dapat mengetahui proses yang terjadi pada setiap query.


ix

ABSTRACT

The study of database contains how to design the limited database up to the complicated one. In this subject, we are taught the way to see, to search, to add, to change and to delete data using the special program called SQL as a query which is related to database. In SQL program, users aren’t able to see how query happens visually in the database to see, to search, to add, to change and to delete data. Therefore, the digital application as the source of study is made to overcome these problems.

The implementation of this application is improved through the usage of PHP, Macromedia Flash 8 and MySQL database. The query process which is going to be shown is divided into two parts : animation visualization and dynamic visualization.

The result of digital application as learning source is showing visualization of query process in the database so that the users are able to know the process happens in every query.


x

KATA PENGANTAR

Puji syukur saya ucapkan kehadirat Tuhan Yang Maha Esa atas berkat dan

limpahan kasih karunia yang telah diberikan-Nya sehingga saya dapat

menyelesaikan skripsi ini dengan judul “APLIKASI SUMBER BELAJAR

DIGITAL DALAM BENTUK VISUALISASI QUERY TERBATAS UNTUK

MATAKULIAH BASISDATA” .

Dalam penulisan skripsi ini, penulis telah banyak memperoleh bantuan dan

bimbingan dari berbagai pihak, oleh karena itu tidak lupa penulis mengucapkan

terima kasih kepada ;

1. Tuhan Yesus Kristus, yang telah menganugerahkan kasih karunia dan

rahmat-Nya serta selalu memberikan keberuntungan.

2. Bunda Maria yang telah mendengarkan segala doa dan permohonan.

3. Bapak Yosef Agung Cahyanta, S.T., M.T. selaku Dekan Fakultas Sains

dan Teknologi Universitas Sanata Dharma Yogyakarta.

4. Bapak Puspaningtyas Adi Sanjaya, S.T., M.T., selaku Ketua Jurusan

Teknik Informatika Fakultas Sains dan Teknologi Universitas Sanata

Dharma Yogyakarta.

5. Ibu Agnes Maria Polina, S.Kom., M.Sc., selaku Dosen pembimbing I dan

Pembimbing Akademik Angkatan 2004 Jurusan Teknik Informatika

Fakultas Sains dan Teknologi Universitas Sanata Dharma Yogyakarta.


xi

6. Bapak H. Agung Hernawan, S.T. selaku Dosen pembimbing II yang telah

memberikan waktu, bantuan dan bimbingan serta ide-ide dalam

menyelesaikan tugas akhir ini.

7. Bapak dan Mama yang selalu memberikan doa, dorongan dan semangat

baik moral maupun spiritual.

8. Rosiana Bumbungan yang telah banyak memberikan doa, dukungan dan

bantuan baik moral maupun spiritual dalam pengerjaan tugas akhir.

9. Bapak Emanuel Bele Bau, S.Pd dan Mas Rusdanang Ali Basuni yang

membantu dalam kegitan-kegiatan di kampus.

10. Teman-teman TI angkatan 2004 yang lain telah menjadi teman

seperjuangan dalam melalui kuliah selama ini.

Akhirnya tugas akhir ini terselesaikan, disadari bahwa skripsi ini jauh dari

sempurna.Untuk itu penulis dengan rendah hati mengharapkan kritik dan saran

yang dapat memberikan kesempurnaan pada penulisan skripsi ini. Akhir kata,

semoga skripsi ini dapat bermanfaat bagi penulis, juga pihak yang membutuhkan.

Yogyakarta, 20 Mei

2009

Penulis



xii

DAFTAR ISI

Halaman

Halaman Judul...........................................................................................................i

Halaman Judul......................................................................................................... ii

Halaman Persetujuan Pembimbing ........................................................................ iii

Halaman Pengesahan ..............................................................................................iv

Halaman Motto dan Persembahan ...........................................................................v

Halaman Pernyataan Keaslian Karya......................................................................vi

Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah...................................... vii

Intisari .................................................................................................................. viii

Abstract ...................................................................................................................ix

Kata Pengantar .........................................................................................................x

Daftar Isi .................................................................................................................xi

Daftar Tabel ..........................................................................................................xvi

Daftar Gambar.................................................................................................... xviii

BAB I PENDAHULUAN......................................................................................1

1.1 Latar Belakang Masalah.........................................................................1

1.2 Rumusan Masalah ..................................................................................1

1.3 Batasan Masalah ...................................................................................2

1.4 Tujuan Penelitian ...................................................................................2

1.5 Metodologi Penelitian ............................................................................3

1.6 Sistematika Penulisan ...........................................................................5


xiii

BAB II LANDASAN TEORI ................................................................................7

2.1Konsep Visualisasi ..................................................................................7

2.2 Pengertian Visualisasi ............................................................................8

2.3 CAI (Computer Asisted Instruction) ....................................................10

2.4 Rekayasa Perangkat Lunak Paradigma Terstruktur .............................10

2.5 Basisdata ..............................................................................................14

2.6 PHP (PHP Hypertext Preprocessor)....................................................15

2.7 SQL (Structured Query Language)......................................................28

2.8 MySQL.................................................................................................31

2.9 Multimedia ...........................................................................................34

2.10 Macromedia Flash 8...........................................................................36

2.10.1 Timeline ..........................................................................................37

2.10.2 Simbol .............................................................................................37

2.10.3 Library.............................................................................................37

2.10.4 Action Script ...................................................................................38

BAB III ANALISIS dan DESAIN SISTEM ......................................................41

3.1 Gambaran Umum Sistem .....................................................................41

3.2 Analisis Sistem.....................................................................................43

3.2.1 Use Case............................................................................................44

3.3 Desain Sistem.......................................................................................44

3.3.1Desain Proses .....................................................................................45

3.3.1.1 Diagram Konteks (Context Diagram)............................................45

3.3.1.2 Diagram Berjenjang .......................................................................46


xiv

3.2.1.3 DFD (Data Flow Diagram) ...........................................................46

3.2.1.3.1 DFD Level 0................................................................................46

3.2.1.3.2 DFD Level 1 Proses 1 .................................................................47

3.2.1.3.3 DFD Level 1 Proses 2 .................................................................48

3.2.1.3.4 DFD Level 1 Proses 3 .................................................................49

3.3.2 Desain Basisdata ...............................................................................50

3.3.2.1 ER Diagram....................................................................................50

3.3.2.2 Relasi Antar Tabel..........................................................................52

3.3.2.3 Struktur File Basisdata ...................................................................53

3.3.3 Desain Antarmuka.............................................................................55

3.3.3.1 Desain Tampilan Form Utama .......................................................55

3.3.3.2 Desain Menu Materi Pembelajaran................................................56

3.3.3.2.1 Desain Pengenalan Konsep Database .........................................56

3.3.3.2.2 Desain Perintah SQL...................................................................57

3.3.3.2.3 Desain Visualisasi SQL Animasi ................................................57

3.3.3.2.4 Desain Visualisasi SQL Dinamis ................................................58

3.3.3.3 Desain Menu Visualisasi SQL .......................................................58

3.3.3.3.1 Desain Animasi ...........................................................................58

3.3.3.3.2 Desain Dinamis ...........................................................................59

3.3.3.4 Desain Menu Bantuan ....................................................................59

3.3.3.4.1 Desain Pengantar.........................................................................59

3.3.3.4.2 Desain Kebutuhan Sistem ...........................................................60

3.3.3.4.3 Desain Instalasi Aplikasi.............................................................60


xv

3.3.3.4.4 Desain Memulai Program ...........................................................61

BAB IV IMPLEMENTASI DAN PEMBAHASAN ..........................................62

4.1 Implementasi Program .........................................................................62

4.1.1 Menjalankan Program .......................................................................62

4.1.2 Menggunakan Program .....................................................................67

4.1.2.1 Menu Utama...................................................................................67

4.1.2.2 Menu Materi Pembelajaran ............................................................69

4.1.2.2.1 Sub Menu Materi ........................................................................69

4.1.2.2.2 Sub Menu Visualisasi SQL Animasi ..........................................78

4.1.2.2.3 Sub Menu Visualisasi SQL Dinamis ..........................................79

4.1.2.3 Menu Visualisasi............................................................................80

4.1.2.3.1 Sub Menu Animasi......................................................................80

4.1.2.3.2 Sub Menu Dinamis......................................................................83

4.1.2.4 Menu Bantuan ................................................................................90

4.1.2.4.1 Sub Menu Pengantar ...................................................................90

4.1.2.4.2 Sub Menu Kebutuhan Sistem......................................................91

4.1.2.4.3 Sub Menu Instalasi Aplikasi .......................................................92

4.1.2.4.4 Sub Menu Memulai Program......................................................93

BAB V ANALISIS HASIL ..................................................................................94

5.1 Hasil Pengujian Program .....................................................................94

5.1.1 Ujicoba Inputan Query ......................................................................94

5.2 Kelebihan Aplikasi...............................................................................98

5.3 Kekurangan Aplikasi............................................................................99


xvi

5.4 Uji Coba ke User..................................................................................99

BAB VI PENUTUP ............................................................................................113

6.1 Kesimpulan ........................................................................................113

6.2 Saran...................................................................................................113

DAFTAR PUSTAKA .........................................................................................115

LAMPIRAN........................................................................................................117


xvii

DAFTAR TABEL

Halaman

Tabel 2.1 Contoh Pengenal ....................................................................................20

Tabel 2.2 Operator aritmatika ................................................................................22

Tabel 2.3 Operator Penugasan ...............................................................................22

Tabel 2.4 Operator Perbandingan ..........................................................................24

Tabel 3.1 Deskripsi Konsep Sistem .......................................................................42

Tabel 3.2 Jurusan ...................................................................................................53

Tabel 3.3 Mahasiswa..............................................................................................53

Tabel 3.4 Mahasiswa2............................................................................................54

Tabel 3.5 Matakuliah .............................................................................................54

Tabel 3.6 Nilai........................................................................................................55

Tabel 5.1 Beta Test...............................................................................................101

Tabel 5.2 Daftar Pemakai Uji Sistem Dengan Beta Test .....................................112


xviii

DAFTAR GAMBAR

Halaman

Gambar 2.1 Model Waterfall .................................................................................13

Gambar 2.2 Skema PHP.........................................................................................19

Gambar 2.3 Operand, Operator, dan Ungkapan.....................................................22

Gambar 3.1 Use Case User ....................................................................................44

Gambar 3.2 Diagram Konteks................................................................................45

Gambar 3.3 Diagram Berjenjang ...........................................................................46

Gambar 3.4 DFD Level 0.......................................................................................46

Gambar 3.5 DFD Level 1 Proses 1 ........................................................................47



Gambar 3.8 ER Diagram Visualisasi Animasi.......................................................50

Gambar 3.9 ER Diagram Visualisasi Dinamis.......................................................51

Gambar 3.10 Database Visualisasi Animasi ..........................................................51

Gambar 3.11 Database Visualisasi Dinamis ..........................................................52

Gambar 3.12 Form Utama......................................................................................55

Gambar 3.13 Desain Pengenalan Konsep Database ..............................................56

Gambar 3.14 Desain Perintah SQL........................................................................57

Gambar 3.15 Desain Visualisasi SQL Animasi .....................................................57

Gambar 3.16 Desain Visualisasi SQL Dinamis .....................................................58

Gambar 3.17 Form Query Animasi........................................................................58


xix

Gambar 3.18 Form Query Dinamis........................................................................59

Gambar 3.19 Desain Pengantar..............................................................................59

Gambar 3.20 Desain Kebutuhan Sistem ................................................................60

Gambar 3.21 Desain Instalasi Aplikasi..................................................................60

Gambar 3.22 Desain Memulai Program.................................................................61

Gambar 4.1 XAMPP Control Panel Application ...................................................63

Gambar 4.2 Menu Utama dengan XAMPP ...........................................................64

Gambar 4.3 Koneksi server2go..............................................................................65

Gambar 4.4 Menu Utama dengan server2go..........................................................66

Gambar 4.5 Menu Utama.......................................................................................67

Gambar 4.6 Sub Menu Pengenalan Konsep Basisdata ..........................................69

Gambar 4.7 Modul Flash Pengenalan Konsep Basisdata... ...................................70

Gambar 4.8 Modul Flash Pengenalan Konsep Basisdata (Tabel Animasi) ...........70

Gambar 4.9 Sub Menu Perintah SQL ....................................................................71

Gambar 4.10 Modul Flash Perintah SQL...............................................................72

Gambar 4.11 Modul Flash Sintak Select................................................................72

Gambar 4.12 Modul Flash Sintak Where ...............................................................73

Gambar 4.13 Modul Flash Sintak Group By..........................................................74

Gambar 4.14 Modul Flash Sintak Order By. .........................................................74

Gambar 4.15 Modul Flash Sintak Insert ................................................................75

Gambar 4.16 Modul Flash Sintak Update..............................................................75

Gambar 4.17 Modul Flash Sintak Delete ...............................................................76

Gambar 4.18 Modul Flash Sintak Operator ...........................................................76


xx

Gambar 4.19 Modul Flash Sintak Fungsi ..............................................................77

Gambar 4.20 Sub Menu Visualisasi SQL Animasi................................................78

Gambar 4.21 Sub Menu Visualisasi SQL Dinamis................................................79

Gambar 4.22 Sub Menu Animasi...........................................................................80

Gambar 4.23 Daftar Query Animasi ......................................................................81

Gambar 4.24 Animasi.... ........................................................................................81

Gambar 4.25 Animasi Berjalan..............................................................................82

Gambar 4.26 Sub Menu Dinamis...........................................................................83

Gambar 4.27 Perintah SQL Isi ...............................................................................83

Gambar 4.28 Hasil Visualisasi SQL Dinamis........................................................86

Gambar 4.29 Query yang telah dieksekusi.... ........................................................87

Gambar 4.30 Pesan Kesalahan Pada Tombol Petunjuk .........................................88

Gambar 4.31 Sub Menu Pengantar ........................................................................90

Gambar 4.32 Sub Menu Kebutuhan Sistem...........................................................91

Gambar 4.33 Sub Menu Instalasi Aplikasi ............................................................92

Gambar 4.34 Sub Menu Memulai Program.... .......................................................93

Gambar 5.1 Perintah SQL Isi (input salah)............................................................94

Gambar 5.2 Pesan Kesalahan.................................................................................95

Gambar 5.3 Sintak Pada Tombol Petunjuk.... ........................................................96

Gambar 5.4 Perintah SQL Isi (input salah2)..........................................................97

Gambar 5.5 Pesan Kesalahan Spesifik Tombol Petunjuk......................................98

Gambar 5.6 Hasil Kuesioner Pernyataan no 1 .....................................................103



xxi



Gambar 5.10 Hasil Kuesioner Pernyataan no 5 ...................................................107






1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Penyampaian informasi dalam bentuk ilmu pengetahuan khususnya dalam

matakuliah pengantar Basisdata, dapat disampaikan dalam berbagai bentuk,

misalnya disampaikan melalui proses belajar-mengajar (interaksi dosen dengan

mahasiswa), atau menyampaikan materi dalam bentuk tulisan atau teks.

Masalahnya adalah bagaimana cara mengemas materi yang akan disampaikan

menjadi lebih menarik dan dapat dijadikan program visual untuk dapat dipahami

oleh mahasiswa dengan atau tanpa harus berinteraksi langsung dengan pengajar.

Salah satu contohnya adalah menyediakan media alternatif pembelajaran dalam

bentuk visualisasi.

Dari latar belakang tersebut, penulis tertarik untuk mengembangkan

aplikasi sumber belajar digital dalam bentuk visualisasi query terbatas untuk

mendukung pemahaman tentang basisdata. Aplikasi ini berisi materi pembelajaran

dalam bentuk visualisasi query, animasi gambar, teks, dan interaksi antara user

dengan perangkat lunak ini.

1.2 Rumusan masalah

Bagaimana cara mengemas materi sumber belajar digital dalam bentuk

visualisasi query terbatas yang interaktif untuk mendukung matakuliah Basisdata

dengan menggunakan Macromedia Flash 8, PHP dan MySQL ?


2

Sejauh mana mahasiswa merasa terbantu dalam memahami matakuliah

pengantar Basisdata dengan menggunakan aplikasi sumber belajar digital dalam

bentuk query terbatas untuk matakuliah basisdata ?

1.3 Batasan Masalah

Dalam pembuatan program visualisasi ini dilakukan batasan sebagai

berikut:

Aplikasi ini terdiri dari dua bagian, yaitu visualisasi animasi dan

visualisasi dinamis. Pada visualisasi animasi disediakan sepuluh perintah SQL

yang tergolong perintah DML (Data Manipulation Language), agar user dapat

memahami visualisasi proses query, dan pada visualisasi dinamis materi

pembelajaran terkoneksi dengan MySQL.

1.4 Tujuan dan Manfaat

Tujuan dari penulisan ini adalah sebagai berikut :

Membangun suatu aplikasi sumber belajar digital dalam bentuk visualisasi

query terbatas untuk mendukung matakuliah Basisdata.

Manfaat dari penulisan ini adalah sebagai berikut :

1. Membantu dosen atau staf pengajar dalam menyampaikan matakuliah

Basisdata.

2. Aplikasi ini dapat dijadikan program bantu belajar baik bagi mahasiswa

atau orang awam yang ingin belajar query untuk perintah-perintah DML

(Data Manipulation Language).


3

1.5 Metodologi Penelitian

a) Metode yang digunakan untuk menyelesaikan masalah pada aplikasi ini

yaitu dengan paradigma terstruktur (model waterfall).

Langkah-langkah yang dilakukan adalah sebagai berikut:

1. Analisis

Tahap analisis dilakukan dengan mengumpulkan kebutuhan yang

diperlukan untuk memahami sifat aplikasi yang akan dibangun.

Pada tahap ini membuat DFD (Data Flow Diagram), ER-Diagram,

narasi proses dan kamus data.

2. Desain

Tahap desain dilakukan dengan memunculkan kode yang membahas

struktur data, arsitektur perangkat lunak, representasi interface, dan

algoritma prosedural.

3. Pengkodean

Tahap pengkodean dilakukan untuk menerjemahkan hasil desain ke

dalam bahasa pemrograman.

4. Pengujian

Tahap pengujian program dilakukan untuk mengetahui apakah terdapat

kesalahan pada program dan memastikan bahwa input yang dibatasi

akan memberikan hasil aktual yang sesuai dengan hasil yang

dibutuhkan.


4

5. Pemeliharaan

Tahap pemeliharaan tetap dilakukan karena tidak bisa dihindari,

adanya perubahan ketika perangkat lunak berada di pelanggan.

b) Uji coba ke user

Menguji coba aplikasi ini kepada sepuluh orang user (dengan mengambil

sampel mahasiswa jurusan Teknik Informatika) untuk menggunakan aplikasi dan

mengisi kuesioner sehingga diperoleh kesimpulan umum mengenai apakah

aplikasi ini secara garis besar sudah dapat membantu pengguna dalam memahami

konsep basisdata dan proses query dalam basisdata.


5

1.6 Sistematika Penulisan

Sistematika penulisan tugas akhir ini adalah sebagai berikut:

1. Bab I Pendahuluan

Dalam bab pembuka ini secara umum dijelaskan beberapa hal, diantaranya

latar belakang masalah, rumusan masalah, batasan masalah, tujuan

penulisan, metode penelitian, serta sistematika penulisan.

2. Bab II Landasan Teori

Bab ini menjelaskan landasan teori dari metodologi yang digunakan dan

mengemukakan teori-teori yang mendukung mengenai teknologi yang

mendasari pembuatan program visualisasi ini, yaitu pemrograman dengan

menggunakan Macromedia Flash 8 dan PHP.

3. Bab III Analisis dan Perancangan Sistem

Bab ini membahas analisis dan perancangan sistem, mencakup rancangan

basisdata dan rancangan antar muka yang akan digunakan.

4. Bab IV Implementasi

Bab ini berisi tentang implementasi yang dilakukan terhadap analisis yang

telah dilakukan sebelumnya pada bab III.

5. Bab V Analisis Hasil

Bab ini menjelaskan secara rinci tentang analisis hasil yang menyangkut

kelebihan dan kekurangan sistem yang telah berhasil dibuat.


6

6. Bab VI Penutup

Bab ini berisi berisi tentang kesimpulan yang dapat diambil untuk

menjawab permasalahan yang sudah diajukan dalam bab I dan saran yang

diberikan untuk pengembangan sistem dimasa yang yang akan datang.


7

BAB II

LANDASAN TEORI

2.1 Konsep Visualisasi

Sistem pendidikan dewasa ini telah mengalami kemajuan yang sangat

pesat. Berbagai cara telah dikenalkan serta digunakan dalam proses belajar

mengajar (PBM) dengan harapan pengajaran oleh pendidik akan lebih berkesan

dan pembelajaran bagi siswa akan lebih bermakna. Sejak beberapa tahun

belakangan ini teknologi informasi dan komunikasi telah banyak digunakan dalam

proses belajar mengajar, dengan satu tujuan mutu pendidikan akan selangkah

lebih maju seiring dengan kemajuan teknologi. Perkembangan teknologi

multimedia telah menjanjikan potensi besar dalam merubah cara seseorang untuk

belajar, untuk memperoleh informasi, menyesuaikan informasi dan sebagainnya.

Multimedia juga menyediakan peluang bagi pendidik untuk

mengembangkan teknik pembelajaran sehingga menghasilkan hasil yang

maksimal. Demikian juga bagi pelajar, dengan multimedia diharapkan mereka

akan lebih mudah untuk menentukan dengan apa dan bagaiamana siswa untuk

dapat menyerap informasi secara cepat dan efisien. Sumber informasi tidak lagi

terfokus pada teks dari buku semata-mata tetapi lebih luas dari itu. Kemampuan

teknologi multimedia yang telah terhubung internet akan semakin menambah

kemudahan dalam mendapatkan informasi yang diharapkan.

Dengan diharapkan dapat menambahkan metode belajar dan mendukung

materi pengajaran tradisional seperti diskusi dalam kelas, buku,


8

CD-ROM dan pelatihan komputer non internet. Hal-hal lain yang dapat

bermanfaat bagi siswa adalah membekali siswa pengetahuan, keterampilan dan

sikap profesional dengan cara melaksanakan KBM yang efektif di sekolah dan

industri, kemudian dapat mengembangkan materi pembelajaran sesuai kebutuhan

industri serta perkembangan ilmu pengetahuan dan teknologi.

Penyelenggaraan sangat ditentukan antara lain oleh:

a. Sikap positif peserta didik (motivasi yang tinggi untuk belajar mandiri).

b. Sikap positif tenaga kependidikan terhadap teknologi komputer dan

internet.

c. Ketersediaan fasilitas komputer dan akses ke internet.

d. Adanya dukungan layanan belajar.

e. Biaya akses internet yang terjangkau untuk kepentingan

pembelajaran/pendidikan.

2.2 Pengertian Visualisasi

Pengertian visualisasi adalah rekayasa dalam pembuatan gambar, diagram

atau animasi untuk penampilan suatu informasi (www.wikipedia.org). Visualisasi

dapat dijaidkan salah satu alternatif kegiatan pembelajaran dilaksanakan melalui

pemanfaatan teknologi komputer dan dapat juga dengan menggunakan media

internet. Seseorang yang tidak dapat mengikuti pendidikan konvensional karena

berbagai faktor penyebab, misalnya harus bekerja, kondisi geografis, jarak yang

jauh, kondisi fisik yang tidak memungkinkan, daya tampung sekolah

konvensional yang tidak memungkinkan, phobia terhadap sekolah, putus sekolah,


9

atau karena memang dididik melalui pendidikan keluarga di rumah (home

schoolers) dimungkinkan.

Berbagai elemen yang terdapat dalam sistem program visualisasi adalah:

a. Komunitas: para pelajar dapat mengembangkan komunitas online untuk

memperoleh dukungan dan berbagi informasi yang saling menguntungkan.

b. Multimedia: penggunaan teknologi audio, video dan animasi dalam

penyampaian materi sehingga menarik minat dalam belajar.

Perkembangan di berbagai negara memperlihatkan bahwa jumlah

pengguna internet teus meningkat. Fungsi program visualisasi dapat sebagai

pelengkap atau tambahan, dan pada kondisi tertentu bahkan dapat menjadi

alternatif lain dari pembelajaran konvensional. Peserta didik maupun

dosen/guru/instruktur dapat memperoleh manfaat dari penyelenggaraan program

visualisasi.

Beberapa di antara manfaat program visualisasi adalah fleksibilitas kegiatan

pembelajaran, baik dalam arti interaksi peserta didik dengan materi/bahan

pembelajaran, maupun interaksi peserta didik dengan dosen/guru/insruktur, serta

interaksi antara sesama peserta didik untuk mendiskusikan materi pembelajaran.

Lembaga pendidikan konvensional (universitas, sekolah, lembaga-lembaga

pelatihan, atau kursus-kursus yang bersifat kejuruan dan lanjutan) secara ekstensif

telah menyelenggarakan perluasan kesempatan belajar bagi ’target audience’

mereka melalui pemanfaatan teknologi komputer dan internet (Collier, 2002).

Seiring dengan hal ini, peserta didik usia sekolah yang mengikuti kegiatan

pembelajaran elektronik juga terus meningkat jumlahnya (Gibbon, 2002).


10

2.3 CAI (Computer Assisted Instruction)

Pemanfaatan komputer sekarang sudah menjangkau dunia pendidikan.

Aplikasi pengajaran yang menggunakan komputer salah satunya meliputi CAI

(Computer Assited Instruction). CAI atau pengajaran berbantuan komputer adalah

sistem komputer dimana dalam prosentase tertentu mengganti peran seorang

guru/pengajar dalam penyampaian materi pembelajaran (Surjono, 1996).

Ada beberapa media pengajaran yang dapat diimplementasikan untuk

menyampaikan materi pengajaran bagi para siswa, antara lain :

a. Media cetak, termasuk diantaranya adalah textbooks dan modul.

b. Media audio visual, termasuk diantaranya sound slides, video dan televisi.

c. Komputer, yaitu CAI.

d. Media audio, termasuk diantaranya radio, dan program audio cassette.

2.4 Rekayasa Perangkat Lunak Paradigma Terstruktur

Rekayasa perangkat lunak merupakan tahapan-tahapan kegiatan yang

bertujuan untuk mencapai :

a. Pengoptimalan sumber daya (biaya, personil maupun peralatan).

b. Pembangunan perangkat lunak yang sesuai dengan jadwal (cepat).

c. Pemeliharaan perangkat lunak yang lebih mudah.

d. Hasil yang memuaskan pengguna.


11

Terdapat empat tahapan dalam rekayasa perangkat lunak, yaitu :

a) Pengumpulan Kebutuhan

Tahapan ini merupakan tahapan dasar yang digunakan oleh pengembang

untuk mengumpulkan seluruh informasi yang akan dikelola suatu

perangkat lunak. Informasi-informasi yang dikumpulkan untuk

pengembang adalah informasi yang dinilai bermanfaat atau dibutuhkan

oleh pengguna.

Ada beberapa kegiatan yang dilakukan dalam mengumpulan informasi,

antara lain :

1) Mengumpulkan informasi pennyebab masalah.

2) Mengumpulkan informasi yang menjadi dasar dalam proses

pengambilan keputusan.

3) Mengumpulkan informasi untuk mengidentifikasi personil-personil

kunci yang akan menggunakan sistem.

b) Analisis Sistem

Tahapan ini merupakan tahapan pemodelan sistem dalam bentuk diagram

berupa Data Flow Diagram dan ER-Diagram.

c) Desain

Desain perangkat lunak meliputi beberapa kegiatan, yaitu :

1) Desain Data

Kegiatan ini berupa desain tabel-tabel basisdata yang akan

berpengaruh bagi perangkat lunak. Desain ini sudah mulai mendefinisikan

tabel-tabel basisdata secara terperinci. Field-field apa saja yang akan


12

digunakan dalam perangkat lunak, tipe-tipe dari field yang digunakan, dan

sebagainya.

2) Desain Arsitektural (fungsi-fungsi serta proses-proses pada

perangkat lunak)

Desain arsitektur meliputi :

• Pembuatan Data Flow Diagram yang rinci.

• Pendefinisian dari algoritma modul.

• Pembuatan struktur modul.

3) Desain Antar Muka

Antar muka pemakai merupakan jembatan penghubung antara

entitas-entitas dan sistem. Desain antar muka yang baik sangat dibutuhkan

agar pengguna mampu mengoperasikan perangkat lunak dengan mudah.

Selain itu, antar muka juga memiliki peranan membentuk “image”

pengguna terhadap citra, misi, dan visi perangkat lunak yang dibangun.

Desain antar muka pengguna meliputi beberapa hal, yaitu :

• Desain Struktur Menu

Mendesain menu-menu yang akan ditampilkan dalam suatu

sistem.

• Desain jendela-jendela yang ditampilkan.

Mendesain tata letak jendela aplikasi yang ingin ditampilkan.


13

d) Implementasi (pengkodean)

Tahap ini merupakan tahapan pengkodean dari hasil perancangan. Pada

tahapan ini pengembang mulai membuat sistem aplikasi dengan

menggunakan bahasa pemrograman, misalnya PHP (Personal Home

Pages) dan action script. Pengkodean ini disesuaikan dengan diagram-

diagram yang telah dibuat, tabel-tabel basisdata yang telah didesain

ataupun algoritma dan struktur dari modul.

Gambar di bawah ini merupakan gambar pemodelan secara terstruktur

(waterfall) :

Gambar 2.1 Model Waterfall


14

2.5 Basisdata

Basisdata merupakan sekumpulan data yang saling berhubungan yang

berisi informasi untuk pemakainya (F. Korth, 1986).

Konsep basisdata dibuat operasional oleh suatu sistem perangkat lunak yang

mengerjakan fungsi penciptaan dan peremajaan file, mencari data dan

menghasilkan laporan. Semua data dalam rangkaian file dapat terjangkau oleh

program apapun yang bisa menggunakan basisdata.

Basisdata dirancang atas dasar pendekatan aplikatif maupun pendekatan

sistem. Pendekatan aplikatif merupakan cara yang tradisional, dimana basisdata

dirancang hanya untuk memenuhi satu aplikasi tertentu, sehingga terdapat

kemungkinan satu data disiapkan dalam beberapa file berbeda untuk memenuhi

aplikasi-aplikasi yang berbeda. Sedangkan basisdata dirancang dengan

pendekatan sistem, memberikan suatu basisdata yang dapat dipergunakan untuk

lebih dari satu aplikasi, dengan mengurangi terjadinya duplikasi data.

Basisdata dapat berperan sebagai landasan bagi sistem informasi untuk

tujuan manajemen dan dapat mempengaruhi proses manajemen di dalam

organisasi, dengan cara menurunkan kendala-kendala penggunaan waktu yang

lama dan ketersediaan informasi.


15

2.6 PHP (PHP Hypertext Presprocessor)

PHP singkatan dari PHP Hypertext Preprocessor atau Personal Home

Page Tools adalah sebuah bahasa server side scripting yang bisa digunakan

dengan bahasa HTML atau dokumennya secara bersamaan untuk membangun

sebuah aplikasi di web yang sangat banyak kegunaannya. Maksud dari server side

scripting adalah sintaks dan perintah-perintah yang diberikan akan sepenuhnya

dijalankan di server tetapi disertakan pada dokumen HTML.

PHP merupakan teknologi yang diperkenalkan pada tahun 1994 oleh

Rasmus Lerdorf. Berupa sekumpulan script PERL digunakan pada situs

pribadinya untuk mencatat siapa saja yang mengakses daftar riwayat hidup

onlinenya. Rasmus menulis ulang script- script PERL tersebut dengan

menggunakan bahasa C, kemudian menambahkan fasilitas untuk form HTML,

koneksi MySQL dan pada tahun 1996 Rasmus meluncurkan PHP versi kedua

yang diberi nama PHP/FI (PHP Interpreter). PHP ketiga dirilis pada pertengahan

1997. PHP versi ketiga ini dikembangkan oleh Rasmus beserta Zeew Suraski,

Andi Gutman, Stig Bakken, Shane Caravero dan Jim Winstead. Versi keempat

PHP dirilis pada bulan Oktober 2000. Perubahan mendasar pada PHP 4.0 adalah

integrasi Zend Engine. Zend dibuat oleh Zeef Suraski dan Andi Gutmans yang

merupakan penyempurnaan dari PHP 3.0, pada PHP 4.0 tidak lagi menggunakan

library tambahan pada 3.0.

PHP merupakan bahasa scripting yang menyatu dengan HTML dan berada

di sisi server (server side HTML – embedded scripting ). PHP didisain untuk

terintegrasi dengan apache web server dan variannya akan tetapi PHP juga dapat


16

bekerja pada web server lain seperti Microsoft Internet Information Server.

Platform sistem operasi yang didukung oleh PHP pada awalnya hanya sistem

operasi Unix dan variannya. Namun sekarang ini PHP 4.0 telah mendukung

banyak platform sistem operasi Windows 9x, Windows NT, Mac, dan lain-lain.

Seluruh aplikasi berbasis web dapat dibuat dengan PHP, namun keunggulan PHP

yang paling utama adalah untuk konektivitas basisdata dengan web. PHP

membuat aplikasi web yang terkoneksi ke basisdata menjadi lebig murah. Sistem

basisdata yang telah didukung oleh PHP saat ini adalah Oracle, Sybase, MySQL,

Solid, Postgresql, Dbase, Unix Dbm, dan semua basisdata dengan interface

ODBC.

Script PHP dijalankan di sisi server kemudian hasilnya ditransfer ke client.

Keuntungan yang dapat diperoleh dengan proses yang dijalankan di server yaitu :

a. Keamanan data atau prosedur, dengan meletakkan aplikasi dan data di

server maka dapat lebih terkontrol. Tidak ada client yang dapat melihat

program dan mengubah data secara mudah.

b. Keamanan komunikasi, dengan terintegrasinya SSL atau HTTPS, PHP

dapat membuat data lebih aman dari pembajakan. Ini penting digunakan

terutama jika data tersebut dilewatkan pada jaringan public seperti

internet.

c. Terkontrol, server side application secara umum lebih mudah untuk

dimonitor, dibandingkan dengan pengawasan terhadap aplikasi yang

tersebar pada banyak komputer client.


17

Kode program PHP menyatu dengan tag-tag HTML dalam suatu file. Kode PHP

diawali dengan tag <? Atau <?PHP dan ditutup dengan tag ?>. File yang berisi tag

HTML dan kode PHP ini diberi ekstensi .php atau ekstensi lainnya yang

ditetapkan pada apache / web server. Berdasarkan ekstensi ini, pada saat file

diakses, server akan tahu bahwa file ini mengandung kode PHP. Server akan

menerjemahkan kode ini dan menghasilkan output dalam bentuk tag HTML yang

akan dikirim ke browser client yang mengakses file tersebut.

Untuk lebih jelasnya dapat dilihat dalam format di bawah ini .Kode berikut ini

adalah contoh kode PHP yang berada di dalam kode HTML :

<HTML>

<HEAD>

<TITLE>Latihan Pertama</TITLE>

</HEAD>

<BODY>

<?PHP

echo ”Selamat mencoba PHP”;

?>

</BODY>

</HTML>

Kode di atas disimpan dengan ekstensi .php.


18

Perhatikan baris-baris berikut :

<?PHP

echo ”Selamat mencoba PHP”;

?>

Kode inilah yang merupakan kode PHP. Kode PHP diawali dengan <?PHP dan

diakhiri dengan ?>. Pasangan kedua kode inilah yang berfungsi sebagai tag kode

PHP. Berdasarkan tag inilah, pihak server dapat memahami kode PHP dan

kemudian memprosesnya. Hasilnya dikirim ke browser.

Gambar 2.2 Skema PHP


19

Pada skema di atas dapat dijelaskan cara kerja PHP pada web sebagai berikut :

a. Pemakai mengakses suatu situs web, dengan mengetikkan alamat yang

dituju pada web browser.

b. Web browser akan memberikan permintaan HTTP yaitu file-file PHP ke

web server.

c. Web server akan menerjemahkan file PHP tersebut melalui mesin PHP.

d. Kemudian hasilnya akan ditampilkan pada web browser beserta hasil

terjemahan HTML oleh web browser.

Sekilas mengenai script-script PHP

a. Variabel

Variabel berfungsi untuk menyimpan suatu nilai dan nilai yang ada dapat

diubah sewaktu-waktu.

Contoh :

$nama = ”data”;

$nama adalah variabel.

b. Pengenal

Pengenal (identifier) banyak digunakan dalam program untuk memberi

nama variabel, fungsi atau kelas.

Aturan yang berlaku untuk pengenal :

1) Karakter yang dapat digunakan adalah huruf, angka, atau garis bawah

(_ ).

2) Karakter pertama harus berupa huruf atau garis bawah.


20

3) Panjang pengenal bisa berapa saja.

4) Huruf kecil dan huruf kapital dibedakan.

Tabel 2.1 Contoh Pengenal

Contoh Pengenal

Benar Salah

Nama 3bulan

Nama_pemakai Nama pemakai

_nama Nama-pemakai

|

kuartal3

NamaBarang

c. Tipe data

Tipe data dasar PHP ada tiga macam, yaitu ;

1) integer

2) double

3) string

d. Konstanta

Konstanta menyatukan nilai yang tetap di dalam program

Contoh :

$bahasa = ”PHP”;


21

e. Operator

Operator adalah simbol yang digunakan dalam program untuk melakukan

suatu operasi, misalnya penjumlahan datau perkalian, perbandingan

kesamaan dua buah nilai, atau bahkan memberikan nilai ke variabel. Nilai

yang diperlukan oleh operator (disebut operand atau argument) bersama-

sama operator membentuk ungkapan (ekspresi).

Gambar 2.3 Operand, Operator, dan Ungkapan


22

1) Operator Aritmatika

Operator aritmatika adalah operator yang digunakan dalam operasi

matematika.

Tabel 2.2 Operator aritmatika

Operator Kegunaan Prioritas

+ Penjumlahan Ketiga

- Pengurangan Ketiga

* Perkalian Kedua

/ Pembagian Kedua

% Sisa pembagian Kedua

++ Penaikan Pertama

-- penurunan Pertama

2) Operator Penugasan

Tabel 2.3 Operator Penugasan

Operator Kegunaan Prioritas

+=

Menambahkan variabel di sisi kiri

dengan nilai di sisi kanan.

X += 2;

Berarti X =

X+2;

-=

Mengurangi isi variabel di sisi kiri

dengan nilai di sisi kanan.

X -= 2;

Berarti X =

X-2;

/= Membagi variabel di sisi kiri dengan X /= 2;


23

nilai di sisi kanan. Berarti X =

X%2;

%=

Memperoleh sisa pembagian antara

variabel di sisi kiri dengan nilai variabel

di sisi kanan.

X %= 2;

Berarti X =

X%2;

&=

Melakukan operasi ”dan” / ”and”

terhadap variabel di sisi kiri dengan nilai

di sisi kanan.

X &= 2;

Berarti X =

X&2;

!=

Melakukan operasi ”atau” / ”or”


di sisi kanan.

X != 2;

Berarti X =

X!2;

^=

Melakukan operasi ”XOR” terhadap

variabel di sisi kiri dengan nilai di sisi

kanan.

X ^= 2;

Berarti X =

^!2;

.=

Melakukan operasi konkatenasi


di sisi kanan.

X .= ’A’;

Berarti X =

X.’A’;


24

3) Operator Perbandingan

Operator perbandingan atau dikenal juga dengan operator relasional

adalah operator yang digunakan untuk melakukan perbandingan dua

buah operand dan menghasilkan nilai benar atau salah.

Tabel 2.4 Operator Perbandingan

operator Makna

== Sama dengan

< Kurang dari

> Lebih dari

<= Kurang dari atau sama dengan

>= Lebih dari atau sama dengan

!= Tidak sama dengan

<> Tidak sama dengan

4) Operator logika

Operator logika bisa digunakan untuk menggabungkan kondisi

berganda dan menghasilkan sebuah ekspresi yang bernilai benar (nilai

1) atau salah (nilai 0).

Jenis operator logika :

a) AND atau &&

b) OR atau ||

c) XOR

d) !


25

f. Pernyataan kontrol

a) Pernyataan IF

Contoh :

if (ekspresi)

pernyataan

b) Pernyataan Switch

Contoh :

switch (ekspresi)

{

case ekspresi_case1;

pernyataan_1;

break;


pernyataan_2;

break;


.....

default;

pernyataan_n;

}


26

c) pernyataan while

Contoh :

while (ekspresi)

{

pernyataan

}

d) pernyataan do-while

Contoh :

do

{

pernyataan

}

while (ekspresi);

g. Array

Array adalah suatu wadah yang dapat menampung sejumlah nilai.

Contoh :

$kota – array(”JAKARTA”,”YOGYAKARTA”);


27

h. Fungsi-fungsi MySQL yang umum digunakan untuk mengakses basisdata

MySQL antara lain :

1) Fungsi mysql_connect

digunakan untuk membuat hubungan ke basisdata MySQL yang

terdapat pada suatu host.

Contoh :

mysql_connect("$host","$username", "$passwd")

2) Fungsi mysql_select_db

Digunakan untuk memilih basisdata

Contoh :

mysql_select_db($basisdata, $pengenal_hubungan)

3) Fungsi mysql_query

Digunakan untuk mengeksekusi permintaan terhadap sebuah tabel atau

sejumlah tabel.

Contoh :

mysql_query ($permintaan, $pengenal_hubungan)

4) Fungsi mysql_num_rows

Digunakan untuk memperoleh jumlah baris dari suatu hasil permintaan

(query) yang menggunakan SELECT.


28

5) Fungsi mysql_fetch_row

digunakan untuk menghasilkan suatu array yang berisi seluruh kolom

dari sebuah baris pada suatu himpunan hasil.

contoh :

mysql_fetch_row($pengenal_hasil)

6) Fungsi mysql_fetch_array

Fungsi ini mempunyai kegunaan serupa dengan mysql_fetch_row.

Hanya saja setiap kolom akan disimpan dua kali pada array hasil. Yang

pertama memiliki indeks angka (dimulai dari nol) dan yang kedua

berindekskan nama kolom.

Contoh ;

mysql_fetch_array($pengenal_hasil)

2.7 SQL

SQL (Structured Query Language) adalah bahasa yang digunakan untuk

berkomunikasi atau bekerja dengan menggunakan sebuah basisdata. Melalui

perintah query kita dapat bekerja atau memanipulasi objek basisdata seperti

melihat status tabel, mengubah data-data yang ada di dalam tabel dan lain-lain.

Pengetahuan akan SQL sangat berguna karena bahasa ini yang umum digunakan

oleh produk RDBMS sebagai standar bahasa query bagi kebanyakan RDBMS.

Beberapa hal yang menjadikan SQL sangat populer diantaranya karena

penggunaan bahasa ini relatif mudah dimengerti sehingga memudahkan seorang

pengguna awam untuk bekerja dengan bahasa SQL.


29

Pada dasarnya bahasa query SQL secara garis besar dapat dibagi menjadi

tiga bagian yaitu:

a. DDL (Data Definition Language)

DDL adalah bahasa-bahasa SQL yang digunakan untuk membuat,

memanipulasi atau menghapus skema yang ada di dalam basisdata. Bahasa

yang terdapat di dalam DDL hanya berhubungan dengan skema basisdata,

tidak berhubungan dengan data di dalamnya. Skema adalah struktur yang

dimiliki oleh sebuah basisdata.

Perintah-perintah SQL yang termasuk DDL antara lain:

1) CREATE - digunakan untuk membuat tabel.

2) ALTER – digunakan untuk mengubah (modify) tabel yang telah dibuat,

seperti menambah kolom baru, mengubah ukuran kolom, mengubah

aturan-aturan yang berlaku untuk satu kolom.

3) DROP – digunakan untuk menghapus sebuah tabel.

b. DML (Data Manipulation Language)

DML adalah bahasa-bahasa SQL yang digunakan untuk

memanipulasi data yang terdapat di dalam basisdata seperti membuat data,

menghapus data, dan lain-lain. Bahasa DML relatif lebih banyak

digunakan sehari-hari dibandingkan perintah DDL.

Perintah-perintah SQL yang termasuk dalam DML adalah:

1) Perintah select digunakan untuk membaca (query) isi tabel. Contoh

Contoh :

SELECT { * | namafield}


30

FROM nama tabel [INTO tabel tujuan]

WHERE [kondisi]

Tanda (*) menunjukkan semua field yang ada akan dipilih.

2) Perintah insert digunakan untuk memasukkan data ke dalam tabel.

Contoh :

INSERT INTO nama_tabel [(nama_field,…)] VALUES

expresi

3) Perintah delete digunakan untuk menghapus sebuah record atau

seluruh record dalam tabel.

Contoh :

DELETE FROM nama_tabel WHERE kondisi

4) Perintah update digunakan untuk memperbarui nilai suatu data.

Contoh :

UPDATE namatabel SET criteria WHERE kondisi

c. DCL (Data Control Language)

DCL adalah bahasa-bahasa SQL yang digunakan untuk mengatur

user MySQL.


31

2.8 MySQL

MySQL adalah sebuah sistem manajemen basisdata. Untuk menambah,

mengakses, dan memproses data yang tersimpan dalam basisdata komputer

diperlukan suatu manajemen basisdata seperti MySQL. Sejak komputer dapat

menangani data yang sangat besar dengan baik, manajemen basisdata memainkan

peran inti dalam dunia komputer, baik sebagai perlengkapan yang berdiri sendiri,

maupun sebagai bagian dari aplikasi lain.

MySQL merupakan sistem manajemen basisdata relasional. Relasional

basisdata biasanya menempatkan data dalam tabel-tabel yang terpisah daripada

menempatkan semuanya ke dalam suatu ruang penyimpanan besar. Hal tersebut

bertujuan untuk meningkatkan kecepatan dan fleksibilitas.

MySQL merupakan software yang open source. Open source di sini

berarti setiap orang diperbolehkan untuk menggunakan dan mengubahnya atau

memodifikasinya. Semua orang dapat mendownload MySQL dari internet dan

menggunakannya tanpa membayar.

Perintah-perintah dasar dalam MySQL

a. Untuk membuat basisdata.

Contoh :

CREATE BASISDATA MYSQL;

b. Untuk menghapus basisdata.

Contoh :

DROP BASISDATA MYSQL;


32

c. Untuk melihat atau menampilkan semua basis data yang ada pada server.

Contoh :

SHOW BASISDATA;

d. Untuk masuk atau menggunakan basisdata yang dikehendaki.

Contoh :

USE MYSQL;

e. Untuk membuat tabel.

Contoh :

CREATE TABLE mahasiswa (nim varchar(10) NOT NULL

default '', nama varchar(50) NOT NULL default

'', PRIMARY KEY (nim) );

Perintah create table adalah perintah SQL untuk menciptakan tabel.

Kolom nim dan nama masing-masing bertipe varchar dan dengan panjang

masing-masing 10 dan 50 karakter. Artinya kolom ini dapat menampung

karakter maksimal sebanyak jumlah tersebut.

f. Untuk melihat tabel-tabel yang ada di dalam basisdata.

Contoh :

SHOW TABLES;

g. Untuk menghapus tabel yang ada di dalam basisdata

Contoh :

DROP TABLE MAHASISWA;


33

h. Untuk menampilkan secara lengkap atas detail suatu tabel ataupun field-

field dan tipe data.

Contoh :

DESC MAHASISWA;

i. Untuk menampilkan data-data dari basisdata sesuai dengan yang

diinginkan.

Contoh :

SELECT * FROM MAHASISWA;

SELECT NIM, NAMA FROM MAHASISWA;

SELECT * FROM MAHASISWA WHERE NAMA LIKE ”ANTON”

j. Untuk memasukkan data ke dalam basisdata.

Contoh :

INSERT INTO MAHASISWA VALUES ('045314010', 'YUDI

PRIHARTANTO');

k. Untuk mengupdate ataupun mengubah data yang ada pada basisdata.

Contoh :

UPDATE MAHASISWA SET NIM = '045314001' WHERE NAMA

= 'YUDI PRIHARTANTO';

l. Untuk menghapus data-data yang ada pada basisdata.

Contoh :

DELETE FROM MAHASISWA WHERE NIM = ’045314001’;


34

2.9 Multimedia

Dalam dunia komputer, multimedia adalah program perangkat lunak yang

menggunakan lebih dari satu cara untuk mengkombinasikan informasi pada user

(Tway, 1992). Multimedia juga pada dasarnya dapat didefinisikan sebagai

teknologi yang mengkombinasikan teks, gambar, animasi, audio, video dan link

interaktif. Suatu multimedia yang dapat menangani interaktif user disebut juga

interactive multimedia (multimedia interaktif), dimana user dapat memilih apa

yang dikerjakan selanjutnya dan tindakan tersebut akan mempengaruhi komputer

untuk mengerjakan fungsi berikutnya (Hadi Sutopo, 2003). Sebagaimana telah

disebutkan sebelumnya, beberapa objek yang terdapat dalam multimedia antara

lain adalah:

a. Teks: merupakan dasar dari pengolahan kata yang terdiri dari kumpulan

huruf atau karakter untuk menampilkan informasi. Dapat tersaji sebagai

bagian dari grafik bitmap maupun vektor. Format standar untuk file teks

antara lain: text (.txt), RichText(.rtf), atau Hypertext Markup Languange

(HTML) untuk pembuatan halaman web.

b. Image: biasa disebut grafik yang merupakan gambar diam (still image)

seperti foto atau lukisan. Pada dasarnya format grafik bitmap adalah

gambar yang terbentuk dari garis dan kurva. Format standar filenya antara

lain: bitmap (.bmp). Join Photography Expert (JPEG) dan sebagainya.

Sedangkan grafik vektor adalah sebuah grafik yang terbentuk dari titik-

titik yang diwarnai dan tersusun dalam sebuah grid yang dinamakan pixel.

Format standar filenya antara lain adalah flash (.fla), dan sebagainya.


35

c. Animasi: menunjukkan sebuah seri dari gambar grafik yang menirukan

gerakan dan memiliki sifat dinamis juga berisi penyamaan suara, serta

dapat menerangkan sesuatu yang sulit diterangkan melalui teks. Animasi

dalam multimedia bertipe frame-based yaitu sebuah layer atau frame yang

ditunjukkan berurutan dengan kecepatan tertentu. Format umum file

animasi antara lain: Gif Animator (.Gif), Shockwave Flash (.swf), Quick

Time Movie (.mov), dan sebagainya.

d. Audio: suara atau bunyi yang digunakan untuk memperjelas pengertian

suatu informasi atau karakteristik suatu gambar. Penyajian suatu sistem

akan lebih menarik bila disertai efek, musik latar atau voice. Beberapa

format standar media suara antara lain: Wave Form Audio (.wav), Mpeg

Layer-3 Audio (.mp3), Musical Instrumen Digital Interface (MIDI), dan

sebagainya.

e. Video: untuk full-motion berupa clip, sedangkan live video terdiri dari

bagian dari gambar-gambar yang diproyeksikan ke layer dan merupakan

hasil pemrosesan yang diperoleh dari kamera. Berupa format standar

media video antara lain: Audio Visual Interface (AVI), Mpeg Video

(MPG), dan sebagainya.

f. Link: digunakan untuk menunjuk pada statu objek atau tombol agar dapat

mengakses program tertentu sehingga menjadi informasi yang terpadu.

Karena kemampuannya dalam penyampaian informasi yang menarik dan

interaktif, multimedia telah banyak dimanfaatkan untuk berbagai macam


36

keperluan diantaranya: presentasi, iklan, game, web, dan keperluan

lainnya.

2.10 Macromedia Flash 8

Macromedia flash 8 adalah salah satu program animasi grafis yang banyak

digunakan para designer untuk menghasilkan karya-karya profesional, khususnya

dalam bidang animasi. Perangkat ini cukup fleksibel untuk keperluan pembuatan

animasi.

Macromedia flash 8 sering digunakan untuk pembuatan animasi interaktif

maupun non interaktif, seperti animasi pada halaman web, animasi kartun,

presentasi, portofolio sebuah perusahaan, game, dan beberpa media animasi

lainnya.

Keunggulan Macromedia Flash 8 dibanding program lain yang sejenis,

antara lain:

a. Membuat tombol interaktif dengan sebuah movie atau objek yang lain.

b. Membuat perubahan transparansi warna dalam movie.

c. Membuat perubahan animasi dari satu bentuk ke bentuk yang lain.

d. Membuat gerakan animasi dengan mengikuti alur yang telah ditetapkan.

e. Dikonvesi dan dipublikasi ke dalam beberapa tipe di antaranya adalah:

.swf, .html, .gif, .png, .exe, .mov.


37

2.10.1 Timeline

Timeline merupakan panel utama yang berfungsi untuk mengatur cepat

atau lambatnya animasi yang kita buat dan sebagai wadah untuk menyatukan

objek-objek dari setiap layer.

2.10.2 Simbol

Dengan merubah suatu objek menjadi simbol, itu artinya objek tersebut

sudah menjadi bentuk yang pasti dan kita tidak bisa memanipulasinya lagi di

dalam stage misalnya berubah warna atau memberikan coretan di atasnya.

Jenis simbol (behavior) antara lain :

a. Movie clip : objek digunakan untuk beranimasi.

b. Button : objek dibuat sebagai tombol.

c. Grafik : objek dibuat sebagai gambar yang statis atau tidak beranimasi.

2.10.3 Library

Library di dalam flash fungsinya sesuai dengan namanya adalah sebuah

tempat penyimpanan simbol yang sudah kita buat. Jika kita membuat sebuah

simbol maka secara otomatis simbol tersebut akan masuk ke dalam library. Jadi

selama kita bekerja semua simbol yang sudah pernah kita buat, walaupun sudah

kita hapus, simbol tersebut masih tersimpan dalam library.


38

2.10.4 Action Script

Action Script adalah bahasa yang menjembatani antara bahasa yang kita

kenal dengan dengan bahasa yang dikenal oleh flash. Action Script mengijinkan

kita membuat instruksi berorientasi action dan instruksi logic (analisa masalah

sebelum melakukan perintah). Sama dengan bahasa pemrograman yang lain,

action script berisi banyak elemen yang berbeda serta strukturnya sendiri. Sebuah

action biasanya berada pada beberapa baris yang menginstruksi pada flash untuk

berbuat, membuat, mengubah, me-load atau menghapus.

Dalam action script terdapat beberapa perintah yang sering digunakan untuk

membuat animasi, antara lain :

Action Script – goto

a. gotoAndPlay

Digunakan untuk menuju ke frame tertentu dan memainkan animasi yang

ada di frame tersebut.

Contoh :

on (release)

{ gotoAndPlay(”Scene 1”, 25); }

sintak di atas adalah menuju ke scene 1 frame 25 dan langsung memainkan

animasi mulai dari frame 25.


39

b. gotoAndStop

Digunakan untuk menuju ke frame tertentu dan berhenti di frame tersebut.

Contoh :

on (release)

{gotoAndStop(”Scene 1”, 25); }

Sintak di atas adalah menuju ke scene 1 frame 25 dan langsung berhenti

pada frame 25.

Action Script – on

Sintak on digunakan untuk mendukung sintaks yang lain.

Contoh :

on ()

{}

Action Script – play

Sintak play digunakan untuk menjalankan movie.

Contoh :

play();


40

Action Script – loadMovie

Sintak loadMovie digunakan untuk memanggil dan menjalankan animasi flash

yang telah disimpan.

Contoh :

on (release)

{ loadMovie(”tempat file disimpan”,0); }


41

BAB III

ANALISIS DAN DESAIN SISTEM

3.1 Gambaran Umum Sistem

Sistem ini digunakan sebagai progam bantu untuk pembelajaran basisdata.

dalam sistem ini secara khusus hanya dibahas materi select, insert, update, dan

delete. Sistem ini dikemas dalam bentuk visualisasi yang interaktif. Berdasarkan

perihal di atas terdapat beberapa pertimbangan yang berkaitan dengan kebutuhan

sistem, antara lain :

a. Penyesuaian aplikasi dengan kemampuan pengguna dalam memahami

aplikasi yang dibuat.

b. Pengguna sistem adalah mahasiswa atau dapat pula orang awam yang

ingin belajar tentang basisdata.

Dari kedua hal tersebut, spesifikasi fasilitas sistem yang diperlukan adalah :

a. Komponen atau elemen yang menjadi daya tarik, antara lain :

1) gambar

2) animasi

b. Materi pembelajaran antara lain meliputi pembelajaran basisdata, yang

memuat materi antara lain :

1) Pengenalan konsep basisdata.

2) Perintah SQL (Structured Query Language).


42

Gambaran umum sistem dapat dilihat pada tabel beriikut ini :

Tabel 3.1 Deskripsi Konsep Sistem

Judul

Aplikasi Sumber Belajar Digital Dalam Bentuk

Visualisasi Query Terbatas Untuk Matakuliah

Basisdata

User Mahasiswa

Durasi Sesuai dengan kebutuhan user

Image Menggunakan IMG, GIF, dan PNG

Video Tidak menggunakan

Animasi Menggunakan animasi teks dan grafis

Interaktif Select, Insert, Update, dan Delete


43

3.2 Analisis Sistem

Analisis sistem dapat didefinisikan sebagai pengurai dari suatu sistem

informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud

mengidentifikasikan dan mengealuasi permasalahan-permasalahan dan hambatan-

hambatan yang terjadi, serta kebutuhan yang diharapkan sehingga dapat diusulkan

perbaikannya.

Metode yang digunakan untuk pembuatan aplikasi ini adalah metode terstruktur

yang digambarkan dengan DFD (Data Flow Diagram).

a. Indentifikasi kesatuan luar (external entity) yang terlibat dalam sistem

adalah pengguna (user).

b. Identifikasi input dan output yang terlibat dengan kesatuan luar (external

entity)

• Pengguna (user)

1) Input : pilih menu, perintah SQL.

2) Ouptut : materi, animasi


44

3.2.1 Use Case

Use Case diagram dari sistem yang akan dibuat dapat dilihat pada gambar

di bawah ini :

user

Materi pembelajaran

VisualisasiSQL

Bantuan

Gambar 3.1 Use Case User

3.3 Desain Sistem

Desain sistem didefinisikan sebagai penggambaran, perencanaan, dan

pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah dalam satu

kesatuan yang utuh dan berfungsi (John Burch & Gary Grudnitski).

Tahap desain sistem memiiki dua tujuan utama, yaitu :

a. Untuk memenuhi kebutuhan kepada pemakai sistem.

b. Untuk memberikan gambaran yang jelas dan rancang bangun yang

lengkap kepada pemrogram komputer dan ahli-ahli teknik lainnya

yang terlibat.

Desain sistem Aplikasi Sumber Belajar Digital Dalam Bentuk Visualisasi Query

Terbatas Untuk Matakuliah Basisdata dimulai dari desain proses, desain basisdata,

dan desain antar muka


45

3.3.1 Desain Proses

Sistem ini dirancang dengan menggunakan pendeketan SDLC. SDLC

merupakan urutan terstrukturdari suatu tugas pengembangan sistem informasi.

SDLC terstruktur sangat bermanfaat dan diperlukan untuk menyusun,

mengembangkan, dan membuat sistem informasi baru. Untuk dapat melakukan

langkah-langkah sesuai dengan yang diberikan oleh pendekatan SDLC, maka

dibutuhkan DFD (Data Flow Diagram).

3.3.1.1 Diagram Konteks (Context Diagram)

Diagram konteks merupakan sebuah diagram sederhana yang

menggambarkan hubungan antara entitas luar, masukkan dan keluaran dati sistem.

Berikut adalah gambar diagram konteks dari aplikasi sumber belajar

digital dalam bentuk visualisasi query terbatas untuk matakuliah Basisdata :

Gambar 3.2 Diagram Konteks

Terdapat satu entitas luar yang digunakan yaitu pengguna (user).


46

3.3.1.2 Diagram Berjenjang

Gambar 3.3 Diagram Berjenjang

3.2.1.3 DFD (Data Flow Diagram)

3.2.1.3.1 DFD Level 0

Gambar 3.4 DFD Level 0


47

3.2.1.3.2 DFD Level 1 Proses 1

Gambar 3.5 DFD Level 1 Proses 1


48




49




50

3.3.2 Desain Basisdata

Basisdata adalah suatu wadah untuk menyimpan dan menyediakan data-

data atau informasi yang akan dipakai oleh sistem informasi, oleh karena itu

basisdata merupakan komponen yang penting dalam pembuatan sistem.

Basisdata merupakan salah satu komponen yang sangat penting di sistem

informasi, karena berfungsi sebagai penyedia informasi bagi para penggunanya.

Penerapan basisdata dalam sistem informasi disebut dengan sistem basisdata

(database system). Sistem basisdata ini adalah salah satu sistem informasi yang

mengintegrasikan kumpulan data yang saling berhubungan satu dengan yang

lainnya dan membuat tersedia untuk beberapa aplikasi yang bermacam-macam

dalam suatu organisasi.

3.3.2.1 ER Diagram

Maksud dibuatnya ER diagram adalah untuk menjelaskan entitas-entitas

dari basisdata beserta atribut-atributnya dan menggambarkan hubungan entitas-

entitas yang dibangun.

ER diagram untuk sistem yang akan dibangun dapat dilihat pada gambar di bawah

ini :

Gambar 3.8 ER Diagram Visualisasi Animasi


51

Pada ER diagram tersebut terlihat adanya relasi antara entitas jurusan dengan

entitas mahasiswa yang merupakan relasi one-to-many, relasi tersebut bernama

terdaftar. Pada relasi ini mahasiswa dapat terdaftar pada satu jurusan, dan untuk

setiap jurusan dapat diambil oleh lebih dari satu mahasiswa.

Gambar 3.9 ER Diagram Visualisasi Dinamis

Pada ER diagram tersebut terlihat adanya relasi antara entitas matakuliah dengan

entitas mahasiswa2 yang merupakan relasi many-to-many, relasi tersebut bernama

mengambil. Pada relasi ini mahasiswa2 dapat mengambil lebih dari satu

matakuliah, demikian juga sebaliknya setiap matakuliah dapat diambil oleh lebih

dari satu mahasiswa2.


52

3.3.2.2 Relasi Antar Tabel

Gambar 3.10 Basisdata Visualisasi Animasi

Desain basisdata ini dibuat menggunakan diagram relasi entitas atau ER diagram

yang didasarkan atas entitas dan terdapat hubungan.

a. entitas jurusan, dengan atribut : kode_jurusan, jurusan, kajur.

b. entitas mahasiswa, dengan atribut : nim, nama, kode_jurusan

Gambar 3.11 Basisdata Visualisasi Dinamis


53

Desain basisdata ini dibuat menggunakan diagram relasi entitas atau ER diagram

yang didasarkan atas entitas dan terdapat hubungan.

a. Entitas mahasiswa2, dengan atribut : nim, dan nama

b. Entitas matakuliah, dengan atribut : kode_mk, nama_mk.

c. Entitas nilai, dengan atribut : nim, kode_mk, dan nilai.

3.3.2.3 Struktur File Basisdata

Berikut adalah rancangan tabel-tabel yang akan dibuat :

Tabel 3.2 Jurusan

Nama Field Tipe Panjang Keterangan

PK kode_jurusan Varchar 4 not null

jurusan Varchar 25 not null

kajur Varchar 100 not null

kode_jurusan digunakan sebagai primary_key. Tabel jurusan ini memiliki relasi

one-to-many dengan tabel mahasiswa.

Tabel 3.3 Mahasiswa

Nama Field Tipe panjang Keterangan

PK nim Varchar 10 not null

nama Varchar 50 not null

Kode_jurusan Varchar 4 not null


54

nim digunakan sebagai primary key. Tabel mahasiswa ini memiliki relasi many-

to-one antara tabel mahasiswa2 dengan matakuliah.

Tabel 3.4 Mahasiswa2

Nama Field tipe Panjang Keterangan

PK nim varchar 10 not null

nama varchar 50 not null

nim digunakan sebagai primary key. Tabel mahasiswa2 ini memiliki relasi one-to-

many dengan nilai.

Tabel 3.5 Matakuliah

Nama Field tipe panjang Keterangan

PK kode_mk varchar 10 not null

nama_mk varchar 50 not null

kode_mk digunakan sebagai primary key. Tabel matakuliah ini memiliki relasi

one-to-many dengan nilai.


55

Tabel 3.6 Nilai

Nama Field Tipe panjang Keterangan

PK Nim Varchar 10 not null

PK kode_mk Varchar 10 not null

Nilai Char 1 not null

nim dan kode_mk digunakan sebagai primary key. Tabel nilai ini merupakan hasil

relasi many-to-many antara tabel mahasiswa2 dengan matakuliah.

3.3.3 Desain Antarmuka

Sistem ini mempunyai beberapa antarmuka yang memungkinkan user

berinteraksi dengan sistem, yaitu :

3.3.3.1 Desain Tampilan Form Utama

Gambar 3.12 Form Utama


56

Menu utama :

a. Materi Pembelajaran : fasilitas untuk mempelajari materi-materi yang

diberikan.

b. Visualisasi SQL : fasilitas untuk mencoba melihat proses query dan

menerapkan materi-materi yang didapat untuk dilihat hasilnya.

c. Bantuan : fasilitas untuk membantu pengguna jika mengalami kesulitan

dalam memakai program.

3.3.3.2 Desain Menu Materi Pembelajaran

3.3.3.2.1 Desain Pengenalan Konsep Database

Gambar 3.13 Desain Pengenalan Konsep Basisdata


57

3.3.3.2.2 Desain Perintah SQL

Gambar 3.14 Desain Perintah SQL

3.3.3.2.3 Desain Visualisasi SQL Animasi

Gambar 3.15 Desain Visualisasi SQL Animasi


58

3.3.3.2.4 Desain Visualisasi SQL Dinamis

Gambar 3.16 Desain Visualisasi SQL Dinamis

3.3.3.3 Desain Menu Visualisasi SQL

3.3.3.3.1 Desain Animasi

Gambar 3.17 Form Query Animasi


59

3.3.3.3.2 Desain Dinamis

Gambar 3.18 Form Query Dinamis

3.3.3.4 Desain Menu Bantuan

3.3.3.4.1 Desain Pengantar

Gambar 3.19 Desain Pengantar


60

3.3.3.4.2 Desain Kebutuhan Sistem

Gambar 3.20 Desain Kebutuhan Sistem

3.3.3.4.3 Desain Instalasi Aplikasi

Gambar 3.21 Desain Instalasi Aplikasi


61

3.3.3.4.4 Desain Memulai Program

Gambar 3.22 Desain Memulai Program


62

BAB IV

IMPLEMENTASI DAN PEMBAHASAN

4.1 Implementasi Program

Implementasi merupakan tahap pengembangan dari hasil perancangan.

Pada bab ini akan dijelaskan hasil implementasi (pengembangan) dan jalannya

program. Aplikasi ini dapat digunakan oleh siapapun yang ingin mempelajari

proses berjalannya query, dan juga dasar-dasar sintak query tersebut, dalam hal ini

query yang dimaksud adalah query DML (Data Manipulation Language).

Susunan dari program ini terdiri dari sekumpulan file-file PHP, modul

flash movie dan basisdata yang terintegrasi antara satu dengan yang lainnya,

sehingga membentuk sebuah aplikasi pembelajaran yang utuh.

4.1.1 Menjalankan Program

Program ini dapat dijalankan dengan cara menginstall program xampp atau

server2go.

Cara menginstall program pada xampp :

a. Install xampp-win32-1.5.5-installer.exe

b. Instalasi pada drive C, klik next sampai instalasi selesai.

c. Copy database ta di dalam folder ta ke c:\Program files\xampp\mysql\data\

d. Copy folder visualisasisql pada c:\Program files\xampp\htdocs\


63

e. Buka XAMPP Control Panel Application jalankan MySQL dengan

menekan tombol start, setelah tombol start ditekan maka akan muncul

pesan seperti di bawah ini.

Gambar 4.1 XAMPP Control Panel Application


64

f. Jika program sudah terinstal dengan benar dapat dicek dengan cara pada

alamat browser ketikan http://localhost/visualisasisql, maka akan muncul

gambar di bawah ini :

Gambar 4.2 Menu Utama dengan XAMPP


65

Cara menginstall program pada server2go :

a. Copy folder server2go_a2 ke salah satu drive dalam hardisk anda.

b. Copy database dengan nama ta ke dalam drive C:\MyS2GApp\Data

c. Copy folder visualisasisql pada folder server2go yang telah dicopy pada

drive(langkah no 1) misalkan dicopy di drive D. Contoh sebagai berikut

D:\server2go\htdocs\

d. Jalankan Server2Go.exe di dalam folder yang anda copy pada no 1.

Sehingga sampai muncul gambar di bawah ini

Gambar 4.3 Koneksi server2go


66

e. Pada address tertulis alamat http://127.0.0.1:4001, silahkan anda

tambahkan visualisasisql di belakang http://127.0.0.1:4001

Contoh sebagai berikut http://127.0.0.1:4001/visualisasisql

Gambar 4.4 Menu Utama dengan server2go


67

4.1.2 Menggunakan Program

4.1.2.1 Menu Utama

Setelah koneksi terhubung maka akan muncul gambar di bawah ini :

Gambar 4.5 Menu Utama

Gambar di atas merupakan tampilan menu utama program. Dapat dilihat

pada tulisan sebelah kiri adalah menu-menu yang disediakan, menu-menu tersebut

terdiri dari tiga bagian yaitu :

a. Materi Pembelajaran

Pada menu ini terdapat tiga sub materi yaitu :

1) Pengenalan Konsep Database.

2) Perintah SQL.

3) Visualisasi SQL animasi.

4) Visualisasi SQL dinamis.


68

b. Visualisasi SQL

Pada menu ini terdapat dua sub menu yaitu :

1) Animasi

2) Dinamis

c. Bantuan

Pada menu ini terdapat empat sub menu yaitu :

1) Pengantar.

2) Kebutuhan sistem.

3) Instalasi aplikasi

4) Memulai program


69

4.1.2.2 Menu Materi Pembelajaran

4.1.2.2.1 Sub Menu Materi

Pada sub menu ini berisi materi singkat tentang pengenalan konsep basisdata, di

dalamnya juga dijelaskan tujuan pembuatan, dan cara mengoperasian aplikasi, dan

modul flash seperti gambar di bawah ini ;

Gambar 4.6 Sub Menu Pengenalan Konsep Basisdata


70

Di bawah ini terdapat gambar modul flash tentang pengenalan konsep basisdata

Gambar 4.7 Modul Flash Pengenalan Konsep Basisdata

Pada halaman ini berisi pengantar basisdata, dan teori singkat tentang basisdata.

Setelah tekan tombol masuk, pada gambar di bawah ini berupa contoh diambil

dari halaman ke empat :

Gambar 4.8 Modul Flash Pengenalan Konsep Basisdata (Tabel Animasi)


71

Pada sub menu ini berisi materi singkat tentang perintah sql, di dalamnya juga

dijelaskan tujuan pembuatan, dan cara mengoperasian aplikasi, dan modul flash

seperti gambar di bawah ini ;

Gambar 4.9 Sub Menu Perintah SQL.


72

Di bawah ini terdapat gambar modul flash tentang Perintah SQL

Gambar 4.10 Modul Flash Perintah SQL.

Pada halaman ini berisi standar kompetensi, kompetensi dasar, dan pokok bahasan

Tekan tombol next maka akan masuk ke halaman dua, seperti gambar di bawah

ini :

Gambar 4.11 Modul Flash Sintak Select


73

Pada halaman dua ini berisi teori singkat tentang perintah select beserta contoh

sintaknya.

Script pada tombol next :

on (release)

{ nextFrame(); }

Script pada tombol back :

on (release)

{ prevFrame(); }

Tekan tombol next maka akan masuk ke halaman tiga, seperti gambar di bawah

ini :

Gambar 4.12 Modul Flash Sintak Where


74

Tekan tombol next maka akan masuk ke halaman empat, seperti gambar di bawah

ini :

Gambar 4.13 Modul Flash Sintak Group By

Pada halaman ini berisi teori singkat tentang sintaks group by beserta contoh

sintaknya.

Tekan tombol next maka akan masuk ke halaman lima, seperti gambar di bawah

ini :

Gambar 4.14 Modul Flash Sintak Order By


75

Tekan tombol next maka akan masuk ke halaman enam, seperti gambar di bawah

ini :

Gambar 4.15 Modul Flash Sintak Insert

Pada halaman ini berisi teori singkat tentang operator beserta contoh sintaknya.

Tekan tombol next maka akan masuk ke halaman tujuh, seperti gambar di bawah

ini :

Gambar 4.16 Modul Flash Sintak Update


76

Tekan tombol next maka akan masuk ke halaman delapan, seperti gambar di

bawah ini :

Gambar 4.17 Modul Flash Sintak Delete

Tekan tombol next maka akan masuk ke halaman sembilan, seperti gambar di

bawah ini :

Gambar 4.18 Modul Flash Sintak Operator


77

Tekan tombol next maka akan masuk ke halaman sepuluh, seperti gambar di

bawah ini :

Gambar 4.19 Modul Flash Sintak Fungsi.


78

4.1.2.2.2 Sub Menu Visualisasi SQL Animasi

Gambar 4.20 Sub Menu Visualisasi SQL Animasi.

Pada gambar di atas merupakan gambar sub menu visualisasi sql animasi

Sub menu ini berisi

a. Tujuan

Tujuan berisi penjelasan singkat tujuan dari sub menu ini.

b. Keunggulan dan kelemahan

Pada bagian ini dijelaskan keunggulan dan kelemahan dari sub menu

aplikasi ini.

c. Cara mengoperasikan

Pada bagian ini dijelaskan bagaimana cara mengoperasikan aplikasi ini.

Di bawah teori singkat tadi ada sebuah hyperlink untuk menuju ke sub menu

animasi dari menu visualisasi sql.


79

4.1.2.2.3 Sub Menu Visualisasi SQL Dinamis

Gambar 4.21 Sub Menu Visualisasi SQL Dinamis

Pada gambar di atas merupakan gambar sub menu visualisasi sql dinamis

Sub menu ini berisi

a. Tujuan

Tujuan berisi penjelasan singkat tujuan dari sub menu ini.

b. Keunggulan dan kelemahan

Pada bagian ini dijelaskan keunggulan dan kelemahan dari sub menu

aplikasi ini.

c. Cara mengoperasikan

Pada bagian ini dijelaskan bagaimana cara mengoperasikan aplikasi ini.

Di bawah teori singkat tadi ada sebuah hyperlink untuk menuju ke sub menu

dinamis dari menu visualisasi sql.


80

4.1.2.3 Menu Visualisasi

4.1.2.3.1 Sub Menu Animasi

Gambar 4.22 Sub Menu Animasi

Pada sub menu ini terdapat sepuluh perintah query yang telah disediakan, ketika

salah satu menu dieksekusi maka akan tampil animasi-animasi yang sesuai dengan

perintah query.


81

Pada contoh ini akan dipilih salah satu dari sepuluh menu yang telah disediakan

Gambar 4.23 Daftar Query Animasi

Ketika ditekan tombol RUN, maka akan muncul animasi seperti dibawah ini :

Gambar 4.24 Animasi


82

Untuk memulai menjalankan animasi dapat menekan tombol next.

Animasi yang akan muncul adalah

Gambar 4.25 Animasi Berjalan

Pada animasi berjalan ini terdapat 4 tombol yang bisa ditekan

a. Tombol play

Fungsi tombol play adalah memainkan movie pada halaman sama.

b. Tombol pause

Fungsi tombol pause adalah menunda movie yang sedang berjalan.

c. Tombol back

Fungsi tombol back adalah kembali pada halaman sebelunya.

d. Tombol next

Fungsi tombol next adalah kembali pada halaman selanjutnya.


83

4.1.2.3.2 Sub Menu Dinamis

Gambar 4.26 Sub Menu Dinamis

Pada gambar di bawah ini kolom perintah akan diisi dengan perintah :

select * from nilai

Gambar 4.27 Perintah SQL Isi


84

Script (potongan program) cara pembuatan SQL dinamis :

if (!$_REQUEST[sqlcommand]) // jika tidak ada maka beri perintah

default

{ $sqlcommand="select * from mahasiswa2"; //perintah

default

$qry=mysql_query($sqlcommand,$koneksi) or die

(mysql_error());

}

else // jika ada

{

//cek sintaks dml saja

$benar=false;

for ($i=0;$i<strlen($sqlcommand)-6;$i++) {

if

(strtoupper(substr($sqlcommand,$i,6))=="SELECT"||strtoupper(substr

($sqlcommand,$i,6))=="INSERT"||strtoupper(substr($sqlcommand,$i,6)

)=="UPDATE"||strtoupper(substr($sqlcommand,$i,6))=="DELETE") {

$benar=true;

$perintah=explode("

",$sqlcommand);

$perintahutama=strtoupper($perintah[0]);

}

}

if ($benar==true) {

//jalankan perintah sql tersebut

$qry=mysql_query($sqlcommand,$koneksi);

//jika tidak mau jalan atau ada pesan error maka

pesannya ditampilkan dan jalankan


85

// perintah sql default

if (!$qry)

{

$sqlcommand="select * from

mahasiswa2";

$qry=mysql_query($sqlcommand,$koneksi) or

die (mysql_error());

$pesan="Ada kesalahan sintaks SQL <br>

<font color=#FF0000>Silahkan tekan tombol Petunjuk di

atas!</font>";

if ($perintahutama=="SELECT") {

$hint=$hint1; }

if ($perintahutama=="INSERT") {

$hint=$hint2; }

if ($perintahutama=="DELETE") {

$hint=$hint3; }

if ($perintahutama=="UPDATE") {

$hint=$hint4; }

}

}

else

{ $sqlcommand="select * from mahasiswa2";

$qry=mysql_query($sqlcommand,$koneksi) or

die (mysql_error());

$pesan="<br>Perintah yang didukung hanya

yang mengandung SELECT, INSERT, UPDATE, DELETE<br><font

color=#FF0000>Silahkan tekan tombol Petunjuk di atas!</font>";

} }


86

Pada gambar perintah sudah diisi, kemudian akan menekan tombol eksekusi,

ketika sudah ditekan, maka hasilnya seperti di bawah ini

Gambar 4.28 Hasil Visualisasi SQL Dinamis


87

Pada gambar di bawah ini terdapat tombol query yang telah dieksekusi, ketika

tombol ini ditekan terdapat perintah-perintah sql yang telah dieksekusi.

Gambar 4.29 Query yang telah dieksekusi

Tujuan dibuatnya tombol query yang telah dieksekusi ini adalah untuk melihat

perintah-perintah query yang telah dibuat.


88

Pada gambar di bawah ini terdapat tombol petunjuk, ketika tombol petunjuk

ditekan terdapat perintah baku untuk dijadikan contoh sintak baku.

Gambar 4.30 Pesan Kesalahan Pada Tombol Petunjuk

Tujuan dibuatnya tombol petunjuk ini adalah untuk melihat perintah baku.

Potongan script pembuatan tombol petunjuk :

$hint1="SELECT [nama field1, nama field 2,...] FROM [nama-nama

tabel] WHERE [kondisi1,kondisi2,...Kondisi n]<br>Contoh : SELECT *

FROM nilai WHERE kode_mk=`TIF001`<br><br>";

$hint2="INSERT INTO [nama tabel] VALUES [nilai1,nilai2,...nilai

n]<br>Contoh : INSERT INTO nilai VALUES

(`045314001`,`TIF002`,`A`);<br><br>";

$hint3="DELETE FROM [nama tabel] WHERE

[kondisi1,kondisi2,...Kondisi n]<br>Contoh : DELETE FROM nilai


89

WHERE kode_mk=`TIF001`<br><br>";

$hint4="UPDATE [nama tabel] SET [field1=nilai1, field2=nilai2,...

] WHERE [kondisi1,kondisi2,..Kondisi n]<BR>Contoh : UPDATE nilai

SET nilai=`B` WHERE kode_mk=`TIF001`<br><br>";

$hint="$hint1$hint2$hint3$hint4";

if ($benar==true) {

//jalankan perintah sql tersebut

$qry=mysql_query($sqlcommand,$koneksi);

//jika tidak mau jalan atau ada pesan error maka pesannya

ditampilkan dan jalankan

// perintah sql default

if (!$qry)

{

$sqlcommand="select * from mahasiswa2";

$qry=mysql_query($sqlcommand,$koneksi) or die (mysql_error());

$pesan="Ada kesalahan sintaks SQL <br> <font

color=#FF0000>Silahkan tekan tombol Petunjuk di atas!</font>";

if ($perintahutama=="SELECT") { $hint=$hint1; }

if ($perintahutama=="INSERT") { $hint=$hint2; }

if ($perintahutama=="DELETE") { $hint=$hint3; }

if ($perintahutama=="UPDATE") { $hint=$hint4; }

}

}


90

4.1.2.4 Menu Bantuan

4.1.2.4.1 Sub Menu Pengantar

Gambar 4.31 Sub Menu Pengantar

Pada gambar di atas terdapat pengantar tentang aplikasi yang berjudul sumber

belajar digital dalam bentuk visualisasi query terbatas untuk matakuliah Basisdata,

di dalam perkenalan ini dijelaskan secara singkat tentang aplikasi.


91

4.1.2.4.2 Sub Menu Kebutuhan Sistem

Gambar 4.32 Sub Menu Kebutuhan Sistem

Pada gambar di atas merupakan penjelasan singkat tentang kebutuhan sistem

minimal hardware dan software yang dibutuhkan untuk dapat menjalankan

aplikasi ini.


92

4.1.2.4.3 Sub Menu Instalasi Aplikasi

Gambar 4.33 Sub Menu Instalasi Aplikasi

Pada gambar di atas merupakan penjelasan singkat tentang bagaimana cara

instalasi pada komputer pengguna.


93

4.1.2.4.4 Sub Menu Memulai Program

Gambar 4.34 Sub Menu Memulai Program

Pada gambar di atas merupakan penjelasan singkat tentang bagaimana cara

menggunakan aplikasi.


94

BAB V

ANALISIS HASIL

5.1 Hasil Pengujian Program

Pada tahap ini dilakukan ujicoba (testing) pada program yang sudah

selesai inplementasinya.

5.1.1 Ujicoba Inputan Query

Pada gambar di bawah ini pada sub menu dinamis dari menu visualisasi

sql, inputan perintah sql diisi dengan perintah sql yang salah, kemudian akan

dieksekusi dengan cara menekan tombol eksekusi.

Gambar 5.1 Perintah SQL Isi (input salah)


95

Pada gambar di bawah ini terdapat hasil dari proses query yang telah dieksekusi.

Gambar 5.2 Pesan Kesalahan

Pada pesan kesalahan terdapat pesan yang berwarna merah yang bertuliskan

“Silahkan Tekan tombol Petunjuk di atas”


96

Pada gambar di bawah ini adalah pesan yang akan muncul ketika tombol petunjuk

ditekan.

Gambar 5.3 Sintak Pada Tombol Petunjuk

Pesan yang keluar setelah menekan tombol petunjuk ini berbeda-beda, tergantung

dari perintah sql yang diinputkan.

Ketika perintah sql yang diinputkan kata depannya tidak diawali dengan huruf

select atau insert atau update atau delete, maka yang keluar adalah pesan

kesalahan yang lengkap, contohnya seperti gambar di atas.


97

Pada gambar di bawah ini adalah contoh inputan query yang kata depannya

mengandung perintah insert.

Contoh :

Gambar 5.4 Perintah SQL Isi (input salah2)


98

Untuk pesan kesalahan yang spesifik maka akan ditunjukkan pada gambar di

bawah ini :

Gambar 5.5 Pesan Kesalahan Spesifik Tombol Petunjuk

Pada gambar di atas pesan kesalahan yang muncul hanya ada satu macam, hal ini

dikarenakan perintah yang diinputkan di awal perintah ada kata insert, maka

pesan kesalahan yang keluar akan spesifik.

5.2 Kelebihan Aplikasi

Kelebihan yang dimiliki antara lain adalah :

a. Tersedia tombol history untuk melihat sintak query yang telah dieksekusi

oleh user.

b. Tersedia tombol petunjuk untuk memberikan contoh sintaks atau penulisan

baku dari sebuah query.


99

c. Aplikasi ini dapat mendeteksi kesalahan pada saat inputan query, sehingga

dapat mengacu pada pesan kesalahan dan penulisan baku yang lebih

spesifik.

d. Aplikasi ini dapat mengakomodasi kelemahan-kelemahan yang ada pada

software Macromedia Flash 8, hal ini dikarenakan pada software tersebut

belum tersedia tipe data yang lengkap seperti yang disediakan oleh

MySQL, dan tabel-tabel yang saling berhubungan sudah bisa direlasikan.

Sehingga untuk melengkapi aplikasi ini digabungkan dengan PHP dan

MySQL.

5.3 Kekurangan Aplikasi

Kekurangan yang dimiliki antara lain adalah :

a. Program animasi yang ditampilkan jumlahnya terbatas hanya sepuluh

sintak query yang tersedia, sehingga pengguna hanya dapat memilih

animasi yang telah disediakan.

b. Program animasi ini hanya dapat menangani perintah DML saja.

5.4 Uji Coba ke User

Setelah aplikasi sumber belajar digital dalam bentuk visualisasi query

terbatas untuk matakuliah basisdata melewati tahap implementasi, maka aplikasi

ini diujicobakan pada beberapa mahasiswa baik yang akan dan telah menempuh

matakuliah basisdata dengan tujuan untuk mengetahui apakah aplikasi ini dapat

digunakan dan membantu mahasiswa


100

Dari sembilan pernyataan dalam kuesioner dapat digolongkan menjadi dua

kelompok yaitu mengenai user interface (nomor 1-5) dan kegunaan (nomor 6-9).

Pengujian program (disebut beta test) dilakukan dengan cara mengundang

beberapa responden atau user untuk menjalankan program tersebut. Pada tahap ini

disebarkan kuesioner kepada para user secara langsung. Kemudian user mengisi

kuesioner penilaian terhadap program yang dijalankan. User yang melakukan test

dalam metode ini adalah mahasiswa TI USD angkatan 2007 dan 2008.

Untuk pengujian sistem menggunakan beta test dilakukan oleh 10 orang.


101

Adapun pernyataan yang diujikan adalah sebagai berikut :

Tabel 5.1 Beta Test (pernyataan no 1-9)

Tabulasi :

Penilaian No Pernyataan

ss s ks ts sts

1. Aplikasi ini mudah digunakan. 4 6 0 0 0

2. Aplikasi ini menarik dari segi tampilan halaman

pertama, tampilan menu dan tampilan sub menu. 3 6 1 0 0

3.

Aplikasi ini dari segi penggunaan tombolnya,

pengunaan link pada sub menu, dan penggunaan link

pada halamannya sudah sesuai dengan fungsinya.

3 6 1 0 0

4.

Visualisasi pada SQL animasi dan SQL dinamis yang

ditampilkan menarik dan sesuai dengan materi yang

disajikan pada pengenalan konsep basisdata.

3 7 0 0 0

5. Visualisasi dapat dijalankan dengan baik dan dapat

cepat membantu memahami materi. 6 4 0 0 0

6.

Aplikasi ini mudah dipahami bagi pengguna

(mahasiswa yang hendak mengambil matakuliah

praktikum Basisdata I maupun yang sudah mengambil

praktikum Basisdata I atau pun bagi orang awam).

4 6 0 0 0

7. Aplikasi ini dapat memperkaya pengetahuan anda

tentang jalannya proses query dan penulisan sintak 1 9 0 0 0


102

query khususnya DML.

8. Aplikasi ini sangat bermanfaat. 6 4 0 0 0

9.

Setelah menggunakan dan mempelajari aplikasi ini

anda menjadi termotivasi untuk mendalami basisdata

lebih lanjut.

1 5 3 1 0

Untuk mengetahui kelayakan aplikasi ini maka dihitung prosentase jumlah

responden yang memilih tiap kriteria penilaian pada setiap pernyataan, yaitu:

a. Jumlah responden yang memilih kriteria sangat setuju dibanding jumlah

seluruh responden kali seratus persen.

b. Jumlah responden yang memilih kriteria setuju dibanding jumlah seluruh

responden kali seratus persen.

c. Jumlah responden yang memilih kriteria kurang setuju dibanding jumlah


d. Jumlah responden yang memilih kriteria tidak setuju dibanding jumlah


e. Jumlah responden yang memilih kriteria sangat tidak setuju dibanding

jumlah seluruh responden kali seratus persen.


103

Dari sepuluh responden, kemudian dapat dihitung prosentase dari tiap pernyataan,

sebagai berikut:

1) Pernyataan mengenai user interface, yaitu

Hasil kuesioner dan pembahasannya:

a) Hasil prosentase pernyataan pertama :

Pernyataan : Aplikasi ini mudah digunakan.

Prosentase responden yang memilih kriteria sangat setuju sebanyak

40%, sedangkan prosentase responden yang memilih kriteria setuju

sebanyak 60%.

Dari hasil survey, dapat disimpulkan bahwa aplikasi ini mudah

digunakan.

Prosentase Jumlah Responden Mengenai Kemudahan Penggunaan Aplikasi

60% setuju

40% sangat setuju

Gambar 5.6 Hasil Kuesioner Pernyataan no 1


104

b) Hasil prosentase pernyataan kedua:

Pernyataan : Aplikasi ini menarik dari segi tampilan halaman

pertama, tampilan menu dan tampilan sub menu.

Prosentase responden yang memilih kriteria setuju sebanyak 60%,

dan prosentase responden yang memilih kriteria sangat setuju

sebanyak 30% sedangkan responden yang memilih kriteria kurang

setuju sebanyak 10%.

Dari hasil survey, dapat disimpulkan bahwa sebagian besar

responden merasa aplikasi ini aplikasi ini menarik dari segi tampilan.

Prosentase Jumlah Responden Mengenai Tampilan halaman pertama, tampilan menu,

dan tampilan sub menu

10% kurang setuju

60% setuju

30% sangat setuju

Gambar 5.7 Hasil Kuesioner Pernyataan No 2


105

c) Hasil prosentase pernyataan ketiga:

Pernyataan : Aplikasi ini dari segi penggunaan tombolnya,

pengunaan link pada sub menu, dan penggunaan

link pada halamannya sudah sesuai dengan

fungsinya.


dan prosentase responden yang memilih kriteria sangat setuju

sebanyak 30% sedangkan responden yang memilih kriteria kurang

setuju sebanyak 10%.

Dari hasil survey, dapat disimpulkan bahwa sebagian besar

responden merasa aplikasi ini aplikasi ini dari segi penggunaan

tombolnya, pengunaan link pada sub menu, dan penggunaan link

pada halamannya sudah sesuai dengan fungsinya.

Prosentase Jumlah Responden Mengenai Penggunaan Tombol, Link pada sub menu,

dan halamannya sudah sesuai dengan fungsinya.

30% sangat setuju

60% setuju

10% kurang setuju



106

d) Hasil prosentase pernyataan keempat:

Pernyataan : Apakah visualisasi pada SQL animasi dan SQL

dinamis yang ditampilkan menarik dan sesuai

dengan materi yang disajikan pada pengenalan

konsep basisdata.



sebanyak 70%. Dari hasil survey, dapat disimpulkan bahwa sebagian

besar responden merasa aplikasi ini menarik dan sesuai dengan

materi yang disajikan.

Prosentase Jumlah Responden Mengenai Tampilan Visualisasi SQL Animasi dan

SQL Dinamis

70% setuju

30% sangat setuju



107

e) Hasil prosentase pernyataan kelima:

Pernyataan : Visualisasi dapat dijalankan dengan baik dan dapat

cepat membantu memahami materi.




besar responden merasa aplikasi ini dapat dijalankan dengan baik

dan membantu memahami materi.

Prosentase Jumlah Responden Mengenai Kerja Visualisasi dan Perannya dalam

Membantu Memahami Materi

40% setuju

60% sangat setuju



108

2) Pernyataan mengenai kegunaan, yaitu

a) Hasil prosentase pernyataan keenam:

Pernyataan : Aplikasi ini mudah dipahami bagi pengguna

(mahasiswa yang hendak mengambil matakuliah

praktikum Basisdata I maupun yang sudah

mengambil praktikum Basisdata I atau pun bagi

orang awam).




besar responden merasa bahwa aplikasi ini mudah dipahami baik

mahasiswa yang hendak mengambil matakuliah praktikum basisdata

I maupun yang sudah mengambil praktikum basisdata I atau pun

bagi orang awam.

Prosentase Jumlah Responden Mengenai Kemudahan Aplikasi untuk Dipahami Baik

Bagi Mahasiswa Maupun Orang Awam

40% sangat setuju

60% setuju



109

b) Hasil prosentase pernyataan ke tujuh:

Pernyataan : Aplikasi ini dapat memperkaya pengetahuan anda

tentang jalannya proses query dan penulisan

sintak query khususnya DML.


sedangkan prosentase responden yang memilih kriteria sangat setuju

hanya 10%. Dari hasil survey, dapat disimpulkan bahwa sebagian

besar responden merasa aplikasi ini dapat memperkaya pengetahuan

tentang jalannya proses query dan penulisan sintak query DML.

Prosentase Jumlah Responden Mengenai Aplikasi Ini Dapat Memperkaya

Pengetahuan Tentang Jalannya Proses Query dan Penulisan Sintak Query DML

90% setuju

10% sangat setuju



110

c) Hasil prosentase pernyataan kedelapan:

Pernyataan : Aplikasi ini sangat bermanfaat.




besar responden merasa aplikasi ini sangat bermanfaat.

Prosentase Jumlah Responden Mengenai Manfaat Aplikasi

40% setuju

60% sangat setuju



111

d) Hasil prosentase pernyataan kesembilan:

Pernyataan : Setelah menggunakan dan mempelajari aplikasi ini

anda menjadi termotivasi untuk mendalami

basisdata lebih lanjut.


sedangkan prosentase responden yang memilih kriteria kurang setuju

sebanyak 30%, dan masing-masing prosentase responden yang

memilih tidak setuju dan sangat setuju sebanyak 10%. Dari hasil

survey, dapat disimpulkan bahwa lebih dari separuh responden

merasa termotivasi setelah mempelajari aplikasi ini.

Prosentase Jumlah Responden Mengenai Motivasi Belajar Setelah Mempelajari

Aplikasi

10% sangat setuju

10% tidak

setuju

30% kurang setuju 50%

setuju



112

Tabel 5.2 Daftar Pemakai Uji Sistem Dengan Beta Test

No Nama NIM Status

1 Yoseph Patah Nugroho 075314066 Mahasiswa TI USD

2 Yonatan Kelay 075314079 Mahasiswa TI USD

3 John Erry Sunanta 075314081 Mahasiswa TI USD

4 Yonas Sidharta 075314082 Mahasiswa TI USD

5 Iip Yulianto W 075314084 Mahasiswa TI USD

6 L.Endra Prasetya 085314004 Mahasiswa TI USD

7 Petra Martha N M 085314008 Mahasiswi TI USD

8 Putri Nastiti 085314020 Mahasiswi TI USD

9 Mikael Yudhi Priamuda 085314022 Mahasiswa TI USD

10 Antonius Denangga 085314030 Mahasiswa TI USD

Hasil kuesioner secara terinci dapat dilihat pada lampiran.


113

BAB VI

PENUTUP

6.1 Kesimpulan

Dalam pembuatan aplikasi sumber belajar digital dalam bentuk visualisasi

query terbatas untuk matakuliah basisdata ini dapat disimpulkan :

1. Aplikasi ini dapat berjalan dengan baik sehingga tidak menutup

kemungkinan dapat diterapkan dalam kondisi yang sesungguhnya. Proses

eksekusi query secara animasi dan dinamis dapat berfungsi dengan baik.

2. Berdasarkan pengolahan data kuesioner, dapat diinterpretasikan bahwa

aplikasi sumber belajar digital dalam bentuk visualisasi query terbatas

untuk matakuliah basisdata sangat bermanfaat bagi mahasiswa yang

hendak mengambil maupun sudah mengambil matakuliah Basisdata,

sangat mudah digunakan, menarik dalam tampilan dan secara keseluruhan

sangat memuaskan, namun kurang dapat memotivasi mahasiswa untuk

mendalami Basisdata lebih lanjut.

6.2 Saran

Saran yang diberikan penulis dalam pengembangan program ini lebih

lanjut antara lain :

a. Aplikasi ini dapat dikembangkan dengan ditambahkan materi sampai DDL

(Data Definiton Language) dan DCL (Data Control Language).


114

b. Aplikasi ini dapat dikembangkan dengan ditambahkan daftar query

animasi yang lebih kompleks yang mengandung materi DDL dan DCL.


115

DAFTAR PUSTAKA

Chandra. 2004. Action Script Flash MX 2004 Untuk Orang Awam. Palembang :

CV. Maxikom.

Collier. 2002. E-Learning. http://www.elcom.umy.ac.id 20 November 2007.

Gibbon. 2002. E-Learning. http://www.elcom.umy.ac.id 20 November 2007.

Herlambang, F. 2007. Membuat Efek Khusus dengan Action Script 2.0 Flash 8.

Jakarta : PT Elex Media Komputindo.

Jong Jek Siang & Polina, A M. 2005. Kiat jitu Menyusun Skripsi. Andi Offset.

Madcoms, 2004. Membuat Animasi Kartun dengan Macromedia Flash MX 2004.

Andi Offset.

NN. Visualisasi. 2009. http://www.wikipedia.org. 25 Mei 2009.

Nugroho, Bunafit. 2004. Database Relasional dengan MySQL. Yogyakarta :

ANDI.

Priyanto, R, 2007. Belajar Sendiri Menguasai MySQL 5. Jakarta : Elex Media

Komputindo.

Siswoutomo, W. 2005. Kolaborasi Pemrograman Flash, PHP, dan Database.

Jakarta : PT. Elex Media Komputindo.

Siswoutomo, W. 2005. Membangun Aplkasi Database Berbasis Flash. Jakarta : :

PT. Elex Media Komputindo.

Sutopo, A.H. 2003. Multimedia Interaktif dengan Flash Cetakan Peratama.

Yogyakarta : Graha Ilmu.

Sutopo, A, H. 2007. Pemrograman Flash dengan PHP dan MySQL. Yogyakarta :


116

Graha Ilmu.

Whitten, Jeffery L., Bentley, Lonnie D., & Ditmann, Kevin C. 2004 Metode

Desain dan Analisis Sistem. diterjemahkan oleh TIM Penerjemah ANDI.

Yogyakarta : ANDI.


117

LAMPIRAN

Listing koneksi2 :

<? $username="root"; //nama user di mysql $passwd=""; //password login mysql $host="localhost"; //nama komputer kita (lokal) $db="ta"; // nama database $sqlcommand=stripslashes($_POST[sqlcommand]); $koneksi=mysql_connect("$host","$username", "$passwd") or die ("koneksi gagal, cek mysql"); mysql_select_db ($db, $koneksi) or die ("database tidak ditemukan"); ?>

Listing Form Query Animasi :

<? include("koneksi2.php"); ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>VISUALISASI QUERY</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="css/combo.css" rel="stylesheet" type="text/css"> <link href="css/style.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- body { background-color: #E0DFE3; } .style1 {color: #000000} .style5 {color: #000000; font-size: x-small; } .style8 { font-size: small;

118

font-weight: bold; } --> </style></head> <body> <table width="90%" border="1" align="center"> <tr valign="top" bgcolor="#CCCCCC"> <td colspan="3"> <div align="center"> <font size="5" face="Georgia, Times New Roman, Times, serif"><strong>FORM QUERY ANIMASI PERINTAH DML</strong></font></div></td> </tr> <? if ($_POST[tombol]) { $sqlcommandref="drop table jurusan"; //hapus tabel jurusan mysql_query($sqlcommandref,$koneksi) or die (mysql_error()); $sqlcommandref="drop table mahasiswa"; //hapus tabel mahasiswa mysql_query($sqlcommandref,$koneksi) or die (mysql_error()); $sqlcommandref="drop table mahasiswa2"; //hapus tabel mahasiswa2 mysql_query($sqlcommandref,$koneksi) or die (mysql_error()); $sqlcommandref="drop table nilai"; //hapus tabel nilai mysql_query($sqlcommandref,$koneksi) or die (mysql_error()); $sqlcommandref="drop table matakuliah"; //hapus tabel mata kuliah mysql_query($sqlcommandref,$koneksi) or die (mysql_error()); $sqlcommandref="select * from refresh"; //perintah default $qry1=mysql_query($sqlcommandref,$koneksi) or die (mysql_error()); while ($row=mysql_fetch_row($qry1)) { mysql_query($row[1],$koneksi) or die (mysql_error()); } }


119

//cek apakah ada perintah sql dijalankan if (!$sqlcommand) // jika tidak ada maka beri perintah default { $sqlcommand="select * from `jurusan` "; //perintah default $qry=mysql_query($sqlcommand,$koneksi) or die (mysql_error()); } else // jika ada perintah sql (10) { if (!$LihatTabel) // jika bukan tombol lihat tabel yang di klik { //jalankan perintah sql tersebut $qry=mysql_query($sqlcommand,$koneksi); } } //end proses if ($_POST[LihatTabel]) { ?> <tr bgcolor="#E9E9E9"> <td width="65%" bgcolor="#E9E9E9"><div align="center"><font size="2" face="Arial, Helvetica, sans-serif"> <strong>TABEL JURUSAN</strong></font> </div> <div align="center"> <table border="1"> <tr> <? $sqlcommand1="select * from jurusan"; $qry1=mysql_query($sqlcommand1,$koneksi) or die (mysql_error()); $jumlahkolom=mysql_num_fields($qry1); for ($i=0; $i<$jumlahkolom; $i++) { ?> <td bordercolor="#000000" bgcolor="#FFFF00"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong> <? echo mysql_field_name($qry1, $i); ?></strong></font></td> <? } ?> </tr> <? while ($row=mysql_fetch_row($qry1)) { ?>


120

<tr> <? for ($i=0; $i<$jumlahkolom; $i++) { ?> <td bordercolor="#000000"><font size="1" face="Arial, Helvetica, sans-serif"> <? echo $row[$i]; ?></font></td> <? } ?> </tr> <? } ?> </table> <font size="2" face="Arial, Helvetica, sans-serif"><br> <br> <br> </font> </div> <p> </p></td> <td width="35%" valign="top"><div align="center"><font size="2" face="Arial, Helvetica, sans-serif"><strong>TABEL MAHASISWA</strong></font> </div> <div align="center"> <table border="1"> <tr> <? $sqlcommand1="select * from mahasiswa"; $qry1=mysql_query($sqlcommand1,$koneksi) or die (mysql_error()); $jumlahkolom=mysql_num_fields($qry1); for ($i=0; $i<$jumlahkolom; $i++) { ?> <td bordercolor="#000000" bgcolor="#FFFF00"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong> <? echo mysql_field_name($qry1, $i); ?></strong></font></td> <? } ?> </tr> <? while ($row=mysql_fetch_row($qry1)) { ?> <tr> <? for ($i=0; $i<$jumlahkolom; $i++)


121

{ ?> <td bordercolor="#000000"><font size="1" face="Arial, Helvetica, sans-serif"> <? echo $row[$i]; ?></font></td> <? } ?> </tr> <? } ?> </table> <font size="2" face="Arial, Helvetica, sans-serif"><br> </font></div></td> </tr> <tr align="center" valign="middle" bgcolor="#E9E9E9"> <td colspan="2" bgcolor="#E9E9E9"> <form name="form2" method="post" action=""> <div align="center"> <input name="tombol" type="submit" id="tombol" value="Kembali Ke Data Awal"> <input name="LihatTabel" type="hidden" id="LihatTabel" value="true"> </div> </form></td> </tr><? } ?> <tr> <td colspan="3" bgcolor="#E9E9E9"><form action="form_query_animasi.php" method="post"> <div align="justify"><p align="left"><span class="judul style1">Pada Form Visualisasi Animasi ini melibatkan 2 tabel yang berelasi yaitu tabel Jurusan dan Mahasiswa.<br>Untuk dapat melihat isi tabel anda dapat menekan tombol Lihat Tabel.</span><br> <br> <font face="Arial, Helvetica, sans-serif">Pilih perintah <em>SQL</em> pada menu di bawah ini : </font><font face="Arial, Helvetica, sans-serif"></font><span class="style5"><font face="Arial, Helvetica, sans-serif"> </font></span><font size="2" face="Arial, Helvetica, sans-serif"> &


122

nbsp; </font></p> </div> </form> <form action="form_query_animasi.php" method="post" enctype="multipart/form-data" name="form1" target="_self"> <div align="left" id="combo"> <select name="sqlcommand" size="1"> <option value="select nim, nama, kode_jurusan from mahasiswa">select nim, nama, kode_jurusan from mahasiswa</option> <option value="select nim, nama from mahasiswa order by nama desc">select nim, nama from mahasiswa order by nama desc</option> <option value="select jurusan, kajur from jurusan where jurusan not in ('T.INFORMATIKA', 'T.MESIN', 'T.ELEKTRO')">select jurusan, kajur from jurusan where jurusan not in ('T.ELEKTRO', 'T.INFORMATIKA', 'T.MESIN')</option> <option value="select jurusan, kajur as 'Ketua Jurusan' from jurusan">select jurusan, kajur as "Ketua Jurusan" from jurusan</option> <option value="select m.nim, m.nama, j.jurusan from mahasiswa m, jurusan j where m.kode_jurusan = j.kode_jurusan and j.jurusan like '%INFORMATIKA%'">select m.nim, m.nama, j.jurusan from mahasiswa m, jurusan j where m.kode_jurusan = j.kode_jurusan and j.jurusan like '%INFORMATIKA%'</option> <option value="select nim, nama from mahasiswa where kode_jurusan in (select kode_jurusan from jurusan where kajur like '%Ir.%')">select nim, nama from mahasiswa where kode_jurusan in (select kode_jurusan from jurusan where kajur like


123

‘%Ir.%’)</option> <option value="insert into jurusan (kode_jurusan, jurusan, kajur) values ( '1434', 'P.BIOLOGI', 'TATIK SUDARMANTO S.Si., M.Si.')">insert into jurusan (kode_jurusan, jurusan, kajur) values ( "1434", "P.BIOLOGI", "TATIK SUDARMANTO S.Si, M.Si." ) </option> <option value="update mahasiswa set nama = 'BENI' where nim = '045314028'">update mahasiswa set nama = "BENI" where nim = "045314028"</option> <option value="delete from jurusan where jurusan = 'T.INFORMATIKA'">delete from jurusan where jurusan = "T.INFORMATIKA"</option> <option value="delete from jurusan where kode_jurusan = (select kode_jurusan from mahasiswa where nama like 'VERA')">delete from jurusan where kode_jurusan = (select kode_jurusan from mahasiswa where nama like "VERA")</option> </div> </select> <input type="submit" name="Submit" value="Eksekusi"> <? if (!$_POST[LihatTabel]) { ?> <input name="LihatTabel" type="submit" id="LihatTabel6" value="Lihat Tabel"> <? } ?> </form></td> </tr> <tr bgcolor="#E9E9E9"> <td colspan="3"> <p>Animasi</p> <p align="center"> <? if ($sqlcommand=="select nim, nama, kode_jurusan from mahasiswa") { ?> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="640" height="480"> <param name="movie" value="anim/anim.swf"> <param name="quality" value="high"> <embed src="anim/anim.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="640" height="480"></embed></object> <? } ?> <? if ($sqlcommand=="select nim, nama from


124

mahasiswa order by nama desc") { ?> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="640" height="480"> <param name="movie" value="anim/anim2.swf"> <param name="quality" value="high"> <embed src="anim/anim2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="640" height="480"></embed></object> <? } ?> <? if ($sqlcommand=="select jurusan, kajur from jurusan where jurusan not in ('T.INFORMATIKA', 'T.MESIN', 'T.ELEKTRO')") { ?> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="640" height="480"> <param name="movie" value="anim/anim3.swf"> <param name="quality" value="high"> <embed src="anim/anim3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="640" height="480"></embed></object> <? } ?> <? if ($sqlcommand=="select jurusan, kajur as 'Ketua Jurusan' from jurusan") { ?> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="640" height="480"> <param name="movie" value="anim/anim4.swf"> <param name="quality" value="high"> <embed src="anim/anim4.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="640" height="480"></embed></object> <? } ?> <? if ($sqlcommand=="select m.nim, m.nama, j.jurusan from mahasiswa m, jurusan j where m.kode_jurusan = j.kode_jurusan and j.jurusan like '%INFORMATIKA%'") { ?> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-


125

444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="600"> <param name="movie" value="anim/anim5.swf"> <param name="quality" value="high"> <embed src="anim/anim5.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="600"></embed></object> <? } ?> <? if ($sqlcommand=="select nim, nama from mahasiswa where kode_jurusan in (select kode_jurusan from jurusan where kajur like '%Ir.%')") { ?> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="600"> <param name="movie" value="anim/anim6.swf"> <param name="quality" value="high"> <embed src="anim/anim6.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="600"></embed></object> <? } ?> <? if ($sqlcommand=="insert into jurusan (kode_jurusan, jurusan, kajur) values ( '1434', 'P.BIOLOGI', 'TATIK SUDARMANTO S.Si., M.Si.')") { ?> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="640" height="480"> <param name="movie" value="anim/anim7.swf"> <param name="quality" value="high"> <embed src="anim/anim7.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="640" height="480"></embed></object> <? } ?> <? if ($sqlcommand=="update mahasiswa set nama = 'BENI' where nim = '045314028'") { ?> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="640"


126

height="480"> <param name="movie" value="anim/anim8.swf"> <param name="quality" value="high"> <embed src="anim/anim8.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="640" height="480"></embed></object> <? } ?> <? if ($sqlcommand=="delete from jurusan where jurusan = 'T.INFORMATIKA'") { ?> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="640" height="480"> <param name="movie" value="anim/anim9.swf"> <param name="quality" value="high"> <embed src="anim/anim9.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="640" height="480"></embed></object> <? } ?> <? if ($sqlcommand=="delete from jurusan where kode_jurusan = (select kode_jurusan from mahasiswa where nama like 'VERA')") { ?> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="640" height="480"> <param name="movie" value="anim/anim10.swf"> <param name="quality" value="high"> <embed src="anim/anim10.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="640" height="480"></embed></object> <? } ?> </p></td> </tr> <tr bgcolor="#E9E9E9"> <td colspan="3"> <p>Perintah <em>SQL</em> : <strong> <? if ($pesan) { echo $pesan; } else { echo $sqlcommand; } ?> </strong></p> <? if ($qry<>1) { ?>


127

<p class="style8"><font face="Verdana, Arial, Helvetica, sans-serif">Hasil Eksekusi Program</font></p> <table border="1" > <tr> <? $jumlahkolom=mysql_num_fields($qry); for ($i=0; $i<$jumlahkolom; $i++) { ?> <td bordercolor="#000000" bgcolor="#00FF00"><span class="style5"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"> <? echo mysql_field_name($qry, $i); ?></font></span></td> <? } ?> </tr> <? while ($row=mysql_fetch_row($qry)) { ?> <tr> <? for ($i=0; $i<$jumlahkolom; $i++) { ?> <td bordercolor="#000000" bgcolor="#FFFFFF"><span class="style5"><font size="2" face="Arial, Helvetica, sans-serif"> <? echo $row[$i]; ?></font></span></td> <? } ?> </tr> <? } ?> </table> <? } ?> <p> </p> <p> </p></td> </tr> </table> <div align="center"></div> </body> </html>


128

Listing Form Query Dinamis :

<? session_start(); // memulai session if (!session_is_registered("histori")) // mengecek session history sudah direg / blm jika belum direg { session_register("histori"); // reg session history } $_SESSION[histori]=$_REQUEST[sqlcommand].'^'.$_SESSION[histori]; // kumpulan perintah history sebelumnya ditambahkan dengan perintah sql yg sekarang include("koneksi2.php"); ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>FORM QUERY DINAMIS</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="css/style.css" rel="stylesheet" type="text/css"> <style type="text/css">  </style><body> <table width="90%" border="1" align="center"> <tr bgcolor="#CCCCCC"> <td colspan="3"> <div align="left"><font size="5" face="Georgia, Times New Roman, Times, serif"></font> <div align="center"><font size="5" face="Georgia, Times New Roman, Times, serif"><strong>FORM QUERY DINAMIS PERINTAH DML

129

</strong></font></div></div> </td> </tr> <tr align="center" bgcolor="#E9E9E9"> <td width="26%" valign="top" bgcolor="#E9E9E9"> <div align="center"><font size="2" face="Arial, Helvetica, sans-serif"><strong>TABEL MAHASISWA2 </strong></font> </div> <div align="center"> <table border="1"> <tr> <? //cek apakah ada perintah sql dijalankan if ($_REQUEST[tombol]) // jika menekan tombol kembali ke data awal ... menerima kiriman dari tombol pada hlmn sebelumnya { $sqlcommandref="drop table jurusan"; //hapus tabel jurusan mysql_query($sqlcommandref,$koneksi) or die (mysql_error()); $sqlcommandref="drop table mahasiswa"; //hapus tabel mahasiswa mysql_query($sqlcommandref,$koneksi) or die (mysql_error()); $sqlcommandref="drop table mahasiswa2"; //hapus tabel mahasiswa2 mysql_query($sqlcommandref,$koneksi) or die (mysql_error()); $sqlcommandref="drop table nilai"; //hapus tabel nilai mysql_query($sqlcommandref,$koneksi) or die (mysql_error()); $sqlcommandref="drop table matakuliah"; //hapus


130

tabel matakuliah mysql_query($sqlcommandref,$koneksi) or die (mysql_error()); $sqlcommandref="select * from refresh"; //perintah default $qry1=mysql_query($sqlcommandref,$koneksi) or die (mysql_error()); while ($row=mysql_fetch_row($qry1)) { mysql_query($row[1],$koneksi) or die (mysql_error()); } } $hint1="SELECT [nama field1, nama field 2,...] FROM [nama-nama tabel] WHERE [kondisi1,kondisi2,...Kondisi n]<br>Contoh : SELECT * FROM nilai WHERE kode_mk=`TIF001`<br><br>"; $hint2="INSERT INTO [nama tabel] VALUES [nilai1,nilai2,...nilai n]<br>Contoh : INSERT INTO nilai VALUES (`045314001`,`TIF002`,`A`);<br><br>"; $hint3="DELETE FROM [nama tabel] WHERE [kondisi1,kondisi2,...Kondisi n]<br>Contoh : DELETE FROM nilai WHERE kode_mk=`TIF001`<br><br>"; $hint4="UPDATE [nama tabel] SET [field1=nilai1, field2=nilai2,... ] WHERE [kondisi1,kondisi2,..Kondisi n]<BR>Contoh : UPDATE nilai SET nilai=`B` WHERE kode_mk=`TIF001`<br><br>"; $hint="$hint1$hint2$hint3$hint4"; // gabungan antara hint1,hint2,hint3,hin4 if (!$_REQUEST[sqlcommand]) // jika tidak ada perintah pada kolom inputan maka beri perintah default { $sqlcommand="select * from mahasiswa2"; //perintah defaultnya $qry=mysql_query($sqlcommand,$koneksi) or die (mysql_error());


131

} else // jika ada peritah yang diisikan user { //cek sintaks dml saja $benar=false; for ($i=0;$i<strlen($sqlcommand)-6;$i++) { if (strtoupper(substr($sqlcommand,$i,6))=="SELECT"||strtoupper(substr($sqlcommand,$i,6))=="INSERT"||strtoupper(substr($sqlcommand,$i,6))=="UPDATE"||strtoupper(substr($sqlcommand,$i,6))=="DELETE") { $benar=true; //memecah isi dari sqlcommand berdasarkan spasi dan tiap pecahan disimpan ke variabel perintah. $perintah=explode(" ",$sqlcommand); // mengambil isi dari pecahan index ke 0 dari variabel perintah dan ditampung ke variabel perintahutama. $perintahutama=strtoupper($perintah[0]); } } if ($benar==true) { //jalankan perintah sql yang diisikan tadi $qry=mysql_query($sqlcommand,$koneksi); //jika tidak mau jalan atau ada pesan error maka pesannya ditampilkan dan jalankan // perintah sql default if (!$qry) { $sqlcommand="select * from mahasiswa2";


132

$qry=mysql_query($sqlcommand,$koneksi) or die (mysql_error()); $pesan="Ada kesalahan sintaks SQL <br> <font color=#FF0000>Silahkan tekan tombol Hint di atas!</font>"; if ($perintahutama=="SELECT") { $hint=$hint1; } // pengecekan ketika mengandung kata select if ($perintahutama=="INSERT") { $hint=$hint2; } // pengecekan ketika mengandung kata insert if ($perintahutama=="DELETE") { $hint=$hint3; } // pengecekan ketika mengandung kata delete if ($perintahutama=="UPDATE") { $hint=$hint4; } // pengecekan ketika mengandung kata update } } else { $sqlcommand="select * from mahasiswa2"; $qry=mysql_query($sqlcommand,$koneksi) or die (mysql_error()); // jika tidak mengandung select, insert,update, dan delete maka akan muncul pesan. $pesan="<br>Perintah yang didukung hanya yang mengandung SELECT, INSERT, UPDATE, DELETE<br> <font color=#FF0000>Silahkan tekan tombol Petunjuk di atas!</font>"; } } // output $sqlcommand1="select * from mahasiswa2"; $qry1=mysql_query($sqlcommand1,$koneksi) or die (mysql_error());


133

$jumlahkolom=mysql_num_fields($qry1); for ($i=0; $i<$jumlahkolom; $i++) { echo "<td bordercolor=#000000 bgcolor=#FFFF00><font color=#000000 size=2 face=Arial, Helvetica, sans-serif><strong> "; echo mysql_field_name($qry1, $i); echo "</strong></font></td>"; } ?> </tr> <? while ($row=mysql_fetch_row($qry1)) { ?> <tr> <? for ($i=0; $i<$jumlahkolom; $i++) { ?> <td bordercolor="#000000"><font size="1" face="Arial, Helvetica, sans-serif"> <? echo $row[$i]; ?></font></td> <? } ?> </tr> <? } ?> </table> <font size="2" face="Arial, Helvetica, sans-serif"><BR><BR><BR> </font> </div> <p> </p> </td> <td width="49%" valign="top"> <div align="center"><font size="2" face="Arial, Helvetica, sans-serif"><strong>TABEL MATAKULIAH </strong></font> </div> <div align="center"> <table border="1"> <tr> <? $sqlcommand1="select


134

* from matakuliah"; $qry1=mysql_query($sqlcommand1,$koneksi) or die (mysql_error()); $jumlahkolom=mysql_num_fields($qry1); for ($i=0; $i<$jumlahkolom; $i++) { ?> <td bordercolor="#000000" bgcolor="#FFFF00"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong> <? echo mysql_field_name($qry1, $i); ?></strong></font> </td> <? } ?> </tr> <? while ($row=mysql_fetch_row($qry1)) { ?> <tr> <? for ($i=0; $i<$jumlahkolom; $i++) { ?> <td bordercolor="#000000"><font size="1" face="Arial, Helvetica, sans-serif"> <? echo $row[$i]; ?></font></td> <? } ?> </tr> <? } ?> </table> <font size="2" face="Arial, Helvetica, sans-serif"><br></font> <form name="form2" method="post" action=""> <input name="tombol" type="submit" id="tombol" value="Kembali Ke Data Awal"> </form> <font size="2" face="Arial, Helvetica, sans-serif"> </font></div></td>


135

<td width="25%" valign="top" bgcolor="#E9E9E9"> <div align="center"><font size="2" face="Arial, Helvetica, sans-serif"><strong>TABEL NILAI </strong></font> </div> <div align="center"> <table border="1"> <tr> <? $sqlcommand1="select * from nilai"; $qry1=mysql_query($sqlcommand1,$koneksi) or die ($pesan=mysql_error()); $jumlahkolom=mysql_num_fields($qry1); for ($i=0; $i<$jumlahkolom; $i++) { ?> <td bordercolor="#000000" bgcolor="#FFFF00"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong> <? echo mysql_field_name($qry1, $i); ?></strong></font> </td> <? } ?> </tr> <? while ($row=mysql_fetch_row($qry1)) { ?> <tr> <? for ($i=0; $i<$jumlahkolom; $i++) { ?> <td bordercolor="#000000"><font size="1" face="Arial, Helvetica, sans-serif"> <? echo $row[$i]; ?></font></td> <? } ?> </tr>


136

<? } ?> </table> </div><p align="center"> </p> </td> </tr> <tr> <td colspan="3" bgcolor="#E9E9E9"><p class="style4">Masukkan Perintah <em>SQL</em> :</p> <form action="form_query_dinamis.php" method="post" enctype="multipart/form-data" name="form1"> <textarea name="sqlcommand" cols="90" rows="3" id="sqlcommand"></textarea> <input type="submit" name="Submit" value="Eksekusi"> </form> </td> </tr> <tr bgcolor="#E9E9E9" > <td colspan="3"> <form name="form3" method="post" action="form_query_dinamis.php"> <p> <? if ($pesan) { ?> <input name="tampilhint" type="submit" value="Petunjuk"> <input name="hint" type="hidden" id="hint" value="<? echo $hint; ?>"> <? } ?> </p> </form> <p> <? if ($_REQUEST[tampilhint]) { echo "<font color=#FF0000>Sintaks yang benar :</font><br> $_REQUEST[hint]";} // menampilkan pesan ketika tombol hint dieksekusi ?> </p> </td> </tr>


137

<tr bgcolor="#E9E9E9"> <td colspan="3"><form name="form4" method="post" action=""> <label> <input name="tmbhistory" type="submit" id="tmbhistory" value="Query yang telah dieksekusi"> </label> <p> <? if ($_REQUEST[tmbhistory]) { ?> <label> <textarea name="textarea" cols="100" rows="8"><? $historisql=explode("^",$_SESSION[histori]); //memecah history dan menampung ke variabel historysql foreach($historisql as $his) //menampilkan setiap history query yang ditampung ke dalam variabel his { if ($his) { print "$his\n"; } } ?> </textarea> </label> <? } ?> </p> </form> </td> </tr> <tr bgcolor="#E9E9E9"> <td colspan="3"> <p>Perintah <em>SQL</em> : <strong> <? if ($pesan) { echo "$pesan"; } else { echo $sqlcommand; } ?> </strong></p> <? // jika bukan if ($qry<>1) { ?> <p class="style2"><strong><font face="Verdana, Arial, Helvetica, sans-serif">Hasil Eksekusi Program</font></strong></p> <table border="1">


138

<tr> <? $jumlahkolom=mysql_num_fields($qry); for ($i=0; $i<$jumlahkolom; $i++) { ?> <td bordercolor="#000000" bgcolor="#00FF00"><span class="style1"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"> <? echo mysql_field_name($qry, $i); ?></font></span> </td> <? } ?> </tr> <? while ($row=mysql_fetch_row($qry)) { ?> <tr> <? for ($i=0; $i<$jumlahkolom; $i++) { ?> <td bordercolor="#000000" bgcolor="#FFFFFF"><span class="style2 style1"><font size="2" face="Arial, Helvetica, sans-serif"> <? echo $row[$i]; ?></font></span> </td> <? } ?> </tr> <? } ?> </table> <? } ?> <p> </p> <p> </p> </td> </tr> </table> <div align="center"></div> </body> </html>


Kuesioner tugas akhir “APLIKASI SUMBER BELAJAR DIGITAL DALAM

BENTUK VISUALISASI QUERY TERBATAS UNTUK MATAKULIAH

BASISDATA ”

Cara pengisian :

Berilah jawaban dari setiap pernyataan, yang sesuai dengan pendapat anda dengan

memberikan sebuah tanda silang (x) pada lembar jawaban yang disediakan.

1. Aplikasi ini mudah digunakan.

a. sangat setuju b. setuju c. kurang setuju d. tidak setuju e. sangat tidak setuju

2. Aplikasi ini menarik dari segi tampilan halaman pertama, tampilan menu

dan tampilan sub menu. a. sangat setuju b. setuju c. kurang setuju d. tidak setuju e. sangat tidak setuju

3. Aplikasi ini dari segi penggunaan tombolnya, pengunaan link pada sub menu, dan penggunaan link pada halamanya sudah sesuai dengan fungsinya. a. sangat setuju b. setuju c. kurang setuju d. tidak setuju e. sangat tidak setuju


4. Visualisasi pada sql animasi dan sql dinamis yang ditampilkan menarik dan sesuai dengan materi yang disajikan pada pengenalan konsep basisdata. a. sangat setuju b. setuju c. kurang setuju d. tidak setuju e. sangat tidak setuju

5. Visualisasi dapat dijalankan dengan baik dan dapat cepat membantu memahami materi. a. sangat setuju b. setuju c. kurang setuju d. tidak setuju e. sangat tidak setuju

6. Aplikasi ini mudah dipahami bagi pengguna (mahasiswa yang hendak

mengambil matakulah praktikum basisdata I maupun yang sudah mengambil praktikum basisdata I atau pun bagi orang awam). a. sangat setuju b. setuju c. kurang setuju d. tidak setuju e. sangat tidak setuju

7. Aplikasi ini dapat memperkaya pengetahuan anda tentang jalannya proses

query dan penulisan sintak query khususnya DML. a. sangat setuju b. setuju c. kurang setuju d. tidak setuju e. sangat tidak setuju

8. Aplikasi ini sangat bermanfaat. a. sangat setuju b. setuju c. kurang setuju d. tidak setuju e. sangat tidak setuju


9. Setelah menggunakan dan mempelajari aplikasi ini anda menjadi termotivasi untuk mendalami basisdata lebih lanjut. a. sangat setuju b. setuju c. kurang setuju d. tidak setuju e. sangat tidak setuju


APLIKASI SUMBER BELA JAR DIGITAL DALAM BENTUK … fileBunda Maria, Kedua orang tua ku, & Ochi...

Documents

Transcript of APLIKASI SUMBER BELA JAR DIGITAL DALAM BENTUK … fileBunda Maria, Kedua orang tua ku, & Ochi...