Pembuatan lecture hall program studi ilmu komputer Universitas Sanata Dharma berbasis web menggunakan PHP dan mysql.

(1)

viii

PEMBUATAN LECTURE HALL PROGRAM STUDI ILMU KOMPUTER UNIVERSITAS SANATA DHARMA BERBASIS WEB MENGGUNAKAN

PHP DAN MySQL ABSTRAK

Aplikasi berbasis web yang bermanfaat di bidang pendidikan sangatlah banyak, salah satunya adalah aplikasi yang berbentuk “Lecture Hall” atau media untuk menempatkan modul materi. Lecture Hall ini dibuat untuk membantu mengatasi masalah yang sering timbul yaitu keinginan mahasiswa untuk mempunyai materi dalam bentuk file materi sehingga dokumen materi yang telah ada tidak akan berceceran kemana-mana. Serta kebutuhan dosen yang selalu ingin menyajikan materi secara tepat waktu.

Pertama kali Lecture Hall ini dibuat, melibatkan beberapa database yaitu database personalia, database mahasiswa dan database program studi. Hanya saja implementasi Lecture Hall ini khusus untuk satu program studi yaitu Ilmu Komputer.

Pengguna Lecture Hall ini meliputi mahasiswa dan dosen. Dari sisi dosen yang dilakukan adalah mengupload materi matakuliah yang digunakan dalam proses belajar mengajar, selain itu juga melakukan update dan hapus materi. Sedangkan dari sisi mahasiswa yang dilakukan adalah memilih materi yang dibutuhkan dan download file materi. Proses pencarian materi juga bisa dilakukan mahasiswa dengan menginputkan salah satu dari 2 kategori yaitu nama matakuliah dan nama dosen.

Lecture Hall ini dibuat sederhana dengan tujuan dapat memberikan kemudahan bagi dosen dan mahasiswa untuk saling memenuhi kebutuhan akan materi matakuliah. Lecture Hall ini diimplementasikan pada program studi Ilmu Komputer Universitas Sanata Dharma menggunakan bahasa pemrograman PHP 5 dengan database MySQL serta server Apache.


(2)

ix

DEVELOPMENT OF WEB BASED LECTURE HALL OF COMPUTER SCIENCE STUDY PROGRAME OF SANATA DHARMA UNIVERSITY

USING PHP AND MYSQL PROGRAMMING

ABSTRACT

There are a lot of useful web base application in education, one of them is ‘Lecture Hall” or a media to store material moduls. The Lecture Hall is made to overcome some troubles ariese e.g.i.e students willing to have a material in the shape of material file, so that the existing material documents stay together. It is also useful for lecturers who want to present the material punctually.

Since the first time, this Lecture Hall has made it was included some databases. Some of them are personal database, student database and study programme database. But in this case, The Lecture Hall is implemented specifically only for one study programme .i.e computer science.

The users of this Lecture Hall are students and lectures. Some lecturers use this application to upload the materials which are used in learning teaching processes. Behind that, this application is used to update and delete the materials. Students can use this application to choose and download the material needed. The searching can be clone by putting keyword .i.e subject’s name and lecturer’s name.

This Lecture Hall is made simplically in order to give easy service for lecturer and student to fulfill their need of the subject material each other. This lecture Hall is implemented on computer science study programme of Sanata Dharma University using PHP 5 language programme with MySQL database ans Apache server.


(3)

PEMBUATAN LECTURE HALL

PROGRAM STUDI ILMU KOMPUTER

UNIVERSITAS SANATA DHARMA BERBASIS WEB

MENGGUNAKAN PHP DAN MYSQL

Skripsi

Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Sains

Program Studi Ilmu Komputer

Oleh : Ruly Nur Hayati

NIM : 013124068

PROGRAM STUDI ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SANATA DHARMA

YOGYAKARTA 2007


(4)

ii

DEVELOPMENT OF WEB BASED LECTURE HALL OF

COMPUTER SCIENCE STUDY PROGRAM OF

SANATA DHARMA UNIVERSITY USING

PHP AND MYSQL PROGRAMMING

A Thesis

Presented as Partial of the Requirements to Obtain the Sarjana Sains Degree in Computer Science

By : Ruly Nur Hayati

Student Number : 013124068

COMPUTER SCIENCE STUDY PROGRAM MATHEMATIC AND SCIENCE FACULTY

SANATA DHARMA UNIVERSITY YOGYAKARTA


(5)

(6)

(7)

v

H A L A M A N P E R S E M B A H A N

===================

! " "

####


(8)

vi

H A L A M A N M O T T O


(9)

(10)

viii

PEMBUATAN LECTURE HALL PROGRAM STUDI ILMU KOMPUTER UNIVERSITAS SANATA DHARMA BERBASIS WEB MENGGUNAKAN

PHP DAN MySQL ABSTRAK

Aplikasi berbasis web yang bermanfaat di bidang pendidikan sangatlah banyak, salah satunya adalah aplikasi yang berbentuk “Lecture Hall” atau media untuk menempatkan modul materi. Lecture Hall ini dibuat untuk membantu mengatasi masalah yang sering timbul yaitu keinginan mahasiswa untuk mempunyai materi dalam bentuk file materi sehingga dokumen materi yang telah ada tidak akan berceceran kemana-mana. Serta kebutuhan dosen yang selalu ingin menyajikan materi secara tepat waktu.

Pertama kali Lecture Hall ini dibuat, melibatkan beberapa database yaitu database personalia, database mahasiswa dan database program studi. Hanya saja implementasi Lecture Hall ini khusus untuk satu program studi yaitu Ilmu Komputer.

Pengguna Lecture Hall ini meliputi mahasiswa dan dosen. Dari sisi dosen yang dilakukan adalah mengupload materi matakuliah yang digunakan dalam proses belajar mengajar, selain itu juga melakukan update dan hapus materi. Sedangkan dari sisi mahasiswa yang dilakukan adalah memilih materi yang dibutuhkan dan download file materi. Proses pencarian materi juga bisa dilakukan mahasiswa dengan menginputkan salah satu dari 2 kategori yaitu nama matakuliah dan nama dosen.

Lecture Hall ini dibuat sederhana dengan tujuan dapat memberikan kemudahan bagi dosen dan mahasiswa untuk saling memenuhi kebutuhan akan materi matakuliah. Lecture Hall ini diimplementasikan pada program studi Ilmu Komputer Universitas Sanata Dharma menggunakan bahasa pemrograman PHP 5 dengan database MySQL serta server Apache.


(11)

ix

DEVELOPMENT OF WEB BASED LECTURE HALL OF COMPUTER SCIENCE STUDY PROGRAME OF SANATA DHARMA UNIVERSITY

USING PHP AND MYSQL PROGRAMMING

ABSTRACT

There are a lot of useful web base application in education, one of them is ‘Lecture Hall” or a media to store material moduls. The Lecture Hall is made to overcome some troubles ariese e.g.i.e students willing to have a material in the shape of material file, so that the existing material documents stay together. It is also useful for lecturers who want to present the material punctually.

Since the first time, this Lecture Hall has made it was included some databases. Some of them are personal database, student database and study programme database. But in this case, The Lecture Hall is implemented specifically only for one study programme .i.e computer science.

The users of this Lecture Hall are students and lectures. Some lecturers use this application to upload the materials which are used in learning teaching processes. Behind that, this application is used to update and delete the materials. Students can use this application to choose and download the material needed. The searching can be clone by putting keyword .i.e subject’s name and lecturer’s name.

This Lecture Hall is made simplically in order to give easy service for lecturer and student to fulfill their need of the subject material each other. This lecture Hall is implemented on computer science study programme of Sanata Dharma University using PHP 5 language programme with MySQL database ans Apache server.


(12)

x

KATA PENGANTAR

Puji dan syukur penulis panjatkan kepada Allah SWT atas berkat dan rahmat-Nya yang telah diberikan sehingga penulis dapat menyelesaikan Skripsi dengan judul ‘Pembuatan Lecture Hall Program Studi Ilmu Komputer Universitas Sanata Dharma berbasis web’. Semoga apa yang telah penulis sampaikan lewat skripsi ini dapat memberikan sumbangan pemikiran untuk pengembangan ilmu pengetahuan pada umumnya dan ilmu komputer pada khususnya.

Skripsi ini merupakan buah dari kerja keras, pemikiran, dan pengorbanan yang penulis peroleh sebelumnya di perkuliahan. Namun, penulis menyadari bahwa skripsi ini tidak akan selesai jika tidak mendapat bantuan dari banyak pihak yang telah berkenan membantu secara langsung maupun tidak langsung. Penulis juga mengharapkan adanya masukan serta kritik yang membangun dari apa yang telah disampaikan dalam penulisan ini.

Pada kesempatan yang baik ini, dengan segala kerendahan hati penulis mengucapkan terima kasih kepada :

1. Bapak Drs.Haris Sriwindono,M.Kom selaku dosen pembimbing skripsi, yang telah memberikan bantuan ide, saran, masukan, kritik, serta bimbingannya yang sangat berguna selama penulisan skripsi ini.

2. Bapak Ir.Ign, Aris Dwiatmoko,M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam.

3. Ibu P.H.Prima Rosa,S.Si.,M.Kom. selaku Kepala Program Studi Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas


(13)

xi

Sanata Dharma Yogyakarta yang telah memberikan ide untuk penyempitan masalah dalam skripsi ini.

4. Bapak St.Eko Hari Parmadi,S.Si.,M.Kom. selaku dosen pembimbing akademik dan sekaligus dosen penguji yang selama penulis menempuh studi telah memberikan bimbingan dan saran kepada penulis.

5. Bapak Y. Joko Nugroho, S.Si selaku dosen penguji yang telah memberikan saran dan kritik demi kesempurnaan skripsi ini.

6. Seluruh staff pengajar Fakultas MIPA, yang telah memberikan pengajaran serta pemikiran yang telah diberikan selama penulis berada dalam masa perkuliahan.

7. Mas Tukijo dan semua staff sekretariat atas bantuan dan segala bentuk pelayanan yang telah diberikan selama ini kepada penulis.

8. Mas-mas dan mbak-mbak di BAPSI, makasih banget, khususnya mas Diar, makasih mas telah nyempatin waktu untuk aku. Maaf ya sering ngerepotin untuk ambil data...

9. Para karyawan laboratorium Komputer, Kangmas Widodo, Kangmas Susilo, matur nuwun bantuane yo mas...

10.Ibunda Ny. Ngatini tercinta, yang telah berusaha memberikan segalanya yang penulis butuhkan secara material dan spiritual, Thanks ‘Umi’ Luv U So much forever...

11.Mas Eko, Mas Agus Mbak Yuni Mbak Lia, Mas Imam, kakak-kakakku yang telah banyak membantu segala buat aku. ‘Doain aku supaya cepat dapat kerja ya, biar ga minta doit teyus...:-)


(14)

xii

12.Keponakan-keponakan kecilku Tata, Dadek, Dio, Ilham, Fajar, Puput, Meta, Ridho, Wisnu dan Annisa. Tetap semangat sekolah ya, biar bisa jadi sarjana dan jangan nakal pastinya...!!!!

13.H. Danang Pamungkas “si kecilku yang hebat”, yang telah banyak mengerti dan sabar, ,banyak berkorban, dan setia menyayangiku. “Kecil”, ulil dah penuhin janji ulil...Sekarang giliran “Kecil” ya... tetap semangat kerjakan skripsinya...Jangan lupa berdoa ya, dan janji buat ulil bangga sama “Kecil”...:-)

14.Bp.Thomas Susanto, Ibu Katarina, MasG, makasih banget atas semua yang telah ulil terima selama ini, perhatian, kasih sayang, Ulil jadi punya keluarga “Kecil” dijogja.

15.Neri, thanks ya....dah nyempetin waktu untuk ajari aku PHP, Fajar ‘Boncel’ nuwun sanget, bantuan PHP nya

Koh Ferdi, makasih aku dah diajarin Photoshop

Bang Waldi, terima kasih atas les PHP dan MySQLnya Mas Enang, nuwun atu programku dah ga error lagi Semoga Tuhan Memberkati kalian semua...

16.Mas Wahyu, Mas Djiwo, Mas Boss, Mas Boim, Mas Adri, Mas Bagus, Mas Abe, Christy makasih banget ya..., banyak keceriaan, kebahagian setiap bersama-sama kalian, semoga persaudaraan ini akan terjalin terus, Siiippp...!!!

Nia ‘Saphi’, Mira ‘Mirdut’, Rini ‘Cimut’, Asti ‘Pudel’ Endah, Dessy, Ardi ‘n’ Ayuk dan sahabat-sahabat ku yang laen, Thanks atas semangat dan


(15)

xiii

motivasinya. Kalian semua adalah Teman yang merupakan hadiah dari yang di Atas buat aku...:-)

17.Semua teman-teman program studi Ilmu komputer, khususnya angkatan 2001, yang sudah lulus duluan Thanks untuk kebersamaan kita selama ini. Sesama lulusan sekarang Sam, Tomy, Rolens, Tyo, Fefe, Agnes, Ari KB, Roy berjuang teyus ya...!!!!

18.Semua rekan-rekan kerja di Rental “StarOtopia” Ari, Ronald, Opie, Oki, Devy, Marhea, dan mantan crew Vincent, Novi, Gibon, Astrid, Cyrill, Adit, Erick thanks ya atas semuanya...omelan, celaan, pujian, kritikan semuanya akan jadi masukan buat aku.

19.Semua temen-temen kos “No Name”, Lisna, Rus, Gita, Eno, Anis, Heny, Devy, Lia, Elis, Deta, Nuning, Pungky, Agnes, Dewi, Ma’e...maaf ya kalo aku pernah ngrepotin kalian...Tetap semangat dan kompak ya.... Penulis juga ingin menyampaikan terima kasih kepada pihak-pihak yang tidak dapat penulis sebutkan satu per satu. Karena tanpa bantuan mereka, penulis menyadari tidak akan mampu menyelesaikan Skripsi ini dengan baik.


(16)

xiv DAFTAR ISI

Halaman

HALAMAN JUDUL... i

HALAMAN PERSETUJUAN PEMBIMBING... iii

HALAMAN PENGESAHAN... iv

HALAMAN PERSEMBAHAN………... v

HALAMAN MOTTO………...………... vi

PERNYATAAN KEASLIAN KARYA………. vii

ABSTRAK……….... viii

ABSTRACT... ix

KATA PENGANTAR... x

DAFTAR ISI... xiv

DAFTAR GAMBAR……… xviii

DAFTAR TABEL…………..……… xix

BAB I PENDAHULUAN... 1

A. Latar Belakang Masalah……….. 1

B. Rumusan Masalah……… 2

C. Batasan Masalah ………... 2

D. Tujuan……….. 4

E. Manfaat……. ……….. 4

F. Metodologi….………..……… 5


(17)

xv

BAB II LANDASAN TEORI

………...

8

A. Computer Based Instruction / Education (CBI/E)... 8

1. Aplikasi Pengajaran………... 8

2. Aplikasi non pengajaran……… 9

B. World Wide Web (WWW)...……… 10

C. Lecture Hall……….. 13

D. Browser web, Web Server dan Web programming………. 15

E. Cascading Style Sheet (CSS)…………...………...…... 17

F. Macromedia Dreamweaver MX 2004………... 17

G. Personal Home Page tools (PHP) ………….……….… 18

1. Tag PHP………... 19

2. Tipe data……….………... 19

3. Variabel………... 21

4. Konstanta………... 21

5. Operator dalam PHP... 22

6. Uploading / Pengiriman file... 26

H. Database MySQL….……… 29

1. Tipe data MySQL ……….. 31

2. Perintah dasar MySQL……… 32

3. Manipulasi Data………. 32

I. Apache web server………... 33


(18)

xvi

BAB III ANALISA SISTEM ... 36

A. Analisa Sistem………..……….. 36

1. Analisa masalah……….…... 36

2. Analisa sistem yang dikembangkan……… 37

B. Analisa Kelayakan………... 38

C. Analisis Kebutuhan...…... 39

BAB IV PERANCANGAN SISTEM

………...

41

A. Perancangan Proses...………... 41

1. Diagram Alir Data (DAD)... 42

a. Diagram Konteks………. ... 42

b. DAD level 1 sisi mahasiswa…… ... 44

c. DAD level 1 sisi dosen………. 46

B. Perancangan Basis Data……….. 47

1. Informasi yang digambarkan dalam sistem.……….. 47

2. Diagram Relasi Entitas……….. 49

3. Relasi Ternormalisasi……….. ……….. 53

4. Kamus Data……… 59

C. Struktur Menu……….. 61

D. Perancangan Antarmuka (Interface Design) ………..… 62

BAB V IMPLEMENTASI………... 75

A. Lingkungan Aplikasi...………... 75

B. Implementasi Program….……… 75


(19)

xvii

2. Program Login dan Logout…..……….. 77

3. Program Tampil Jadwal Perkuliahan………….……… 79

4. Program Tampil Jadwal Mengajar Dosen……… 81

5. Program Tampil Materi yang sudah di upload... 83

6. Program simpan data file update... 84

C. Implementasi Antar Muka (Interface)………. 85

1. Interface untuk Mahasiswa……….……… 86

2. Interface untuk Dosen…..…....……….. 90

BAB VI PENUTUP………... 97

A. Kesimpulan………...………... 97

B. Saran……….……… 98

DAFTAR PUSTAKA……….. 99 LAMPIRAN-LISTING PROGRAM


(20)

xviii

DAFTAR GAMBAR

Halaman

Gambar 2.1. Struktur Organisasi CBI/E 10

Gambar 2.2. Konsep Dasar Browser dan Web Server 15

Gambar 2.3. Simbol entitas 34

Gambar 2.4. Simbol untuk proses data 35

Gambar 2.5. Simbol untuk menyimpan data 35

Gambar 2.6. Simbol untuk arus data 35

Gambar 4.1. Diagram Konteks 43

Gambar 4.2. DFD Level 1 (sisi mahasiswa) 44

Gambar 4.3. DFD Level 1 (sisi dosen) 46

Gambar 4.4. Diagram ER (Relasi Entitas ) 52

Gambar 4.5 Struktur Menu 61

Gambar 4.6. Perancangan tampilan antarmuka awal 62

Gambar 4.7. Perancangan tampilan login mahasiswa valid 63 Gambar 4.8. Perancangan tampilan default jadwal perkuliahan 63 Gambar 4.9. Perancangan tampilan daftar perkuliahan dan searching 64 Gambar 4.10 Perancangan tampilan daftar materi matakuliah 65 Gambar 4.11. Perancangan tampilan login dosen valid 66 Gambar 4.12 Perancangan tampilan jadwal mengajar dosen 66 Gambar 4.13. Perancangan tampilan daftar materi yang diupload dosen 67 Gambar 4.14. Perancangant tampilan tambah materi matakuliah 68 Gambar 4.15 Perancangan tampilan edit materi matakuliah 69


(21)

xix

Gambar 4.16. Perancangan tampilan warning password dan NIM/NPP salah 69 Gambar 4.17. Perancangan tampilan warning belum menginputkan NIM 70 Gambar 4.18 Perancangan tampilan warning belum menginputkan password 70 Gambar 4.19 Perancangan tampilan warning belum ada materi upload 70 Gambar 4.20 Perancangan tampilan file download materi matakuliah 71 Gambar 4.21 Perancangan tampilan sukses melakukan download 71 Gambar 4.22 Perancangan tampilan pesan data berhasil diinputkan 72 Gambar 4.23 Perancangan tampilan warning nama file / nama materi belum

diinputkan 72

Gambar 4.24 Perancangan tampilan warning nama file input sama 73 Gambar 4.25 Perancangan tampilan pesan proses update berhasil 73 Gambar 4.26 Perancangan tampilan warning hapus data 74 Gambar 5.1 Tampilan antarmuka form login utama user 85

Gambar 5.2 Tampilan antarmuka validasi mahasiswa 86

Gambar 5.3 Tampilan antarmuka default form daftar matakuliah 86

Gambar 5.4 Tampilan antarmuka jadwal matakuliah 87

Gambar 5.5 Tampilan antarmuka form tampil daftar matakuliah dan hasil

searching 88

Gambar 5.6 Tampilan antarmuka form tampil hasil searching berdasar nama

matakuliah 88

Gambar 5.7 Tampilan antarmuka form daftar materi download 89

Gambar 5.8 Tampilan antarmuka file download 89


(22)

xx

Gambar 5.10 Tampilan antarmuka form jadwal mengajar dosen 90 Gambar 5.11 Tampilan antarmuka form file materi upload 91 Gambar 5.12 Tampilan antarmuka form tambah materi 91

Gambar 5.13 Tampilan antarmuka form edit materi 92

Gambar 5.14 Tampilan warning input NIM / NPP salah 92

Gambar 5.15 Tampilan warning NIM belum diinputkan 93

Gambar 5.16 Tampilan warning password belum diinputkan 93

Gambar 5.17 Tampilan warning belum ada materi 93

Gambar 5.18 Tampilan penginputan data berhasil 94

Gambar 5.19 Tampilan warning nama file belum diinputkan 94 Gambar 5.20 Tampilan warning nama materi belum diinputkan 94 Gambar 5.21 Tampilan warning data yang diinputkan sama 95

Gambar 5.22 Tampilan proses update berhasil 95

Gambar 5.23 Tampilan data akan dihapus 96


(23)

xxi

DAFTAR TABEL

Halaman

Tabel 2.1. Operator Aritmatika 22

Tabel 2.2. Operator Bitwise 23

Tabel 2.3. Operator Perbandingan 24

Tabel 2.4. Operator Logika 25

Tabel 2.5. Operator Decrement dan Increment 26

Tabel 2.6. Daftar fungsi PHP untuk MySQL 28

Tabel 4.1. Struktur Tabel mhs3124 53

Tabel 4.2. Struktur Tabel snd3124 54

Tabel 4.3. Struktur Tabel mtk3124 54

Tabel 4.4. Struktur Tabel jadwal 55

Tabel 4.5. Struktur Tabel pegawai 56

Tabel 4.6. Struktur Tabel idpegawai 57

Tabel 4.7. Struktur Tabel materi 57


(24)

1

BAB I

PENDAHULUAN

A.

Latar Belakang Masalah

Dalam perkuliahan, hubungan antara seorang dosen dengan mahasiswanya begitu dekat. Mereka berdua sama-sama membutuhkan informasi. Hanya saja informasi yang mereka butuhkan kadang berbeda. Dari sisi seorang dosen, informasi yang dibutuhkan salah satunya adalah pengadaan modul pembelajaran yang selalu terupdate untuk proses belajar mengajar. Sedangkan dari sisi seorang mahasiswa, informasi yang dibutuhkan salah satunya adalah tentang matakuliah dan materi yang dibutuhkan.

Matakuliah yang ditawarkan wajib diambil oleh mahasiswa untuk tiap semester. Masing-masing matakuliah akan memuat informasi yang berisi antara lain tentang jumlah sks, silabus, dosen yang mengajar matakuliah serta kelas matakuliah. Dan yang paling penting setiap matakuliah mempunyai banyak materi matakuliah.

Materi matakuliah yang akan disampaikan kepada mahasiswa tentunya akan berbeda untuk masing-masing kelas matakuliah. Hal ini terkait oleh jadwal kelas matakuliah yang diampu oleh dosen yang berbeda. Masalah yang timbul selama ini adalah untuk mendapatkan informasi mengenai modul materi perkuliahan tersebut mahasiswa harus menunggu dosen yang bersangkutan memberikan informasi. Disamping itu materi yang akan disampaikan dalam proses perkuliahan


(25)

biasanya dalam bentuk kertas atau dokumen yang bisa jadi setelah perkuliahan selesai, dokumen tersebut bisa tersebar kemana-mana.

Alternatif penyelesaian masalah tersebut dapat dilakukan dengan membuat media untuk menempatkan bahan perkuliahan seperti materi dalam bentuk file materi matakuliah yang berbasis web, media yang dimaksud adalah Lecture Hall sehingga mahasiswa dan dosen bisa saling mengakses materi perkuliahan secara langsung setiap saat.

B.

Rumusan Masalah

Bagaimana membuat Lecture Hall Program Studi Ilmu Komputer Universitas Sanata Dharma berbasis web yang dapat memberikan kemudahan bagi mahasiswa dan dosen untuk mengakses materi matakuliah yang dibutuhkan dalam perkuliahan menggunakan PHP dan database server MySQL ?.

C.

Batasan Masalah

Dalam pembuatan program ini akan dibuat batasan masalah sebagai berikut : • Program tidak menyediakan fasilitas Print out.

• Sistem hanya diimplementasikan dalam ruang lingkup program studi Ilmu Komputer, sehingga daftar matakuliah yang ditampilkan defaultnya untuk program studi Ilmu Komputer.

• Jadwal matakuliah yang ditampilkan adalah tahun akademik 2005/2006 yang terbagi dalam 3 semester yaitu ganjil, genap, sisip. Datanya sudah tersimpan dalam database akademik.


(26)

• Proses download dan upload yang dilakukan mahasiswa ataupun dosen, dilakukan satu persatu, tidak bisa secara multi atau banyak file untuk diupload ataupun didownload.

Dari sisi mahasiswa :

Aplikasi ini hanya dibuat untuk kalangan mahasiswa USD, yang mempunyai NIM dan password yang datanya sudah tersimpan dalam database.

Program tidak menyediakan fasilitas update, hapus materi matakuliah. Program menyediakan fasilitas untuk download file materi matakuliah. Mahasiswa hanya bisa mendownload materi matakuliah sesuai dengan program studinya.

misal : input NIM 01 3124 068 = materi program studi ikom.

• Materi yang bisa di download oleh mahasiswa adalah materi yang sudah di upload oleh dosen

• Program menyediakan proses pencarian dengan batasan menginputkan dua kategori berdasarkan nama matakuliah dan nama dosen

• Mahasiswa bisa mendownload materi apa saja tanpa harus dibatasi.

Dari sisi Dosen

• Aplikasi ini hanya dibuat untuk kalangan dosen USD, yang mempunyai NPP dan password. Data dosen ini sudah tersimpan dalam database personalia, jadi tidak perlu melakukan pendaftaran.


(27)

• Program menyediakan fasilitas hapus, update dan tambah materi matakuliah serta upload file materi matakuliah.

• Dalam perkuliahan satu kelas matakuliah hanya diampu oleh satu dosen. • Dosen hanya mengupload materi yang dibimbingnya sesuai dengan

semester yang berlangsung.

• Materi matakuliah yang ditampilkan berdasarkan NPP seorang dosen, sehingga satu dosen bisa mempunyai banyak materi dari beberapa matakuliah.

D.

Tujuan

Adapun tujuan dari penulisan skripsi ini adalah :

• Memberikan media untuk mengatur materi perkuliahan dalam bentuk file materi matakuliah yang disebut Lecture Hall berbasis web.

• Menyediakan informasi mengenai materi matakuliah yang dibutuhkan oleh mahasiswa.

• Membantu dosen untuk mengelola materi perkuliahan yang akan disampaikan dalam proses belajar mengajar.

E.

Manfaat

Adapun manfaat dari penulisan skripsi ini adalah : Dari sisi mahasiswa :

• Agar mahasiswa bisa mengatur bahan materi perkuliahan secara rapi dalam bentuk file.


(28)

• Agar mahasiswa dapat dengan mudah mendownload materi yang dibutuhkan. • Agar mahasiswa mudah dalam mencari materi yang dibutuhkan tanpa ada

batasan ruang dan waktu karena berbasis web. Dari sisi dosen :

• Agar dosen dapat dengan mudah meletakkan modul materi matakuliah yang dibutuhkan dalam proses perkuliahan, dengan cara mengupload materi perkuliahan.

• Dosen bisa setiap saat (kapan saja dan dimana saja) mengupload materi perkuliahan.

• Dosen dapat senantiasa mengupdate dan menghapus materi perkuliahan

F.

Metodologi

Dalam pembuatan Lecture Hall Universitas Sanata Dharma berbasis web ini dipakai Paradigma Prototype yang meliputi tahap-tahap antara lain

(Thomas Sugiarto, Reader RPL, Agustus 2003) : • Pengumpulan Kebutuhan

Dalam tahap ini kami selaku penulis, memulai dengan melakukan pengumpulan data dan informasi yang berkaitan dengan sistem, penyusunan kerangka sistem, analisa kebutuhan sementara dan studi pustaka mengenai bagaimana membangun suatu sistem informasi berbasis web.


(29)

• Desain Cepat :

Penulis merancang desain yang memfokuskan pada representasi visual format input dan output.

• Pembangunan Prototype :

Dalam tahap ini kami selaku penulis, membuat sebuah prototype berdasarkan desain cepat yang telah dibuat. Adapun prototype yang akan dibuat berkaitan dengan tampilan serta fungsi – fungsi atau fasilitas – fasilitas yang disediakan oleh sistem.

• Pengujian :

Prototype yang telah dibuat, diujikan pada pemakai untuk dievaluasi apakah sudah sesuai dengan permintaan . Pemakai dalam hal ini diwakili oleh dosen pembimbing tugas akhir. Kemudian penulis dan pemakai mendiskusikan perubahan yang diinginkan.

• Perbaikan :

Dari hasil pengujian, penulis melakukan perubahan atau perbaikan yang dirasa perlu untuk memperbaiki kinerja dari sistem yang sudah dibuat sebelumnya.

• Implementasi Produk:

Berupa perangkat lunak hasil dari perbaikan dan pengkajian yang semakin mendekati kebutuhan pemakai.


(30)

G.

Sistematika Penulisan

BAB I PENDAHULUAN

Bab ini membahas latar belakang masalah, rumusan masalah, batasan masalah, tujuan, manfaat, metodologi penyelesaian masalah, dan sistematika penulisan.

BAB II LANDASAN TEORI

Bab ini membahas landasan teori, pengertian CAI (Computer Asissted Instruction), WWW (World Wide Web), Lecture Hall, Web Browser, PHP, MySQL dan Apache Web Server.

BAB III ANALISA SISTEM

Bab ini membahas tentang analisa sistem yang sudah ada, analisa sistem yang akan dikembangkan, analisa kelayakan dan analisa kebutuhan.

BAB IV PERANCANGAN SISTEM

Bab ini membahas tentang perancangan proses, Diagram Alir Data (DAD), ER, struktur menu dan perancangan antarmuka (interface) BAB V IMPLEMENTASI

Bab ini menganalisa implementasi sistem. BAB VI PENUTUP

Bab ini berisi kesimpulan dan saran penulis .


(31)

BAB II

LANDASAN TEORI

H.

Computer Based Instruction / Education (CBI/E)

Pemanfaatan komputer secara umum dalam dunia pendidikan sering disebut Computer Based Instuction/ Education (CBI/E). Semua aplikasi komputer dalam pendidikan dapat dikategorikan dalam CBI/E. CBI/E dibagi menjadi dua :

1. Aplikasi Pengajaran

a.

Computer Assisted Learning (CAL)

Pembelajaran berbasis komputer adalah sistem yang bersifat dialogis yang membantu mahasiswa dalam mempelajari materi matakuliah tetentu. Tokoh CAL yang terkemuka Seymour Papert, profesor matematika dari Massachusetts Institute of Technology bekerjasama dengan Jean Piaget, seorang psikolog terkenal, telah menyumbangkan banyak karya yang penting dalam mengembangkan CAL. Dari hasil kerjanya muncul gagasan penting tentang bagaimana sebaiknya anak-anak dan remaja belajar menggunakan komputer. Mereka berusaha sedemikian rupa mengarahkan anak-anak sehingga mereka dapat memanfaatkan komputer semaksimal mungkin (Budiharjo,1998)

b.

Computer Assisted Instruction (CAI)

CAI atau Pengajaran Berbasis Komputer adalah media pengajaran menggunakan sistem komputer yang mana dalam presentasi tertentu


(32)

menggantikan peran seorang guru/dosen dalam penyampaian materi pembelajaran. Ada beberapa media pengajaran yang dapat diimplementasikan untuk menyampaikan materi pengajaran bagi para siswa (Budiharjo, 1998). Media pengajaran ini diantaranya (termasuk diantaranya adalah (CAI) :

1). media cetak, termasuk diantaranya : textbook dan modul

2). media audio visual, termasuk diantaranya : sound slides, video, dan televisi

3). komputer, yaitu CAI

4). media audio, termasuk diantaranya : radio dan program audio cassette

2. Aplikasi Non Pengajaran

a.

Education Data Processing (EDP)

Proses data pengajaran dimana komputer digunakan sebagai media penunjang pendidikan seperti menyimpan arsip data pribadi dan mengolah data.

b.

Computer Assisted Testing (CAT)

Komputer digunakan sebagai media untuk ujian. Bentuknya ada yang sederhana sebagai pengganti kertas ujian sampai kepada bentuk yang paling maju dengan cara tanya jawab secara aktif untuk menggali kemampuan siswa/mahasiswa.


(33)

c.

Computer Assisted Guidance (CAG)

Komputer sebagai pembimbing yang digunakan sebagai sarana untuk mencari informasi yang diperlukan. Informasi yang diperoleh dapat membantu pemakai dalam pengambilan keputusan tertentu.

d.

Computer Managed Instruction (CMI)

Pengajaran dikelola komputer. Komputer dimanfaatkan untuk merencanakan kuliah. Komputer secara langsung akan memantau prestasi siswa/mahasiswa serta membuat laporan.

Penjelasan tentang CBI/E di atas struktur organisasinya digambarkan sebagai berikut :

Gambar 2.1 Struktur Organisasi CBI/E

I.

World Wide Web (WWW)

Untuk memanfatkan internet sebagai bagian dari kegiatan pembelajaran di sekolah ataupun universitas tidaklah sesederhana dan semudah yang dibayangkan, karena banyak hal yang harus dipelajari, diperhatikan dan dilakukan dengan sungguh-sungguh sebelum menerapkannya.

Computer Based Instruction / Education (CBI/E)

Aplikasi Pengajaran Aplikasi non Pengajaran


(34)

Internet (interconnection networking) merupakan jaringan global yang menghubungkan beribu bahkan berjuta jaringan komputer (local/wide area network) dan komputer pribadi (stand alone), yang memungkinkan setiap komputer yang terhubung kepadanya bisa melakukan komunikasi satu sama lain (Brace,1997).

Brace juga menyebutkan Internet sebagai suatu "kesepakatan", karena untuk bisa saling berhubungan dan berkomunikasi setiap komputer harus menggunakan protokol standar yaitu TCP/IP (Transmission Control Protocol/Internet Protocol) yang disepakati bersama. Dengan kata lain meskipun suatu komputer terhubung ke dalam jaringan Internet, tetapi kalau ia tidak menggunakan standar komunikasi pengiriman dan penerimaan yang telah disepakati tersebut, tetap saja ia tidak bisa melakukan komunikasi.

Di antara keseluruhan fasilitas Internet, WWW (WorldWideWeb) merupakan salah satu aplikasi standart internet yang dapat dipergunakan untuk keperluan pendidikan (Purbo, 1997). WWW merupakan kumpulan koleksi besar tentang berbagai macam dokumentasi yang tersimpan dalam berbagai server di seluruh dunia, dan dokumentasi tersebut dikembangkan dalam format hypertext dan hypermedia, dengan menggunakan Hypertext Markup Language (HTML) yang memungkinkan terjadinya koneksi (link) dokumen yang satu dengan yang lain atau bagian dari dokumen yang satu dengan bagian yang lainnya, baik dalam bentuk teks, visual dan lain-lainnya.

Jika dilihat dari proses kerjanya WWW (WorldWideWeb) dapat dibagi menjadi beberapa Komponen sebagai berikut (Bunafit Nugroho,2004) :


(35)

1. Protocol

Adalah sebuah media yang distandarkan untuk dapat mengakses komputer di dalam sebuah jaringan, Halaman yang dapat diakses adalah halaman Web Site. WWW memiliki standart protocol yang bernama HTTP atau (Hypertext Transfer Protocol). Dengan menggunakan protocol ini sebuah halaman yang ada di dalam komputer jaringan dapat dibuka dan diakses.

2. Address

Merupakan alamat yang berkaitan dengan penamaan sebuah komputer di dalam jaringan. Alamat ini sebenarnya merupakan sebuah Nomor yang dimiliki sebuah komputer yang sering disebut dengan Nomor IP, akan tetapi dengan adanya perkembangan jaman, digantikan dengan nama URL (Uniform Resource Locator).

3. HTML (Hyper Text Markup Language)

yaitu suatu bahasa yang menggunakan tanda-tanda tertentu (disebut sebagai tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar. HTML digunakan untuk menulis sebuah halaman web. Dokumen HTML hanya berupa teks biasa, namun kelebihannya dari dokumen yang lain adalah : dengan HTML dapat dilakukan pemformatan teks, peletakan gambar, suara dan elemen-elemen multimedia yang lain, yang terpenting adalah hypertext yakni teks yang berfungsi sebagai suatu penghubung (hyperlink atau link)


(36)

antara halaman web yang satu dengan halaman web lainnya (Sutarman, 2003).

Struktur dasar dokumen HTML :

<HTML> <HEAD>

bagian head </HEAD>

<BODY>

bagian body </BODY>

</HTML>

Dari beberapa Komponen yang berkaitan dengan WWW dapat digambarkan sebagai berikut : Hubungan antara Protocol, Address, dan HTML

http : // www.usd.ac.id / ~staffusd / index.html

Protocol URL Client Hal Web HTML

J.

Lecture Hall

Kata lecture hall memang terdengar asing untuk banyak orang, walaupun sebenarnya lecture hall merupakan kata bahasa inggris untuk menunjukkan ruang materi matakuliah. Menurut http://www.utexas.edu/world/lecture dijelaskan bahwa lecture hall adalah ruang materi matakuliah yang dibuat universitas ataupun fakultas pada khususnya, yang berbasis web untuk menyampaikan bahan-bahan / materi kuliah, sebagai contohnya dapat ditampilkan silabus, deskripsi


(37)

mata kuliah, modul materi dan lain-lain. Sedangkan universitas ataupun fakultas yang mengupload lecturenya dinamakan lecturer.

Dalam pembuatan Lecture Hall (media untuk menempatkan materi matakuliah) berbasis web mempunyai konsep memberikan informasi tentang matakuliah yang ditawarkan dalam tiap-tiap semester baik itu gasal, genap dan sisip. Selain itu materi matakuliah yang telah diupload oleh dosen pengampu matakuliah. Untuk dapat melakukan download mahasiswa harus melakukan login sistem, dengan menginputkan username (Nomor Induk Mahasiswa) dan password. Lecture Hall berbasis web ini dimaksudkan agar tidak perlu melakukan tatap muka secara langsung antara mahasiswa dan dosen setiap kali ada materi matakuliah baru

Semua ini ditekankan pada fokus e-learning yang lebih bertujuan untuk efisiensi proses belajar mengajar. Mahasiswa lebih dirangsang untuk mengeksplorasi pengetahuan serta materi matakuliah yang mahasiswa butuhkan. Materi matakuliah pun dapat diperoleh dengan cara download filenya. Pada intinya Lecture Hall ini dibuat dengan konsep yang berbasiskan web, maksudnya adanya suatu tempat khusus (halaman web) yang disediakan untuk dosen dalam mengupload file materi matakuliah.


(38)

K.

Browser Web, Web Server dan Web Programming 1. Browser Web

Browser web mempunyai tugas menterjemahkan informasi yang diterima dari server web dan menampilkannya pada layar komputer pengguna. Umumnya browser web menerima data dalam bentuk HTML. Protokol-protokol dasar web pertama kali dikembangkan awal tahun 1990-an, browser web pertama yang diperkenalkan adalah Mosaic yang dibuat oleh National Center for Supercomputing Applications (NCSA) di Amerika Serikat.

Gambar 2.2 Konsep Dasar Browser dan Web Server 2. Web Server

Web server merupakan server yang memiliki kemampuan untuk memberikan layanan koneksi transfer data melalui protokol Hypertext Transfer Protocol (HTTP) yang dipergunakan dalam dunia internet. Ada banyak web server yang berkembang dan sering digunakan dalam membangun aplikasi berbasis web misalnya Web Server Netscape, Personal Web Server, Qitami, Apache dll.

Apache merupakan HTTP Server yang berkembang untuk berbagai sistem seperti Windows 98/NT,UNIX,LINUX.


(39)

3. Web Programming

Web programming adalah bahasa pemrograman yang digunakan untuk membangun suatu aplikasi yang berbasis web. Di sini akan digunakan bahasa pemrograman Personal Home Page (PHP) sebagai alat bantu (tools) untuk membuat aplikasi-aplikasi dalam sistem informasi ini. Pada dasArnya bahasa pemrograman untuk membuat web dibagi dua yaitu :

a.

Server side programming

Merupakan teknologi dalam suatu pemrograman web. Pada server-side programming, perintah program (script) dijalankan di web server, kemudian dikirimkan ke browser dalam bentuk HTML.Dengan kata lain server side digunakan untuk memproses segala sesuatu yang berhubungan dengan server atau untuk memanipulasi suatu data pada basis data. Kelebihan server side yaitu tidak diharuskan menggunkan browser tertentu, serta dapat memanfaatkan sumber aplikasi yang dimiliki oleh server, misalnya koneksi ke basis data. Yang termasuk pemrograman ini adalah ASP (Active Server Pages), PHP dan lain-lain.

b.

Client Side programming

Client-side programming, perintah program dijalankan di web browser, sehingga ketika client meminta dokumen yang menngandung script, maka script tersebut akan di download dari server-nya kemudian dijalankan di browser yang bersangkutan. Client side digunakan untuk mengadakan interaksi dengan user yang berfrekuensi tinggi namun data yang diperlukan relatif sedikit atau telah tersedia sebelumnya. Kelebihan


(40)

client side adalah suatu halaman web dapat dibuat lebih indah serta interaktif. Kekurangan dari client side adalah script dapat dilihat dengan fasilitas view HTML source. Yang termasuk pemrograman ini adalah : JavaScript, HTML.

L.

Cascading Style Sheet (CSS)

Cascading Style Sheets merupakan salah satu bagian dari design web yang berfungsi untuk mengatur tampilan setiap unsur yang ada di dalam web site. Untuk menggunakan CSS, dapat mengatur secara langsung pada format html, karena bila suatu saat ingin melakukan perubahan pada salah satu style dari sebuah unsur yang ada di web site, tinggal mengubah script dari CSS dan secara otomatis seluruh object atau unsur yang menggunakan style dari sebuah CSS akan berubah sesuai aturan baru (Stendy B.Sakur,2005)

M.

Macromedia Dreamweaver MX 2004

Macromedia dreamweaver adalah sebuah HTML editor Professional untuk mendesain secar visual dan mengelola situs web maupun halaman web. Pada Dreamweaver MX 2004 terdapat beberapa kemampuan bukan hanya sebagai software untuk desain web saja, tetapi juga untuk menyunting kode serta pembuatan aplikasi web dengan menggunakan berbagai bahasa pemrograman web, antara alain PHP, ASP dll. Dreamweaver ini merupakan software utama yang digunakan oleh web, desainer maupun web programmer guna mengembangkan situs web (Madcoms,2004).


(41)

N.

Personal Home Page Tools (PHP)

PHP ( dulu : Personal Home Page, sekarang : Hypertext Preprocessor) merupakan script untuk membuat suatu aplikasi yang dapat terintegrasikan ke dalam halaman HTML, sehingga suatu halaman web tidak lagi bersifat statis, namun menjadi bersifat dinamis (Teguh Wahyono,2005)

Penemu bahasa pemrograman ini adalah Rasmus Lerdorf yang bermula dari keinginan sederhana ahli tersebut untuk mempunyai alat bantu (tools) dalam memonitor pengunjung yang melihat situs web pribadinya. Inilah sebab awal pengembangannya.

Cara kerja bahasa pemrograman PHP ini yaitu script disisipkan pada HTML dan dijalankan oleh web server. Sebagai sebuah server-side, script PHP memiliki keunggulan antara lain (Madcoms, 2004):

• PHP memiliki tingkat akses yang lebih cepat. • PHP memiliki tingkat keamanan yang tinggi.

• PHP mampu berjalan di beberapa server yang ada, misalnya Apache, Microsoft IIS, PWS, Xitami, phttpd, fhttpd.

• PHP bersifat free atau gratis (open source)

• PHP juga mendukung akses ke beberapa database yang sudah ada. Database itu antara lain : MySQL, Msql, Informix, MicrosoftSQL server.


(42)

1. Kode (Tag) PHP

Sebelum memulai pemrograman PHP perlu diingat dan dipastikan bahwa web server dan script PHP telah berjalan dengan baik. Untuk editor teks biasanya digunakan notepad. Fungsi-fungsi yang ada di PHP tidak case sensitive tetapi variabelnya case sensitive (membedakan huruf besar dan huruf kecil) (Sutarman, 2003).

Penulisan program PHP diawali dengan tanda < dan diakhiri dengan tanda >. Untuk menuliskan script PHP ada tiga cara yaitu :

1. <?

Script PHP ?>

2. <? Php script PHP ?>

3. <SCRIPT LANGUAGE= ”php”> script PHP

</script>

Pemisah antar intruksi adalah titik koma (;), sedangkan untuk memambahkan komentar // komentar

2. Tipe Data

PHP membagi tipe data menjadi lima jenis data (Madcoms,2004), yaitu :

a.

Integer


(43)

b.

String

Merupakan tipe data yang menggunakan tanpa kutip tungal (‘ ‘) atau menggunakan tanda kutip ganda (“ “)

Perbedaannya adalah jika menggunakan tanda petik tunggal, apabila dalam sebuah variabel yang memiliki data string dan dalam string tersebut terdapat variabel yang lain, maka nilai dari variabel tersebut akan dideklarasikan / dicetak nama variabel itu sendiri.

Contoh :

$string=’BelajarPHP’; $string=”BelajarPHP”;

c.

Float

Bersi bilangan pecahan atau bilangan decimal

d.

Array

Data yang mengandung beberapa data di dalamnya dan diindeks berdasarkan data numerik atau string.

e.

Object

Tipe data yang dapat berupa bilangan, variabel ataupun fungsi. Juga merupakan tipe data yang di dalamnya mempunyai data dan method. Data ini dapat disertakan ke dalam program sehingga meringkas beberapa fungsi dan dapat memperkecil ukuran file.


(44)

3. Variabel

Variabel digunakan sebagai tempat penyimpanan data sementara, di dalam PHP diawali dengan karakter $ diikuti dengan huruf sebagai karakter pertama setelah $, kemudian kombinasi karakter dan angka. Tidak boleh ada spasi dan tanda baca dalam penamaannya kecuali karakter_(garis bawah) (Sidik, 2004).

Aturan pemberian nama variabel pada PHP adalah : • Diawali dengan tanda $

• Penamaan variabel bersifat case sensitive (membedakan huruf besar dan kecil)

• Nama variabel hanya dapat diawali dengan huruf, baru dapat diikuti dengan angka atau huruf ataupun garis bawah.

Contoh variabel : $nama_anggota $alamat1 $umur=25

Variabel dalam PHP tidak harus dideklarasikan dahulu sebelum digunakan. 4. Konstanta

Konstanta adalah sebuah variabel yang mempunyai nilai tetap dan tidak perlu dideklarasikan dengan nilai $. Konstanta dideklarasikan menggunakan fungsi define().Perbedaan mendasar antara konstanta dan variabel adalah (Madcoms,2004) :

• Nama konstanta tidak menggunakan tanda $


(45)

• Konstanta hanya bersifat skalar

• Konstanta tidak mengenal ruang lingkup variabel, dengan demikian dapat diakses dimana saja

5. Operator dalam PHP

Operator digunakan untuk melakukan suatu operasi baik itu operasi matematis ataupun operasi string. Secara umum, operasi pada PHP adalah sebagai berikut :

a.

Operator Aritmatika

Operator ini berhubungan dengan operasi aritmatik. Tabel 2.1 Operator aritmatika

Operator Operasi Keterangan

$a * $b Perkalian $a dikalikan $b $a / $b Pembagian $a dibagi $b

$a % $b Modulus Sisa hasil $a dibagi $b $a + $b Penjumlahan $a ditambah $b

$a - $b Pengurangan $a dikurangi $b

b.

Operator String

Operator ini digunakan untuk menggabungkan teks, baik teks dengan variabel maupun suatu teks dengan teks yang lain. Dideklarasikan dengan memberikan tanda titik ( . ) (Madcoms,2004).


(46)

c.

Operator Bitwise

Operator ini digunakan untuk operasi bilangan biner, yaitu : 1 atau 0. Tabel 2.2 Operator bitwise

Operator Nama Contoh Keterangan

& And $a & $b Bit akan bernilai 1 jika $a dan $b bernilai 1.

| Or $a | $b Bit akan bernilai 1 jika $a atau $b bernilai 1.

^ Xor $a ^ $b Bit akan bernilai 1 jika $a atau $b, tetapi tidak keduanya bernilai 1.

~ Not ~ $a Bit akan bernilai 1 jika $a dan $b bernilai 0.

<< Shift Left $a << $b Menggeser bit $a sebanyak $b langkah ke kiri. Setiap

langkah mempunyai

pengertian “dikalikan dengan nilai dua”.

>> Shift Right $a >> $b Menggeser bit $a sebanyak $b langkah ke kanan. Setiap langkah mempunyai pengertian “dibagi dengan nilai dua”.


(47)

d.

Operator Perbandingan

Operator ini digunakan untuk melakukan suatu operasi perbandingan dan biasanya diletakkan di struktur kontrol program seperti if, elseif. Hasil dari suatu perbandingan selalu antara nilai true atau false saja. True jika perbandingannya benar dan sebaliknya akan bernilai salah (Madcoms, 2004).

Tabel 2.3 Operator perbandingan

Operator Nama Contoh Keterangan

> Lebih dari $a > $b True jika $a lebih besar dari $b

< Lebih kecil $a < $b True jika $a lebih kecil dari $b

>= Lebih besar atau sama dengan

$a >= $b True jika $a lebih besar atau sama dengan $b

<= Lebih kecil atau sama dengan

$a <= $b True jika $a lebih kecil atau sama dengan $b

== Sama dengan $a == $b True jika $a sama dengan $b

!= Tidak sama $a != $b True jika $a tidak sama dengan $b


(48)

e.

Operator Logika

Operator ini digunakan untuk melakukan suatu operasi logika. Operator logika ini hampir memiliki fungsi yang sama dengan operator perbandingan.

Tabel 2.4 Operator Logika

Operator Nama Contoh Keterangan

And &&

And $a and $b

$a && $b

Menghasilkan nilai True jika $a dan $b bernilai benar. or

| |

Or $a or $b

$a | | $b

Menghasilkan nilai True jika salah satu dari $a atau $b atau keduanya bernilai benar. Xor Ekslusif or $a xor $b Menghasilkan nilai True jika

salah satu dari $a atau $b bernilai benar.

! Not !$a Menghasilkan nilai True jika $a bernilai tidak benar.

f.

Operator Decrement dan Increment

Merupakan operator penambah dan pengurang nilai dengan nilai selisih 1 (satu). Apabila operator diletakkan sebelum variabel, misalkan ++$a atau --$a, maka nilai $a akan ditambah atau dikurangi dengan nilai 1 (satu)sebelum operasi dijalankan. Apabila operasi diletakkan setelah variabel, misalkan $a++ atau $a--, maka nilai $a akan ditambah atau


(49)

dikurangi dengan nilai 1 (satu) setelah operasi dijalankan (Madcoms, 2004) :

Tabel 2.5 Operator Decrement dan Increment

Operator Operasi Keterangan

++$a Pre-increment $a ditambah satu, kemudian operasi dijalankan

$a++ Post-incremant Operasi dijalankan, kemudian $a ditambah satu.

--$a Pre-decrement $a dikurangi satu, kemudian operasi dijalankan

$a-- Post-decrement Operasi dijalankan, kemudian $a dikurangi satu.

6. Uploading / Pengiriman File

Upload dapat diartikan mengirim file atau meletakkan file dari komputer lokal (tempat kita bekerja) menuju komputer server penyedia layanan. Lawan dari upload adalah Download. Download memiliki pengertian sebaliknya dari upload. Jika upload adalah meletakkan fle dari komputer lokal menuju komputer server, maka download adalah mengambil atau mengcopy data atau file dari komputer pusat / server menuju ke komputer lokal (Bunafit Nugroho,2004).


(50)

O.

Database MySQL (Structure Query Language)

MySQL adalah multiuser database yang menggunakan bahasa Structured Query Language (SQL). SQL adalah bahasa standart yang digunakan untuk mengakses database server. Dengan menggunakan SQL, proses akses database menjadi lebih user-friendly (Bimo sunarfrihantono,2002).

MySQL juga merupakan software sistem manajemen database (Database management System – DBMS) yang sangat populer di kalangan pemrogram web, terutama di lingkungan Linux dengan menggunakan script PHP dan Perl.

MySQL merupakan database yang paling populer digunakan untuk membangun aplikasi web yang menggunakan database sebagai sumber dan pengelola datanya.

Berikut ini adalah beberapa kelebihan yang ditawarkan oleh MySQL, menurut dokumentasi dari www.mysql.com:

• Ditulis dengan bahasa pemrograman C dan C++, dengan ujicoba pada berbagai jenis compiler .

Multiplatform, bisa digunakan di keluarga UNIX, Windows sampai MAC

• Penggunaan memory yang optimal .

• Tingkat keamanan yang tinggi.

• Mampu menangani database yang besar, 60.000 tabel dan 50.000.000 baris data.


(51)

• Mampu mengkombinasikan tabel dari beberapa database dalam sebuah query.

Namun MySQL juga masih mempunyai kekurangan yaitu tidak dapat menangani subquery yang kompleks dan untuk mengatasi masalah itu diperlukan tabel sementara ( temporary table ) untuk menampung hasil subquery atau dengan membuatkan variabel bantuan.

Fungsi-fungsi PHP yang digunakan untuk koneksi database MySQL adalah : Tabel 2.6 Tabel daftar fungsi PHP untuk MySQL

Koneksi dan Diskoneksi kepada server MySQL

mysql_connect

Membuka koneksi kepada suatu server MySQL

mysql_pconnect

Membuka koneksi persisten kepada sutu server MySQL

mysql_select_db

Memilih database yang akan digunakan setelah koneksi berhasil.

mysql_close Memutuskan koneksi database

mysql_change_user

Mengganti nama pemakai dan password pada koneksi yang sedang aktif.

Membuat dan Menghapus Database

mysql_create_db Membuat sebuah database MySQL

mysql_drop_db Menghapus sebuah database MySQL


(52)

mysql_db_query Mengeksekusi perintah SQL untuk

melakukan query pada server yang disebutkan.

mysql_qury Mengeksekusi perintah SQL untuk

melakukan query pada databse yang telah dipilih.

Penanganan Hasil Query

mysql_fetch_array Mengambil sebuah baris hasil query sebagai

sebuah array assosiatif

mysql_result Memberikan data hasil query

mysql_fetch_row Menghasilkan baris atau record dalam array

enumerated.

mysql_affected_rows Memberikan informasi jumlah record yang

diproses oleh suatu query

mysql_num_rows Memberikan informasi jumlah record / baris

hasil suatu query

mysql_fetch_field Menghasilkan object dari informasi kolom

suatu hasil query

mysql_fetch_lengths Menghasilkan panjang setiap output dari

hasil

mysql_fetch_object Menghasilkan sebuah baris (row) hasil

sebagai object


(53)

mysql_field_len Menghasilkan panjang field

mysql_field_seek Memposisikan pointer kepada offset sutu

field yang dinyatakan.

mysql_field_type Menghasilkan tipe field dari hasil.

mysql_field_flags Menghasilkan flag berasosiasi dengan field

yang dispesifikasikan dalam hasil.

mysql_insert_id Menghasilkan id dari operasi insert

sebelumnya.

mysql_data_seek Menggerakkan pointer hasil internal. mysql_free_result Membersihkan / menghapus memori hasil.

Penanganan Kesalahan

mysql_error Menghasilkan teks error

mysql_errno Menghasilkan kode / nilai error suatu

perintah query

Informasi tentang Database

mysql_list_dbs Menghasilkan daftar database yang ada

dalam server MySQL

mysql_list_tables Menghasilkan daftar tabel dalam suatu

database

mysql_list_fields Menghasilkan daftar field dari suatu tabel mysql_field_table Mengambil nama tabel yang berisi nama field

yang dinyatakan


(54)

1. Tipe Data MySQL

MySQL mengenal beberapa tipe data field : (Sutarman, 2003)

a.

Tipe Data Numerik

Tipe data numerik ada dua yaitu tipe data integer untuk data bilangan bulat dan tipe data floating point untuk bilangan decimal.

b.

Tipe Data String

Berisi nilai string (karakter ) dan numerik. Yang termasuk dalam tipe data string adalah : CHAR, VARCHAR, TINYBLOB, TINYTEXT, BLOB, TEXT, MEDIUMBLOB, MEDIUMTEXT, LONGBLOB, LONGTEXT,ENUM(‘elemen1’,’elemen2’…),

SET(‘elemen1’,’elemen2’,…)

c.

Tipe data char () dan varchar()

Tipe data char() dan varchar() pada prinsipnya sama, perbedaannya terletak pada jumlah memori untuk penyimpanan. Memori untuk tipe data char() bersifat statis, besarnya tergantung pada berapa jumlah karakter yang ditetapkan pada sat field tersebut dideklarasikan. Untuk tipe data varchar() besar memori penyimpanan tergantung pada barapa karakter yang dipakai ditambah 1 byte yang berisi data jumlah karakter yang dipakai.

d.

Tipe data waktu

Menyimpan informasi waktu, baik tanggal maupun jam. Walaupun data yang disimpan numerik tetapi pembacaan terhadap data adalah string.


(55)

Untuk tipe data ini ada beberapa yaitu : DATETIME, DATE, TIMESTAMP, TIME, YEAR

2. Perintah Dasar MySQL

Perintah dasar yang ada di MySQL adalah (Sutarman, 2003): • Untuk membuat database

CREATE DATABASE nama_db • Untuk menghapus database

DROP DATABASE nama_db

• Untuk mengatifkan database yang telah dibuat : USE nama_db

• Untuk membuat tabel baru

CREATE TABLE nama_tabel (”nama kolom” ) • Untuk mengetahui struktur tabel

DESC nama_tabel

• Mengetahui daftar tabel yang ada pada suatu databse SHOW TABLES;

• Untuk mengubah struktur tabel ALTER TABLE

3. Manipulasi Data

Data Manipulation language (DML) adalah suatu bahasa yang digunakan untuk manipulasi data seperti perintah untuk menambah, menghapus, menampilkan, mengubah suatu data. Perintah yang tergolong dalam DML adalah insert, update, delete , select (Sutarman, 2003).


(56)

INSERT INTO nama_tabel(nama_kol1,nama_kol2,..) values (data_kol1,data_kol2...)

• Perintah SELECT digunakan untuk melihat data dari suatu atau beberapa tabel.

SELECT kolom1,kolom2,... FROM nama_tabel WHERE

[kondisi] ORDER BY [kolom] GROUP BY [kolom] ASC | DESC limit [batasan]

• Mengubah data (UPDATE) Sintaks :

UPDATE nama_tabel SET kolom/fireld1=isi_baru1, kolom2=isis_baru2,… WHERE [kondisi]

• Menghapus data (DELETE) Sintaks :

DELETE FROM nama_tabel WHERE [kondisi]

P.

Apache Web Server

Apache Web Server merupakan suatu server web yang menggunakan protokol HTTP ( Hypertext Transfer Protocol ) untuk melayani semua proses pentransferan data.

Versi awal untuk Apache digunakan pada UNIX, tetapi kini telah ada versi yang dapat beroperasi di bawah platform OS/2, Windows, LINUX dan sebagainya.

Keuntungan dari pemakaian Apache Web Server adalah tidak dipungut biaya untuk mendapatkannya atau gratis dan kecepatannya cukup baik (Teguh Wahyono,2005).


(57)

Q.

Diagram Alir Data (DAD)

Diagram alir data (Data Flow Diagram atau DFD) adalah gambaran dari proses aliran data, penyimpanan dan kesatuan luar (External Entity) dari sebuah sistem. Diagram alir juga digunakan untuk alat bantu pemodelan proses yang menggambarkan aliran data dalam suatu sistem serta aktivitas atau pemrosesan yang dilakukan oleh sistem tersebut.

Beberapa simbol yang digunakan pada diagram arus data sebagai berikut : 1. Kesatuan Luar (External Entity)

Sistem akan menerima input dan menghasilkan output kepada lingkungan luarnya. Kesatuan luar (external entity) merupakan kesatuan diluar sistem yang dapat berupa orang, organisasi atau sistem lainnya yang berada dilingkungan luar yang akan memberikan input atau menerima output dari sistem.

Gambar 2.3 Simbol Entitas


(58)

Suatu proses adalah kegiatan atau kerja yang dilakukan oleh orang, mesin atau komputer dari hasil suatu arus data yang masuk dalam proses untuk menghasilkan arus data yang akan keluar dari proses.

Gambar 2.4 Simbol untuk proses data 3. Penyimpanan Data (Data Store)

Penyimpanan data (Data Store) merupakan simpanan data yang berasal dari suatu file atau database di sistem komputer

Gambar 2.5 Simbol untuk menyimpan data 4. Arus atau aliran Data (Data Flow)

Arus data ini mengalir diantara proses (Process), penyimpanan data (Data Store) dan kesatuan luar (External Entity). Arus data ini menunjukkan arus data yang dapat berupa masukan untuk sistem atau hasil dari proses sistem.

Gambar 2.6 Simbol untuk arus data


(59)

ANALISA SISTEM

R.

Analisa Sistem

1. Analisa Masalah

Materi matakuliah yang diberikan dosen kepada mahasiswa terbatas pada saat pertemuan didalam kelas, dimana pada saat itu mahasiswa harus mencatat materi apa yang dosen sampaikan kepada mahasiswanya. Mencermati hal seperti ini, rasanya lebih efektif jika kita sebagai mahasiswa bisa leluasa mendengarkan penjelasan dosen tanpa harus disibukkan dengan mencatat materi apa saja yang dijelaskan oleh dosen.

Masalah lain yang mungkin timbul dalam hubungannya dengan materi matakuliah adalah banyaknya materi yang kita dapatkan dalam bentuk kertas ataupun modul-modul (hardcopy) membuat penataan materi-materi ini kurang teratur, dan bisa jadi berceceran kemana-mana. Mungkin kalau kita akan menggunakan materi-materi yang sudah dulu, kita akan membutuhkan banyak waktu untuk membongkar simpanan materi yang pernah kita punya.

Sebaliknya bagi dosen, waktu pertemuan atau tatap muka dengan mahasiswa dirasa kurang maksimal, oleh karenanya dosen tidak bisa mengandalkan pertemuan tersebut untuk membahas keseluruhan materi.

Mencermati permasalahan tersebut diatas dapat disimpulkan bahwa user dalam hal ini mahasiswa dan dosen membutuhkan suatu aplikasi untuk menempatkan matakuliah, dalam bentuk file materi matakuliah dalam suatu media. Aplikasi yang dimaksud adalah Lecture Hall berbasis web dimana


(60)

akan dibuat media sebagai penyedia materi matakuliah bagi dosen yang bersangkutan. Hal ini dimaksudkan dapat membantu mahasiswa dalam melakukan download materi kapan saja, dimana saja tanpa ada batasan ruang dan waktu.

Selain itu materi matakuliah akan dapat membantu kita untuk menambah pengetahuan yang belum kita ketahui. Apalagi sebagai seorang mahasiswa, kita di tuntut untuk selalu aktif dalam memperoleh materi yang akan digunakan dalam proses belajar mengajar.

2. Analisa Sistem yang dikembangkan

Alternatif penyelesaian masalah tersebut dapat dilakukan dengan penyederhanaan sistem yang telah ada dengan pengembangan materi matakuliah berbasis web, yang dilengkapi dengan fasilitas pencarian (searching) berdasar nama matakuliah serta nama dosen, sehingga mahasiswa dapat mengakses informasi mengenai materi matakuliah secara langsung setiap saat hanya dengan memasukkan Nomor Induk Mahasiswa (NIM) dan password untuk login.

Dengan menggunakan sistem ini, mahasiswa akan memperoleh beberapa kemudahan, yaitu :

1. Efisiensi waktu, maksudnya adalah mahasiswa tidak harus menunggu waktu perkuliahan berlangsung untuk mendapatkan modul materi


(61)

3. Mahasiswa bisa secara aktif mendownload materi matakuliah sesuai dengan kebutuhan.

S.

Analisa Kelayakan

Berdasarkan analisa masalah diatas, Lecture Hall berbasis web ini layak untuk dibangun karena:

1. Kelayakan simplicity (sederhana)

Sistem ini dibuat tidak terlalu kompleks dan rumit dalam penggunaanya. Sistem ini lebih menonjolkan kesederhanaan, sehingga user dalam hal ini dosen dan mahasiswa tidak kesulitan dalam menggunakan sistem ini.

2. Kelayakan economy (nilai ekonomis)

Dengan menggunakan sistem ini, user khususnya mahasiswa dapat melakukan download modul materi matakuliah secara gratis

3. Kelayakan efficiency (efisien / praktis)

Sistem yang dibangun adalah sistem yang berbasis web, sehingga user dapat melakukan download serta upload kapan saja tanpa batasan ruang dan waktu.

4. Kelayakan security

Hak akses hanya diberikan kepada mahasiswa dan dosen yang mempunyai password yang benar.


(62)

5. Kelayakan teknologi

Aplikasi dibangun menggunakan sistem operasi Windows, bahasa pemrograman PHP (Personal Home Page tools) dan database MySQL untuk pengelolaan databasenya.

T.

Analisa Kebutuhan

Mahasiswa dan dosen sebagai user membutuhkan sebuah sistem yang dapat memudahkan user mendapatkan informasi mengenai materi matakuliah berbasis web antara lain : materi matakuliah , jadwal matakuliah tiap semester, secara cepat dan akurat tanpa melalui proses yang rumit.

Adapun kebutuhan hardware dan software untuk membuat Lecture Hall Universitas Sanata Dharma berbasis web adalah sebagai berikut :

Kebutuhan Hardware, Software dan Brainware : Software (Perangkat Lunak) :

Sistem Operasi : Windows XP SP1 / Linux Web Browser : Internet Explorer 4.0 keatas Web Server : Apache for windows 2.0.54 Programming : PHP version 5.05

Database : MySQL 4.1.14

Editor : Macromedia Dreamweaver MX 2004


(63)

Processor : Intel Pentium III 533 Mhz keatas Memory : 64 MB

Harddisk : 40 GB Brainware:

Pengetahuan tentang basis data


(64)

BAB IV

PERANCANGAN SISTEM

U.

Perancangan Proses

Proses yang terjadi di dalam pembuatan Lecture Hall berbasis web ini dirancang untuk dapat menampilkan informasi materi matakuliah untuk mahasiswa dan dosen dengan melakukan query terhadap tabel-tabel yang ada di dalam database. Adapun input yang dilakukan dan output yang didapatkan oleh mahasiswa adalah sebagai berikut :

Dari sisi mahasiswa : • Input

- User name (NIM) dan Password. - Materi yang akan didownload. - Input kategori.

Output

- Jadwal kuliah tiap semester. - Materi yang telah didownload. - Hasil pencarian berdasar kategori.

Dari sisi dosen : • Input

- NPP dan Password.


(65)

- materi matakuliah yang akan diupdate - materi matakuliah yang akan dihapus. • Output

- Tampilan jadwal mengajar dosen. - Pesan hasil upload

- Tampilan data materi yang sudah terupload (materi download untuk mahasiswa)

- Tampilan data materi yang sudah terupdate. - Tampilan data materi yang sudah terhapus.

1. Diagram Alir Data

Diagram alir data (Data Flow Diagram atau DFD) adalah gambaran dari proses aliran data, penyimpanan dan kesatuan luar (External Entity)1 dari sebuah sistem. Berikut ini akan dijelaskan secara garis besar mengenai aliran data dari Pembuatan lecture hall Universitas Sanata Dharma Berbasis Web.

a.

Diagram Konteks Pembuatan Lecture Hall berbasis web

Diagram konteks (Context Diagram) adalah gambaran dari sistem yang membatasi, berinteraksi dengan kesatuan luar.1 Diagram konteks Pembuatan lecture hall Program Studi Ilmu Komputer Universitas Sanata Dharma Berbasis Web.

1


(66)

Gambar 4.1. Diagram Konteks

Diagram konteks di atas memberikan informasi bahwa Pembuatan Lecture Hall Program Studi Ilmu Komputer Universitas Sanata Dharma Berbasis Web berinteraksi dengan 2 entitas, yaitu Mahasiswa dan Dosen. Output tampak pada kedua entitas mahasiswa dan dosen karena sistem yang akan dibuat dirancang hanya untuk menghasilkan output informasi data materi matakuliah bagi mahasiswa dan dosen


(67)

Gambar 4.2. Diagram Alir Data (DAD) level 1 sisi mahasiswa

Proses yang terjadi pada diagram level 1 diatas adalah : • Login dan Verifikasi


(68)

Pada proses ini entitas mahasiswa akan menginputkan NIM dan Password. Jika login valid akan melakukan proses selanjutnya, tetapi jika login gagal akan ada warning dan kembali ke menu utama. • Tampil matakuliah

Pada proses ini, mahasiswa bisa menginputkan matakuliah semester berapa yang diinginkan. Misalnya semester (1) menyatakan semester ganjil, semester (2) menyatakan semester genap dan semester (3) menyatakan semester sisipan. Pada proses ini akan ditampilkan antara lain daftar matakuliah serta dosen yang mengajar. • Pencarian berdasar kategori

Proses pencarian ini memudahkan mahasiswa untuk mendapatkan materi. Mahasiswa tinggal menginputkan kategori berdasar nama dosen ataupun nama matakuliah yang diinginkan. Output yang ditampilkan sesuai dengan kategori yang diinginkan. • Download materi matakuliah

Pada proses ini mahasiswa bisa mendownload materi yang dibutuhkan. Materi Download berasal dari simpanan data yang berasal dari file materi yang upload dosen.


(69)

(1)

<td align="center" class="tabel_4"><a

href="edit_materi1.php" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('Image4','','gambar/T_hapus_1.gif',1)">< img src="gambar/T_hapus_N.gif" name="Image4" width="67"

height="18" border="0"></a></td> </tr>

<? } ?>

</table> </td> </tr>

<tr bgcolor="#004395">

<td height="40" valign="top" bgcolor="#004395" class="kanankiri">&nbsp;</td>

</tr> <tr>

<td height="50" colspan="2" valign="top"><table width="800" border="0" cellpadding="0" cellspacing="0">

<!--DWLayoutTable--> <tr>

<td width="800" height="50" bgcolor="#000000"><img src="gambar/footer.jpg" name="footer" border="0"></td>

</tr>

</table></td> </tr>

</table> </center> </body> </html>

File menu_mhs.php

<?

session_start();

include_once "inc/koneksi.php";

$sql ="select nama_mhs from mhs3124 where nomor_mhs ='".$_SESSION['nomor']."'";

$query = bukaQuery1($sql);

list($nama_mhs) = mysql_fetch_array($query);

$sql = "select nama_prg from prg_std where kd_prg = '3124'"; $query = bukaQuery3($sql);

list($nama_prg) = mysql_fetch_array($query); ?>

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

<html> <head>

<title> index.php</title>

<link href="my_css.css" rel="stylesheet" type="text/css">

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


(2)

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

.style7 {font-size: 36px}

.style8 {font-size: 48px; color: #FFFFFF; } .style10 {font-size: 24px}

--> </style> </head>

<body background="gambar/bg.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<center>

<table width="800" border="0" cellpadding="0" cellspacing="0"> <tr>

<td height="175" align="center" valign="middle"><img src="gambar/banner.jpg" width="800" height="175"

align="middle"></td> </tr>

<tr bgcolor="#004395">

<td height="40" valign="top"><div align="center" class="style1"><a href="menu_mhs.php"> </a><a

href="logout.php"></a>

<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="40">

<param name="movie" value="gambar/menuMahasiswa.swf"> <param name="quality" value="high">

<embed src="gambar/menuMahasiswa.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800"

height="40"></embed> </object>

</div> </td> </tr>

<tr bgcolor="#004395">

<td height="336" valign="top" class="kanankiri" > <div align="center">

<p>&nbsp;</p>

<p class="style8"><font size="5" face="Courier New, Courier, mono"><strong><font color="#FF0000"><em><font

color="#FFFF00">Login

diterima</font></em></font></strong></font></p> <p class="style8"><font color="#FFFF00"><strong><font size="5" face="Courier New, Courier, mono">anda

boleh melakukan akses sistem</font></strong></font></p>

<table width="424" height="92" border="0" cellpadding="0" cellspacing="0">

<tr class="style2">

<td width="119" height="30"> <div align="left" class="style10"><font size="2" face="Georgia, Times New Roman, Times, serif"><span class="style2

"><strong>Nama</strong></span></font></div></td>

<td width="24"><div align="center" class="style2 style10">:</div></td>


(3)

<td width="267"> <div align="left"><font size="2" face="Georgia, Times New Roman, Times, serif"><span class="style2 style10"><? echo $nama_mhs; ?>

</span></font></div></td> </tr>

<tr class="style2">

<td height="28"> <div align="left"

class="style10"><font size="2" face="Georgia, Times New Roman, Times, serif"><span class="style2

"><strong>NIM</strong></span></font></div></td> <td><div align="center" class="style2 style10">:</div></td>

<td><div align="left" class="style10"><font size="3" face="Georgia, Times New Roman, Times, serif"><strong><span

class="style2 "><? echo $nomor; ?></span></strong></font></div></td> </tr>

<tr class="style2">

<td height="34"> <div align="left"><font size="2" face="Georgia, Times New Roman, Times, serif"><span class="style2 "><strong>Program

Studi </strong></span></font></div></td> <td><div align="center" class="style2

style10">:</div></td>

<td><div align="left"><font size="2" face="Georgia, Times New Roman, Times, serif"><span class="style10"><? echo $nama_prg; ?></span></font></div></td>

</tr> </table>

<p>&nbsp;</p>

<span class="style7"></span> <p>&nbsp;</p>

</div></td>

</tr> <tr>

<td height="50" colspan="2" valign="top"><table width="800" border="0" cellpadding="0" cellspacing="0">

<!--DWLayoutTable--> <tr>

<td width="800" height="50" bgcolor="#000000"><img src="gambar/footer.jpg" name="footer" border="0"></td>

</tr>

</table></td> </tr>

</table> </center> </body> </html>


(4)

File tambah_materi.php

<?

include_once "inc/koneksi.php"; ?>

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

<html> <head>

<title> index.php</title>

<link href="my_css.css" rel="stylesheet" type="text/css"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Untitled Document</title> <style type="text/css">

<!--

.style7 {font-size: 18px} -->

</style> </head>

<body background="gambar/bg.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<center>

<table width="800" border="0" cellpadding="0" cellspacing="0"> <tr>

<td height="175" align="center" valign="middle"><img src="gambar/banner.jpg" width="800" height="175"

align="middle"></td> </tr>

<tr bgcolor="#004395">

<td height="40" valign="top"><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="40">

<param name="movie" value="gambar/menuDosen.swf"> <param name="quality" value="high">

<embed src="gambar/menuDosen.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800"

height="40"></embed> </object></td> </tr>

<tr bgcolor="#004395">

<td height="336" valign="top" bgcolor="#004395" class="kanankiri">

&nbsp; &nbsp;

<form name="form1" action="simpan_tambah.php" method="post" enctype="multipart/form-data">

<table width="504" border="0" align="center"> <tr>


(5)

<td colspan="3">&nbsp;</td> </tr>

<tr>

<td colspan="3"><div align="center" class="style1"><em><font color="#FFFF00">Form

Tambah Materi </font> </em></div></td> </tr>

<tr>

<td colspan="3">&nbsp;</td> </tr>

<tr>

<td><div align="left" class="style7"><font size="2" face="Arial, Helvetica, sans-serif"><span class="style2">Kode Matakuliah </span></font></div></td>

<td><div align="center" class="style2 style7"> <div align="center"><font color="#CCCCCC" size="2" face="Arial, Helvetica, sans-serif"><span

class="style2">:</span></font></div> </div></td>

<td><div align="left" class="style2">

<input type="hidden" name="kd_mtk" value="<? echo "$kd_mtk";?>">

<? echo "$kd_mtk"; ?> </div></td> </tr>

<tr>

<td width="169" height="23"><div align="left" class="style7"><font size="2" face="Arial, Helvetica, sans-serif"><span class="style2">Nama

Matakuliah </span></font></div></td>

<td width="24"><div align="center" class="style2 style7">

<div align="center"><font color="#CCCCCC"

size="2" face="Arial, Helvetica, sans-serif"><span class="style2"> :</span></font></div>

</div></td>

<td width="295"><div align="left" class="style2"> <input type="hidden" name="NPP" value="<? echo "$NPP"; ?>">

<? echo "$nama_mtk"; ?></div></td> </tr>

<tr>

<td height="25"><div align="left"

class="style7"><font size="2" face="Arial, Helvetica, sans-serif"><span class="style2">Nama

Materi </span></font></div></td>

<td><div align="center" class="style2 style2 style7">

<div align="center"><font color="#CCCCCC" size="2" face="Arial, Helvetica, sans-serif"><span

class="style2">:</span></font></div> </div></td>

<td><div align="left" class="style7"> <input type="text" name="nama_materi"> </div></td>

</tr> <tr>


(6)

<td><div align="left" class="style7"><font size="2" face="Arial, Helvetica, sans-serif"><span class="style2">Nama File Materi Baru</span></font></div></td> <td><div align="center" class="style2 style2 style7">

<div align="center"><font color="#CCCCCC" size="2" face="Arial, Helvetica, sans-serif"><span

class="style2">:</span></font></div> </div></td>

<td><div align="left" class="style7"> <input name="nama_file" type="file" value="Submit">

</div></td> </tr>

<tr>

<td><div align="left"><span class="style2"></span></div></td>

<td><div align="center" class="style2 style2"> <div align="left"></div>

</div></td>

<td><div align="left"><span class="style2">

<input name="simpan" type="submit" id="simpan" value="Simpan">

<input type="reset" name="Reset" value="Batal"> </span></div></td>

</tr> </table> </form>

</td> </tr>

<tr bgcolor="#004395">

<td height="40" valign="top" bgcolor="#004395" class="kanankiri">&nbsp;</td>

</tr> <tr>

<td height="50" colspan="2" valign="top"><table width="800" border="0" cellpadding="0" cellspacing="0">

<!--DWLayoutTable--> <tr>

<td width="800" height="50" bgcolor="#000000"><img src="gambar/footer.jpg" name="footer" border="0"></td>

</tr>

</table></td> </tr>

</table> </center> </body> </html> <?

mysql_free_result($prodi); ?>