Sistem Pembelajaran Online DIII Teknik Informatika Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli MadyaProgram Diploma III Ilmu Komputer

commit to user

Sistem Pembelajaran Online DIII Teknik Informatika

Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli MadyaProgram Diploma III Ilmu Komputer

Disusun Oleh : Abdullah Ragil S

M3108013

PROGRAM DIPLOMA III ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET

commit to user ii

HALAMAN PERSETUJUAN

SISTEM INFORMASI AKADEMIK SUB PEMBELAJARAN

Disusun Oleh Abdullah Ragil S NIM. M3108013

Tugas Akhir ini telah disetujui untuk dipertahankan dihadapan dewan pengujipada tanggal _______________

Dibimbing oleh Pembimbing Utama

Agus Purbayu , S. Si NIDN. 0629088001

commit to user iii

HALAMAN PENGESAHAN

SISTEM PEMBELAJARAN ONLINE D3 TEKNIK INFORMATIKA

Disusun Oleh : ABDULLAH RAGIL S

NIM. M3108013

Dibimbing oleh Pembimbing Utama

Agus Purbayu , S. Si NIDN. 0629088001

Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas AkhirProgram Diploma III Ilmu Komputer

Pada hari ___________ tanggal _____________ Dewan Penguji

1. Penguji 1. Agus Purbayi,S.Si ( )

NIDN.0629088001

2. Penguji 2. Esti Suryani,S.Si,M.kom ( )

NIP.19761129 2008122 001

3. Penguji 3. Muhammad Asri Safi’ie,S.Si ( )

NIDN.0603118103

Disahkan Oleh

Dekan Fakultas MIPA UNS

Ir. Ari Handono Ramelan,M.Sc(Hons),PhD. NIP. 19610223 198601 1 001

Ketua Program Studi DIII Ilmu Komputer UNS

Drs. YS. Palgunadi, M.Sc NIP. 19560407 198303 1 004

commit to user iv

ABSTRACT

Abdullah Ragil, 2011. ONLINE LEARNING SYSTEM. DIII Information Engineering, Faculty of Mathematics and Natural Sciences, Sebelas Maret University.

D3 informatics engineering are institutions engaged in learning and information technology. Problems that often arise in the teaching on the D3 Informatics Engineering in college teaching is the provision of the module, as well as the collection of tasks and information that is still done manually. That this method is very ineffective, because between students and lecturers have to come face to face directly

Data collection methods in the preparation of this Final Project is the method of observation and literature study. Stage design used include database design, program flow design, display design program, scripting programs and checking the course of the program. This application is developed using PHP and processed using the MySQL database..

From the results of research conducted the conclusion that the Information Systems academic sub-learning is a tool that can help the learning process at the agency. For students and lecturers to be registered in the system

commit to user v

ABSTRAK

Abdullah Ragil, 2011. SISTEM PEMBELAJARAN ONLINE. DIII Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta.

D3 teknik informatika adalah institusi yang bergerak dalam bidang pembelajaran teknologi dan informasi. Permasalahan yang sering timbul dalam pengajaran di D3 Teknik Informatika dalam pengajaran adalah pemberian modul kuliah,serta pengumpulan tugas dan informasi yang masih di lakukan secara manual. Bahwa metode ini sangat tidak efektif, dikarenakan antara mahasiswa dan Dosen harus bertatap muka secara langsung

Metode pengumpulan data yang dalam penyusunan Tugas Akhir ini adalah metode observasi dan studi pustaka. Tahapan perancangan yang digunakan meliputi perancangan database, perancangan alur program, perancangan tampilan program, pembuatan script program dan pengecekan jalannya program. Aplikasi ini dikembangkan dengan menggunakan PHP dan diolah dengan menggunakan database MySQL.

Dari hasil penelitian yang dilakukan diperoleh kesimpulan bahwa Sistem Informasi akademik sub pembelajaran adalah suatu sarana yang dapat membantu proses pembelajaran pada instansi. Untuk mahasiswa dan dosen harus terdaftar dalam sistem

commit to user vi

MOTTO DAN PERSEMBAHAN

1. Jangan lihat barang dari luar, tapi lihatlah dari manfaat 2. Saya datang,saya bimbingan,saya revisi dan saya menang

3. Kegagalan itu tidak ada,kegagalan adalah semangat yang hilang.

Kupersembahkan tulisan ini untuk : 1. Kedua orang tuaku yang telah mendoakan ku 2. Adik ku yang telah memberku motivasi. 3. Adik-adik tingkat yang selalu mengingatkan

untuk segera mengerjakan TA

4. Sahabat-sahabatku tersayang yang selalu memberikan semangat, terima kasih atas motivasi kalian.

5. Teman-teman seperjuangan di D3 TI 2008 yang tidak bisa disebutkan satu per satu.

commit to user vii

KATA PENGANTAR

Bismillahirahmannirrahim,

Alhamdulliahirobbil’alamin, penulis panjatkan puji syukur kehadirat AllahSWT atas

karunia, hidayah serta inayahNya sehingga penulis dapatmenyelesaikan tugas akhir dengan judul Sistem Informasi Akademik sub Pembelajaran.Tugas akhir ini bertujuan untuk memenuhi dan melengkapi salah satusyarat dalam menempuh ujian untuk memperoleh derajat Ahli Madya pada studiDiploma 3 Teknik Informatika FMIPA Universitas Sebelas Maret.

Penulis mengucapkan banyak terima kasih dan memberikan penghargaanyang sebesar-besarnya kepada semua pihak yang telah membantu dan mendukungbaik itu secara langsung maupun tidak langsung dalam penyusunan laporanTugas Akhir ini mulai dari persiapan hingga tahap penyelesaiannya, terutamakepada:

1. Allah SWT yang telah memberikan rahmat dan kesempatan, sehingga penulis bisa menyelesaikan pembuatan laporan ini.

2. Bapak Drs. YS. Palgunadi, M.Sc, selaku Ketua Program Diploma III IlmuKomputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas

Sebelas Maret.

3. Bapak Agus Purbayu S.Si selaku pembimbing tugas akhir.

Akhir kata semoga tulisan ini bermanfaat khususnya untuk penulis danpara pembaca pada umumnya.

Surakarta, Juni 2011 Penulis

commit to user viii

DAFTAR ISI

Halaman

HALAMAN JUDUL ... i

HALAMAN PERSETUJUAN ... ii

HALAMAN PENGESAHAN ... iii

HALAMAN ABSTRAK ... iv

HALAMAN INTISARI ... v

MOTTO DAN PERSEMBAHAN ... vi

KATA PENGANTAR ... vii

DAFTAR ISI ... viii

DAFTAR TABEL ... x

DAFTAR GAMBAR ... xi

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Rumusan Masalah ... 1

1.3 Batasan Masalah... 2

1.4 Tujuan ... 2

1.5 Manfaat ... 2

1.6 Metodologi Penelitian ... 3

1.7 Sistematika Penulisan ... 3

BAB II LANDASAN TEORI ... 5

2.1 Pengertian Sistem Informasi ... 5

2.2 Hypertext PreProcessor(PHP)... 5

2.3 Database ... 6

2.4MySQL ... 6

commit to user ix

2.6Context Diagram (CD) ... 7

2.7Data Flow Diagram (DFD) ... 7

2.8Entity Relationship Diagram (ERD) ... 8

BAB III DESAIN DAN PERANCANGAN ... 10

3.1 Analisis dan Perancangan Sistem ... 10

3.1.1 Context Diagram (CD) ... 10

3.1.2 DFD (Data Flow Diagram) ... 12

3.1.2.1 DFD Level 0 Sistem Informasi Akademik Sub Pembelajaran ... 12

3.1.2.2 DFD Level 1 Proses Pengumpulan Tugas ... 13

3.2 Perancangan Database ... 14

3.2.1 ERD ... 14

3.2.2 Skema Diagram ... 15

3.2.3 Struktur Database ... 15

3.2.4 Kamus Data ... 19

3.2.5 Desain Layout ... 21

3.2.6 Site Map ... 22

BAB IV IMPLEMENTASI PROGRAM ... 24

4.1 Implementasi Sistem ... 24

4.1.2 Halaman Awal User ... 24

1. Menu Mahasiswa ... 24

2. Halaman Kuliah ... 25

3. Menu Dosen ... 31

BAB V PENUTUP ... 38

5.1 Kesimpulan ... 38

5.2 Saran ... 39

commit to user x

DAFTAR TABEL

Halaman

1. Tabel 2.1 Simbol Context Diagram ... 3

2. Tabel 2.2 Simbol Data Flow Diagram ... 3

3. Tabel 3.1 Mahasiswa ... 15

4. Tabel 3.2 Dosen ... 16

5. Tabel 3.3 Matakuliah ... 16

6. Tabel 3.4 Modul ... 17

7. Tabel 3.5 Tugas ... 17

8. Tabel 3.6 Kelas... 18

9. Tabel 3.7 Ampumakul ... 18

10.Tabel 3.8 Daftar ... 18

11.Tabel 3.9 Kumpul... 19

commit to user xi

DAFTAR GAMBAR

Halaman

1. Gambar 2.1 Jenis Hubungan Satu ke Banyak Satu ... 5

2. Gambar 2.2 Jenis Hubungan Satu kr Banyak... 12

3. Gambar 2,3 Jenis Hubungan Banyak ke Banyak ... 13

4. Gambar 3.1 Context Diagram ... 10

5. Gambar 3.2 DFD Level 0 ... 12

6. Gambar 3.3 DFD Level 1 Proses Pengumpulan Tugas... 13

7. Gambar 3.4 ERD ... 14

8. Gambar 3.5 Skema Diagram... 15

9. Gambar 3.6 Layout... 21

10.Gambar 3.7 Site Map Dosen ... 22

11.Gambar 3.8 Site Map Mahasiswa ... 23

12.Gambar 4.1 Halaman Login User ... 24

13.Gambar 4.2 Halaman Menu Mahasiswa ... 25

14.Gambar 4.3 Halaman Kuliah... 25

15.Gambar 4.4 Halaman Menu Kuliah ... 26

16.Gambar 4.5 Halaman Download Modul ... 26

17.Gambar 4.6 Halaman Download Modul ... 27

18.Gambar 4.7 Halaman Tugas ... 28

19.Gambar 4.8 Download Tugas ... 28

20.Gambar 4.9 Form Upload ... 29

21.Gambar 4.10 Form Informasi ... 29

22.Gambar 4.11 Form Ganti Password ... 30

23.Gambar 4,12 Menu Dosen ... 30

commit to user xii

25.Gambar 4,14 Form Upload Modul ... 31

26.Gambar 4.15 Matakuliah Upload Tugas ... 32

27.Gambar 4.16 Form Upload Tugas ... 32

28.Gambar 4.17 Daftar Ampu Kelas Dosen ... 33

29.Gambar 4.18 Batas Pengumpulan ... 33

30.Gambar 4.19 Matakuliah Download Tugas ... 34

31.Gambar 4.20 Tugas ... 34

32.Gambar 4.21 Download Tugas ... 35

33.Gambar 4.22 Matakuliah Edit Tugas ... 36

34.Gambar 4.23 Daftar Tugas ... 36

35.Gambar 4.24 Form Edit Tugas ... 37

commit to user 1

BAB I PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi informasi yang sangat pesat memberikan manfaat bagi seluruh lapisan masyarakat. Program Diploma III Teknik Informatika UNS berusaha terus melakukan perbaikan dan penyempurnaan dalam mengembangkan teknologi informasi baik dari sisi keilmuan hingga pengelolaan data sebagai sumber informasi.

Permasalahan yang sering timbul dalam pengajaran di D3 Teknik Informatika dalam pengajaran adalah pemberian modul kuliah, serta pengumpulan tugas dan informasi yang masih di lakukan secara manual. Metode ini sangat tidak efektif, dikarenakan antara mahasiswa dan Dosen harus bertatap muka secara langsung sehingga perkuliahan akan tergantung dengan waktu dan tempat.

Sehingga dibutuhkan suatu sistem yang dapat mempermudah dalam pendistribusian modul serta pengumpulan tugas dalam proses kuliah di D3 Teknik Informatika sehingga dapat menjalankan perkuliahan di manapun dan kapanpun.

1.2 PerumusanMasalah

Berdasarkan uraian di atas dapat disimpulkan bahwa rumusan masalahnya adalah Bagaimana membuat sistem informasi akademik berbasis PHP untuk program Sistem Pembelajaran Online

commit to user

2

1.3 BatasanMasalah

Pada pembuatan Sistem Informasi ini, penulis memberikan batasan masalah antara lain :

1. Dosen dapat melakukan input Tugas, Modul, Informasi dan dapat mengunduh tugas yang telah dikumpulkan oleh Mahasiswa

2. Mahasiswa dapat mengunduh Modul ,tugas serta dapat mengungah tugas yang telah diberikan Dosen dan dapat mengkases informasi yang diberikan oleh dosen.

1.4 Tujuan

Tujuan Tugas Akhir ini adalah membuat Sistem Informasi Akademik sub Perkuliahan Program Diploma III Teknik Informatika berbasis bahasa pemrograman PHP.

1.5 Manfaat

Beberapa manfaat yang dapat diperoleh dari aplikasi ini adalah : Penulis:

1. Mendapatkan pengalaman dalam pembuatan system informasi. 2. Dapat memenuhi tugas akhir sebagai syarat lulus.

Instansi

1. Memenuhi kebutuhan informasi mahasiswa akan Informasi perkuliahan, Modul, Tugas serta informasi.

2. Mempermudah dan memperlancar kinerja dosen dalam memberikan modul tugas serta informasi.

commit to user

3

1.6 MetodologiPenelitian

Metode penelitian dalam pembuatan tugas akhir ini adalah sebagai berikut :

1. Studi literatur

Studi literatur dilakukan untuk mempelajari dan memahami teori dasar tentang sistem informasi pengolahan nilai dan materi lain yang berhubungan dengan pembuatan aplikasi.

1.7 Sistematika Penulisan

Untuk mempermudah melihat dan mengetahui pembahasan yang ada pada tugas akhir ini secara menyeluruh, maka perlu dikemukakan sistematika yang merupakan kerangka dan pedoman penulisan tugas akhir. Adapun sistematika penulisannya adalah sebagai berikut :

Bab I Pendahuluan

Bab ini terdiri dari : latar belakang masalah, rumusan masalah, batasan masalah, tujuan penelitian, manfaat penelitian, metode penelitian, dan sistematika penulisan.

1. Bab II Landasan Teori

Bab ini berisi tentang pengertian Sistem Informasi,

HypertextPreProcessor(PHP), Database, MySQL, Context Diagram (CD), Data Flow Diagram (DFD), dan Entitiy Relationship Diagram (ERD).

2. Bab III Desain dan Perancangan

Bab ini terdiri dari :deskripsi data, hasil analisa, pembahasan hasil analisa, analisa dan rancangan sistem, perancangan database, dan struktur dan desain website.

commit to user

4

Bab ini terdiri dari :implementasi sistem, perangkat sistem, dan implementasi website.

4. Bab V Penutup

commit to user 1

BAB II

LANDASAN TEORI

2.1Pengertian Sistem Informasi

Sistem Informasi adalah suatu sistem di dalam organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu denga laporan-laporan yang diperlukan (Robert A. Leith dan K. Roscoe dalam Jogiyanto, 1989).

2.2Hypertext PreProcessor (PHP)

PHP adalah bahasa scripting yang menyatu dengan HTML dan dijalankan pada server side. Artinya semua sintaks yang kita berikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya saja.

PHP dikatakan sebagai sebuah server-side embedded script language artinya sintaks-sintaks dan perintah yang kita berikan akan sepenuhnya dijalankan oleh

server tetapi disertakan pada halaman HTML biasa. Aplikasi-aplikasi yang dibangun oleh PHP pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan di server. Pada prinsipnya server

akan bekerja apabila ada permintaan dari client. Client menggunakan kode-kode

PHP untuk mengirimkan permintaan ke server. Sifat sever side ini membuat pengerjaan skrip tersebut dikerjakan di server sedangkan yang dikirim kepada browser adalah hasil proses dari skrip tersebut yang sudah terbentuk HTML (http://www.ilmukomputer.com/anon-PHPMySQL.zip, 2003).

commit to user 2

2.3Database

Database atau basis data adalah kumpulan file yang mempunyai kaitan antara satu file dengan file yang lain sehingga membentuk satu bangunan data untuk menginfirmasikan sesuatu dakam batasan tertentu (Harianto Kristanto, 2004).

2.4MySQL

MySQL adalah salah satu jenis database server yang sangat terkenal. Kepopuleranya disebababkan MySQL menggunakan SQL (Stuktur Query Language) sebagai bahasa dasar untuk mengakses databasenya. Selain itu, ia bersifat Open Source (Anda tidak perlu membayar untuk menggunakanya) pada pelbagai platform (kecuali untuk jenis Enterprise, yang bersifat komersial). Perangkat lunak MySQL sendiri bisa di-download dari http://www.MySQL.com

MySQL termasuk jenis RDMS (Relational Database Management System). Itulah sebabnya, istilah seperti tabel, baris dan kolom digunakan pada MySQL. Pada MySQL, sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu atau beberapa kolom (Abdul Kadir, 2008).

2.5Apache Server

Untuk menjalankan PHP dan MySQL membutuhkan web server. Web server

yang juga dikenal dengan istilah HTTPD (Hypertext Transfer Protocol Daemon) atau HTTP Server, adalah service yang bekerja untuk melayani request dari HTTP Client (web browser) ke komputer server. PHP dan MySQL dapat bekerja sama dengan banyak web server. Salah satu web browser yang dikenal dan sudah terbukti ketangguhan serta konektivitasnya dengan PHP dan MySQL adalah

commit to user 3

Apache adalah sebagai penjaga gawang artinya apache yang akan menghubungkan komputer client untuk menyampaikan apakah requestnya dapat diperbarui atau tidak. Apache juga berperan sebagai juru bicara komputer server pada jalur HTTP (Muhammad Imansyah, 2003).

2.6Context Diagram (CD)

Context Diagram adalah sebuah diagram sederhana yang menggambarkan hubungan antara entity luar, masukan dan keluaran dari sistem (Harianto Kristanto, 2004). Simbol-simbol yang digunakan seperti pada table 2.1

Tabel 2.1 Simbol Context Diagram

Simbol Keterangan

Menggambarkan entitas atau proses

dimana aliran data ditransformasikan keluar dari sebuah sistem informasi.

Persegi panjang menggambarkan salah satu

entitas.

Garis menggambarkan aliran data.

2.7Data Flow Diagram (DFD)

Data Flow Diagram adalah suatu model logika data atau proses yang dibuat untuk menggambarkan darimana asal data dan kemana tujuan data yang keluar dari sistem, dimana data disimpan, proses apa yang menghasilkan data tersebut dan interaksi antara data yang tersimpan (Harianto Kristanto, 2004). Simbol-simbol yang digunakan seperti pada tabel 2.2

Tabel 2.2 Simbol Data Flow Diagram

Simbol Keterangan

Persegi panjang menunjukkan kesatuan luar (dapat berupa kelompok orang, departemen atau sistem) yang menerima informasi.

commit to user 4

Proses data menggambarkan sebuah

proses dimana beberapa tindakan dijalankan.

Data source yaitu menggambarkan sebuah penyimpanan database.

Garis menggambarkan aliran data.

2.8Entity Relationship Diagram (ERD)

Entity Relationship Diagram adalah model data konseptual yang memandang dunia nyata sebagai kesatuan (entities) dan hubungan (relationship). Tabel 2.3 merupakan simbol-simbol yang digunakan dalam pembuatan ERD.

Tabel 2.3 ERD

Kerelasian menyatakan hubungan antara relasi dalam basis data. Kerelasian antar relasi dituliskan oleh foreign key atau relasi-relasi bertipe transaksi yang digunakan dalam basis data. Jenis-jenis kerelasian antar tabel meliputi :

a. _{Kerelasian Satu ke Satu (One to One Relationship)}

Kerelasian satu ke satu terjadi jika setiap nilai pada suatu relasi hanya mengimplementasikan sebuah nilai pada relasi lain yang direlasikan.

commit to user 5

Gambar 2.1 Jenis Hubungan Satu ke Banyak Satu

a. _{Kerelasian Satu ke Banyak (One to Many Relationship)} Kerelasian satu ke banyak terjadi jika setiap nilai pada suatu relasi mengimplementasikan banyak nilai pada relasi lain yang direlasikan.

Gambar 2.2 Jenis Hubungan Satu ke Banyak

b. _{Kerelasian Banyak ke Banyak (Many to Many Relationship)} Kerelasian banyak ke banyak terjadi jika banyak nilai pada suatu relasi mengimplementasikan banyak nilai pada relasi lain yang direlasikan.

commit to user

10

BAB III

DESAIN DAN PERANCANGAN

3.1 Analisis dan Perancangan Sistem

3.1.1 Context Diagram (CD)

Context Diagram pada pembuatan Sistem Pembelajaran Online DIII Teknik Informatika ini terdiri dari 3 entitas, yaitu Admin, Dosen, dan Mahasiswa. Admin bertugas mengolah data yang dibutuhkan sistem, meliputi input, edit, delete data master (data dosen, mahasiswa, mata kuliah, dll). Sedangkan Dosen, dan Mahasiswa adalah user yang memiliki hak akses yang berbeda-beda sesuai dengan kebutuhannya dalam sistem ini. Ditunjukkan seperti pada Gambar 3.1 ini.

Sistem Informasi Pembelajaran Admin Dosen Mahasiswa 5 6 2 1 4 ₃

Gambar 3.1 Contex Diagram

Keterangan :

1. Proses dari Mahasiswa ke Sistem. a. Upload Tugas.

b. Permintaan Informasi. c. Permintaan tugas. d. Permintaan modul.

2. Proses dari Sistem ke Mahasiswa a. Daftar Matakuliah.

b. Daftar Tugas. c. Daftar Modul.

commit to user

11

3. Proses dari Sistem ke dosen a. Daftar Matakuliah. b. Daftar Tugas.

4. Proses dari Dosen ke Sistem.

a. Username dan Password mahasiswa. b. Mengakses Tugas.

c. Upload Tugas

5. Proses dari admin ke Sistem

a. Input Data Mahasiswa

b. Input Data Dosen

c. Input Username Dan Password

d. Input Data Matakuliah

6. Proses dari Sistem ke admin

a. Data Mahasiswa b. Data Dosen c. Data Mata Kuliah d. Data User

commit to user

3.1.2 DFD (Data Flow Diagram)

3.1.2.1DFD Level 1 Sistem Pembelajaran Online DIII Teknik Informatika

DFD Level 1, menggambarkan aliran data yang ada di dalam sistem seperti yang digambarkan pada proses dalam Contex Diagram.DFD Level 0 dapat dilihat pada Gambar 3.2

Admin Mahasiswa Dosen 1 Login 2 Pembagian kelas 3 Pembagian matakuliah Kelas User Mahasiswa Dosen Username+password Username+password Username+password Username+password Username+password 4 Manajemen tugas 5 Manajemen modul username Nim+nama NIDN+nama Matakuliah Nama kelas Data matakuliah Nim/NIDN dan kelas

Download File modul

Download Tugas Modul File 7 Pengumpulan tugas File Detail Tugas Jawaban Tugas Soal Tugas File Detail Tugas Detail Modul File NIM+File File 8 Manajemen Informasi Data Informasi Informasi Informasi Data Informasi 9 Manajemen matakuliah Data Matakuliah Data Matakuliah Detail Matakuliah Detail Matakuliah 10 Manajemen Kelas 11 Manajemen dosen 12 Manajemen mahasiswa Data mahasiswa Data dosen Data Kelas Data mahasiswa Data dosen Data kelas Detail dosen Detail kelas Detail mahasiswa

commit to user

13

3.1.2.2DFD level 2 proses pengumpulan Tugas

Pada Gambar diagram di bawah menjelaskan tentang proses dimana tugas yang akan di upload sampai tugas diterima mahasiswa. Tugas yang dikumpulkan mahasiswa dan juga tugas mahasiswa yang diambil oleh dosen.DFD level 2 dapat dilihat seperti Gambar 3.3

tugas 7.2

Tugas

7.3 Validasi kumpul

Mahasiswa File Tugas

Idmakul+iddosen+file

Nim+file tugas Idtugas+nim+file

Date+idtugas Dosen

7.1 Input Tugas File+diskripsi

File+diskripsi 7.4

Download tugas

File Tugas+nim File Tugas+nim

commit to user

3.2 Perancangan Database

3.2.1 ERD

Sistem Informasi ini memiliki database yang terdiri dari beberapa tabel yang direlasikan. Berikut gambar ERD seperti ditunjukan pada gambar3.5

Gambar 3.4 ERD

Dosen Mahasiswa Kelas Tugas Matakuliah Mengampu terdaftar memiliki mengerjakan alamat nama iddosen telp Idpendidikan idmakul namamakul semester keterangan sks idtugas idmatkul iddosen date idkelas path diskripsi idmodul idmatkul iddosen path diskripsi nama telp templahir tgllahir nim alamat idkelas namakelas tahun idmakul iddosen active idkelas Nim idtugas path idkelas nim idtugas

Modul dan info idmatkul path m m m 1 m m m m m m Idinfo

commit to user

15

3.2.2 Skema Diagram

Skema diagram yang menggambarkan tabel-tabel dan relasi antar tabel pada Sistem Informasi ini ditunjukkan pada Gambar 3.5.

Gambar 3.5 Skema Diagram

3.2.3 Struktur Database

Berikut ini adalah tabel – tabel yang digunakan dalam database sistem pembelajaran online.

1. Tabel Mahasiswa

Tabel Mahasiswa berfungsi menyimpan data mahasiswa yang ditunjukkan pada Tabel 3.1.

Tabel 3.1 Mahasiswa

Field Type Size Keterangan

Nim Varchar 8 Primary Key Not null

Nama Varchar 50 Not null

commit to user

Templahir Varchar 30 Not null

Tgllahir Date - Not null

Alamat Varchar 255 Not null

2. Tabel Dosen

Tabel Dosen berfungsi menyimpan data dosen yang ditunjukkan pada Tabel 3.2

Tabel 3.2 Dosen

Field Type Size Keterangan

Iddosen Varchar 20 Primary Key Not null

Nama Varchar 50 Not null

Alamat Varchar 255 Not null

Telp Varchar 15 Null

idpendidikan Varchar 3 Not null

3. Tabel Mata Kuliah

Tabel Mata Kuliah berfungsi menyimpan data mata kuliah yang ditunjukkan pada Tabel 3.3

Tabel 3.3 Matakuliah

Field Type Size Keterangan

Idmakul Varchar 8 Primary Key Not null

Namamakul Varchar 50 Not null

Semester Varchar 15 Not null

Sks Varchar 30 Not null

Keterangan Date - Null

4. Tabel Modul

Tabel Modul berfungsi menyimpan data modul yang ditunjukkan pada Tabel 3.4

commit to user

17

Tabel 3.4 Modul

Field Type Size Keterangan

Idmodul Integer 3 Primary Key Not null

Idmakul Varchar 8 Not null

Iddosen Varchar 20 Not null

Judul Varchar 50 Not null

Path Varchar 50 Not null

Diskripsi Text Not null

5. Tabel Tugas

Tabel Tugas berfungsi menyimpan data tugas yang ditunjukkan pada Tabel 3.5

Tabel 3.5 Tugas

Field Type Size Keterangan

Idtugas Integer 3 Primary Key Not null

Idmakul Varchar 8 Not null

Iddosen Varchar 20 Not null

Path Varchar 50 Not null

Judul Varchar 50 Not null

Diskripsi Text Not null

Date Datetime Not null

commit to user 6. Tabel Kelas

Tabel Tugas berfungsi menyimpan data tugas yang ditunjukkan pada Tabel 3.6

Tabel 3.6 Kelas

Field Type Size Keterangan

Idkelas Varchar 8 Primary Key Not null

Namakelas Varchar 50 Not null

Tahun Year 4 Not null

7. Tabel Ampumakul

Tabel Ampumakul berfungsi menyimpan data ampumakul yang ditunjukkan pada Tabel 3.7

Tabel 3.7 Ampumakul

Field Type Size Keterangan

Idmakul Varchar 8 Primary Key Not null

Iddosen Varchar 20 Primary key Not null

Idkelas Varchar 8 Primary key Not null

Active Tinyint 1 Not null

8. Tabel Daftar

Tabel Daftar berfungsi menyimpan data daftar yang ditunjukkan pada Tabel 3.8

Tabel 3.8 Daftar

Field Type Size Keterangan

Nim Varchar 8 Primary Key Not null

Idkelas Varchar 8 Primary Key Not null

9. Tabel Kumpul

Tabel kumpul berfungsi menyimpan data yang telah dikumpulkan yang ditunjukkan pada Tabel 3.9

commit to user

19

Tabel 3.9 Kumpul

Field Type Size Keterangan

Nim Varchar 8 Primary Key Not null

Idtugas Varchar 5 Primary Key Not null

Path Varchar 50 Not null

10. Tabel Informasi

Tabel Informasi berfungsi menyimpan data informasi yang ditunjukkan pada Tabel 3.10

Tabel 3.10 Informasi

Field Type Size Keterangan

Idinfo Integer 3 Primary Key Not null

Idmakul Varchar 8 Not null

Iddosen Varchar 20 Not null

Judul Varchar 50 Not null

Diskripsi Text Not null

3.2.4 Kamus Data

Kamus data merupakan hasil referensi mengenai data, yaitu data yang disusun oleh analis sistem untuk digunakan sebagai pedoman saat melakukan analisa dan desain sistem. Kamus data yang ada pada sistem pembelajaran online adalah sebagai berikut :

1. User

Username : {varchar} 10 *Nama unik dari administrator untuk proses autentifikasi*

commit to user

Password : {varchar} 35 *Sederetan karakter unik yang digunakan untuk proses autentifikasi*

2. Dosen

Kodedosen : {varchar} 20 *Kode unik data dosen, sebagai kunci primer*

Namadosen : {varchar} *Nama dosen* Alamat : {varchar} *Alamat dosen* Jeniskelamin : {varchar} *Jenis kelamin dosen* NoTelp : {varchar} *Nomor telepon dosen*

3. Matakuliah

Id_makul : {varchar} *kode unik data instansi, sebagai kunci primer* Namamakul : {varchar} *Nama Instansi*

Semester : {int} *Alamat Instansi*

sks : {int} *Kota Instansi itu berada* noTelp : {varchar} *Nomor Telepon Instansi*

keterangan : {varchar} *Profil Singkat Instansi Tersebut*

4. Mahasiswa

NIM : {varchar} *Kode unik data mahasiswa

nama : {varchar} *Nama mahasiswa*

Telp : {varchar} *Nomor Telp mahasiswa* Tgllahir : {date} *Tanggal lahir mahasiswa* Alamat : {varchar}*Alamat mahasiswa*

5. Tugas

Idtugas : {varchar} *Kode unik data tugas, sebagai kunci diskripsi : {text} *diskripsi tentang tugas*

path : {varchar} *lokasi penyimpanan file tugas*

6. Modul

Idmodul : {varchar} *Kode unik data modul* judul : {varchar} *judul modul*

deskripsi : {text} *Diskripsi modul* path : {varchar}*lokasi file modul*

commit to user

21

3.2.5 Desain Layout

Layout pada sistem pembelajaran online ini terdiri dari 3 bagian pokok. Yaitu banner, menu dan content, pada Banner berisi logo UNS yang mendadakan bahwa system informasi ini di khususkan untuk mahasiswa dan dosen yang berada dalam Universitas Sebelas Maret.Pada bagian menu berisi link-link menu dalam website ini,setiap tingkatan user berbeda menu yang ditampilkan. Kemudian pada content berisi tentang informasi yang disediakan dalam website ini Seperti pada Gambar 3.6 .

BANNER MENU

Content

commit to user

3.2.6 Site Map

Site Map halaman-halaman yang bisa diakses oleh dosen ditunjukkan seperti Gambar 3.7

1. Upload modul :berisi form untuk melakukan upload modul untuk setiap matakuliah yang di ampu oleh dosen

2. Upload tugas :Berisi form dosen untuk melakukan upload tugas serta seting batas pengumpulan tugas

3. Download tugas : Berisi menu untuk mengambil file yang telah diupload oleh mahasiswa tiap kelas dan tiap tugas

4. Log out : Digunakan untuk keluar dari sistem informasi ini.

Gambar 3.7 Site Map Dosen Dosen

Upload Modul

Upload Soal Tugas

Download Hasil Tugas

Edit tugas

Log Out Update Informasi

commit to user

23

Gambar 3.8 menunjukan halaman-halaman yang bisa diakses oleh mahasiswa.

1. Kuliah: Pada halaman Kuliah terdapat 3 sub page yaitu Informasi, Modul dan Tugas,dalam Modul mahasiswa dapat mendownload modul-modul yang disediakan oleh dosen,kemudian tugas berisi tugas-tugas yang diberikan dosen serta tempat pengumpulan tugas

Mahasiswa

Kuliah

Change password

Logout

Modul

Tugas Informasi

Upliad Download

commit to user

24

BAB IV

IMPLEMENTASI PROGRAM

4.1 Implementasi Sistem

Sesuai dengan perancangan sistem yang telah dikemukakan sebelumnya, pada Sistem Informasi pembelajaran terdapat tiga user yaitu dosen,mahasiswa dan administrator. Berikut adalah implementasi dua tingkatan user atau halaman yang dapat diakses oleh masing-masing user.

4.1.2 Halaman Awal User

Halaman awal ini berisi form login.Hanya mahasiswa dan dosen yang dapat mengakses halaman pada sistem informasi,sehinga harus login terlebih dahulu untuk dapat mengakses halaman yang ada.

commit to user

25

1. Menu Mahasiswa

Setelah mahasiswa login pada sistem maka akan ada menu yang dapat diajalankan oleh Mahasiswa berikut ini adalah menu-menu yang ada dalam mahasiswa pada gambar 4.2

Gambar 4.2 Menu Mahasiswa

2. Halaman Kuliah

Halaman ini berisi tentang matakuliah serta dosen yang dapat di pilih oleh mahaiswa dalam melakukan perkuliahan tugas serta modul gambar 4.3.

Gambar 4.3 Halaman Kuliah

Setelah memilih matakuliah yang akan diikuti maka akan muncul tampilan menu kuliah seperti yang di tunjukan pada gambar 4.4

commit to user

26

Gambar 4.4 Halaman Menu kuliah

Jika anda memilih menu modul maka akan tampil modul-modul untuk didownload yang telah diupload oleh dosen yang bersangkutan seperti pada gambar 4.5

commit to user

27

Untuk melakukan pengunduhan klik tombol down seperti pada gambar 4.6

Gambar 4.6 Download Modul

Jika mahasiswa memilih menu tugas maka akan ada tampilan judul tugas, diskripsi tugas dan link untuk mendownload tugas serta link untuk melakukan pengumpulan tugas seperti pada gambar 4.7

commit to user

28

Gambar 4.7 HalamanTugas

Untuk download tugas klik link down seperti pada gambar 4.8.

commit to user

29

Kemudian untuk melakukan upload tugas dapat diklik tombol up maka akan muncul tampilan form upload seperti pada gambar 4.9

Gambar 4.9 Form Upload

Jika mahasiswa memilih menu info maka akan muncul informasi terakhir yang diupload dosen seperti pada gambar 4.10

commit to user

30

Menu terkahir dalam mahasiswa adalah ganti password, saat mahasiswa memilih menu ini maka akan mucul tampilan seperti pada gambar 4.11

Gambar 4.11 Form Ganti password

3. Menu Dosen

Pada menu dosen terdiri dari beberapa halaman seperti home upload modul,upload tugas seperti pada gambar 4.12

Gambar 4.12 Menu Dosen

Pada menu dosen terdiri dari beberapa halaman,yang pertama adalah halaman untuk melakukan upload modul pada setiap matakuliah yang di ampu oleh dosen yang bersangkutan seperti ditampilkan pada 4.13

commit to user

31

Gambar 4.13 Matakuliah Modul

Setelah memilih matakuliah yang diampu oleh dosen tersebut maka akan muncul form upload seperti pada gambar 4.14

commit to user

32

Menu selanjutnya dalam menu dosen adalah upload tugas, dalam page ini dosen dapat melakukan upload tugas terhadap matakuliah serta kelas yang dikehendaki oleh dosen pengampu matakuliah seperti pada gambar 4.15

Gambar 4.15 Matakuliah Upload Tugas

Setelah memilih matakuliah yang akan dimasukan tugas maka akan muncul form upload tugas seperti pada gambar 4.16

commit to user

33

Setelah melakukan upload file maka tampilan selanjutnya adalah seting batas pengumpulan tugas tiap kelas yang di ampu oleh dosen tersebut seperti pada gambar 4.17 dan 4.18

Gambar 4.17 Daftar ampu kelas dosen

commit to user

34

Berikut ini adalah salah satu menu dalam dosen, yaitu mendownload tugas-tugas yang telah dikumpulkan oleh mahasiswa sesuai matakuliah dan tugas-tugas ditunjukan seperti pada gambar 4.19

Gambar 4.19 Matakuliah Download Tugas

Setelah memilih matakuliah maka dosen akan memilih tugas mana yang akan di download seperti pada gambar 4.20

commit to user

35

Setelah menu tugas yang muncul kemudian klik pada tombol down sehingga akan muncul tampilan nim mahasiswa yang telah mengumpulkan tugas seperti pada gambar 4.21 untuk mendownload file setiap mahasiswa klik tombol down pada menu action,dan jika ingin mendownload semua file yang telah di upload mahasiswa klik pada gambar zip.

Gambar 4.21 Download Tugas

Menu selanjutnya dari user dosen adalah update batas pengumpulan tugas pertama dosen harus memilih matakuliah yang akan diupdate tugas seperti pada gambar 4.22

commit to user

36

Gambar 4.22 Matakuliah edit tugas

Setelah dosen memilih matakuliah yang diampu maka akan muncul tampilan tugas yang bisa diedit oleh dosen tersebut seperti pada gambar 4.23

commit to user

37

Kemudian pilih menu edit pada action di samping diskripsi tugas yang ingin diedit oleh dosen,maka akan muncul form edit seperti gambar 4.24

Gambar 4.24 Form Edit Tugas

Menu terakhir dalam menu dosen adalah untuk melakukan update informasi, seperti ditunjukan pada gambar 4.25

commit to user 38

BAB V PENUTUP

5.1 Kesimpulan

Berdasarkan pembahasan yang telah dilakukan maka dapat diambil kesimpulan bahwa sistem informasi akademik sub pembelajaran berbasis web dengan menggunakan pemrograman bahasa PHP dan MySQL sudah dibuat dengan fasilitas sebagai berikut:

1. Dosen

a. Mengungah Modul. b. Mengungah Tugas. c. Mengungah Informasi.

d. Mengunduh Tugas yang dikumnpulkan mahasiswa 2. Mahasiswa

a. Mengunduh Modul b. Mengunduh Tugas c. Mengakses Informasi d. Mengungah jawaban tugas 3. Admin

a. Menambah mahasiswa b. Menambah dosen c. Menambah user

d. Menambah Matakuliah e. Menambah kelas

commit to user 38

5.2 Saran

Berdasarkan pembahasan, yang dapat disarankan adalah sebagai berikut : 1. Keamanan sistem ini masih minimal, sehingga perlu ditambah keamanan.

2. Interface masih sangat minim sehingga membuat user tidak nyaman, sebaiknya interface lebih diperbaiki.

Berikut ini adalah salah satu menu dalam dosen, yaitu mendownload tugas-tugas yang telah dikumpulkan oleh mahasiswa sesuai matakuliah dan tugas-tugas ditunjukan seperti pada gambar 4.19

Gambar 4.19 Matakuliah Download Tugas

Setelah memilih matakuliah maka dosen akan memilih tugas mana yang akan di download seperti pada gambar 4.20

commit to user

Setelah menu tugas yang muncul kemudian klik pada tombol down sehingga akan muncul tampilan nim mahasiswa yang telah mengumpulkan tugas seperti pada gambar 4.21 untuk mendownload file setiap mahasiswa klik tombol down pada menu action,dan jika ingin mendownload semua file yang telah di upload mahasiswa klik pada gambar zip.

Gambar 4.21 Download Tugas

Menu selanjutnya dari user dosen adalah update batas pengumpulan tugas pertama dosen harus memilih matakuliah yang akan diupdate tugas seperti pada gambar 4.22

Gambar 4.22 Matakuliah edit tugas

Setelah dosen memilih matakuliah yang diampu maka akan muncul tampilan tugas yang bisa diedit oleh dosen tersebut seperti pada gambar 4.23

commit to user

Kemudian pilih menu edit pada action di samping diskripsi tugas yang ingin diedit oleh dosen,maka akan muncul form edit seperti gambar 4.24

Gambar 4.24 Form Edit Tugas

Menu terakhir dalam menu dosen adalah untuk melakukan update informasi, seperti ditunjukan pada gambar 4.25

PENUTUP

5.1 Kesimpulan

Berdasarkan pembahasan yang telah dilakukan maka dapat diambil kesimpulan bahwa sistem informasi akademik sub pembelajaran berbasis web dengan menggunakan pemrograman bahasa PHP dan MySQL sudah dibuat dengan fasilitas sebagai berikut:

1. Dosen

a. Mengungah Modul.

b. Mengungah Tugas.

c. Mengungah Informasi.

d. Mengunduh Tugas yang dikumnpulkan mahasiswa

2. Mahasiswa

a. Mengunduh Modul

b. Mengunduh Tugas

c. Mengakses Informasi

d. Mengungah jawaban tugas

3. Admin

a. Menambah mahasiswa

b. Menambah dosen

commit to user 38

5.2 Saran

Berdasarkan pembahasan, yang dapat disarankan adalah sebagai berikut :

1. Keamanan sistem ini masih minimal, sehingga perlu ditambah keamanan.

2. Interface masih sangat minim sehingga membuat user tidak nyaman, sebaiknya