E-Learning Pada Jurusan Matematika Universitas Sumatera Utara

(1)

E-LEARNING PADA JURUSAN MATEMATIKA

UNIVERSITAS SUMATERA UTARA

TUGAS AKHIR

AISYAH KARTIKA SIREGAR

072406105

PROGRAM STUDI DIII ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2010


(2)

E-LEARNING PADA JURUSAN MATEMATIKA UNIVERSITAS SUMATERA UTARA

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapain gelar Ahli Madya

AISYAH KARTIKA SIREGAR 072406105

PROGRAM STUDI DIII ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2010


(3)

PERSETUJUAN

Judul : E-LEARNING PADA JURUSAN MATEMATIKA

UNIVERSITAS SUMATERA UTARA

Kategori : TUGAS AKHIR

Nama : AISYAH KARTIKA SIREGAR

Nomor Induk Mahasiswa : 072406105

Program Studi : D3 ILMU KOMPUTER

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juni 2010

Diketahui/Disetujui oleh

Departemen Matematika FMIPA USU Pembimbing I Ketua,

Dr. Saib Suwilo, M.Sc Dr. Tulus, M.Si


(4)

PERNYATAAN

E-LEARNING PADA JURUSAN MATEMATIKA UNIVERSITAS SUMATERA UTARA

TUGAS AKHIR

Saya mengaku bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2010

AISYAH KARTIKA S 072406105


(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kehadirat Allah SWT, yang telah melimpahkan karunia-Nya dalam mengerjakan tugas akhir ini. Karena berkat rakmat dan ridho-Nya pula penulis dapat menyelesaikan Tugas Akhir dengan judul “E-learning Pada Jurusan Matematika Universitas Sumatera Utara. Penyusunan dan penulisan Tugas Akhir ini dibuat untuk memenuhi syarat kelulusan bagi setiap Mahasiswa Jurusan Ilmu Komputer Program Studi DIII di FMIPA USU Medan.

Penulis sepenuhnya menyadari bahwa penyelesaian Tugas Akhir ini tidak akan terwujud tanpa adanya dukungan dan bantuan semua pihak. Penulis mengucapkan terima kasih dan penghargan yang setinggi-tingginya kepada:

1. Bapak Dr. Tulus, M.Si, selaku Dosen Pembimbing Tugas Akhir yang telah memberikan bimbingan dan arahan selama ini kepada penulis dalam menyelesaikan tugas akhir.

2. Bapak Prof. Dr. Eddy Marlianto, M.Sc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

3. Bapak Dr. Sutarman, M.Sc, selaku pembantu Dekan I FMIPA USU.

4. Bapak Dr. Saib Suwilo, M.Sc, selaku Ketua Departemen Matematika FMIPA USU.

5. Seluruh Dosen pengajar Program Studi D-3 Ilmu Komputer Fakultas MIPA Universitas Sumatera Utara yang telah memberikan ilmu yang bermanfaat kepada penulis selama masa perkuliahan.


(6)

6. Ayahanda dan Ibunda tercinta, terima kasih atas kasih sayang dan dukungan baik secara material dan spiritual.

7. Rekan-rekan seangkatan D-3 Ilmu Komputer stambuk 2007.

Penulis menyadari bahwa dalam penyusunan Tugas Akhir ini masih banyak kekurangan karena keterbatasan kemampuan yang penulis miliki, untuk itu penulis mengharapkan kritik dan saran yang membangun.

Akhir kata penulis memohon maaf atas segala kekurangan yang ada dalam penulisan Tugas Akhir ini dan sekali lagi penulis berharap semoga Tugas Akhir ini dapat memberikan manfaat bagi penulis dan pembaca.

Medan, Juni 2010 Penulis,

Aisyah Kartika Siregar


(7)

ABSTRAK

Tugas ini bertujuan untuk memberikan suatu aplikasi yang memanfaatkan alat elektronik sebagai media pembelajaran. Aplikasi ini dirancang seiring berkembangnya kemajuan teknologi dan informasi. Aplikasi ini dirancang untuk memenuhi kebutuhan terhadap ilmu pengetahuan.

Dengan demikian, perancangan website e-learning yang memerlukan data dan informasi yang akurat agar e-learning yang dirancang dapat memenuhi kebutuhan yang sesuai yang diinginkan. Untuk itu penulis akan membahas E-Learning Pada Jurusan Matematika Universitas Sumatera Utara. Sistem ini memuat modul-modul yang di upload oleh dosen yang telah melakukan registrasi. Sistem ini juga memiliki keluaran yang meliputi modul-modul yang telah di upload dan kemudian user dapat melakukan download terhadap modul-modul tersebut.


(8)

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

Daftar isi vii

Daftar Tabel x

Daftar Gambar xi

Bab 1 Pendahuluan 1

1.1 Latar Belakang Penelitian 1

1.2 Rumusan Masalah 2

1.3 Batasan Masalah 3

1.4 Tujuan Penelitian 3

1.5 Kontribusi Penelitian 4

1.6 Kajian Pustaka 4

1.7 Metodologi Penelitian 7

1.8 Sistematika Penulisan 8

Bab 2 Landasan Teori 10

2.1 E-learning 10

2.1.1 Pengertian E-Learning 10

2.1.2 Sejarah E-Learning 10

2.1.3 Fungsi E-Learning 12

2.1.4 Keunggulan E-Learning 13

2.1.5 Kekurangan E-Learning 14

2.2 Komputer 15

2.2.1 Pengertian Komputer 15

2.2.2 Komponen-Komponen Komputer 15

2.3 Pengertian Internet 16

2.3.1 Sekilas Mengenai Web 17

2.3.2 Sejarah Web 18

2.3.3 Web Server 18

2.3.4 HTTP (Hypertext Transport Protokol) 18

2.4 HTML (HyperText Markup Language) 19

2.5 PHP 20

2.5.1 Sejarah PHP 20

2.5.2 Kelebihan PHP 21

2.5.3 Penggabungan script PHP dan HTML 22 2.5.4 Fungsi PHP dan MySQL 24


(9)

2.6 MySQL 25

2.6.1 Sejarah MySQL 25

2.7 Dreamweaver 27

2.7.1 Pengertian Dreamweaver 27

2.7.2 Ruang Kerja macromedia Dreamweaver 8 27

2.8 Adobe Photoshop CS2 29

2.8.1 Pengenalan Adobe Photoshop CS2 29 2.8.2 Keunggulan Adobe Photoshop CS2 29 2.8.3 Area Kerja Adobe Photoshop CS2 30

Bab 3 Perancangan Sistem 32

3.1 Perancangan Sistem 32

3.2 Perancangan Database 32

3.2.1 Tabel Dosen 33

3.2.2 Tabel Matkul 33

3.2.3 Tabel Upload 34

3.2.4 Tabel Download 34

3.2.5 Tabel Berita 35

3.2.6 Tabel Statistik 35

3.2.7 Tabel Tamu 36

3.2.8 Tabel User 36

3.3 Flowchart 37

3.3.1 Flowchart Login 38

3.3.2 Flowchart Registrasi Dosen 40

3.3.3 Flowchart Download 41

3.3.4 Flowchart Upload Modul 42

3.3.5 Flowchart Halaman Admin 43

3.3.6 Flowchart Aktifasi Dosen 44

3.3.5 Flowchart Change Password 45

Bab 4 Implementasi Sistem 46

4.1 Pengertian Implementasi Sistem 46

4.2 Tujuan Implementasi Sistem 46

4.3 Spesifikasi Hardware 47

4.4 Spesifikasi Software 47

4.5 Brainware 48

4.6 Instalasi Apache, PHP dan MySQL 48

4.7 Menjalankan Wampserver 49

4.8 Pengujian di Browser 50

4.9 Demonstrasi Program 52

4.9.1 Halaman Login 52

4.9.2 Halaman Umum 53

4.9.3 Halaman Dosen 54

Bab 5 Kesimpulan dan Saran 55

5.1 Kesimpulan 55


(10)

Daftar Pustaka 57 Lampiran A : Tampilan Program

Lampiran B : Listing Program Lampiran C : Surat-surat


(11)

DAFTAR TABEL

Halaman

Tabel 3.1 Tabel Dosen 33

Tabel 3.2 Tabel Matkul 33

Tabel 3.3 Tabel Upload 34

Tabel 3.4 Tabel Download 34

Tabel 3.5 Tabel Berita 35

Tabel 3.6 Tabel Statistik 35

Tabel 3.7 Tabel Tamu 36

Tabel 3.8 Tabel User 36


(12)

DAFTAR GAMBAR

Halaman

Gambar 2.1 Cara Kerja Komputer 15

Gambar 2.2 Tampilan Dreamweaver 28

Gambar 2.3 Tampilan Photoshop 30

Gambar 3.1 Flowchart Login 39

Gambar 3.2 Flowchart Registrasi Dosen 40

Gambar 3.3 Flowchart Download 41

Gambar 3.4 Flowchart Upload Modul 42

Gambar 3.5 Flowchart Halaman Admin 43

Gambar 3.6 Flowchart Aktifasi Dosen 44

Gambar 3.7 Flowchart Change Password Admin 45

Gambar 4.1 File E-Learning 50

Gambar 4.2 Alamat URL 51

Gambar 4.3 Tampilan Halaman Web 51

Gambar 4.4 Tampilan Menu Login 52

Gambar 4.5 Tampilan Halaman Umum 53


(13)

BAB 1

PENDAHULUAN

1.1 Latar Belakang Penelitian

Berbagai konsep dan teknik baru dalam pembelajaran telah banyak dikembangkan untuk menggantikan metode tradisional yang hanya mengandalkan pada kuliah satu arah di kelas. Pandangan baru seperti active learning dan student-centerededucation

telah mendorong lahirnya berbagai inovasi dalam teknologi pengajaran. Salah satu inovasi tersebut adalah e-learning yang diharapkan akan semakin besar dimasa yang akan datang. Hal tersebut seiring dengan perkembangan teknologi komputer dan

internet serta tuntutan globalisasi pendidikan akan keberadaan suatu sistem pendidikan jarak jauh (distance learning).

Perkembangan teknologi informasi dapat dimanfaatkan untuk meningkatkan kinerja dan memungkinkan berbagai kegiatan dapat dilaksanakan dengan cepat, tepat dan akurat. Perkembangan teknologi informasi juga telah banyak memberi pengaruh terhadap berbagai bidang kehidupan. Pengaruh tersebut salah satunya adalah pada bidang pendidikan. Teknologi informasi telah berfungsi sebagai pemasok ilmu pengetahuan.


(14)

Pesatnya kemajuan teknologi ini harus diimbangi dengan upaya peningkatan kualitas pendidikan dan pengetahuan. Peningkatan kualitas pendidikan dan pengetahuan dapat dilakukan salah satunya dengan adanya e-learning. Penerapan e-learning diharapkan dapat membantu kelengkapan pembelajaran konvensional. Proses belajar dan mengajar yang konvensional sangat didomianasi oleh peran guru. Pada masa yang akan datang proses belajar mengajar akan didominasi oleh peran guru, buku dan teknologi (the area of teaher, book dan technology) (Soekartawi, 2002).

Oleh sebab itu dari semua uraian diatas, maka penulis mengambil judul tugas akhir “E-LEARNING PADA JURUSAN MATEMATIKA UNIVERSITAS SUMATERA UTARA” yang menggunakan pemrograman web PHP dan basis data MySQL.

1.2 Rumusan Masalah

Secara garis besar dapat dirangkumkan bahwa permasalahan yang di hadapi adalah sebagai berikut :

a. Bagaimana membuat proses pembelajaran dapat dilakukan tidak hanya di dalam kelas tetapi juga bisa dilakukan di mana saja melalui e-learning.

b. Bagaimana menjadikan kemajuan teknologi dan informasi menjadi pemasok ilmu pengetahuan.


(15)

1.3 Batasan Masalah

Harus disadari keterbatasan kemampuan manusia dalam menyelesaikan pekerjaan yang semakin hari semakin meningkat tingkat kerumitannya, serta harus memenuhi prinsip tepat waktu dan tepat guna. Terlebih lagi dalam hal informasi yang baik dan

up to date.

Pembatasan Masalah Tugas Akhir ini adalah :

1. Website e-learning ini hanya mencakup pembahasan mengenai modul/ materi kuliah yang telah di upload oleh dosen pengajar.

2. Materi e-learning hanya diperuntukkan bagi mahasiswa / mahasiswi USU yang dibatasi melalui alamat IP address.

3. Pembahasan tidak mencakup permasalahan keamanan yang mungkin terjadi akibat serangan dari hacker atau cracker pada web server dan

database server yang digunakan untuk tempat penyimpanan program dan data pada sistem ini.

4. Lingkungan sistem didesain menggunakan bahasa pemrograman PHP, Javascript, dan database MySQL yang dapat berjalan pada web browser di berbagai macam sistem operasi.

1.4 Tujuan Penelitian

Penelitian ini dilakukan untuk membantu dalam menyampaikan informasi mengenai materi perkuliahan ataupun materi tambahan perkuliahan. Perancangan e-learning ini diharapkan memiliki manfaat baik langsung maupun tidak langsung.


(16)

Adapun tujuan-tujuan dari pengembangan e-learning ini adalah sebagai berikut:

a. Menjadikan teknologi informasi sebagai pemasok ilmu pengetahuan. b. Menjadikan proses pembelajaran lebih mudah dan murah.

c. Menjadikan proses belajar mengajar tidak hanya terjadi di kampus tetapi juga bisa dilakukan di mana saja.

1.5 Kontribusi Penelitian

Pembelajaran yang dilakukan secara konvensional memiliki banyak keterbatasan yang harus di perbaiki. Penelitian ini dirancang untuk memudahkan proses pembelajaran dilakukan dimana saja dan kapan saja. Maka dari itu perancangan e-learning ini diharapkan memberikan kontribusi yang besar. Kontribusi yang ingin dicapai yaitu :

1. Memanfaatkan teknologi sebagai alat pembelajaran yang bermutu.

2.Memudahkan dosen menyampaikan informasi tentang matakuliah dan materi pelajaran yang ada dikampus.

3. Menjadikan pembelajaran dan penyampaian inforamasi lebih cepat. 4. Membangun budaya belajar melalui pengembangan e-learning.

1.6 Kajian Pustaka

E-Learning adalah jenis proses belajar mengajar yang memungkinkan tersampainya bahan ajar ke siswa dengan menggunakan media internet atau media jaringan lain


(17)

E-Learning (electronic learning) adalah pembelajaran baik secara formal maupun informal yang dilakukan melalui media elektronik, seperti internet, intranet, CD-ROM, video tape, DVD, TV, handphone, PDA, dan lain-lain (Lende, 2004). Akan tetapi, e-learning pembelajaran yang lebih dominan menggunakan internet (berbasis web).

E-Learning lebih tepat ditujukan sebagai usaha untuk membuat sebuah transformasi proses belajar mengajar yang ada di sekolah atau kampus ke dalam bentuk digital yang memanfaatkan fasilitas dari teknologi informasi yaitu internet (Anggoro, 2005).

Pembelajaran adalah suatu kombinasi yang tersusun meliputi unsur-unsur manusiawi, material, fasilitas, perlengkapan dan prosedur yang saling mempengaruhi mencapai tujuan pembelajaran (Oemar Hamalik, 1995).

Proses belajar / mengajar adalah fenomena yang kompleks. Segala sesuatunya berarti, setiap kata, pikiran, tindakan, dan asosiasi dan sampai sejauh mana kita mengubah lingkungan, presentasi dan rancangan pengajaran, sejauh itu pula proses belajar berlangsung (Lozanov, 1978).

Ada 3 (tiga) fungsi pembelajaran elektronik terhadap kegiatan pembelajaran didalam kelas (classroom instruction), yaitu sebagai suplement yang sifatnya pilihan / optional, pelengkap (komplemen), atau pengganti (substitusi) (siahaan, 2002).

Menurut A. W. (Bates, 1995) dan K. Wulf (Wulf, 1996) manfaat pembelajaran


(18)

1. Meningkatkan kadar interaksi pembelajaran antara peserta didik dengan guru atau instruktur (enhance interactivity).

Apabila dirancang secara cermat, pembelajaran elektronik dapat meningkatkan kadar interaksi pembelajaran, baik antara peserta didik dengan guru / instruktur, antara sesama peserta didik, maupun antara peserta didik dengan bahan belajar (enhance interactivity).

2. Memungkinkan terjadinya interaksi pembelajaran dari mana dan kapan saja (time and place flexibility).

Mengingat sumber belajar yang sudah dikemas secara elektronik dan tersedia untuk diakses oleh peserta didik melalui internet, maka peserta didik dapat melakukan interaksi dengan sumber belajar ini kapan saja dan dari mana saja (Dowling, 2002).

3. Menjangkau peserta didik dalam cakupan yang luas (potential to reach a global audience).

4. Mempermudah penyempurnaan dan penyimpanan materi pembelaharan (easy updating of content as well as archivable capabilities).

PHP adalah suatu bahasa script yang ditempatkan dalam server dan diprosess di server. Hasilnya dikirimkan ke client lalu ditampilkan di jendela browser (Andi, 2004). MYSQL adalah sebuah aplikasi Relational Database Management Server(RDBMS) yang sangat cepat dan kokoh. Istilah seperti table, baris, dan kolom tetap digunakan dalam MYSQL. Pada MYSQL sebuah database mengandung beberapa tabel, tabel terdiri dari sejumlah baris dan kolom (Jogiyanto, 2004).


(19)

1.7 Metodologi Penelitian

Suatu penelitian tidak terlepas dari metode pendekatan terhadap objek ataupun penyelesaian masalahnya. Penelitian yang penulis lakukan juga bersifat ilmiah dan memiliki metode pendekatan terhadap objek penelitian. Adapun metode yang dilakukan penulis adalah :

a. Lokasi Penelitian

Lokasi penelitian ini adalah Universitas Sumatera Utara.

b. Menentukan Perlengkapan

Perlengkapan merupakan alat atau bahan yang sangat diperlukan antara lain.

Software PHP yang digunakan sebagai bahasa pemograman. MySQL yang digunakan sebagai database dan phpMyadmin. Dreamweaver dapat dijadikan sebagai tempat untuk membangun website. Adobe Photoshop yang digunakan sebagai software untuk mendesain tampilan website.

c. Pembuatan program

Program dibuat berdasarkan judul penelitian. Sistem informasi ini dimulai dengan mendesain tampilan web, membuat database lalu menghubungkan antara PHP dan MySQL.

d. Pengujian program

Pengujian program dilakukan agar dapat melihat berhasil atau tidak program yang dibuat. Apabila program yang dibuat tidak berhasil maka dapat dilakukan perbaikan kembali.


(20)

1.8 Sistematika Penulisan

Adapun sistematika penulisan Tugas Akhir ini adalah sebagai berikut :

BAB 1 : PENDAHULUAN

Pada bab ini diuraikan secara ringkas permasalahan tentang latar belakang penelitian, rumusan masalah, batasan masalah, tujuan penelitian, kontribusi penelitian, kajian pustaka, metodologi penelitian, dan sistematika penulisan.

BAB 2 : LANDASAN TEORI

Di dalam bab ini diuraikan mengenai teori-teori yang digunakan dan membahas software-software yang digunakan dalam mendukung pembuatan

website e-learning ini.

BAB 3 : PERANCANGAN SISTEM

Pada bab ini dijelaskan mengenai database yang dirancang untuk mendukung pembuatan website e-learning. Penjelasan mengenai flowchart atau algoritma yang digunakan.

BAB 4 : IMPLEMENTASI SISTEM

Pada bab ini penulis menyajikan definisi implementasi sistem, tujuan implementasi, spesifikasi hardware, software, brainware, instalasi Apache, PHP, MySQL, menjalankan wampserver, pengujian di browser, dan demonstrasi program.


(21)

BAB 5 : KESIMPULAN DAN SARAN

Pada bab ini penulis menguraikan tentang kesimpulan dan saran-saran yang berguna dalam pelaksanaannya.


(22)

BAB 2

LANDASAN TEORI

2.1E-learning

2.1.1 Pengertian E-Learning

E-Learning merupakan suatu jenis belajar mengajar yang memungkinkan tersampaikannya bahan ajar ke siswa dengan menggunakan media internet, intranet, atau media jaringan computer lain (Hartley, 2001).

E-Learning adalah sistem pendidikan yang menggunakan aplikasi elektronik untuk mendukung belajar mengajar dengan media internet, jaringan computer, maupun computer standalone (Glossary, 2001).

E-Learning sebagai sembarang pengajaran dan pembelajaran yang menggunakan rangkaian elektronik (LAN, WAN, atau internet) untuk menyampaikan isi pembelajaran , interaksi, atau bimbingan (Koran, 2002).

2.1.2 Sejarah E-Learning


(23)

komputer (computer assisted instruktion) dan komputer bernama PLATO. Sejak saat itu, perkembangan E-Learning berkembang sejalan dengan perkembangan dan kemajuan teknologi. Berikut perkembangan E-Learning dari masa ke masa :

a. Tahun 1990 : Pada masa CBT (Computer-Based Training) di mana mulai bermunculan aplikasi E-Learning yang berjalan dalam PC standlone ataupun berbentuk kemasan CD-ROM. Isi materi dalam bentuk tulisan maupun multimedia (Video dan Audio) dalam format mov, mpeg-1, atau avi.

b. Tahun 1994 : Seiring dengan diterimanya CBT oleh masyarakat sejak tahun 1994 CBT muncul dalam bentuk paket-paket yang lebih menarik dan diproduksi secara masal.

c. Tahun 1997 : LMS (Learning Management System). Seiring dengan perkembangan teknologi internet, masyarakat di dunia mulai terkoneksi dengan internet. Kebutuhan akan informasi yang dapat diperoleh dengan cepat mulai dirasakan sebagai kebutuhan mutlak dan jarak serta lokasi bukanlah halangan lagi. Dari sinilah muncul LMS. Perkembangan LMS yang makin pesat membuat pemikiran baru untuk mengatasi masalah interoperability antar LMS yang satu dengan lainnya secara standar. Bentuk standar yang muncul misalnya standar yang dikeluarkan oleh AICC (Airline Industry CBT Commettee), IMS, IEEE LOM, ARIADNE, dsb.

d. Tahun 1999 sebagai tahun aplikasi E-learning berbasis Web. Perkembangan LMS menuju aplikasi e-learning berbasis Web berkembang secara total, baik untuk pembelajar (learner) maupun administrasi belajar mengajarnya. LMS mulai digabungkan dengan situs-situs informasi, majalah dan surat kabar. Isinya juga semakin kaya dengan perpaduan multimedia, video streaming serta


(24)

penampilan interaktif dalam berbagai pilihan format data yang lebih standar dan berukuran kecil.

2.1.3 Fungsi E-Learning

Ada 3 (tiga) fungsi pembelajaran elektronik terhadap kegiatan pembelajaran di dalam kelas (Classroom instruction), yaitu sebagai suplemen yang sifatnya pilihan / optional, pelengkap (komplemen), atau pengganti (substitusi) (Siahaan, 2002).

a. Suplemen

Dikatakan berfungsi sebagai supplemen (tambahan), apabila peserta didik mempunyai kebebasan memilih, apakah akan memanfaatkan materi pembelajaran elektronik atau tidak. Dalam hal ini, tidak ada kewajiban / keharusan bagi peserta didik untuk mengakses materi pembelajaran elektronik. Sekalipun sifatnya opsional, peserta didik yang memanfaatkannya tentu akan memiliki tambahan pengetahuan atau wawasan.

b. Komplemen (Tambahan)

Dikatakan berfungsi sebagai komplemen (pelangkap) apabila materi pembelajaran elektronik diprogramkan untuk melangkapi materi pembelajaran yang diterima siswa di dalam kelas (Lewis, 2002). Sebagai Komplemen berarti materi pembelajaran elektronik diprogramkan utnuk menjadi materi reinforcement (pengayaan) atau remedial bagi peserta didik di dalam mengikuti kegiatan pembelajaran konvensional. Materi


(25)

pembelajaran elektronik dikatakan sebagai enrichment, apabila kepada peserta didik yang dapat dengan cepat menguasai / memahami materi pelajaran yang disampaikan guru secara tatap muka (fast leaners) diberikan kesempatan untuk mengakses materi pembelajaran elektronik yang memang secara khusus dikembangkan untuk mereka. Tujuannya agar semakin memantapkan tingkat penguasaan peserta didik terhadap materi pelajaran yang disajikan guru didalam kelas. Dikatakan sebagai program remedial, apabila kepada peserta didik yang mengalami kesulitan memahami materi pelajaran yang disajikan guru secara tatap muka di kelas (Slow learners) diberikan kesempatan untuk memanfaatkan materi pembelajaran elektronik yang memang secara khusus dirancang untuk mereka.

c. Pengganti (Substitusi)

Beberapa perguruan tinggi di Negara-negara maju memberikan beberapa alternatif model kegiatan pembelajaran / perkuliahan kepada para mahasiswanya. Tujuannya agar para mahasiswa dapat secara fleksibel mengelola kegiatan perkuliahannya sesuai dengan waktu dan aktivitas lain sehari-hari mahasiswa.

2.1.4 Keunggulan

Keuntungan menggunakan E-Learning adalah sebagai berikut : a. Menghemat waktu proses belajar mengajar.


(26)

c. Menghemat biaya pendidikan secara keseluruhan (infrastruktur, peralatan, buku-buku).

d. Menjangkau wilayah geografis yang lebih luas.

e. Melatih pembelajaran lebih mandiri dalam mendapatkan ilmu pengetahuan.

2.1.5 Kekurangan

Pemanfaatan internet untuk pembelajaran atau e-learning juga tidak terlepas dari berbagai kekurangan. Berbagai keritik (Bullen,2001 dan Beam,1997), antara lain :

1. Kurangnya interaksi antara guru dan siswa atau bahkan antar siswa itu sendiri.

2. Kecenderungan mengabaikan aspek akademik atau aspek social dan sebaliknya mendorong tumbuhnya aspek bisnis / komersial.

3. Proses belajar dan mengajarnya cenderung kearah pelatihan daripada pendidikan.

4. Berubahnya peran guru dari yang semula menguasai teknik pembelajaran konvensional, juga dituntut mengetahui teknik pembelajaran menggunakan ICT.

5. Siswa yang tidak mempunyai motivasi belajar yang tinggi cenderung gagal.

6. tidak semua tempat tersedia fasilitas internet.

7. kurangnya tenaga yang mengtahui dan memiliki keterampilan internet. 8. kurangnya penguasaan bahasa komputer.


(27)

2.2Komputer

2.2.1 Pengertian Komputer

Komputer berasal dari bahasa latin yaitu Conputare yang artinya menghitung. Dalam bahasa inggris disebut to compute. Secara definisi komputer diterjemahkan sebagai sekumpulan alat elektronik yang saling bekerja sama, dapat menerima data (input), mengolah data (proses) dan memberikan informasi(output) serta terkondisi di bawah

control program yang tersimpan di memorinya. Jadi cara kerja komputer yaitu :

2.2.2 Komponen – Komponen Komputer

Komputer terdiri dari tiga komponen utama yang tidak dapat dipishkan, yaitu :

1. Hardware

Merupakan peralatan fisik dari komputer yang dapat kita lihat dan rasakan,

hardware terdiri dari : input/output device, storage device, monitor, casing

unit, central procesing unit (CPU).

Input Data Proses Diolah Output data

Storage Penyimpanan


(28)

2. Software

Merupakan program-program komputer yang berguna untuk menjalankan suatu pekerjaan sesuai dengan yang dikehendaki. Program tersebut ditulis dengan bagasa khusus yang dikehendaki. Program tersebut ditulis dengan bahasa khusus yang di mengerti komputer. Software terdiri dari beberapa jenis yaitu : Sistem operasi, Program Utility, Program aplikasi, program paket, bahasa pemrograman.

3. Brainware

Brainware adalah personil-personil yang terlibat langsung dalam pemakaian komputer, seperti system analis, programmer, operator,user, dll. Pada organisasi yang cukup besar masalah komputerisasi biasanya ditangani oleh bagian khusus yang dikenal dengan bagian EDP (Elektronik Data Processing), atau sering disebut dengan EDP Departemen, yang dikepalai oleh seorang manager EDP.

2.3Pengertian Internet

Internet adalah interkoneksi jaringan-jaringan computer yang ada di dunia. Sehingga cakupannya sudah mencapai satu planet, bahkan tidak menutup kemungkinan antar planet. Koneksi antarjaringan computer dapat dilakukan berkat dukungan protocol yang khas, yaitu Internet Protokol (IP) (Iwan, 2008).

Asal-usul internet berasal dari jaringan komputer yang dibentuk pada tahun 1970-an. Jaringan komputer tersebut disebut dengan Arpanet, yaitu jaringan komputer


(29)

yang dibentuk oleh departemen pertahanan Amerika Serikat. Selanjutnya, jaringan komputer tersebut diperbaharui dan dikembangkan, dan sekarang penerusnya menjadi tulang punggung global untuk sumber daya informasi yang disebut dengan internet.

2.3.1 Sekilas Mengenai Web

World Wide Web (WWW) atau biasa disebut dengan Web, merupakan salah satu sumber daya internet yang berkembang pesat. Informasi Web didistribusikan melalui pendekatan hypertext, yang memungkinkan suatu teks pendek menjadi acuan untuk membuka dokumen yang lain. Dokumen-dokumen yang diaksespun dapat tersebar di berbagai mesin dan bahkan di berbagai negara.

Jaringan web telah membentang ke seluruh penjuru dunia. Tidak hanya terbatas pada lembaga-lembaga penelitian yang ingin mempublikasikan hasil riset, web juga banyak digunakan oleh perusahaan bisnis yang ingin mengiklankan produk atau melakukan transaksi bisnisnya.

Pada awalnya aplikasi Web dibangun hanya dengan menggunakan bahasa yang disebut HTML (HyperText Markup Language) dan protocol yang digunakan dinamakan HTTP (HyperText Transfer Protocol). Pada perkembangan berikutnya sejumlah skrip dan objek dikembangkan untuk memperluas kemampuan HTML, antara lain yaitu PHP.


(30)

2.3.2 Sejarah Web

Sejarah Web dimulai pada tahun 1989 ketika tim Berner-Lee yang bekerja di laboratorium Fisika Partikel Eropa atau yang dikenal dengan nama CERN (Consei European pour la Recherce Nuclaire) yang berada di genewa, swisss, mengajukan protocol (suatu tatacara untuk berkomunikasi) system distribusi informasi internet yang digunakan untuk berbagai informasi diantaranya para fisikawan. Protokol inilah yang selanjutnya dikenal sebagai Protokol World Wide Web dan dikembangkan oleh

World Wide Web Consortium (W3C).

2.3.3 Web Server

Web server adalah server yang melayani permintaan client terhadap halaman web.

Middleware adalah perangkat lunak yang bekerja sama dengan web server dan berfungsi menerjemahkan kode-kode tertentu. Menjalankan kode-kode tersebut dan memungkinkan berinteraksi dengan basis data. Web browser adalah perangkat lunak disisi client yang digunakan untuk mengakses informasi web. Contoh : Internet Explorer, Netscape, dan Mozilla.

2.3.4 HTTP (Hypertext Transfer Protocol)

HTTP (Hypertext Transfer Protocol) adalah suatu protocol yang digunakan oleh web server untuk mengirim dan menerima informasi. Bisa digunakan untuk mengirim dan menerima teks, grafik, gambar, suara, video, dan file multimedia lainnya. Biasanya


(31)

file dimulai dengan kata “http”, biarpun saat ini bisa dihilangkan (Sutedjo Dharma Oetomo Budi, 2003, hal: 78).

HTTP tidak memiliki apa yang disebut session, seperti FTP yang menjaga hubungan antara server dan client secara konsisten. Setelah data di transfer, koneksi antara client dan server akan terputus. Sifat ini membuat HTTP sering disebut dengan istilah protokol hit-and-run (Muhammad Sutiyadi, 2003).

2.4HTML

Pada dasarnya HTML adalah semacam standar yang digunakan dalam dunia web. HTML bersifat fleksible, artinya HTML dapat disisipkan kode-kode script seperti

javascript, VBScript, dan juga bahasa pemrograman berbasis web seperti PHP dan ASP. Animasi seperti flash serta beberapa jenis file grafis dan multimedia juga dapat disisipkan dan ditampilkan melalui HTML. Fleksibilitas HTML dan daya dukungannya ini meningkatkan daya guna dan menjadikannya sebagai bahasa kode yang dinamis.

HTML(HyperText Markup Language) dikenal sebagai bahasa kode berbasis teks untuk membuat sebuah halaman web. Keberadaannya dikenali dengan adanya ekstensi *.htm atau *.html, misalnya index.htm (MADCOMS, 2008).


(32)

2.5PHP

2.5.1 Sejarah PHP

PHP adalah singkatan dari PHP Hypertext Preprocessor yang merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnya akan dikirim ke client, tempat pemakai menggunakan browser. Berbeda dengan Javascript, yang mana skrip diproses client.

PHP pertamakali dibuat pada musim gugur tahun 1994 oleh Ramus Lerdoff. Ini bermula saat Ramus Lerdoff membuat sejumlah skrip perl yang dapat mengamati siapa saja yang melihat – lihat daftar riwayat hidupnya . Skrip – skrip ini selanjutnya dikemas menjadi tool yang disebut “ Personal Home Page”. Paket inilah yang menjadi cikal bakal PHP. Pada tahun 1995, Ramus menciptakan PHP/FI (Personal Home Page/Form Interpreter) versi 2.0. Sejak itulah PHP bersifat open source.

Pada bulan November 1997, PHP/FI versi 2.0 berhasil dirilis. Pada rilis ini

interpreter sudah diimplementasikan dalam bahasa C. Masih pada tahun yang sama sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Pada bulan Juni 1998 Zend kembali merilis

interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0. Kemudian pada pertengahan tahun 1999, Zend merilis kembali interpreter PHP baru dengan nama PHP 4.0. PHP 4.0 merupakan versi PHP yang paling populer di kalangan programmerwebsite. Alasan yang menjadikan versi 4.0 ini begitu diminati adalah kemampuannnya untuk membangun aplikasi website yang kompleks, namun tetap stabil dalam kecepatan proses dan stabilitas yang tinggi.


(33)

Mulai pada bulan Juni 2004, PHP 5.0 kembali dirilis oleh Zend. Versi ini adalah versi mutakhir dari PHP. Pada versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahasa pemrograman ke arah pemograman berorientasi objek.

Berdasarkan survey Netcraft pada bulan Desember 1999,lebih dari sejuta site

menggunakan PHP, diantaranya : Mitsubishi, RedHAt, NASA, MP3-Lycos dan sebagainya. Pada awal bulan Januari 2001, PHP telah dipakai oleh 5 juta domain di seluruh dunia.

2.5.2 Kelebihan PHP

Diantara maraknya pemrograman server web saat ini adalah ASP yang berkembang menjadi ASP.NET, JSP, CFML, dan PHP. Jika dibandingkan diantara 3 terbesar pemrograman web server diatas, terdapat kelebihan dari PHP yaitu:

1. PHP memiliki tingkat akses yang lebih cepat.

2. PHP memiliki tingkat lifecycle yang cepat sehingga selalu mengikuti perkembangan teknologi internet.

3. PHP memiliki tingkat keamanan yang tinggi.

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

5. PHP mampu berjalan di linux sebagai platformsystem operasi utama bagi PHP, namun juga dapat berjalan di FreeBSD, Unix, Solaris, Windows, dan lain-lain.


(34)

6. PHP juga mendukung akses ke beberapa database yang sudah ada, baik yang bersifat free/gratis ataupun komersil. Database itu antara lain

MySQL, ProgresSQL, mSQL, Informix, dan Microsoft SQL server. 7. PHP bersifat free atau gratis.

2.5.3 Penggabungan Script PHP dan HTML

Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar (>). Ada tiga cara untuk menuliskan script PHP yaitu :

1. <? Script PHP ?> 2. <?php Script PHP?>

3. <SCRIPT LANGUAGE=”php”> Script php

</script>

Pemisah antar instruksi adalah tanda titik koma (;). Untuk membuat atau menambahkan komentar, standar penulisan adalah /*komentar*/, //komentar dan #komentar. Untuk menuliskan script PHP, ada dua cara yang sering digunakan yaitu Embedded Script dan Non- Embedded Script.

a. Embedded Script

Embedded Script yaitu script PHP yang disisipkan diantara tag-tag HTML. Contoh dari Embedded Script :

<html> <head>


(35)

<title>Embedded Script</title> </head>

<body> <?php

Echo “Hello World…..”; ?>

</body> </html>

b. Non-Embedded Script

Non-Embedded Script adalah script program PHP murni. Termasuk tag HTML yang disisipkan dalam script PHP.

Contoh dari Non-Embedded Script : <?php

echo “<html>”; echo “<head>”;

echo “<title>Mengenal PHP</title>”; echo “</head>”;

echo “<body>”;

echo “<p>Hello World…..</p>’; echo “</body>”;

echo “</html>”; ?>


(36)

2.5.4 Fungsi PHP dan MySQL

Adapun fungsi PHP untuk mengakses MySQL yang biasa digunakan diantaranya adalah :

a. mysql_connect()

Fungsi mysql_connect adalah untuk menggabungkan PHP dengan database

MySQL. Format penulisannya adalah :

mysql_connect(string hostname, string username, string password);

b. mysql_select_db()

Setelah terhubung ke database MySQL dengan menggunakan mysql_connect, maka langkah selanjutnya adalah memilih database yang akan digunakan. Fungsi mysql_select_db digunakan untuk memilih database. Format fungsinya adalah :

mysql_select_db(string database, koneksi);

c. mysql_query()

Dalam database MySQL, perintah untuk melakukan transaksi ialah perintah SQL. Sebutan untuk mengirim perintah SQL dinamakan query. Query

memberi perintah kepada database untuk melakukan apa yang dikehendaki. Format fungsinya adalah :

mysql_query(string query, link identifier);

d. mysql_num_rows()

Kegunaan dari fungsi ini adalah untuk menghitung jumlah baris yang dikenai oleh proses SQL. Format fungsinya adalah :


(37)

e. mysql_fetch_array()

Fungsi ini dengan menampilkan data. Untuk menampilkan data, digunakan fungsi mysql_fetch_array dengan fungsi ini, hasil query ditampung dalam bentuk array. Format fungsinya adalah :

Array mysql_fetch_array(int result, int[result_type]);

(Kasinan Peranginangin, 2006).

2.6MySQL

2.6.1 Sejarah MySQL

Mysql dikembangkan oleh sebuah perusahaan swedia yang pada saat itu bernama TcX Data Konsult AB, dan pada akhirnya berubah nama menjadi MySQL AB. Sekitar tahun 1994-1995, TcX membuat database MySQL untuk mengembangkan aplikasi

web clien. TcX merupakan perusahaan pengembang software dan consult database.

Michael Widenius atau disebut ” Monty ” adalah pengembangan satu-satunya di TcX. Dengan berlandasan pada aplikasi UNIREG dan ISAM yang dibuat sendiri, dia memutuskan untuk mencari antarmuka SQL yang sangat tepat untuk ditempelkan di atasnya. Awalnya dia menggunakan mSQL singkatan mini SQL ( Stucture Query Language ). Dia beranggapan bahwa mSQL merupakan satu-satunya kode database open source yang tersedia dan cukup sederhana saat itu. Namun setelah dia melakukan uji coba, ternyata mSQL tidak cukup cepat dan fleksibel. Dan pada versi pertama mSQL tidak memiliki indeks. Setelah itu, dia menghubungi David Hughes sebagai pembuat mSQL, namun karena David tengah sibuk dalam mengembangkan versi 2


(38)

mSQL, maka dia (Monty) memutuskan untuk membuat sendiri mesin SQL yang antarmuka mirip dengan SQL, namun memiliki kemampuan yang lebih sesuai kebutuhan, sehingga lahirnya MySQL.

Pada bulan Mei 1996, versi 1.0 berhasil dirilis secara terbatas hanya untuk empat orang saja. Namun di bulan Oktober pada tahun yang sama versi 3.11.0 dilepas ke publik. Namun mula – mula kode ini tidak diberikan di bawah lisensi GPL (General Public License), melainkan lisensi khusus yang intinya kurang lebih seperti ini : ”Source code MySQL dapat dilihat dan gratis, serta server MySQL dapat dipakai tanpa biaya tetapi hanya untuk kebutuhan nonkomersial. Untuk kebutuhan komersial (misal : mengemas dan menjual MySQL atau menyertakan MySQL dalam program komersial lain), anda harus bayar lisensi”.

Pada bulan Juni 2000, Mysql AB mengumumkan bahwa sejak versi 3.23.19, MySQL adalah merupakan software database yang bebas berlisensi GPL. Artinya: ”Source code MySQL dapat dilihat dan gratis, serta server MySQL dapat dipakai tanpa biaya untuk kebutuhan apapun. Tapi jika anda memodifikasi source code, anda juga harus melepasnya dibawah lisensi yang sama, yaitu GPL”. Kini perusahaan MySQL AB yang beranggotakan 10 programmer dan 10 karyawan lain dapat memperoleh pemasukan terutama dari jasa konsultasi seputar MySQL.

Pada versi awal, MySQL hanya berjalan di Linux, Solaris dan juga masih banyak terdapat kelemahan walau sudah dapat digunakan untuk aplikasi web


(39)

2.7Dreamweaver

2.7.1 Pengertian Dreamweaver

Macromedia dreamweaver adalah sebuah HTML editor professional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Dreamweaver

merupakan software utama yang digunakan oleh desainer maupun web programmer

guna mengembangkan situs web. Ruang kerja, fasilitas dan kemampuan dreamweaver

mampu meningkatkan produktivitas dan efektivitas dalam desain maupun membangun situs web. Dreamweaver juga dilengkapi dengan fasilitas untuk manajemen situs yang cukup lengkap.

Fasilitas terbaru dari Macromedia Dreamweaver 8 adalah Zoom Tool and Guides, Panel CSS yang baru, Code Collapse, Coding Toolbar, dan Insert Flash Video. Macromedia Dreamweaver 8 mendukung pemrograman script server-side, seperti PHP, ASP, ASP.NET, ColdFusion dan JSP. Pemrograman script server-side

maksudnya adalah script yang digunakan dalam pemrograman web dinamis dimana semua perintahnya dieksekusi pada server. Fungsi server disini adalah sebagai pemroses script dan hasilnya dikembalikan dalam bentuk tag-tag HTML yang kemudian ditampilkan dalam browser.

2.7.2 Ruang Kerja Macromedia Dreamweaver 8

Ruang kerja Macromedia Dreamweaver8 memiliki komponen – komponen yang memberikan fasilitas dan ruang untuk menuangkan kreasi anda dalam bekerja. Ruang


(40)

kerja yang di sediakan Macromedia Dreamweaver8 antara lain adalah Insert Bar,

Document Window, Panel Groups, dan Property Inspector.

1. Insert Bar

Insert bar merupakan tool yang digunakan untuk menyisipkan objek ke dalam dokumen web. Ada enam kelompok kategori yang digunakan untuk insert bar

yaitu Common, Layout, Form, Text, HTML, dan Aplication yang masing-masing memiliki beberapa tool beserta kegunaannya.

2. Document Window

Jendela kerja dokumen terdiri atas layer kerja serta fasilitasnya, Yang dimaksud dengan fasilitas adalah tool untuk mengatur layer kerja atau sering disebut Document Toolbar, tersedia fasilitas lain yaitu Tag Selection.

3. Panel Groups

Panel pada Macromedia Dreamweaver 8 merupakan suatu media yang berfungsi sebagai fasilisator. Kumpulan berbagai panel disebut Panel Groups,


(41)

terletak pada sebelah kanan layar kerja. Panel-panel tersebut diantaranya CSS,

Application, Tag Inspector, Files dan History yang masing-masing memiliki bagian dan fungsi.

4. Property Inspector

Property Inspector merupakan area kerja untuk mengatur dalam mengelola properti-properti seperti pada text, image, maupun tabel dalam suatu dokumen web. Cara kerja Property Inspector hanya dengan memasukkan nilai-nilai parameter yang sudah disediakan. Secara umum Property Inspector terdiri dari

Page Property, Table Property, Image Property, dan Form Property.

2.8Adobe Photoshop CS2

2.8.1 Pengenalan Adobe Photoshop CS2

Adobe Photoshop Creative Suite 2 adalah program aplikasi grafis terpopuler. Adobe Photoshop menyediakan beberapa fasilitas dan fitur yang mudah diaplikasikan bagi

user professional maupun pemula untuk memberikan hasil maksimal.

2.8.2 Keunggulan Adobe Photoshop CS2

Adobe Photoshop Creative Suite 2 memiliki beberapa keunggulan dibandingkan versi terdahulu di antaranya :

1. Kemudahan melakukan seleksi. 2. Kemudahan mengatur setting warna.


(42)

3. File browser yang fleksible dalam pengorganisasian file. 4. kemudahan menggunakan keyboard shotcut.

5. dapat membuat slide show dan presentasi 6. kemudahan menentukan warna lebih cepat

2.8.3 Area Kerja Adobe Photoshop CS2

Adobe Photoshop CS2 merupakan salah satu software desain grafis yang penulis gunakan untuk merancang tampilan halaman website. Gambaran area kerja photoshop

dapat dilihat seperti gambar di bawah ini :

Adobe Photoshop Creative Suit 2 memiliki beberapa bagian, antara lain :


(43)

1. Baris Menu

Baris menu adalah sekumpulan perintah dalam bentuk teks yang terletak di bagian atas lembar kerja Adobe Photoshop CS2.

2. Option Bar

Option Bar adalah sekumpulan perintah dalam bentuk simbol atau gambar yang terletak dibawah baris menu.

3. ToolBox

TollBox adalah peranti yang digynakan untuk memanipulasi image, biasanya terletak di sisi sebelah kiri lembar kerja.

4. Stage / Bidang Kanvas

Merupakan area pengeditan atau pembuatan objek.

5. Panel

Bagian dari lembar kerja Adobe Photoshop CS2 yang terdiri dari layer dan terletak di sisi kanan lembar kerja.


(44)

BAB 3

PERANCANGAN SISTEM

2.9Perancangan Sistem

Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan user (pemakai) mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta diimplementasikan. Perancangan sistem adalah suatu upaya untuk membuat suatu sistem yang baru atau memperbaiki sistem yang lama secara keseluruhan atau memperbaiki sistem yang telah ada. Desain sistem secara umum mengidentifikasikan komponen-komponen sistem informasi yang akan didesain secara terinci. Desain terinci dimaksudkan untuk pemrogram komputer dan ahli teknik lainnya yang akan mengimplementasikan sistem.

2.10 Perancangan Database

Database merupakan kumpulan dari data yang saling berhubungan satu dengan lainnya, tersimpan disimpanan luar komputer dan digunakan perangkat lunak tertentu untuk memanipulasinya. Database merupakan salah satu komponen yang penting dalam sistem informasi, Karena berfungsi sebagai basis penyedia informasi bagi para pemakainya. Karena database merupakan kumpulan dari beberapa file, dalam hal ini


(45)

file-file tersebut dikelompokkan secara terstruktur dalam beberapa tabel sesuai dengan informasi yang terkandung di dalamnya. Berikut rancangan tabel yang penulis gunakan dalam membangun sistem informasi ini :

3.2.1 Tabel Dosen

Tabel Dosen berisi tentang data dosen yang telah melakukan registrasi. Table ini dibuat sesuai dengan kebutuhan data registrasi dosen.

Tabel 3.1 Dosen

Field Name Type Width Description

Nip Char 20 Primary Key

Password Char 20 Password

Nama_dosen Char 30 Nama dosen

Alamat Varchar 30 Alamat dosen

Status Varchar 5 Status dosen

Level Varchar 1 Lefel aktif dosen

3.2.2 Tabel Matkul

Tabel Matkul digunakan untuk menyimpan data matakuliah. Matakuliah yang diinput kedalam table matkul hanya matakuliah yang ada pada jurusan matematika Universitas Sumatera Utara.

Tabel 3.2 Matkul

Field Name Type Width Description

Kode_matkul Varchar 10 Primary Key Nama_matkul Varchar 20 Nama_mata kuliah


(46)

Semester Char 1 Semester

Sks Char 1 Jumlah Sks

3.2.3 Tabel Upload

Table upload digunakan untuk menyimpan data matakuliah. Data matakuliah diinput oleh dosen pada matakuliah tertentu.

Tabel 3.3 Upload

Field Name Type Width Description

Id Int 11 Primary Key, auto increment

Kode_matkul Char 10 Kode Matakuliah

Nip Char 20 NIP dosen

Nm_dosen Varchar 100 Nama_mata kuliah

Judul Varchar 100 Nama_mata kuliah

Semester Char 1 Semester

Isi Varchar 100 Judul

Direktori Varchar 100 Isi

Tgl date Date Tanggal upload

Counter int 5 Jumlah download

3.2.4 Tabel Download

Tabel download digunakan untuk menyimpan data user yang telah melakukan

download. Data user akan disimpan kedalam tabel download jika user telah melakukan registrasi terlebih dahulu.

Tabel 3.4 Download

Field Name Type Width Description


(47)

Nim Varchar 10 Nim

Alamat Varchar 50 Alamat

Email Varchar 30 Alamat E-Mail

Jenkel Varchar 6 Jenis Kelamin

Tgl Date - Tanggal Download

3.2.5 Tabel Berita

Tabel berita digunakan untuk menyimpan data berita. Berita hanya dapat diinput oleh admin.

Tabel 3.5 Berita

Field Name Type Width Description

Id_berita Int 5 Primary Key, auto increment Judul Varchar 100 Judul Berita

Isi_berita Text - Isi Berita

Gambar Varchar 100 Gambar Berita Tanggal Date - Tanggal Terbit Berita

Direktori Varchar 100 Tempat Penyimpanan gambar

3.2.6 Tabel Statistik

Tabel statistik digunakan untuk menyimpan data user yang mengunjungi website e-learning pada jurusan matematika Universitas Sumatera Utara.

Tabel 3.6 Statistik

Field Name Type Width Description

Ip Varchar 20 Alamat Ip client

Tanggal Date - Tanggal Akses

Hits Int 10 Total Pengunjung


(48)

3.2.7 Tabel Tamu

Tabel tamu digunakan untuk menyimpan data user yang mengisi buku tamu. Tabel ini akan digunakan pada halaman umum

Tabel 3.7 Tamu

Field Name Type Width Description

Id Int 4 Auto_increment, Primary key

Nama Vachar 20 Nama

Email Varchar 50 Alamat E-mail

Alamat Varchar 30 Alamat

Kota Varchar 30 Total Pengunjung

Msg Varchar 200 Pesan / Comment

Tgl Date - Tanggal

Jam Time - Waktu

3.2.8 Tabel User

Tabel user digunakan untuk menyimpan nip dan nama dosen yang akan diizinkan untuk melakukan registrasi.

Tabel 3.8 User

Field Name Type Width Description

Id Int 11 Auto_increment, Primary key

Nip Varchar 20 Nip Dosen


(49)

2.11 Flowchart

Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir, jadi

flowchart juga digunakan untuk menggambarkan urutan langkah-langkah pekerjaan di suatu algoritma.

Penjelasan arti dari lambang-lambang flowchart dapat didefinisikan seperti tabel berikut :

Tabel 3.9 Simbol – Simbol Flowchart

No. Simbol Fungsi

1 Terminator, untuk memulai dan mengakhiri suatu program

2 Process, suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh computer

3 Data, untuk memasukkan data maupun menunjukkan hasil dari suatu proses.

4 Decision, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan.

5 Preparation, suatu simbol untuk menyediakan tempat-tempat pengolahan data dalam storage

6 Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang sama


(50)

7 Off-page Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang lain

8 Arus atau flow, prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan atau dari kanan ke kiri

9 Document, merupakan simbol untuk data yang berbentuk informasi

10 Predefined Process, untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur

11 Display, untuk output yang ditujukan suatu device, seperti monitor

12 Magnetic disk, untuk menyimpan data.

3.3.1 Flowchart Login

Modul Login digunakan oleh dosen yang telah melakukan registrasi dan admin untuk mengakses halaman privasi dari dosen dan admin. Pada proses ini dosen dan admin diharuskan untuk menginput username dan password yang telah terdaftar sebelumnya.

Pada proses ini sistem akan memeriksa apakah username dan password yang terdaftar berstatus dosen atau admin. Jika username dan password yang terdaftar berstatus dosen maka akan masuk ke halaman privasi dosen. Jika username dan

password yang terdaftar berstatus admin maka akan masuk ke halaman privasi admin. Jika user salah menginput username dan password maka user akan diperingatkan


(51)

bahwa data yang dimasukkan belum benar dan user akan di kembalikan ke halaman

login.

Input username dan Password

Admin?

Dosen? Dosen

Tidak Start

Admin Ya

Ya Tidak


(52)

3.3.2 Flowchart Registrasi Dosen

Pada proses ini dosen harus melakukan registrasi terlebih dahulu untuk membuat halaman privasi dosen. Pada proses ini dosen harus menginput data lengkap sesuai form yang telah disediakan. Jika nip dosen sesuai dengan data nip yang ada pada admin maka akan tampil pesan bahwa registrasi berhasil, tetapi jika nip tidak sesuai maka akan tampil pesan bahwa registrasi gagal dan dosen akan kembali ke halaman

form registrasi.

Start

Cek Nip

End Input Nip, Password, Nama

Alamat

DataBase

Terimakasih Atas Registrasi Anda

Ya

Tidak


(53)

3.3. 3 Flowchart Download

Pada proses ini user dapat melakukan download apabila IP addressuser sama dengan IP address yang diizinkan oleh admin dalam hal ini IP yang diizinkan oleh admin adalah IP address USU. Jika IP address sama maka user harus melakukan registrasi terlebih dahulu. Jika IP address tidak sama maka akan muncul pesan bahwa user tidak dapat mengakses.

Gambar 3.3 Flowchart Download End

Pilih Menu E-Learning

Maaf Anda Tidak Berhak Mengakses

Halaman ini Cek IP

Address Tampilkan E-Learning

Registrasi

Tampilkan Link Download

Ya

Tidak Start


(54)

3.3.4 Flowchart Upload Modul

Halaman Upload Modul ini merupakan halaman yang khusus yang digunakan oleh masing – masing dosen untuk melakukan upload materi perkuliahan. Pada halaman ini dosen di haruskan mengisi seluruh form kosong supaya data bisa dimasukkan kedalam

database dan kemudian ditampilkan. Jika form tidak diisi dengan lengkap maka data tidak akan masuk ke dalam database dan kembali ke form input matakuliah.

Gambar 3.4 Flowchart Upload Modul Halaman

Dosen

End Ya

Tidak Input nama

matakuliah, judul, semester, isi

Kelengka pan Data

Tampilkan Modul Upload DataBase

Start

Data yang diinput belum lengkap


(55)

3.3.5 Flowchart Halaman Admin

Pada halaman ini admin memiliki hak untuk melakukan input, update dan delete data. Pada halaman admin terdapat beberapa menu, yaitu : home, data dosen, manage, modul, dan logout.

Gambar 3.5 Flowchart Halaman Admin

Tidak Tidak Tidak

Tidak Tidak Tidak

Tidak Tidak Tidak

Admin

Data Dosen

Home Tampilkan

home

Data Dosen

Modul Tampilka

n Modul

Logout Prosedur

Logout

Input? Edit? Hapus?

Manage Tampilk

an Data Input? Edit? Hapus?

Input Edit Hapus

Input Edit Hapus

database

Input? Edit? Hapus?

Input Edit Hapus

END

Ya Ya Ya Ya Ya Ya

Ya Ya Ya

Tidak Tidak Tidak Tidak Tidak Ya Ya Ya Ya Ya


(56)

3.3.6 Flowchart Aktifasi Dosen

Halaman aktifasi dosen digunakan untuk mengatur hak akses dosen. Seorang dosen diizinkan masuk kedalam halaman privasi dosen jika statusnya adalah satu, Jika statusnya nol maka dosen dalam keadaan tidak aktif dan tidak diizinkan masuk kedalam halaman privasi dosen.

Ya Dosen

Menampilkan data dosen yang telah melakukan registrasi

Hapus?

Aktif ?

Hapus

Status=1

Tidak

Aktif ? Status=0

End

Ya

Ya Tidak Tidak Admin

Database

Tidak


(57)

3.3.7 Flowchart Change Password

Pada Halaman ini admin diizinkan untuk melakukan pergantian password. Data yang diinput akan di cek dengan data yang ada di dalam database. Jika username dan

password yang di input sesuai maka password berhasil diganti

Gambar 3.7 Flowchart Change Password Admin Cahnge

Pasword

Database Admin

username, Password lama, Password baru, ulang password

password lama sama?

Ya username

sama?

Tidak

Ya

Tidak

Proses Ganti Password

Password


(58)

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi sistem adalah suatu prosedur yang dilakukan untuk menyelesaikan sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan telah diuji, menginstal dan memulai menggunakan sistem baru yang diperbaiki. Adapun langkah-langkah yang yang dibutuhkan dalam implementasi sistem adalah :

1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang website.

2. Menyelesaikan rancangan sistem.

3. Menulis, menguji, mengontrol dan mendokumentasikan website. 4. Mendapatkan persetujuan.

4.2 Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem adalah sebagai berikut:

1. mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolahan data dan penyajian informasi.


(59)

2. Menyelesaikan rancangan sistem yang ada didalam dokumen sistem yang baru atau yang telah disetujui.

3. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang baik dan jelas.

4. Memastikan bahwa sistem yang telah berjalan dengan lancar dengan mengontrol dan melakukan instalasi secara benar.

4.3 Spesifikasi Hardware

Hardware adalah suatu komponen yang sangat dibutuhkan dalam mewujudkan sistem yang diusulkan. Dalam hal ini penulis merinci spesifikasi komponen hardware yaitu:

1. PC dengan processor minimal Intel Pentium III 733 MHz. 2. Microsoft Windows XP Professional (lebih disarankan). 3. Microsoft Windows2000 service pack4 atau XP Home. 4. Memory Minimal 128 MB.

5. Hard disk 20 GB. 6. Monitor Super VGA. 7. Keyboard.

8. Mouse.

4.4 Spesifikasi Software

Hardware tidak akan dapat memecahkan suatu masalah tanpa adanya software. Adapun software yang digunakan dalam pembuatan website ini adalah:


(60)

1. Apache sebagai web server

2. PHP sebagai web programming

3. MySQL sebagai database server

4. Adobe Photoshop CS2 sebagai web Desain

5. Macromedia Dreamweaver 8.0 sebagai tempat penulisan script.

4.5 Brainware

Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan sistem informasi, pemrosesan dan penggunaan keluaran sistem informasi. Brainware dalam sistem informasi ini Terbagi atas:

1. Sistem analis : orang yang menganalisa sistem dengan mempelajari masalah-masalah yang timbul dan menentukan kebutuhan-kebutuhan pemakai dan mengidentifikasi pemecahan yang beralasan.

2. Programmer: orang yang membuat sistem dengan menggunakan salah satu bahasa pemrograman yang dikuasainya.

3. Operator: orang yang memakai sistem.

4.6 Instalasi Apache, PHP dan MySQL

Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu per satu. Adapun softwarenya dapat diperoleh dari situs http://www.apache.org untuk Apache, http://www.php.net untuk PHP dan http://www.mysql.com untuk MySQL. Tahap instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan


(61)

menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai. Namun hal ini memerlukan pengaturan yang sedikit rumit.

Alternatif lain yang digunakan penulis adalah dengan menginstalasi

Wampserver. Perangkat lunak Wamp ini penulis download di situs http://sf.net. Wamp

ini memberikan paket-paket yang cukup lengkap diantaranya:

1. Apache 2.2.8

2. MySQL 5.0.51

3. PHP 5.2.6

4. PHPMyAdmin 2.11.6

Dengan menginstalasi Wamp secara otomatis ketiga software utama yang akan digunakan yaitu Apache, PHP dan MySQL telah dapat digunakan tanpa perlu konfigurasi yang rumit.

4.7 Menjalankan Wampserver

Seletah proses instalasi berjalan dengan sempurna, langkah selanjutnya ialah menjalankan Wampserver. Ikuti langkah-langkah berikut ini :


(62)

2. Lihat pada taskbar apakah wamp sudah online

3. Jika Wampserver belum olnline klik icon wamp yang ada di taskbar. 4. klik Put Online.

5. Wamp Telah aktif

4.8 Pengujian di Browser

Setelah Wampserver diaktifkan, maka aplikasi web telah dapat diujikan di komputer lokal. Adapun caranya adalah sebagai berikut :

1. Letak file-file yang membangun web tadi ke dalam suatu folder kemudian diletakkan di dalam folder “ www”, terlihat seperti gambar berikut :


(63)

2. Buka browserInternet Explorer / Mozila Firefox / Google Chrome

3. Pada URL ketikkan http://localhost/[nama_folder]/file index. Contoh langsung diketikkan pada kotak URL http://localhost/learning, kemudian tekan tombol

enter.

4. Setelah aplikasi dijalankan, maka akan tampil halaman utama web yang terlihat seperti gambar dibawah ini :

Gambar 4.2 Alamat URL


(64)

Demonstrasi Program

Demonstrasi program ini menjelaskan halaman – halaman website yang telah penulis rancang, Pada halaman ini akan dijelaskan beberapa bagian website diantaranya halaman login, halaman umum dan halaman dosen.

Halaman Login

Halaman login digunakan untuk dosen atau admin agar dapat masuk ke halaman privasi dosen atau admin. Seorang dosen dapat masuk ke halaman dosen jika password dan usernamenya benar kemudian statusnya adalah dosen. Jika statusnya adalah admin maka akan masuk kedalam halaman privasi admin. Pada halaman ini juga dosen yang belum melakukan registrasi dapat mendaftar dengan cara melakukan klik pada link “klik disini”.


(65)

Halaman Umum

Halaman umum merupakan gambaran dari seluruh isi website yang dirancang oleh admin. Pada halaman ini terdapat beberapa menu, yaitu : home, profile, e-learning, guestbook, login, registrasi, pencarian dan poling.


(66)

Halaman Dosen

Halaman dosen merupakan halaman privasi dosen. Seorang dosen diharuskan melakukan registrasi terlebih dahulu supaya dapat melakukan login ke halaman dosen. Pada halaman ini dosen dapat melakukan upload modul kuliah, change password dan melihat berita.


(67)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dalam penulisan Tugas Akhir ini telah di uraikan bagaimana perancangan sistem dalam membangun websiteE-Learning Pada Jurusan Matematika Universitas Sumatera Utara”, maka penulis menyimpulkan bahwa :

1. Dengan adanya perancangan website e-learning ini mahasiswa / mahasiswi dapat dengan mudah memperoleh materi perkuliahan secara langsung dari dosen pada departemen matematika.

2. Kehadiran website ini dirancang untuk memberikan inovasi baru dalam dunia pendidikan.

3. Dalam membuat website yang dinamis tidak hanya dibutuhkan bahasa pemrograman HTML, tetapi juga PHP sebagai web scripting, MySQL sebagai

database dan Apache sebagai web server.

4. Pembuatan program dengan menggunakan PHP dan MySQL lebih memudahkan dalam hal perancangan dan untuk hasil akhirnya (output) dan lebih mudah dimengerti oleh pemakai.


(68)

5.2 Saran

Dalam penulisan Tugas Akhir ini telah disimpulkan beberapa kesimpulan untuk itu penulis mengharapkan saran dalam perancangan website E-Learning ini. Maka penulis menyarankan bahwa :

1. Diharapkan para dosen dapat berperan aktif dalam memberikan materi-materi perkuliahan ataupun materi tambahan perkuliahan melalui sistem E-Learning agar mahasiswa dapat memperoleh informasi dengan cepat dan mudah.

2. Diharapkan dengan adanya E-Learning ini mahasiswa tidak sulit memperoleh informasi yang berhubungan langsung dengan dosen pengajar.


(69)

DAFTAR PUSTAKA

Darin E.Hartley, Selling E-Learning, American Society for Training and Development. 2001

LearnFrame.com. Glossary of E-Learning Tearms. 2001.

Hakim, Lukmanul. 2009. Trik Rahasia Master PHP Terbongkar Lagi. Yogyakarta : Andi

Hartono, Jogianto. 1999. Pengenalan Komputer. Yogyakarta : Andi.

Jogianto Hartono, MBA, Ph.D. 1999. Pengenalan Komputer. Yogyakarta: Penerbit Andi.

Panduan Tatacara Penulisan Tugas Akhir. 2008. Dokumen Nomor :Akad/05/2005. Medan: Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Peranginangin, Kasiman. 2006. Aplikasi Web dengan PHP dan MySQL. Yogyakarta : Andi

Prabawati, Theresia Ari. 2008. Teknik Mudah Membangun Website dengan HTML, PHP, & MySQL. Yogyakarta : Andi.

Panduan Menggunakan Internet untuk Pemula. 2008. Yogyakarta: Andi; Madiun: MADCOMS

Rosari, Renati Winong. 2006. Tutorial Lima Hari Mengolah Image Digital dengan Menggunakan Adobe Photoshop Creative Suite 2. Yogyakarta : Andi . Soekartawi. 2003. Prinsip Dasar E-Learning: Teori Dan Aplikasinya Di Indonesia,

Jurnal Teknodik, Edisi No.12/VII/Oktober/2003.

Sofana, Iwan. 2008. Membangun Jaringan Komputer. Bandung : Informatika.

Koran, Jaya Kumar C. 2002. Aplikasi E-Learning dalam Pengajaran dan Pembelajaran di Sekolah Malaysia.


(70)

LAMPIRAN

A


(71)

LISTING PROGRAM Index.php <?php header('location:modul/desain.php?module=news'); ?> Desain.php <style type="text/css">

#nav{margin:0;padding:0; background-image:url(../image/2/bgmenu.jpg); padding-bottom:bottom;}

#nav ul{float: left;list-style:none;margin:0;padding:0;} #nav li{list-style:none;margin:0;padding:0;}

#nav li a, #nav li a:link, #nav li a:visited{color:#ffffff;display:block;text-transform:capitalize;margin:0;padding:1px 1px 1px 15px;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;font-size: 12px ;}

#nav li a:hover, #nav li a:active{color:#00ff00;margin: 0;padding: 1px 1px 1px 15px;text-decoration: noneright:0px solid bottom:0px solid ;border-left:0px solid}

#nav li li a, #nav li li a:link, #nav li li

a:visited{background:#343434;width:91px;color:#fff;text-transform:capitalize;float:none;margin:0;padding:7px 10px;border-bottom:1px solid #0d2601;border-left:1px solid #0d2601;border-right:1px solid #0d2601;font: normal 14px Georgia, Times New Roman;}

#nav li li a:hover, #nav li li a:active{background:#00FF00;color:#fff;padding:7px 10px;}

#nav li{float:left;padding:0;}

#nav li a.enclose, #nav li a.enclose:visited{border-top:1px solid #000;}

#nav li ul{z-index: 9999;position:absolute;left:-999em;height:auto;width:170px;margin:0;padding:0;}

#nav li ul a{width: 111px;}

#nav li ul ul{margin:-75px 0 0 171px;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left:-999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{left:auto;}

#nav li:hover, #nav li.sfhover{position:static;} .style1 {color: #000000}

</style> <html> <head>

<link rel="shorcut Icon" href="../image/2/logo.gif"/> <title>Universitas Sumatera Utara</title>


(72)

<script type="text/javascript"> (function() { var a=window; function e(b) { this.t={}; this.tick=function(c,h,d) { d=d?d:(new Date).getTime(); this.t[c]=[d,h]}; this.tick("start",null,b) }

var f=new e;a.jstiming= { Timer:e,load:f }; try { a.jstiming.pt=a.chrome&&a.chrome.csi?Math.floor(a.chrome.csi().pageT):a.gtbExtern al&&a.gtbExternal.pageT()||a.external&&a.external.pageT } catch(g){};a.tickAboveFold=function(b){b=b;var c=0;if(b.offsetParent) { do c+=b.offsetTop;while(b=b.offsetParent) } b=c;b<=750&&a.jstiming.load.tick("aft") };

var i=false;function j(){if(!i) { i=true;a.jstiming.load.tick("firstScrollTime") } } a.addEventListener?a.addEventListener("scroll",j,false):a.attachEvent("onscroll",j); } ) (); </script> </head>

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

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

<td>

<table width="808" height="110" border="0" align="center"> <tr>

<td valign="bottom">


(73)

<tr>

<td valign="top" bgcolor="#0ed60a"> <table width="808" align="center"> <tr>

<td valign="top" background="../image/2/bgheader.jpg" align="center"> <div id="wrapper"> <div id="header"> </div> </div> </td> </tr> </table>

<table width="808" align="center" bgcolor="#343434"> <tr height="25">

<td width="35">&nbsp;</td>

<td width="723" valign="top" background="../image/2/bgmenu.jpg">

<ul id="nav">

<table width="723" border="1"> <tr>

<td width="289" valign="middle">&nbsp; </td>

<td width="88" align="center" valign="middle"> <a href='?module=news' class="menu">HOME</a> </td>

<td width="91" align="center" valign="middle" class="admin"> <a href='?module=profile' class="menu">PROFILE</a>

</td>

<td width="111" align="center" valign="middle" class="menu">

<li>

<a href='?module=semester&sm=1' class="menu">E-LEARNING</a> <ul>

<li><a href="?module=semester&sm=1" class='sub'>Semester 1</a></li> <li><a href="?module=semester&sm=2" class='sub'>Semester 2</a></li> <li><a href="?module=semester&sm=3" class='sub'>Semester 3</a></li> <li><a href="?module=semester&sm=4" class='sub'>Semester 4</a></li> <li><a href="?module=semester&sm=5" class='sub'>Semester 5</a></li> <li><a href="?module=semester&sm=6" class='sub'>Semester 6</a></li> <li><a href="?module=semester&sm=7" class='sub'>Semester 7</a></li> <li><a href="?module=semester&sm=8" class='sub'>Semester 8</a></li> </ul>

</li> </td>

<td width="110" align="center" class="admin" valign="middle"> <a href='?module=guestbook' class="menu">GUESTBOOK</a>


(74)

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

</ul> </td>

<td width="34" valign="top" ></td> </tr>

<!--isi--> <tr>

<td width="35" height="400">&nbsp;</td>

<td width="723" valign="top" height="400" bgcolor="#FFFFFF"> <table width="100%" height="500" border="0">

<tr>

<td width="150" valign="top" bgcolor="#b6f379"> <?php include"../kiri.php";?></td>

<td width="572" valign="top"> <?php include("../admin/content.php"); ?> </td> </tr> </table> </td>

<td width="34" valign="top" height="400"></td> </tr>

<!----> </table>

<!--FOOTER-->

<table align="center" bgcolor="#0ed60a"> <tr valign="top">

<td width="34" >&nbsp;</td>

<td width="724" valign="top" align="center" bgcolor="#0ed60a"> <?php include"footer.php";?></td>

<td width="34" ></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>


(75)

Content.php

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

.isi {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;

font-style: normal; color: #000000; }

</style>

<?php

include("../config.php"); // Bagian Home

if($_GET[module]=="news"){ include("../modul/news.php"); }

//Bagian profile

elseif($_GET[module]=="profile"){ include("../modul/profile.php"); }

//Bagian artikel

elseif($_GET[module]=="learning"){ include("../modul/testserver.php"); }

//Bagian guestbook

elseif($_GET[module]=="guestbook"){ include("../guestbook.php"); }

//Bagian tamu

elseif($_GET[module]=="tamu"){ include("../tampil_tamu.php"); }

//Bagian pilih semester

elseif($_GET[module]=="semester"){ include("../modul/semester.php"); }


(76)

//Form download Learning

elseif($_GET[module]=="download"){ include("../form_download.php"); }

//Registrasi user download elseif($_GET[module]=="reg"){

include("../registrasi.php"); }

//Bagian Proses Tamu

elseif($_GET[module]=="tamu_proses"){ include("../tamu_proses.php"); }

//Bagian Rgistrasi Dosen

elseif($_GET[module]=="log_dosen"){ include("../dosen/login.php"); }

//Bagian Rgistrasi Dosen

elseif($_GET[module]=="registrasi"){ include("../dosen/registrasi.php"); }

//Bagian Login

elseif($_GET[module]=="login"){

include("../buang/admin/index.php"); }

//Bagian Proses tampil poling elseif($_GET[module]=="tampol"){

include("proses_poling.php"); }

//Detail Berita

elseif($_GET[module]=="baca"){ include("baca.php"); }

//bagian Pencarian

elseif($_GET[module]=='hasil_cari'){ // Hanya mencari matakuliah

$cari=mysql_query("SELECT * FROM berita WHERE judul LIKE '%$_POST[cari]%' OR isi_berita LIKE '%$_POST[cari]%'");


(77)

$jumlah = mysql_num_rows($cari); if ($jumlah > 0){

echo "<table><tr><td>&nbsp;</td></tr>

<tr><td class=cari>Ditemukan $jumlah berita dengan kata kunci <b>$_POST[cari]</b> : <ul></td></tr>";

while($r=mysql_fetch_array($cari)){

echo "<tr><td><li><a href='?module=baca&id=$r[id_berita]' class=judul>$r[judul]</a></li></td></tr>";

} } else{

echo"<br>Kata kunci <b>$_POST[cari]</b> tidak ditemukan <ul>"; }

echo "</ul>"; }else{

echo "<p><b>MODUL BELUM ADA</b></p>"; }

?>

Kiri.php

<link href="../css/learning.css" rel="stylesheet" type="text/css" /> <?php

include"config.php";

include"../fungsi_kalender.php"; echo"<table width=150><tr><td>"; //cari

echo"<img src='../image/2/pencarian.jpg' />";

echo"<form method=post action=?module=hasil_cari> <input type=text name=cari>

<input type=button value=Cari>

</form><hr color=#ffffff noshade=noshade/></td></tr>"; //Login

echo"<tr><td><a href='../dosen/log.php' class='link'>Login</td></tr>"; //Registrasi

echo"<tr><td><a href='?module=registrasi' class='link'>Registrasi<hr color=#ffffff noshade=noshade/></td></tr>";

//poling

echo"<tr><td>";

echo"<img src='../image/2/poling.jpg' />"; include"poling.php";


(78)

//Counter

echo"<tr><td class='poling'>";

echo"<img src=../image/2/statistik.jpg ><br/>";

$ip = $_SERVER['REMOTE_ADDR']; // Mendapatkan IP komputer user $tanggal = date("Ymd"); // Mendapatkan tanggal sekarang

$waktu = time(); //

// Mencek berdasarkan IPnya, apakah user sudah pernah mengakses hari ini

$s = mysql_query("SELECT * FROM statistik WHERE ip='$ip' AND tanggal='$tanggal'");

// Kalau belum ada, simpan data user tersebut ke database if(mysql_num_rows($s) == 0){

mysql_query("INSERT INTO statistik(ip, tanggal, hits, online) VALUES('$ip','$tanggal','1','$waktu')");

} else{

mysql_query("UPDATE statistik SET hits=hits+1, online='$waktu' WHERE ip='$ip' AND tanggal='$tanggal'");

}

$pengunjung = mysql_num_rows(mysql_query("SELECT * FROM statistik WHERE tanggal='$tanggal' GROUP BY ip"));

$totalpengunjung=mysql_result(mysql_query("SELECT COUNT(hits) FROM statistik"), 0);

$hits = mysql_fetch_assoc(mysql_query("SELECT SUM(hits) as hitstoday FROM statistik WHERE tanggal='$tanggal' GROUP BY tanggal"));

$totalhits = mysql_result(mysql_query("SELECT SUM(hits) FROM statistik"), 0); $tothitsgbr = mysql_result(mysql_query("SELECT SUM(hits) FROM statistik"), 0); $bataswaktu = time() - 300;

$pengunjungonline = mysql_num_rows(mysql_query("SELECT * FROM statistik WHERE online > '$bataswaktu'"));

$path = "../counter/"; $ext = ".png";

$tothitsgbr = sprintf("%06d", $tothitsgbr); for ( $i = 0; $i <= 9; $i++ ){

$tothitsgbr = str_replace($i, "<img src='$path$i$ext' alt='$i'>", $tothitsgbr); }

echo "<p align=center>$tothitsgbr </p>

&nbsp;&nbsp;<img src=../counter/hariini.png> Pengunjung hari ini : $pengunjung <br> &nbsp;&nbsp;<img src=../counter/total.png>

Total pengunjung : $totalpengunjung <br><br> &nbsp;&nbsp;<img src=../counter/hariini.png>


(1)

A.10 Halaman Matkul (mod_matkul.php)


(2)

(3)

A.12 Halaman Dosen (modul_kuliah.php)


(4)

LAMPIRAN

C


(5)

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa : AISYAH KARTIKA SIREGAR Nomor Stambuk : 072406105

Judul Tugas Akhir : E-Learning Pada Jurusan Matematika Universitas Sumatera Utara

Dosen Pembimbing : Dr. Tulus M.Si Tanggal Mulai Bimbingan : 08 Februari 2010 Tanggal Selesai Bimbingan : 27 Mei 2010

No .

Tanggal Asisten Bimbingan

Pembahasan pada Asistensi Mengenai, pada Bab :

Paraf Dosen Pembimbing

Keterangan 1. 08 Februari 2010 Proposal Tugas Akhir

2. 17 Mei 2010 Bab 1 – Bab 3 3. 24 Mei 2010 Bab 4 – Bab 5 4. 27 Mei 2010 ACC Tugas Akhir 5. 27 Mei 2010 Uji Program

∗ Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai.

Diketahui, Disetujui,

Ketua Departemen Matematika Pembimbing Utama/

Penanggung Jawab

Dr. Saib Suwilo M.Sc Dr. Tulus M.Si

NIP. 19640109 198803 1 004 NIP. 196209011988031002


(6)

SURAT KETERANGAN

Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa mahasiswa tugas akhir Program Diploma III Ilmu Komputer :

Nama : AISYAH KARTIKA SIREGAR

NIM : 072406105

Program Studi : DIII ILMU KOMPUTER

Judul Tugas Akhir : E-LEARNING PADA JURUSAN MATEMATIKA UNIVERSITAS SUMATERA UTARA

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada tanggal 23 Mei 2009.

Dengan Hasil : Sukses / Gagal

Demikian diterangakan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

Medan, 27 Mei 2010 Dosen Pembimbing

Program Studi DIII Ilmu Komputer

Dr.Tulus, M.Si