Pembuatan lecture hall program studi ilmu komputer Universitas Sanata Dharma berbasis web menggunakan PHP dan mysql.
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
………...
8A. 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
………...
41A. 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 MasalahDalam 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 MasalahBagaimana 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 MasalahDalam 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.
TujuanAdapun 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.
ManfaatAdapun 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.
MetodologiDalam 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 PenulisanBAB 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 HallKata 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 WebBrowser 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 programmingMerupakan 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 programmingClient-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 2004Macromedia 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.
StringMerupakan 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.
FloatBersi bilangan pecahan atau bilangan decimal
d.
ArrayData yang mengandung beberapa data di dalamnya dan diindeks berdasarkan data numerik atau string.
e.
ObjectTipe 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 AritmatikaOperator 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 StringOperator 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 BitwiseOperator 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 PerbandinganOperator 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 LogikaOperator 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 IncrementMerupakan 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 NumerikTipe data numerik ada dua yaitu tipe data integer untuk data bilangan bulat dan tipe data floating point untuk bilangan decimal.
b.
Tipe Data StringBerisi 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 waktuMenyimpan 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 ServerApache 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 Sistem1. 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 KelayakanBerdasarkan 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 KebutuhanMahasiswa 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 ProsesProses 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 webDiagram 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"> </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> </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> </p>
<span class="style7"></span> <p> </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">
<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"> </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"> </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"> </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); ?>