LAPORAN TUGAS AKHIR

APLIKASI PEMBELAJARAN ONLINE

BERBASIS WEBSITE

Disusun Oleh :

Kelompok 39

1. Afifah Amalia Rizki 3067/564.072

2. Novirina Ledina Praba S. 3015/803.063

3. Masraga Setiawan 3135/632.072

GURU PEMBIMBING

Aris Puji Santoso , S.Kom

YAYASAN SANDHYKARA PUTRA TELKOM

SMK TELKOM SANDHY PUTRA MALANG

2012

LEMBAR PENGESAHAN

TUGAS AKHIR

Judul : APLIKASI PEMBELAJARAN ONLINE BERBASIS WEBSITE

Oleh : Afifah Amalia Rizki[1], Novirina Ledina Praba S.[2],

Masraga Setiawan[3]

NIS : 3067/564 [1], 3015/803 [2], 3135/632 [3]

Telah diujikan pada :

Hari : Selasa

Tanggal : 29 Mei 2012

Tempat : SMK Telkom Sandhy Putra Malang

Disetujui oleh:

1. Nama guru pembimbing : Aris Puji Santoso , S.Kom

2. Nama penguji 1 : Dodit Supriyanto, S.Kom.

3. Nama penguji 2 : Ratna Puspitasari, S.T.

Kepala SMK Telkom Sandhy Putra Malang

Mulyadi Abdullah, M.M.NIK. 590687

i

APLIKASI PEMBELAJARAN ONLINE

BERBASIS WEBSITE

Nama Siswa : Afifah Amalia Rizki[1], Novirina Ledina Praba S.[2],

Masraga Setiawan[3]

NIS : 3067/564 [1], 3015/803 [2], 3135/632 [3]

Pembimbing : Aris Puji Santoso , S.Kom

ABSTRAK

Tugas Akhir ini bertujuan untuk membangun atau menciptakan suatu sistem

pembelajaran online atau lebih dikenal e-learning. Sistem ini dikembangkan dengan

menggunakan bahasa pemrogramman PHP, program database MYSQL dan Debian5.

Sistem ini bekerja untuk melakukan belajar secara online karena kita menekankan

bahwa “solusi belajar on-line, karena belajar tidak harus selalu di kelas”. Dan tujuan

sistem pembelajaran on-line ini adalah untuk memudahkan suatu sistem yang bekerja

pada sistem pendidikan dapat mengakses pembelajaran sekolah dengan menggunakan

media internet. Dengan demikian, aplikasi pembelajaran on-line ini nantinya

diharapkan mampu atau dapat membantu pihak penyelenggara atau manajemen

pendidikan mengakses segala informasi yang berkaitan dengan sekolah. Hal ini

disebabkan karena yang mengambil peran adalah computer atu panduan-panduan

elektronik yang dirancang oleh programmer komputer.

ii

KATA PENGANTAR

Syukur Alhamdulillah kehadirat Allah SWT yang telah memberikan limpahan

rahmat dan karunia-Nya sehingga kami dapat menyelesaikan Proposal Tugas Akhir

yang berjudul “Aplikasi Pembelajaran Online Berbasis Website” ini diajukan untuk

memenuhi salah satu persyaratan dalam mengikuti Ujian Akhir Nasional(UAN) di

SMK Telkom Sandhy Putra Malang.

Proposal Tugas Akhir ini tidak dapat terwujud tanpa adanya bantuan dari

pihak-pihak terkait baik secara langsung maupun secara tidak langsung. Untuk itu

penyusun menyampaikan terima kasih kepada :

1. Allah SWT yang telah memberikan kesehatan sehingga penyusun dapat menyelesaikan tugas akhir ini dengan lancar.

2. Bapak Mulyadi Abdullah, selaku Kepala SMK Telkom Sandhy Putra Malang.

3. Bapak Aris Puji Santoso , S.Kom, selaku pembimbing Tugas Akhir.

4. Bapak / Ibu guru SMK Telkom Sandhy Putra Malang, yang telah memberikan bantuan untuk menyelesaikan Tugas Akhir beserta dengan proposalnya.

5. Kedua orang tua dan seluruh keluarga yang selalu memberikan dorongan dan semangat untuk terus maju dan pantang menyerah.

6. Seluruh siswa / siswi SMK Telkom Sandhy Putra Malang terutama X.I.X Family yang telah memberikan dukungan moril dalam mengerjakan Tugas Akhir ini.

Semoga dengan semua jasa yang telah diberikan mendapatkan balasan dari

Allah SWT. Penulis berharap dengan adanya proposal ini, dapat dijadikan tambahan

ilmu pengetahuan khususnya bagi penulis dan setiap orang yang membacanya.

Penulis mohon maaf apabila dalam penulisan proposal Tugas Akhir ini

terdapat kesalahan dan kekurangan. Oleh karena itu penulis senantiasa mengharapkan

saran dan kritik dari pembaca sehingga penulis dapat lebih maju kedepannya.

Malang, 31 Mei 2011

Penulis

iii

DAFTAR ISI

LEMBAR PENGESAHAN………………………………………………......….i

ABSTRAK………………………………………………………………………. ii

KATA PENGANTAR…………………….…………………………………….iii

DAFTAR ISI…..........………………………………………….……………..….iv

DAFTAR GAMBAR……………………………………………………......…..vi

BAB 1 . PENDAHULUAN

1.1 Latar Belakang……………………….……….

…………………...1

1.2 Rumusan Masalah………………….….

…………………………..1

1.3 Batasan Masalah……………………..……………….

…………...2

1.4 Tujuan dan Manfaat ..………………….…….…………….

……...2

1.4.1 Tujuan..................................................................................2

1.4.2 Manfaat................................................................................2

1.4.2.1 Bagi Pelajar........................................................2

1.4.2.2 Bagi Pendidik....................................................3

BAB 2 . KAJIAN PUSTAKA DAN DASAR TEORI

2.1 Linux Debian 5…………………………....…………….………...4

2.1.1 DNS Server.........................................................................4

2.1.2 Web Server..........................................................................4

2.1.3 FTP Server...........................................................................6

2.1.4 Samba Server.......................................................................6

2.1.5 Proxy Server........................................................................7

2.1.6 Mail Server..........................................................................7

2.1.7 SSH Server..........................................................................8

2.1.8 DHCP Server......................................................................8

iv

2.2 HTML……………..……….…………………....………………...9

2.2.1 Struktur dasar dan program………………………………9

2.3 CSS………………………….…………….…...………….……..10

2.3.1 Penempatan CSS…………………………………………10

2.3.2 Keuntungan CSS…………………………………………10

2.4 JQuery…………………...…………………….…………………..11

2.5 PHP………………………………………………………………..12

2.5.1 Kelebihan PHP…………………………………………….12

2.6 MySQL dan SQL……………………………………………….....13

2.7 Jaringan…..………………………………………………………..14

2.7.1 Klasifikasi Jaringan..............................................................14

BAB 3 . ANALISIS DAN PEMECAHAN MASALAH

3.1 Perancangan Sistem……………………….………………….…..16

3.2 Perancangan Proses…………………………………….…….…..17

3.2.1 DFD (Data Flow Diagram)………………………………17

3.3 Perancangan Data…………………………….….……………....21

3.3.1 ERD ……………………………………………………..21

BAB 4 . HASIL DAN PEMBAHASAN

4.1 Tampilan halaman utama..……………………….………………23

4.2 Form Login……...…………………………………………….….23

Halaman username Siswa.………………………………………..24

Halaman username Guru..………………………………………..33

Halaman username Admin……………………………………….45

BAB 5 . KESIMPULAN DAN SARAN

5.1 Kesimpulan………………………………....……………………53

5.2 Saran…………………………………………………….……….53

BIOGRAFI PENULIS…………………………………………………………54

DAFTAR PUSTAKA………………………………………………………….56

v

DAFTAR GAMBAR

Gambar 4.1 Halaman Utama...……………...……...……………………………..23

Gambar 4.2 Form Login username Siswa.....……………………………………..23

Gambar 4.3 Halaman Home username Siswa .…………….……………….…….24

Gambar 4.4 Halaman Edit Foto Profil Siswa .…….………………………….…..25

Gambar 4.5 Halaman Ganti Password username Siswa ....……………….….......25

Gambar 4.6 Halaman Upload File username Siswa .…………….........................26

Gambar 4.7 Halaman Download File username Siswa..…………………………27

Gambar 4.8 Halaman Daftar Ujian username Siswa …………………………….27

Gambar 4.8.1 Halaman Ujian username Siswa ………………………………….28

Gambar 4.9 Halaman Daftar Nilai username Siswa … ………………….……...28

Gambar 4.10 Halaman Daftar Tugas username Siswa ………..…..…..………...29

Gambar 4.11 Halaman Kumpulan Tugasku username Siswa ……..…..………...30

Gambar 4.12 Halaman Daftar Modul username Siswa..………..…..……………30

Gambar 4.13 Halaman My Schedule username Siswa .……………………....….31

Gambar 4.14 Halaman Tulis pesan username Siswa …………………….………31

Gambar 4.15 Halaman Kotak Masuk username Siswa ……………..……….…..32

Gambar 4.16 Halaman Pesan Terkirim username Siswa ……….……………….33

Gambar 4.17 Halaman Home username Guru …………………………....……..33

Gambar 4.18 Halaman Edit Foto Profil username Guru ………………………..34

Gambar 4.19 Halaman ganti password username Guru ……...............................35

Gambar 4.20 Halaman upload file username Guru ……………………….……35

Gambar 4.21 Halaman download file username Guru …………………………36

Gambar 4.22 Halaman Input Soal username Guru …..……………..………….37

Gambar 4.23 Halaman Input Soal username Guru ……..……………………...37

Gambar 4.24 Halaman daftar nilai username Guru ………………...………….38

vi

Gambar 4.25 Halaman Daftar Soal username Guru..…………………………..39

Gambar 4.26 Halaman Daftar Soal username Guru..…………………………..39

Gambar 4.27 Halaman Upload Tugas username Guru..………………………..40

Gambar 4.28 Halaman Daftar Tugas username Guru..……….………………..41

Gambar 4.29 Halaman Upload Modul username Guru..……………………….41

Gambar 4.30 Halaman Daftar Modul username Guru..………………………..42

Gambar 4.31 Halaman My Schedule username Guru..……………….………..42

Gambar 4.32 Halaman Tulis Pesan username Guru..…………………………..43

Gambar 4.33 Halaman Kotak Masuk username Guru..…….…………………..44

Gambar 4.34 Halaman Pesan Terkirim username Guru..………………………44

Gambar 4.35 Halaman Home username Admin ……..………………………..45

Gambar 4.36 Halaman Edit Foto Profil username Admin..……………..……..45

Gambar 4.37 Halaman Ganti password username Admin..………………..…..46

Gambar 4.38 Halaman Upload File username Admin..…………..………..…..46

Gambar 4.39 Halaman Download File username Admin..…….…………..…..47

Gambar 4.40 Halaman Input User baru username Admin..………………..…..47

Gambar 4.41 Halaman Input kelas baru username Admin..…………...…..…..48

Gambar 4.42 Halaman Input Mata Pelajaran username Admin….………..…..49

Gambar 4.43 Halaman Tampil_siswa username Admin..………………..……49

Gambar 4.44 Halaman Tampil_guru username Admin..…………………..…..50

Gambar 4.45 Halaman Tulis pesan username Admin..………..…………..…..51

Gambar 4.46 Halaman Kotak Masuk username Admin..……..…………..…..51

Gambar 4.47 Halaman Pesan Terikirim username Admin………………..…..52

vii

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Ilmu pengetahuan dan teknologi setiap saat selalu berkembang dengan

pesat. Demikian juga teknologi informasi yang terasa semakin mudah untuk

diakses oleh siapapun, kapan pun, dan di mana pun, karena didukung oleh

tersedianya media komunikasi yang memiliki perkembangan yang semakin pesat.

Dengan adanya hal ini, mendorong banyak aspek untuk lebih mengefektifkan

kerjanya, tidak terkecuali di sistem pembelajaran pada dunia pendidikan.

Sistem pembelajaran memiliki banyak variasi pada penerapannya. Secara

umum pembelajaran memiliki proses yang efektif dan efisien dalam proses yang

dijalankan. Keinginan agar proses pembelajaran menjadi lebih praktis tanpa

mengurangi fungsi pembelajaran adalah tujuan yang hendak dicapai oleh tiap

komponen pembelajaran. Salah satu sistem pembelajaran yang dikembangkan

pada saat ini adalah sistem pembelajaran online. Pembelajaran online mempunyai

banyak sekali definisi. Namun secara aplikatif sistem pembelajaran online adalah

suatu model pembelajaran yang menggunakan media internet secara online

melalui web, sehingga proses pembelajaran dilakukan secara tidak langsung atau

tanpa tatap muka antara pendidik dan siswa.

Sistem pembelajaran online membutuhkan teknologi pendukung yang

mampu memproses berbagai aplikasi permintaan yang diberikan oleh pengguna.

Salah satu teknologi yang dapat dikembangkan adalah penggunaan basis data

pada sistem pembelajaran online. Basis data menjadi salah satu komponen yang

harus dapat mengolah berbagai data dan aktifitas permintaan informasi yang

diberikan oleh pengguna.

1.2 Rumusan Masalah

Dari latar belakang di atas, dapat diperoleh beberapa Rumusan masalah

sebagai berikut :

1

1.2.1 Bagaimana cara merancang dan membangun website interaktif dan efisien

yang didalamnya menyediakan fasilitas pembelajaran online?

1.3 Batasan Masalah

Batasan masalah pada sistem ini adalah sebagai berikut:

1.3.1 Bahasa pemrogramman yang digunakan adalah PHP

1.3.2 Program database yang digunakan adalah MySQL

1.3.3 Sistem yang digunakan berbasis Web-Base Online

1.3.4 Jaringan yang digunakan menggunakan Debian 5.0

1.4 Tujuan dan Manfaat

1.4.1 Tujuan

Tujuan digunakanya sistem ini adalah sebagai berikut

1.4.1.1 Interactivity, Pelajar maupun pendidik memungkinkan tersedianya

komunikasi lebih banyak dan interaktif, baik secara langsung maupun

tidak langsung

1.4.1.2 Independency, mengenai tempat, waktu, pendidik menjadi

fleksibel. Pembelajaran lebih berorientasi pada pelajar(pelajar lebih

banyak aktif)

1.4.1.3 Accessibility, dengan menggunakan teknologi, banyak sumber-

sumber yang mudah dicapai

1.4.1.4 Adaptively, mudah beradaptasi dengan lingkungannya. Bebas,

dapat sambil beristirahat

1.4.1.5 Enrichment atau enlivenment, dalam presentasi untuk memperkaya

dalam pembelajaran memungkinkan menggunakan video streaming,

simulasi, dan animasi

1.4.2 Manfaat

1.4.2.1 Bagi Pelajar

1.4.2.1.1 Pelajar dapat mengakses materi pelajaran tanpa terbatas

waktu dan tempat

2

1.4.2.1.2 Para pelajar dapat menggunakan internet untuk mengakses

materi-materi yang baru dan relevan

1.4.2.1.3 Pelajar dapat berkomunikasi dengan para ahli dalam bidang

yang mereka pelajari

1.4.2.2 Bagi Pendidik

1.4.2.2.1 Pendidik dapat melakukan pembelajaran setiap saat dan

dari manapun

1.4.2.2.2 Pendidik dapat memperbarui materi dengan segera dapat

diketahui oleh pelajar

1.4.2.2.3 Mengarahkan peserta didik kepada informasi sesuai

kebutuhan pelajar

1.4.2.2.4 Menentukan kebutuhan dan tingkat keahlian pelajar serta

memberi materi yang tepat kepada pelajar untuk dipilih dalam rangka

mencapai outcome yang diinginkan

3

BAB 2

KAJIAN PUSTAKA DAN DASAR TEORI

2.1 Linux Debian 5

2.1.1 DNS Server

Domain Name System(DNS) adalah Distribute Database System yang

digunkan untuk pencarian nama computer(name resolution) di rangkaian yang

menggunakan TCP/IP. DNS merupakan sebuah aplikasi service yang biasa

digunakan di internet seperti web browser atau e-mail yang menerjemahkan

sebelum domain ke IP address.

Kelebihan dari DNS Server adalah :

1. mudah, DNS sangat mudah karena user tidak lagi disusahka untuk

mengingat IP address sebuah computer, cukup host name.

2. konsisten, IP address sebuah computer boleh berubah, tapi host name

tidak boleh berubah

3. simple, DNS server mudah untuk dikonfigurasikan(bagi admin)

Kekurangan dari DNS Server :

1. user tidak dapat menggunakan nama banyak untuk mencari nama

domain baik di internet maupun di intranet

2.1.2 Web Server

Web server merupakan software yang memberikan layanan data

yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang dikenal

dengan browser web dan mengirimkan kembali hasilnya dalam bentuk halaman-

halaman web yang umunya berbentuk dokumen HTML.

Macam-macam Web Server :

1. Apache Tomcat

2. Microsoft Windows Server 2003 Internet Information Services (IIS)

3. Lighttpd

4

4. Sun Java System Web Server

5. Xitami Web Server

6. Zeus Web Server

Cara Kerja Web Server :

1. Cara kerja Web server merupakan mesin dimana tempat aplikasi atau

software beroperasi dalam mendistribusikan web page ke user, tentu

saja sesuai dengan permintaan user.

2. Hubungan antara Web Server dan Browser Internet merupakan

gabungan atau jaringan Komputer yang ada di seluruh dunia. Setelah

terhubung secara fisik, Protocol TCP/IP (networking protocol) yang

memungkinkn semua computer dapat berkomunikasi satu dengan yang

lainnya. Pada saat browser meminta data web page ke server maka

instruksi permintaan data oleh browser tersebut di kemas di dalam

TCP yang merupakan protocol transport dan dikirim ke alamay yang

dalam hal ini merupakan protocol berikutnya yaitu Hyper Text

Transfer Protocol(HTTP). HTTP ini merupakan protocol yang

digunakan dalam World Wide Web(WWW) antar computer yang

terhubung dalam jaringan di dunia ini. Untuk mengenal protocol ini

jelas sangat mudah sekali dimana setiap kali anda mengetik http://

anda telah menggunakannya dan membawa anda ke dunia internet.

Data yang di passing dari browser ke Wen server disebut sebagai

HTTP request meminta web page dan kemudian web server akan

mencari data HTML yang ada dan di kemas dalam TCP protocol dan

di kirim kembali ke browser. Data yang dikirim dari server ke browser

disebut sebagai HTTP response. Jika data yang diminta oleh browser

tidak ditemukan oleh si Web server maka akan menimbulkan error

yang sering anda lihat di web page yaitu Error : 404 Page Not Found.

Hal ini memberikan cita rasa dari suatu proses yang tridimensional,

artinya pengguna internet dapat membaca dari satu dokumen ke

dokumen yang lain hanya dengan mengklik beberapa bagian dari

halaman-halaman dokumen(web) itu. Proses yang dimulai dari

5

permintaan webclient(browser), diterima web server, diproses, dan

dikembalikan hasil prosesnya oleh web server ke web client lagi

dilakukan secara transparan. Setiap orang dapat dengan mudah

mengetahui apa yang terjadi pada tiap-tiap proses. W=secara garis

besarnya web server hanya memproses semua masukan yang

diperolehnya dari web clientnya.

2.1.3 FTP Server

FTP adalah File Transfer Protocol(FTP) adalah suatu protokol yang

berfungsi untuk tukar-menukar file dalam suatu network yang menggunakan TCP

koneksi bukan UDP.

Dua hal yang penting dalam FTP adalah FTP Server dan FTP Client.

FTP Server adalah suatu server yang menjalankan software yang berfungsi

untuk memberikan layanan tukar menukar file dimana server tersebut selalu siap

memberikan layanan FTP apabila mendapat permintaan(request) dari FTP Client.

Tujuan dari FTP Server adalah sebagai berikut :

Untuk tujuan sharing data

Untuk menyediakan indirect atau implicit remote computer

Untuk menyediakan tempat penyimpanan bagi user

Untuk menyediakan transfer data yang reliable dan efisien

2.1.4 Samba Server

Dalam membangun jaringan kombinasi sistem operasi windows dengan

linuk, Samba merupakan layanan yang paling populer. Pada umumnya Samba

digunakan untuk membangun suatu jaringan di mana computer-komputer yang

menjadi anggota jaringan tersebut digunakan untuk berbagi pakai(sharing)

berbaga sumber daya yang dimilikinya, missal media penyimpanan data dan

printer. Pada dasarnya Samba diciptakan untuk menjembatani protokol yang

berbeda antara Linux dengan Windows ketika membangun sebuah jaringan.

Kebanyakan sistem operasi berbasis UNIX termasuk Linux, menggunakan

protocol TCP/IP dalam membagun jaringan. Windows sendiri juga mendukung

penggunaan protokol TCP/IP. Namun dalam membangun jaringan sesama

6

Windows untuk keperluan sharing data atau printer. Windows menggunakan

protokol lain yang disebut Server Message Block atau disingkat Samba. Protokol

Samba menggunakan anatrmuka jaringan yang disebut Network Basic Input

Output System(NetBIOS). NetBIOS memungkinkan pengguna Windows untuk

mengakses media penyimpanan atau printer pada computer lain seolah-olah

perangkat tersebut ada pada komputer-nya sendiri.

2.1.5 Proxy Server

Proxy Server adalah server yang bertugas menyimpan sementara (cache)

file html server lain, kegunaannya adalah untuk mempercepat akses internet.

Tentang Proxy Server untuk dapat menikmati fasilitas World Wide Web dengan

lebih cepat gunakanlah Proxy Server. Proxy Server adalah sebuah server yang

dilengkapi dengan software khusus yang melayani permintaan dokumen World

Wide Web dari pengguna Internet.Jaringan Proxy Server Indo.net IndoInternet

adalah ISP pertama di Indonesia yang memiliki jaringan proxy server.

Keuntungan jaringan proxy server jika dibandingkan dengan hanya menggunakan

sebuah proxy server adalah: Permintaan dari pengguna akan dapat dilayani

dengan lebih cepat Kehandalan proxy server lebih terjamin, jika salah satu proxy

server tidak berfungsi, maka proxy server lainnya akan menggantikan fungsinya.

Lebih efisien dan menghemat bandwidth. Automatic Proxy ConfigurationDengan

menggunakan Automatic Proxy Configuration akan meningkatkan kehandalan

menggunakan proxy server. Jika proxy server yang sedang anda gunakan tiba-tiba

tidak dapat digunakan, browser anda secara otomatis akan menggunakan proxy

server lainnya, jika tidak ada proxy server lainnya yang dapat melayani anda,

browser anda akan secara otomatis langsung meminta dokumen WWW dari

server tanpa bantuan proxy server. Hal ini akan memudahkan anda, anda tidak

usah mengganti setting proxy server anda.

2.1.6 Mail Server

7

Mail Server adalah perangkat lunak program yang mendistribusikan file

atau informasi sebagai respons atas permintaan yang dikirim via email, juga

digunakan pada bitnet untuk menyediakan layanan serupa http://FTP.

2.1.7 SSH Server

Secure Shell atau SSH adalah protokol jaringan yang memungkinkan

pertukaran data melalui saluran aman antara dua perangkat jaringan. Terutama

banyak digunakan pada sistem berbasisLinux dan Unix untuk mengakses akun

shell, SSH dirancang sebagai pengganti Telnet dan shell remote tak aman lainnya,

yang mengirim informasi, terutama kata sandi, dalam bentuk teks sederhana yang

membuatnya mudah untuk dicegat. Enkripsi yang digunakan oleh SSH

menyediakan kerahasiaan dan integritas data melalui jaringan yang tidak aman

seperti Internet.

SSH menggunakan kriptografi kunci publik untuk mengotentikasi

komputer remote dan biarkan komputer remote untuk mengotentikasi pengguna,

jika perlu. SSH biasanya digunakan untuk login ke mesin remote dan

mengeksekusi berbagai perintah, tetapi juga mendukung tunneling, forwarding

TCP port dan X11 connections; itu dapat mentransfer file menggunakan terkait

SFTP atau SCP protocols. SSH menggunakan klien-server model. Yang standar

TCP port 22 telah ditetapkan untuk menghubungi server SSH. Sebuah klien

program SSH ini biasanya digunakan untuk membangun koneksi ke SSH daemon

untuk dapat diremote. Keduanya biasanya terdapat pada sistem operasi modern,

termasuk Mac OS X, Linux, FreeBSD, Solaris dan OpenVMS. Tersedia versi

berpemilik, freeware dan open source untuk berbagai tingkat kerumitan dan

kelengkapan.

2.1.8 DHCP Server

DHCP (Dynamic Configuration Protocol) adalah layanan yang secara

otomatis memberikan nomor IP kepada komputer yang memintanya. Komputer

yang memberikan nomor IP disebut sebagai DHCP server, sedangkan komputer

yang meminta nomor IP disebut sebagai DHCP Client. Dengan demikian

8

administrator tidak perlu lagi harus memberikan nomor IP secara manual pada

saat konfigurasi TCP/IP, tapi cukup dengan memberikan referensi kepada DHCP

Server. Fungsi DHCP ini adalah dapat memberikan nomor IP secara otomatis

kepada komputer yang melakukan request.

2.2 HTML

Hypertext Markup Language merupakan standard bahasa yang di gunakan

untuk menampilkan document web, yang bisa dilakukan dengan HTML yaitu :

Mengontrol tampilan dari web page dan contentnya

Mempublikasikan document secara online sehingga bisa diakses dari

seluruh dunia

Membuat online form yang bisa digunakan untuk menangani

pendaftaran, transaksi secara online

Menambahkan object-object seperti image, audio, video dan juga java

applet dalam document HTML

2.2.1 Struktur dasar dan program

Yang menjadi elemen pada struktur dasar yang menyusun suatu program

HTML sehingga program tersebut dapat dijalankan diantaranya :

1. Penanda jenis dokumen, contoh : <HTML></HTML>

2. Judul (biasanya terdapat antara header) contoh : <TITLE></TITLE>

3. Header (keterangan umum seperti judul dsb.) contoh :

<HEAD></HEAD>

4. Batang tubuh (merupakan isi dari file HTML) contoh :

<BODY></BODY>

Sehingga tersusunlah suatu struktur program seperti di bawah ini :

<HTML>

<HEAD><TITLE></TITLE></HEAD>

<BODY>

Program-program/perintah-perintah HTML

9

</BODY>

</HTML>

2.3 CSS

Style Sheets merupakan feature yang sangat penting dalam membuat

Dyamic HTML. Meskipun bukan merupakan suatu keharusan dalam membuat

web, akan tetapi penggunaan style sheets merupakan kelebihan tersendiri.

Suatu style sheet merupakan tempat untuk mengontrol dan memanage style-

style yang ada. Style sheet mendiskripsikan bagaimana tampilan document HTML

dilayar. Bisa juga menyebutnya sebagai template dari documents HTML yang

menggunakannya.

Menggunakan CSS juga bisa membuat efek-efek spesial di web dengan

menggunakan Style Sheet. Sebagai contoh bisa membuat style sheet yang

mendefinisikan style untuk <H1> dengan style bold dan italic dan berwarna biru.

Atau pada tag <P> yang akan ditampilkan dengan warna kuning dan

menggunakan font verdana dan masih banyak lagi yang bisa anda lakukan dengan

style sheet.

Secara teoritis, bisa menggunakan style sheet technology dengan HTML.

Akan tetapi pada prakteknya hanya Cascading Style Sheet (CSS) Technology.

Yang support pada hampir semua web Browser. Karena CSS telah di standartkan

oleh World Wide Web Consortium (W3C) untuk digunakan di web browser.

2.3.1 Penempatan CSS

Menepatkan style CSS dalam dokumen Web yang kita buat dalam bahasa

HTML dapat dilakukan dengan beberapa cara dan tingkatan berbeda sesuai

dengan keinginan kita. Ada empat cara penulisan CSS yaitu : Inline Style, Internal

Style, Import Style, dan External Style.

2.3.2 Keuntungan CSS

Dengan CSS, kita dapat :

10

1. Mengatur tampilan halaman web tanpa harus mengulang format

penulisan sintaks HTML yang sama

2. Dengan mudah mengubah tampilan dari halaman-halaman web

walaupun setelah halaman tersebut dibuat. Setelah style dibuat, kalian

dapat mengubah tampilan keseluruhan situs sekaligus tanpa harus

mengganti tag-tag tertentu ketika mengubah salah satu tampilan dari

elemen dalam halaman kalian

3. Menentukan isi hingga ukuran piksel dari tiap halaman web dengan

akurat

4. Halaman web kalian akan di-load lebih cepat, karena tidak diisi dengan

tag-tag yang mengatur tampilan web. Style yang mengatur tiap halaman

akan disimpan dalam sebuah dokumen CSS yang hanya di-load sekali

ketika pengunjung memasuki situs kalian.

2.4 JQuery

JQuery adalah library JavaScript yang memungkinkan kita untuk membuat

program web pada suatu halaman web, tanpa harus secara eksplisit kita

menambahkan event atau pun property pada halaman web tersebut.

Dengan JQuery, suatu halaman web yang menjadi aplikasi web, jika dilihat

sourcenya, akan terlihat seperti dokumen HTML biasa. Tidak ada kode JavaScript

yang terlihat langsung. Teknik pemrograman web seperti ini disebut sebagai

unobstusive JavaScript Programming.

JQuery merupakan salah satu library yang membuat program web di sisi

klien, tidak terlihat sebagai program JavaScript biasa, yang harus secara eksplisit

disisipkan pada dokumen web. Pada teknik pemrograman sisi klien dengan

menggunakan JavaScript biasa, setiap elemen yang akan memiliki event, akan

secara eksplisit terlihat ada event yang diletakkan pada elemen tersebut.

JQuery dikembangkan pertama kali oleh John Resig, yang dibuat lebih

ramping dari library Prototype yang menjadi inspirasi dari library JQuery ini.

Secara pemrograman, JQuery memiliki kemiripan seperti Prototype.

11

2.5 PHP

PHP adalah bahasa scripting yang menyatu dengan HTML dan dijalankan

pada serverside. Artinya semua sintaks yang kita berikan akan sepenuhnya

dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya

saja. Ketika seorang pengguna internet membuka suatu situs yang menggunakan

fasilitas server side scripting PHP, maka terlebih dahulu server yang bersangkutan

akan memproses semua perintah PHP di server lalu mengirimkan hasilnya dalam

format HTML ke web server pengguna internet tadi. Sehingga kode asli yang

ditulis dengan PHP tidak terlihat di browser pengguna.

PHP merupakan software yang open source bebas. Jadi anda dapat

merubah source code dan mendistribusikan secara bebas dan gratis. PHP juga

dapat berjalan lintas platform, yaitu dapat digunakan dengan sistem operasi

(Windows dan Linux) dan web server apapun (misalnya : PWS, IIS, Apache, dll).

2.5.1 Kelebihan PHP

Adapun kelebihan-kelebihan dari PHP yaitu :

1. PHP dapat berjalan lintas platform, yaitu dapat berjalan dalam

sistem operasi dan web server apapun

2. Dapat digunakan secara gratis

3. Termasuk bahasa yang embedded, yakni dapat diletakkan pada tag

HTML

4. Termasuk server side programming, sehingga kode asli, source code

PHP tidak dapat dilihat di browser pengguna, yang terlihat hanya

kode dalam format HTML

5. Dapat memanfaatkan sumber-sumber aplikasi yang dimiliki oleh

server, seperti misalnya untuk keperluan database connection. PHP

dapat melakukan koneksi dengan berbagai database seperti MySQL,

Oracle, Sybase, mSQL, Solid, Generic ODBC, Postgres SQL, Direct

MS-SQL, Velocis, IBM DB2, Interbase, Frontbase, Empress, dan

semua database yang mempunyai provider ODBC seperti misalnya

MS Access dan lain-lain

12

6. PHP dapat melakukan semua aplikasi program CGI, seperti

mengambil nilai form, menghasilkan halaman web yang dinamis,

mengirimkan dan menerima cookies.

2.6 MySQL dan SQL

MySQL merupakan software sistem manajemen database (Database

Management System – DBMS) yang sangat populer dikalangan pemrogram web,

terutama dilingkungan linux dengan menggunakan script PHP dan Perl. Software

MySQL kini dilepas sebagai software management database yang open source.

Software open source menjadikan software dapat terdistribusikan secara bebas

dan dapat dipergunakan untuk keperluan pribadi maupun komersial, termasuk

didalamnya source code dari software tersebut. Dengan lisensi komersial non

GPL. Database MySQL merupakan database yang menjanjikan sebagai alternative

pilihan database yang dapat digunakan untuk sistem database personal atau

organisasi.

MySQL dan PHP dianggap sebagai pasangan software pengembangan

aplikasi berbasis web yang ideal. Antar muka (front end) untuk aplikasi database

MySQL dapat menggunakan bahasa pemrograman umum seperti bahasa

pemrograman java, C/C++, MS Visual BASIC, atau pinBorland Delphi, hasil

akhir dari model aplikasi yang dihasilkan adalah aplikasi Client/Server. Umumnya

akses kepada database MySQL dari bahasa pemrogramman yang disebutkan jika

di lingkungan windows menggunakan MyODBC (driver koneksi database dengan

menggunakan standar ODBC).

SQL adalah bahasa computer standar yang digunakan untuk komunikasi

dengan sistem database relasional. Standar SQL didefinisikan oleh American

National Standard Institute (ANSI) dan International Standard Organization

(ISO). Nama resmi bahasa ini adalah International Standard Database Language

SQL (1992). Oracle Corporation, membentuk Relational Software Inc,

memproduksi implementasi komersial pertama untuk bahasa ini pada tahun 1979.

Saat ini terdapat beberapa macam SQL di pasaran dan setiap vendor RDBMS

mencoba memperluas standarnya untuk meningkatkan daya tarik komersial dari

produk ini. Salah satu karakteristik utama SQL language adalah bahwa ia

13

merupakan bahasa yang deklaratif dan non procedural. Dari sudut pandang

programmer, hal ini mengimplikasikan bahwa para programmer tidak perlu

menentukan langkah demi langkah dari keseluruhan operasi yang harus

diselesaikan computer untuk memperoleh hasil tertentu. Programmer hanya

menunjukkan kepada sistem manajemen database mengenai apa yang perlu

dipenuhi dan kemudian membiarkan sistem memutuskan sendiri bagaimana

memperoleh hasil yang diinginkan.

2.7 Jaringan

Jaringan computer adalah sebuah sistem yang terdiri atas computer,

software dn perangkat jaringan lainnya yang bekerja bersama-sama untuk

mencapai suatu tujuan yang sama. Tujuan dari jaringan computer adalah :

1. Membagi sumber daya, contohnya : berbagai pemakaian printer, CPU,

Scanner, Harddisk

2. Komunikasi, contohnya : E-mail, IM, Chatting

3. Akses informasi, contohnya : web browsing

Agar dapat mencapai tujuan yang sama, setiap bagian dari jaringan

komputer meminta dan memberikan layanan (service). Pihak yang menerima atau

meminta layanan disebut klien(client) dan yang memberikan atau mengirim

layanan disebut pelayan(server). Arsitektur ini disebut dengan sistem client-

server, dan digunakan pada hamper seluruh aplikasi jaringan koputer.

2.7.1 Klasifikasi Jaringan

Berdasarkan skala :

1. Local Area Network (LAN) : suatu jaringan computer yang

menghubungkan suatu komputer dengan komputer lain dengan jarak

yang terbatas

2. Metropolitant Area Network (MAN) : prinsip sama dengan LAN,

hanya saja jaraknya lebih luas, yaitu 10-50 km

3. Wide Area Network (WAN) : jaraknya antar kota, Negara, dan benua.

Ini sama dengan Internet.

Berdasarkan fungsi : pada dasarnya setiap jaringan komputer ada yang

berfungsi sebagai client dan juga server. Tetapi ada jaringan yang memiliki

14

komputer yang khusus didedikasikan sebagai server sedangkan yang lain sebagai

client. Ada juga yang tidak memiliki komputer yag khusus berfungsi sebagai

server saja. Karena itu berdasarkan fungsinya maka ada dua jenis jaringan

komputer.

1. Client-server

Yaitu jaringan komputer dengan komputer yang didedikasikan khusus

sebagai server. Sebuah service/layanan bisa diberikan oleh sebuah

komputer atau lebih. Contohnya adalah sebuah domain seperti

www.detik.com yang dilayani oleh banyak komputer web server. Atau

bisa juga banyak service/layanan yang diberikan oleh satu komputer.

Contohnya adalah server jtk.polban.ac.id yang merupakan satu komputer

dengan multi service yatiu mail server, web server, file server, database

server, dan lainnya

2. Peer-to-peer

Yaitu jaringan komputer dimana setiap host dapat menjadi server dan juga

menjadi client secara bersamaan. Contohnya dalam file sharing antar

komputer di Jaringan Windows Network Neighbourhood ada lima

komputer (kita beri nama A, B, C, D, dan E) yang memberi hak akses

terhadap file yang dimilikinya. Pada suatu saat A mengakses file share dari

B bernama data_nilai.xls dan juga menberi akses file soal_uas.doc kepada

C. Saat A member akses file kepada C maka A berfungsi sebagai server.

Kedua fungsi itu dilakukan oleh A secara bersamaan maka jaringan seperti

ini dinamakan peer to peer.

15

BAB 3

ANALISIS DAN PEMECAHAN MASALAH

3.1 Perancangan Sistem

Perancanga sistem atau desain sistem bertujuan untuk memberikan

gambaran secara umum kepada user tentang sistem yang baru. Adapun yang

dimaksud dengan sistem rancangan atau desain adalah pekerjaan,

mengilustrasikan, merencanakan, membuat gambaran atau menyusun beberapa

elemen ke dalam suatu kesatuan unit yang utuh.

Dalam pembahasan masalah ini penulis akan memaparkan tentang

perancangan sistem yang ada dalam sistem yang ada dalam Sistem Informasi

Pembelajaran Online. Perancangan sistem dipaparkan oleh penulis dengan tujuan

agar pembaca mengetahui proses awal website ini dibuat.

Sistem yang dibuat penulis adalah sistem yang berbasis web, pemilihan

web didasarkan pada keunggulan yang dimiliki web dalam penyampaian

informasi kepada khalayak dan konsumen, karena perkembangan internet

dipantau sangat cepat, sehingga diharapkan banyak orang atau user yang

mengunjungi website ini. Dari uraian diatas dapat diketahui sasaran yang harus

dicapai oleh seorang analis sistem tentang rancangan sistem yang baru, yaitu :

1. Desain sistem harus efektif dan efisien dari sistem sebelumnya

2. Desain sistem berfungsi mendukung pengolahan data dan pengambilan

keputusan

3. Desain sistem harus bermanfaat dan mudah dimengerti oleh user

4. Desain sistem mampu mendukung tujuan pokok dan misi perusahaan

tersebut

Dan dalam pengembangan sistem perlu adanya batasan yang jelas sebagai

tujuan utama. Hal ini diperlukan agar pengembangan sistem tidak keluar dari jalur

atau rencana yang telah digariskan. Adapun batasan-batasan tersebut antara lain :

16

1. Aplikasi sistem ditujukan untuk membantu proses pembelajaran

2. Sistem hanya mengupas masalah informasi seputar pembelajaran

online

3. Aplikasi sistem ini sengaja penulis buat untuk membantu proses

pembelajaran dengan memberikan informasi tentang pembelajaran

online

3.2 Perancangan Proses

3.2.1 DFD (Data Flow Diagram)

DFD adalah representasi grafik dari sebuah sistem yang

menggambarkan komponen-komponen sebuah sistem, aliran-aliran data

diantara komponen-komponen tersebut, asal, tujuan, dan penyimpanan

dari data tersebut.

a. DFD Konteks

b. DFD Level 0

17

c. DFD level 1

18

d. DFD level 2_setup

e. DFD level2_laporan

19

3.3 Perancangan Data

Pada tahap ini data akan diolah untuk dijadikan suatu informasi. Semua

data-data yang ada dikumpulkan agar bisa menjadi informasi yang cepat dan

akurat.

3.3.1 ERD

Perancangan basis data merupakan langkah untuk menentukan basis data

yang diharapkan dapat mewakili seluruh kebutuhan pengguna. Penyusunan basis

data ini didasarkan pada work flow yang telah dibuat pada tahap sebelumnya.

Relasi antar tabel dengan bentuk diagram entity relatioship pada basis data

sistem informasi penjualan berbasis web. Diagram relasi ini menggambarkan alur

hubungan antar tabel yang terjadi pada sistem basis data informasi yang telah

dibuat.

20

21

BAB 4

HASIL DAN PEMBAHASAN

Gambar 4.1

Ini merupakan halaman awal dari website kami S.T.E.P (Smk Telkom

Elearning Pages) dimana didalam halaman awal ini terdapat form login di sebelah

kanan layar dari website kami.

22

Gambar 4.2

Form diatas adalah form yang di gunakan untuk masuk ke dalam profil

sesuai kategori yang mana kategori tersebut diotomatiskan saat penginputan

username dan password. Apabila password dan username yang diinputkan salah

maka user tidak bisa masuk ke dalam halaman home dan jika username atau profil

yang diinputkan tidak falid, maka akan muncul notif gagal.

Gambar 4.3

Jika user siswa login dengan memasukkan username dan password yang

falid maka akan muncul halaman home seperti di atas. Di halaman ini user siswa

akan dihadapkan pada halaman chatting.

23

Gambar 4.4

Pada gambar 4.4, User siswa akan masuk pada halaman edit foto profil

pada halaman profil. User siswa bisa mengambil foto dari komputer atau laptop

masing-masing user siswa dengan meng-klik tombol browse dan submit.

Gambar 4.5

24

Pada halaman diatas, user siswa bebas menggganti password user user

yang diinginkan dengan mengetikkan password user siswa lama dan mengetikkan

password user siwa yang baru untuk memudahkan password yang diingat.

Gambar 4.6

Pada halaman diatas user siswa akan melakukan interaksi upload dari

komputer atau laptop masing-masing user siswa. Disebelah kanan nama file ada

tombol browse yang menuju pada pengambilan file yang akan di-upload dan

dibawahnya ada text area keterangan dari file yang akan di-upload tersebut dan

ada tombol upload untuk meng-upload file tersebut.

25

Gambar 4.7

Halaman diatas adalah halaman download file. Ada kolom no, nama file

yang akan di-download, ukuran file yang akan di-download(dalam byte), tanggal

upload file yang akan di-download, uploader atau orang yang meng-upload file

yang akan di-download dan tombol download.

26

Gambar 4.8

Gambar 4.8.1

Halaman diatas adalah halaman daftar ujian, dengan kata lain, halaman ini

merupakan halaman untuk ujian online yang didalamnya terdapat jadawal ujian

dari user siswa yang akan mengikuti ujian online.

27

Gambar 4.9

Halaman pada gambar diatas merupakan halaman daftar nilai yang keluar

setelah user siswa mengikuti ujian online.

Gambar 4.10

Halaman pada gambar diatas adalah halaman dari kumpulan tugas user

siswa.

28

Gambar 4.11

Halaman pada gambar diatas merupakan kumpulan tugas yang

sebelumnya telah diinputkan oleh user yang login sebagai guru. Dan kumpulan

tersebut nantinya akan di-download oleh user yang login sebagai siswa.

Gambar 4.12

29

Halaman diatas adalah halaman daftar modul yang harus didownload oleh

user siswa yang sebelumnya di-upload oleh user guru.

Gambar 4.13

Halaman diatas merupakan halaman jadwal pelajaran dari user siswa yang

telah login.

30

Gambar 4.14

Halaman kirim pesan diatas memungkinkan setiap user siswa yang login

dapat mengirimkan pesan pada user guru, sesama user siswa lainnya. Halaman

diatas terdiri dari tujuan kemana message atau pesan akan dikirim, subyek pesan,

dan isi atau konten dari message atau pesan yang akan dikirimkan.

Gambar 4.15

Halaman diatas merupakan halaman kotak masuk atau inbox yang berisi

dari pesan yang telah dikirimkan oleh user lain.

31

Gambar 4.16

Halaman ini sebenarnya berisi pesan dari halaman pada gambar 4.14 yang

mana pesan atau message tersebut telah berhasil dikirimkan dari user yang telah

mengirimkan pesan atau message tersebut.

Gambar 4.17

32

Jika user guru login dengan memasukkan username dan password yang

falid maka akan muncul halaman home seperti di atas. Di halaman ini user guru

akan dihadapkan pada halaman chatting.

Gambar 4.18

Pada gambar 4.18, User guru akan masuk pada halaman edit foto profil

pada halaman profil. User guru bisa mengambil foto dari komputer atau laptop

masing-masing user guru dengan meng-klik tombol browse dan submit.

33

Gambar 4.19

Pada halaman diatas, user guru bebas menggganti password user guru

yang diinginkan dengan mengetikkan password user guru lama dan mengetikkan

password user guru yang baru untuk memudahkan password yang diingat.

34

Gambar 4.20

Pada halaman diatas user guru akan melakukan interaksi upload dari

komputer atau laptop masing-masing user guru. Disebelah kanan nama file ada

tombol browse yang menuju pada pengambilan file yang akan di-upload dan

dibawahnya ada text area keterangan dari file yang akan di-upload tersebut dan

ada tombol upload untuk meng-upload file tersebut.

Gambar 4.21

Halaman diatas adalah halaman download file. Ada kolom no, nama file

yang akan di-download, ukuran file yang akan di-download(dalam byte), tanggal

upload file yang akan di-download, uploader atau orang yang meng-upload file

yang akan di-download dan tombol download.

35

Gambar 4.22

Pada halaman input soal di atas, user guru dapat membuat soal ujian sesuai

yang user guru inginkan. Form input soal diatas, user guru akan mengisikan

jumlah soal, nama maple, tanggal ujian, untuk kelas, nilai kompeten, jam

dimulainya ujian, batas mengerjakan ujian tersebut.

36

Gambar 4.23

Halaman diatas merupakan tindak lanjut dari halaman sebelumnya

(Gambar 4.22) yang telah mengisikan form soal dan kemudian menuliskan

soalnya dalam bentuk isian seperti gambar diatas.

Gambar 4.24

Gambar diatas (4.24) adalah halaman daftar nilai dari user siswa yang

telah mengikuti ujian online maupun pengumulan soal yang telah diuploadkan.

37

Gambar 4.25

Gambar diatas merupakan halaman daftar soal yang telah diinputkan pada

halaman input soal. Setelah tombol “Lihat Soal” diklik, maka akan muncul

halaman seperti paga gambar dibawah ini.

38

Gambar 4.26

Halaman pada gambar diatas merupakan halaman daftar soal yang telah

dibuat di halaman input soal. Halaman daftar soal diatas berupa pertanyaan

beserta kunci jawaban.

Gambar 4.27

Halaman yang ada pada gambar diatas merupakan halaman upload tugas

yang akan diupload oleh user guru yang nantinya akan muncul pada halaman

daftar tugas yang akan didonwload oleh user siswa.

39

Gambar 4.28

Halaman diatas yang ada pada gambar 4.28 merupakan halaman daftar

tugas yang sebelumnya telah diuploadkan.

Gambar 4.29

40

Halaman diatas merupakan halaman upload modul yang diuploadkan user

guru yang ditujukan pada user siswa.

Gambar 4.30

Halaman yang ada pada gambar 4.30 merupakan halaman daftar modul

yang pada halaman sebelumnya, user guru telah menguploadkan modul tersebut.

Gambar 4.31

41

Halaman pada gambar 4.31 diatas adalah halaman jadwal user guru

tersebut mengajar. Berisi hari, jam berapa user guru tersebut mengajar, kode user

guru tersebut, mata pelajaran yang diajar, dan kelas yang diajar.

Gambar 4.32

Halaman kirim pesan diatas memungkinkan setiap user guru yang login

dapat mengirimkan pesan pada user siswa, sesama user guru lainnya. Halaman

diatas terdiri dari tujuan kemana message atau pesan akan dikirim, subyek pesan,

dan isi atau konten dari message atau pesan yang akan dikirimkan.

42

Gambar 4.33

Halaman diatas merupakan halaman kotak masuk atau inbox yang berisi

dari pesan yang telah dikirimkan oleh user lain.

Gambar 4.34

43

Halaman pada gambar 4.34 diatas adalah halaman pesan terkirim yang

berisi pesan yang telah dikirimkan oleh user tersebut ke user lain.

Gambar 4.35

Halaman pada gambar 4.35 merupakan halaman home dari user admin.

Gambar 4.36

44

Gambar 4.36 menunjukkan halaman edit foto profil dari user admin

Gambar 4.37

Gambar 4.37 merupakan halaman ganti password user admin apabila user

admin menghendaki pergantian password. Form ganti password berisi field

password lama dari user admin dan password baru dari user admin yang

dikehendaki dan konfirmasi password baru.

Gambar 4.38

45

Halaman pada gambar 4.38 merupakan halaman upload file yang akan

diuploadkan oleh user admin yang akan diterima oleh user guru dan user siswa.

Gambar 4.39

Halaman pada gambar 4.39 merupakan halaman download file dari user

admin.

46

Gambar 4.40

Halaman pada gambar 4.40 merupakan halaman input user atau tambah

user yang artinya apabila ada siswa baru, data tersebut dapat diinputkan di

halaman input user.

Gambar 4.41

Halaman pada gambar 4.41 merupakan halaman input kelas. Artinya

bahwa apabila ada kenaikan kelas, akan ada kelas yang berisi siswa-siswa baru

yang naik kelas, makan halaman diatas akan diisikan dengan nama kelas dan

jumlah murid.

47

Gambar 4.42

Halaman input maple dari halaman user admin digunakan sebagai

pembuatan jadwal baru yang dilaksanakan contohnya setiap kenaikan kelas. Berisi

nama maple, jenis maple, dan kode guru yang mengajar.

Gambar 4.43

48

Gambar 4.43 merupakan halaman tampil siswa atau daftar siswa. Halaman

ini admin akan bisa melihat daftar seluruh siswa yang bersekolah di SMK Telkom

Sandhy Putra Malang.

Gambar 4.44

Gambar 4.44 menununjukkan halaman tampil guru atau halaman daftar

guru yang mengajar di SMK Telkom Sandhy Putra Malang. Di sebelah nama guru

yang mengajar ada menu edit untuk mengedit data dari guru tersebut.

49

Gambar 4.45

Gambar diatas merupakan halaman kirim kesan yang akan dikirim oleh

user admin ke user lain. Berisi tujuan pesan, subjek pesan, dan isi pesan.

Gambar 4.46

Gambar di atas merupakan gambar halaman kotak masuk dari user admin

yang berisi pesan yang dikirim oleh user lain atau user guru maupun user siswa.

50

Gambar 4.47

Gambar 4.47 merupakan halaman pesan terkirim dari user admin, artinya

halaman tersebut berisi dari pesan yang telah berhasil dikirimkan oleh user admin

ke user lain.

51

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Sistem pembelajaran online atau yang populer disebut E-Learning yang

kami buat lebih banyak manfaatnya. Sistem ini dapat dikatakan fleksibel, karena

baik Pelajar, Pendidik, dapat menikmati pembelajaran sesuai yang diinginkan.

Pelajar, Pendidik hanya perlu terhubung dengan internet dan masuk ke dalam

website Pembelajaran Online kemudian melakukan proses pembelajaran. Tanpa

harus pergi ke kelas atau sekolah terlebih dahulu, Pelajar dan Pendidik dapat

langsung melakukan interaksi pembelajaran.

Produk ini menghasilkan efisiensi yang besar dalam hal waktu. Dengan

fleksibilitasnya semua elemen yang bersangkutan dapat melakukan interaksi tanpa

kenal waktu dan tempat.

Website kami menyediakan fasilitas yang berfungsi untuk

mengembangkan pembelajaran Online, seperti Ujian Online, Upload dan

Download modul, dsb. Elemen yang bersangkutan tidak perlu repot-repot datang

ke sekolah untuk melakukan interaksi tersebut.

5.2 Saran

Dengan semakin berkembangnya ilmu teknologi dan informasi untuk

memudahkan setiap elemen yang ada di dalam suatu sistem pendidikan

melakukan interaksi. Maka dapat menggunakan aplikasi yang kami buat ini

sehingga dapat membantu untuk sistem manajemen sekolah agar lebih cepat

meng-update data atau informasi sekolah.

52

BIOGRAFI PENULIS

Nama : Afifah Amalia Rizki

Tempat & Tanggal Lahir : Malang, 06 Oktober 1994

Hobi : Badminton, Blogging, dan

Nonton sepak bola

Tinggal di Kecamatan Kromengan, Kabupaten Malang. Pernah bersekolah

di SDN Kromengan 1 kemudian melanjutkan di SMPN 4 Kepanjen. Sekarang

sedang menempuh pendidikan di SMK TELKOM SANDHY PUTRA MALANG,

jurusan Rekayasa Perangkat Lunak. Berharap dari TA ini, mampu lebih

mengembangkan kemampuan untuk membuat produk yang lebih bermutu

kedepannya.

Nama : Novirina Ledina Praba S.

Tempat & Tanggal Lahir : Surabaya, 8 November 1994

Hobi : Mendengarkan musik,

bermain sudoku

Tinggal di Kecamatan Dukuh Pakis, Kota Surabaya. Pernah bersekolah di

SDN Pakis VIII kemudian melanjutkan di SMPN 10 Surabaya. Sekarang sedang

menempuh pendidikan di SMK TELKOM SANDHY PUTRA MALANG, jurusan

Teknologi Komputer dan Jaringan. Berharap dari TA ini, mampu lebih

mengembangkan kemampuan untuk membuat produk yang lebih bermutu

kedepannya.

53

Nama : Masraga Setiawan

Tempat & Tanggal Lahir : Malang, 27 Juni 1995

Hobi : Futsal, dan Mancing

Tinggal di Kecamatan Sukun, Kabupaten Malang. Pernah bersekolah di

SDN Bandungrejosari I kemudian melanjutkan di SMPN 3 Malang. Sekarang

sedang menempuh pendidikan di SMK TELKOM SANDHY PUTRA MALANG,

jurusan Rekayasa Perangkat Lunak. Berharap dari TA ini, mampu lebih

mengembangkan kemampuan untuk membuat produk yang lebih bermutu

kedepannya.

54

Daftar Pustaka

http://id.wikipedia.org/wiki/Debian

http://id.wikipedia.org/wiki/Html

http://id.wikipedia.org/wiki/MySql

Kadir, Abdul.2008.Belajar Database Menggunakan MySql.Yogyakarta:ANDI

Kadir, Abdul.2003.Dasar pemrograman Web Dinamis Dengan

PHP.Yogyakarta:ANDI

Nugroho, Bunafit.2003.Pemrograman PHP Dengan MySql.Yogyakarta:ANDI

Prihatna, Henky.2004.Kiat Praktis Menjadi Webmaster Profesional.Jakarta:PT.

Elex Media Komputindo

Prasetio, Didik Dwi.2005.Solusi Menjadi Webmaster Melalui Managemen Web

Dengan PHP.Jakarta:PT. Elex Media Komputindo

Sopandi, Didi.2005.Instalasi dan Konfigurasi Jaringan

Komputer.Bandung:Informatika

Sofana, Iwan.2007.Mudah Membangun Server Dengan Debian

5.0.Bandung:Informatika

55