PHP dan MySQL
TUGAS AKHIR
Oleh :
NANANG FEBRYANTO
NPM. 0834010070
J URUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL
"
VETERAN
"
J AWA TIMUR
PHP dan MySQL
TUGAS AKHIR
Diajukan Untuk Memenuhi Sebagai Persyaratan
Dalam Memperoleh Gelar Sarjana Komputer
Jurusan Teknik Informatika
Oleh :
NANANG FEBRYANTO
NPM. 0834010070
J URUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”
J AWA TIMUR
SISTEM PEMBELAJ ARAN TUGAS SEKOLAH
Telah disetujui untuk mengikuti Ujian Negara Lisan Gelombang LXII Tahun Akademik 2012/2013
Ketua J urusan Teknik Infor matika Fakultas Teknologi Industri UPN ”Veteran” J awa Timur
BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL Oleh :
NANANG FEBRYANTO
NPM. 0834010070
Telah dipertahankan di hadapan dan diterima oleh Tim Penguji Skr ipsi J urusan Teknik Infor matika Fakultas Teknologi Industri
Univer sitas Pembangunan Nasional ”Veteran” J awa Timur Pada Tanggal 06 Februari 2013
Univer sitas Pembangunan Nasional ”Veteran” J awa Timur
FAKULTAS TEKNOLOGI INDUSTRI PANITIA UJ IAN SKRIPSI / KOMPREHENSIF
KETERANGAN REVISI lisan gelombang LXII, TA 2012/2013 dengan judul:
“
SISTEM PEMBELAJ ARAN TUGAS SEKOLAH MENENGAH ATASBERBASIS WEB MENGGUNAKAN PHP DANMYSQL
”
ii
Syukur Alhamdulillaahi rabbil ‘alamin terucap ke hadirat Allah SWT atas segala limpahan Kekuatan-Nya sehingga dengan segala keterbatasan waktu, tenaga, pikiran dan keberuntungan yang dimiliki peneliti, akhirnya peneliti dapat menyelesaikan Skripsi yang berjudul “Sistem Pembelajaran Tugas Berbasis WEB Dengan Menggunakan PHP Dan MY SQL ” tepat waktu.
Skripsi dengan beban 4 SKS ini disusun guna diajukan sebagai salah satu syarat untuk menyelesaikan program Strata Satu (S1) pada jurusan Teknik Informatika, Fakultas Teknologi Industri, UPN ”VETERAN” Jawa Timur.
Melalui Skripsi ini peneliti merasa mendapatkan kesempatan emas untuk memperdalam ilmu pengetahuan yang diperoleh selama di bangku perkuliahan, terutama berkenaan tentang penerapan teknologi informasi. Namun, peneliti menyadari bahwa skripsi ini masih jauh dari sempurna. Oleh karena itu peneliti sangat mengharapkan saran dan kritik dari para pembaca untuk pengembangan aplikasi lebih lanjut.
Surabaya, 27 Januari 2013
v 2.1Komputer Sebagai Alat Bantu Pembelajaran ... 7
2.1.1 Keistimewaan Pemakaian Komputer Dalam Proses Pembelajaran ... 8
2.1.2 Bentuk penerapan Aplikasi CAI (Computer Assisted Instruction) dalam pembelajaran ... 9
2.2 PHP ... 11
2.3 CSS ... 13
2.4 Definisi Database ... 14
2.4.1 Mengenal Database ... 15
2.5 MYSQL ... 16
2.5.1 Pengertian MYSQL ... 17
2.5.2 Kelebihan-Kelebihan MYSQL ... 18
2.5.3 Konektivitas PHP-MYSQL ... 19
2.6 Pengertian Data Flow Diagram ( DFD ) ... 20
2.7 Interaksi Manusia dan Komputer ... 23
2.7.1 Komponen Interaksi Manusia Komputer ... 25
2.8 Lahirnya Web ... 26
3.1.1 Kebutuhan Minimal Perangkat Keras ... 31
3.1.2 Kebutuhan Minimal perangkat Lunak ... 31
3.1.3 Perancangan Website ... 32
BAB IV IMPLEMENTASI
4.1 Spesifikasi Sistem ... 54
4.1.1 Perangkat Keras (Hardware) yang digunakan ... 54
4.1.2 Perangkat Lunak (Software) yang digunakan ... 54
4.2 Implementasi Desain Antarmuka ... 55
4.2.1 Implementasi Desain Antarmuka User ... 55
4.2.1.1 Home ... 55
4.2.1.2 Profil ... 56
4.2.1.3 Materi ... 57
4.2.1.4 Soal Latihan ... 58
4.2.1.5 Buku Tamu ... 59
4.2.2 Implementasi Desain Antarmuka Admin ... 61
4.2.2.1 Login ... 61
BAB V UJI COBA DAN EVALUASI 5.1. Skenario Uji Coba ... 68
5.2.5 Uji Coba Memanipulasi Data User ... 77
5.2.6 Uji Coba Memanipulasi Data Buku Tamu ... 79
5.2.7 Uji Coba Memanipulasi Data Arsip Nilai ... 82
5.2.8 Uji Coba Memanipulasi Data admin ... 84
5.3. Evaluasi ... 85
BAB VI PENUTUP 6.1. Kesimpulan ... 86
6.2. Saran ... 86 DAFTAR PUSTAKA
PENYUSUN : NANANG FEBRYANTO
i
ABSTRAK
Pada sektor pendidikan, kehadiran teknologi informasi menjadi titik terpenting yang harus dikembangkan. Karena pada saat ini, kebutuhan informasi dan penggunaan komputer sangat canggih serta terus menerus berkembang sesuai dengan kemajuan teknologi informasi. Dimana dunia pendidikan saat ini sangat penting bagi manusia untuk mencapai cita-citanya.Didalam permasalahan yang ada pada dunia pendidikan saat ini. Pemanfaatan internet yang masih sangat rendah dan kurangnya pemanfaatan teknologi elektronik yang semakin canggih ini menjadi sebuah keprihatinan dimana semua fasilitas sudah tersedia, akan tetapi tidak dimanfaatkan dengan baik. Peneliti mencoba membandingkan antara buku elektronik dengan buku pelajaran biasa. Pada sebuah buku elektronik yang merupakan sebuah buku yang berbentuk software dan bisa didapatkan secara gratis, oleh siapa saja dan kapan saja di seluruh dunia dengan menggunakan
internet, sedangkan pada buku pelajaran biasa hanya bersifat individual dan bisa didapatkan dengan harga yang cukup mahal. Dengan adanya sistem ini akan membantu mengembangkan dunia pendidikan yang dipublikasi untuk para siswa SMA. Sehubungan dengan adanya tugas akhir ini peneliti mencoba memberikan pandangan dan solusi dengan mencoba membuat website yang dinamis yang mana peneliti membuat
website tersebut dengan menggunakan pengembangan sistem pembelajaran tugas sekolah menengah atas ini adalah dengan cara analisis sistem, perancangan dan desain sistem, pembangunan dan pemrograman sistem, uji coba dan implementasi sistem. Sistem ini
dibangun dengan teknologi komputer berbasis web. Karena berhubungan dengan
teknologi website, maka dibutuhkan bahasa pemrograman berbasis web pula. Sistem pembelajaran tugas sekolah menengah atas ini dibangun dengan menggunakan bahasa pemrograman PHP dengan didukung basis data MySQL.Website pembelajaran tugas sekolah menengah atas ini memberikan informasi mengenai berita, profil, materi, soal dan buku tamu. Tidak hanya memberikan informasi tetapi juga memberikan pembelajaran dengan soal-soal latihan, nilai serta pembahasannya dan materi buku elektronik yang bisa di download secara gratis.
1
BAB I
PENDAHULUAN
1.1 La tar Belakang
Salah satu peran penting media belajar online untuk di dunia pendidikan adalah
sebagai media ajar yang sangat efektif sebagai sumber reverensi untuk pembelajaran
dan membantu dunia pendidikan untuk mengembangkan situasi belajar mengajar
yang lebih kondusif dan interaktif. Adanya Internet membuka sumber informasi yang
tadinya susah diakses menjadi sangat mudah diakses serta mempermudah pelajar
mendapatkan segala informasi yang berhubungan dengan dunia pendidikan. Dengan
kehadiran media belajar online dalam dunia pendidikan merupakan suatu hal yang
mutlak, dan sudah merupakan kebutuhan yang harus dipenuhi untuk menunjang
kemajuan dunia pendidikan karena pada saat ini pemanfaatan internet pada dunia
pendidikan sangat kurang. Proses pembelajaran mengandung empat komponen yaitu
komunikasi, bahan pembelajaran, media pembelajaran, dan tujuan pembelajaran. Jadi,
Media pembelajaran adalah segala sesuatu yang dapat digunakan untuk menyalurkan
pesan (bahan pembelajaran), sehingga dapat merangsang perhatian, minat, pikiran,
dan perasaan siswa dalam kegiatan belajar untuk mencapai tujuan belajar.
Sehubungan dengan adanya tugas akhir ini peneliti mencoba memberikan
pandangan dan solusi dengan membuat sebuah aplikasi website yang dinamis yang
mana peneliti membuat website tersebut dengan menggunakan script PHP dan
Proses belajar yang menggunakan internet sebagai media pembelajaran yang
diharapkan akan menjadi bagian dari suatu proses belajar di sekolah, internet
diharapkan mampu memberikan dukungan bagi terselenggaranya proses komonikasi
interaktif antara guru dengan siswa. Kondisi yang perlu didukung oleh internet
berkaitan dengan strategi pembelajaran yang akan dikembangkan, yaitu sebagai
kegiatan komunikasi yang dilakukan untuk mengajak siswa mengerjakan tugas-tugas
dan membantu siswa dalam memperoleh pengetahuan yang dibutuhkan dalam rangka
mengerjakan tugas-tugas.
Dilatarbelakangi permasalahan di atas, peneliti mencoba memberikan
pandangan dan solusi bagaimana caranya untuk lebih meningkatkan nilai mata
pelajaran dan pengetahuaan siswa dalam menghadapi ujian dengan membangun
sebuah aplikasi yang berfungsi sebagai media belajar online untuk para siswa
yang akan menghadapi ujian.
1.2 Rumusan Masalah
Berdasarkan dari uraian latar belakang di atas maka dapat dirumuskan suatu
permasalahan yaitu :
1) Bagaimana membangun sebuah aplikasi pembelajaran online untukSMA?
1.3 BATASAN MASALAH
Adapun batasan masalah dari pengerjaan tugas akhir ini adalah sebagai berikut:
b) Pengolahan database menggunakan database dari MySQL.
c) Terdapat 1 kelas yaitu kelas 1 SMA
d) Terdapat 9 mata pelajaran yaitu bahasa Indonesia, bahasa inggris, ekonomi, matematika, sosiologi, geografi, biologi, kimia dan fisika
e) Soal berbentuk pilihan ganda
1.4 TUJ UAN
Tujuan dari pengerjaan tugas akhir ini adalah membangun sebuah sistem
pembelajaran tugas sekolah menengah atas berbasis web untuk para siswa kelas 1
SMA dan dapat digunakan dimanapun dengan memanfaatkan internet.
1.5 MANFAAT
Manfaat dari sistem pembelajaran tugas sekolah menengah atas berbasis web :
a) Memberikan kemudahan bagi pengajar dalam mengembangkan pendidikan dan pengajaran.
b) Memberikan kemudahan bagi siswa SMA dalam mencari soal dan materi.
c) Meningkatkan mutu pendidikan dan pengenalan teknologi kepada siswa SMA khususnya pada dunia internet.
d) Membantu siswa SMA dalam memahami soal-soal dan materi yang akan di uji kan kedalam bentuk aplikasi web.
e) Dengan adanya website ini siswa dapat menghemat biaya pengeluaran buku soal.
1.6 Metodologi Penelitian
Metodologi yang digunakan pada penelitian ini adalah sebagai berikut :
a) Metode Literatur
Mengumpulkan bahan penelitian dan mempelajari konsep secara umum tentang
sistem pembelajaran tugas sekolah menengah atas berbasis web.
b) Analisa
Melakukan analisa kesulitan dan ketelitian sistem juga perancangan desain
sistem pembelajaran tugas sekolah menengah atas berbasis web.
c) Perancangan
Meliputi perangkat lunak yang digunakan. Yaitu, PHP untuk menyelesaikan
sistem pembelajaran tugas sekolah menengah atas berbasis web.
d) Pengujian dan Evaluasi Sistemik
Pengujian dan evaluasi dari program yang sudah dibuat. Tujuannya untuk
mengetahui apakah program yang sudah dibuat telah dapat memenuhi syarat dari
tugas akhir.
e) Penarikan Kesimpulan Beserta Laporan
Meliputi pengumpulan data dari kesimpulan pada sistem pembelajaran tugas
sekolah menengah atas berbasis web yang nantinya akan dituangkan dalam
1.7 Sistematika Penelitian
Dalam laporan tugas akhir ini, pembahasan disajikan dalam enam bab dengan
sitematika pembahasan sebagai berikut:
BAB I : PENDAHULUAN
Bab ini menjelaskan tentang latar belakang, rumusan masalah, batasan
masalah, tujuan, manfaat, metodologi penelitian dan sistematika penelitian.
BAB II : TINJ AUAN PUSTAKA
Pada bab ini dijelaskan tentang teori-teori serta penjelasan-penjelasan yang
dibutuhkan dalam sistem pembelajaran tugas sekolah menengah atas berbasis
web.
BAB III : PERANCANGAN SISTEM
Bab ini berisi tentang perancangan sistem dalam pembuatan Tugas Akhir
sistem pembelajaran tugas sekolah menengah atas berbasis web.
BAB IV : IMPLEMENTASI
Bab ini berisi penjelasan hasil tugas akhir dan pembahasan sistem
pembelajaran tugas sekolah menengah atas berbasis web.
BAB V : UJ I COBA DAN EVALUASI
Bab ini berisi pengujian program tugas akhir.
BAB VI : PENUTUP
Bab ini berisi tentang kesimpulan yang dapat diambil dari keseluruhan isi dari
laporan serta saran yang disampaikan peneliti terkait pengembangan aplikasi
DAFTAR PUSTAKA
Bab ini akan dipaparkan tentang sumber-sumber literatur yang digunakan
dalam pembutan laporan ini.
LAMPIRAN
7
BAB II
TINJ AUAN PUSTAKA
2.1 Komputer Sebagai Alat Bantu Pembelajaran
Kemajuan media komputer memberikan beberapa kelebihan untuk kegiatan
produksi audio visual. Pada tahun – tahun belakangan komputer mendapat perhatian
besar karena kemampuannya yang dapat digunakan dalam bidang kegiatan
pembelajaran. Ditambah dengan teknologi jaringan dan internet, komputer seakan
menjadi primadona dalam kegiatan pembelajaran.
Pembelajaran yang dibantu komputer dikenal dengan nama CAI yaitu
Computer Assisted Instruction. Prinsip pembelajaran ini menggunakan komputer
sebagai alat bantu menyampaikan pelajaran yang user secara interaktif. Perubahan
metode pembelajaran dan pengajaran telah menyebabkan alat yang digunakan
menjadi meluas, misalnya : video, audio, slide dan film.
CAI (Computer assisted Instruction) yaitu penggunaan komputer secara
langsung dengan siswa untuk menyampaikan pelajaran, memberikan latihan dan
mengetes kemajuan belajar siswa. CAI (Computer assisted Instruction) juga
bermacam – macam bentuknya bergantung kecakapan pendesain pengembang
pembelajarannya, bisa berbentuk permainan (games), mengajarkan konsep – konsep
abstrak yang kemudian dikonkritkan dalam bentuk visual yang dianimasikan.
Jadi CAI (Computer assisted Instruction) adalah penggunaan komputer sebagai
Instruction) membantu siswa memahami suatu materi dan dapat mengulang materi
tersebut berulang kali sampai siswa benar – benar menguasai materi itu. Penggunaan
Komputer Dalam Kegiatan Pembelajaran :
a) Untuk Tujuan Kognitif
Komputer dapat mengajarkan konsep – konsep aturan, prinsip, langkah – langkah,
proses dan kalkulasi yang kompleks. Komputer juga dapat menjelaskan konsep
tersebut dengan sederhana dengan penggabungan visual yang dianimasikan.
b) Untuk Tujuan Psikomotor
Dengan bentuk pembelajaran yang dikemas dalam bentuk games dan simulasi
sangat bagus digunakan untuk menciptakan kondisi dunia kerja. Beberapa contoh
program antara lain : simulasi pendaratan pesawat, simulasi perang dalam medan
yang paling berat dan sebagainya.
c) Untuk Tujuan Afektif
Bila program didesain secara tepat dengan memberikan potongan klip suara atau
video yang isinya menggugah perasaan, pembelajaran sikap/afektif pun dapat
dilakukan menggunakan metode komputer.
2.1.1 Keistimewaan Pemakaian Komputer Dalam Proses Pembelajar an
a) Komputer bisa mengajar secara individual (individualisasi dalam proses
metode/strategi belajar yang lebih tepat, penyesuaian isi materi dan tingkat
kesukaran.
b) Bisa digunakan kapan saja (tidak terbatas waktu) dan bisa digunakan dimana saja
(tidak terbatas ruang).
c) Hilangkan rasa malu takut
2.1.2 Bentuk Pener apan Aplikasi CAI (Computer Assisted Instruction) dalam
Pembelajar an
a. Drill & Practice
Disini siswa dianggap sudah mengetahui teori yang mendasari keterampilan itu
mengetahui cara/prosedur mengerjakannya. Jadi Drill & Practice tidak ada bagian
penjelasan, yang ada hanya sejumlah pertanyaan dan feedback. Soal/pertanyaan –
pertanyaan tersebut diberikan dalam suatu urutan (sequence) tertentu. Umumnya
control yang dimiliki siswa sangat terbatas. Siswa hanya dapat memilih tingkat
kesulitan materi, sedangkan alur dari penyajian isi di kontrol oleh sistem.
b. Tutorial
Sejumlah konsep/materi yang perlu diajarkan dan dipahami siswa. Kemudian
diikuti dengan sejumlah pertanyaan, atau latihan soal untuk memeriksa
pemahaman siswa terhadap materi tersebut. Siswa berinteraksi dengan komputer
seperti siswa berinteraksi dengan guru (one to one session). Bila materi yang akan
dari materi dasar ke tingkat yang lebih tinggi dan seterusnya. Selain itu ada pula
sejumlah pertanyaan yang pemunculannya dibuat random.
c. Games Edutainment
Materi atau konteks dari permainan merupakan hal yang ingin diajarkan, sekaligus
juga berperan sebagai motivator. Pendekatan motivasi dibedakan antara lain :
1) Motivasi Intrinsik : tidak ada reward seperti point. Menimbulkan Motivasi
Intrinsik harus ada tiga hal :
a) Challenge : goal dari permainan harus jelas.
b) Fantasy : adanya situasi permainan yang merangsang munculnya imaginasi
user.
c) Curiosity : ada unsur yang baru bagi user tetapi yang tidak menyebabkan
permainan menjadi sukar.
2) Motivasi Ekstrinsik : ada reward dari luar, misalnya point.
d. Mindtools
Mindtools alat bantu belajar yang menyediakan sejumlah fasilitas atau fungsi yang
dapat dipakai untuk digunakan siswa dalam memfungsikan cara berpikirnya
sehingga dapat optimal. Lingkungan pembelajaran yang disajikan pada siswa
bukan berpatokan pada struktur materi yang sudah dirancang alurnya oleh
programmer, akan tetapi justru hanya memberikan sejumlah fasilitas atau alat
untuk digunakan siswa dalam mengambil dan merancang alur belajarnya sendiri.
Berangkat dari asumsi dasar bahwa siswa itu mempunyai perbedaan dalam daya
keterampilan belajar, minat, maupun motivasi belajar. Keterampilan berfikir
adalah keterampilan yang harus dengan sengaja dipelajari, bukan bersifat bawaan
lahir. Keterampilan belajar inilah yang menjadikannya self-regulated.
e. Simulation
Suatu konsep atau keadaan yang akan di eksplorasi proses perubahan atau
terjadinya. Siswa akan diberikan sejumlah variabel (beserta parameternya) yang
dapat dimainkan/manipulasi untuk menimbulkan keadaan tertentu. Asumsi dasar
dari proses belajar disini adalah melalui percobaannya siswa akan mengerti prinsip
dari terjadinya proses tersebut. ( Putranti, Nurita, 2007)
2.2 PHP
PHP yang merupakan bahasa pemrogramman berbasis website yang memiliki
kemampuan untuk memproses data dinamis. 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
2.2.1 Sintaks PHP
Kode PHP disimpan sebagai plain text dalam format ASCII, sehingga kode
wordpad, dll. Kode PHP adalah kode yang disertakan di sebuah halaman HTML dan
kode tersebut dijalankan oleh server sebelum dikirim ke browser.
Contoh file PHP (contoh1.php) :
Gambar 2.1 Hasil dari file contoh 1.php (sumber: zaki,2008)
Pada file .html, HTTP server hanya melewatkan content dari file menuju ke
browser. Server tidak mencoba untuk mengerti atau memproses file, karena itu adalah
tugas sebuah browser.
<html>
<head>
<t it le> Contoh Sederhana </ t it le>
</ head>
<body>
<?php echo(“ Hallo apakabar? Nama saya PHP script” ); ?>
</ body>
Pada file dengan ekstensi .php akan ditangani secara berbeda. Yang memiliki
kode PHP akan diperiksa. Web server akan memulai bekerja apabila berada diluar
lingkungan kode HTML. Oleh karena itu server akan melewati semua content yang
berisi kode HTML, JavaScript, simple text di browser tanpa diinterpretasikan di
server.
Blok scripting PHP selalu diawali dengan <?php dan diakhiri dengan ?>. Blok
scripting PHP dapat ditempatkan dimana saja di dalam dokumen. Pada beberapa
server yang mendukung, blok scripting PHP dapat diawali dengan <? dan diakhiri
dengan ?>. Namun, untuk kompatibilitas maksimum, sebaiknya menggunakan bentuk
yang standar (<?php ?>).Setiap baris kode PHP harus diakhiri dengan semikolon (;).
Semikolon ini merupakan separator yang digunakan untuk membedakan satu
instruksi dengan instruksi lainnya. PHP menggunakan // untuk membuat komentar
baris tunggal atau /* dan */ untuk membuat suatu blok komentar.
2.3 CSS
CSS (Cascading Style Sheets) digunakan dalam kode HTML (Hypertext
Markup Language) untuk menciptakan suatu kumpulan Style yang terkadang dapat
digunakan untuk memperluas kemampuan HTML (Hypertext Markup Language).
CSS (Cascading Style Sheet) adalah bahasa yang digunakan untuk format
tampilan HTML (Hypertext Markup Language), bahasa yang direkomendasikan
W3C (World Wide Web Consortium) untuk melukiskan gaya seperti huruf,
Sheet) sangat membantu para web designer untuk memperindah halaman web
template.
CSS (Cascading Style Sheet) sama fungsinya dengan cara format HTML
(Hypertext Markup Language) biasa, namun CSS mempunyai lebih banyak elemen
yang bisa kita atur. Contoh : Tag table punya elemen border, CSS (Cascading Style
Sheet) juga punya format untuk border namun lebih detail lagi seperti : border-top,
border-right, border-bottom, border-left. artinya lebih kompleks karena
memungkinkan kita membuat sisi border yang berbeda. ( Anhar, 2010 )
2.4 Definisi Database
Secara sederhana database (basis data) dapat diungkapkan sebagai suatu
pengorganisasian data dengan bantuan komputer yang memungkinkan data dapat
diakses dengan mudah dan cepat. Dalam hal ini, pengertian akses dapat mencakup
pemerolehan data maupun pemanipulasian data, seperti menambah, mengedit, dan
menghapus data.
Manajemen modern mengikutsertakan informasi sebagai sumber daya penting
yang setara dengan sumber daya manusia, uang, mesin, dan material. Informasi
adalah suatu bentuk penyajian data yang misalnya manajer. Bagi pihak manajemen,
informasi merupakan bahan untuk pengambilan keputusan dan selalu dibutuhkan.
Oleh karena itu data, proses, serta informasi merupakan satu kesatuan, dari data lalu
Gambar 2.2 Data Dan Informasi (Sumber:Wawan,2009)
Dengan adanya komputer, data dapat disimpan dalam media pengingat yang
disebut hard disk. Dengan media ini, kehadiran kertas yang digunakan untuk
menyimpan data dapat dikurangi. Selain itu, data menjadi lebih cepat untuk diakses
terutama kalau dikemas dalam bentuk database.
2.4.1 Mengenal Database
DBMS merupakan singkatan dari Database Management System. DBMS
merupakan perangkat lunak atau program komputer yang dirancang secara khusus
untuk memudahkan pengelolaan database. Salah satu macam DBMS yang populer
dewasa ini berupa RDBMS (Relational Database Management System), yang
menggunakan model basis data relasional atau dalam bentuk tabel-tabel yang saling
berhubungan.
MySQL merupakan salah satu contoh dari bentuk produk RDBMS yang sangat
populer dilingkungan Linux, tetapi juga tersedia pada Windows. Banyak situs web
Informasi
Proses
yang menggunakan MySQL sebagai database server (server yang melayani
permintaan akses terhadap database).
2.5 MySQL
MySQL dikembangkan oleh sebuah perusahaan Swedia bernama MySQL AB,
yang kala itu bernama TcX DataKonsult AB, sejak sekitar 1994–1995, meski cikal
bakal kodenya bisa disebut sudah ada sejak 1979. Tujuan mula-mula TcX membuat
MySQL pada waktu itu juga memang untuk mengembangkan aplikasi Website untuk
client—TcX adalah perusahaan pengembang software dan konsultan database. Kala
itu Michael Widenius, atau “Monty”, pengembang satu-satunya di TcX, memiliki
aplikasiUNIREG dan rutin ISAM yang dibuat sendiri dan sedang mencari antarmuka
SQL untuk ditempelkan di atasnya. Mula-mula TcX memakai mSQL, atau “mini
SQL”. Barangkali mSQL adalah satu-satunya kode database open source yang
tersedia dan cukup sederhana saat itu, meskipun sudah ada Postgres (juga akan
dibahas sesaat lagi). Namun ternyata, menurut Monty, mSQL tidaklah cukup cepat
maupun fleksibel. Versi pertama mSQL bahkan tidak memiliki indeks. Setelah
mencoba menghubungi David Hughes—pembuat mSQL—dan ternyata mengetahui
bahwa David tengah sibuk mengembangkan versi dua, maka keputusan yang diambil
Monty yaitu membuat sendiri mesin SQL yang antarmukanya mirip dengan mSQL
2.5.1 Penger tian MYSQL
MySQL adalah sebuah sistem manajemen database yang saling berhubungan.
Sebuah hubungan database dari data yang tersimpan pada tabel yang terpisah
daripada menyimpan semua data pada ruang yang sangat besar. Hal ini menambah
kecepatan dan fleksibilitas. Tabel-tabel tersebut dihubungkan oleh hubungan yang
sudah didefinisikan mengakibatkan akan memungkinkan untuk mengkombinasikan
data dari beberapa tabel sesuai dengan keperluan.
MySQL adalah ‘Open Source Software’. ‘Open Source’ maksudnya program
tersebut memungkinkan untuk dipakai dan dimodifikasi oleh siapa saja. Semua orang
bisa men-download MySQL dari Internet dan memakainya tanpa membayar sepeser
pun. Seseorang dapat mempelajari ‘Source Code‘ dan dapat mengubahnya sesuai
dengan kebutuhan mereka. MySQL menggunakan GPL (General Public License).
Beberapa Tipe data MySQL seperti pada table 2.1:
Tabel 2.1 Data MySQL
2.5.2 Kelebihan – kelebihan MySQL
Selain karena Open Source Program, MySQL juga memiliki
kelebihan-kelebihan yang tak kalah bagusnya dengan Database Server lainnya, seperti SQL
server, Sybase bahkan Oracle. Kelebihan-kelebihan itu antara lain :
1) Dapat bekerja di beberapa platform yang berbeda, seperti Linux, Windows, MacOS
dll.
2) Dapat dikoneksikan pada bahasa C, C++, Java, Perl, PHP dan Python.
3) Memiliki lebih banyak type data seperti : signed/unsigned integer yang memiliki
panjang data sebesar 1,2,3,4 dan 8 byte, FLOAT, DOUBLE, CHAR, VARCHAR,
5) Mendukung terhadap LEFT OUTHER JOIN dengan ANSI SQL dan sintak ODBC.
6) Mendukung ODBC for Windows 95 (dengan source program). Semua fungsi
ODBC 2.5 dan sebagainya. Sebagai contoh kita dapat menggunakan Access untuk
connect ke MySQLserver.
7) Menggunakn GNU automake, autoconf, dan LIBTOOL untuk portabilitas.
8) Kita dapat menggabungkan beberapa tabel dari database yang berbeda dalam
9) Ditulis dengan menggunakan bahasa C dan C++. Diuji oleh compiler yang sangat
jauh berbeda.
10) Privilege (hak) dan password sangat fleksibel dan aman serta mengijinkan ‘
Host-Based’ Verifikasi.
2.5.3 Konektivitas PHP – MySQL
Pembahasan mengenai MySQL secara khusus tidak akan dilakukan. Sebab pada
penulisan ini, penulis ingin memfokuskan penggunaan MySQL melalui PHP. Dan
untuk menjalankan perintah -perintah MySQL dari dalam script PHP dibutuhkan
fungsi koneksi tersendiri. Yaitu :
1) MySQL_connect (namaserver,username,password) perintah ini digunakan untuk
melakukan koneksi ke database server. Fungsi ini menghasilkan suatu pengenal
link (link identifier) yang digunakan untuk perintah berikutnya.
2) MySQL_select_db printah ini digunakan untuk memilih database apa yang akan
diproses.
3) MySQL_query perintah ini digunakan untuk mengeksekusi perintah SQL yang ada
di parameter query. Fungsi ini akan menghasilkan suatu petunjuk ke hasil eksekusi
(result).
4) MySQL_num_rows (link result) perintah ini digunakan untuk menampilkan berapa
data yang akan dihasilkan dari eksekusi query (result).
5) MySQL_fetch_row (link result) berfungsi untuk mengambil satu baris data dari
proses eksekusi query, perintah ini menghasilkan array yang dimulai dengan index
6) MySQL_close (link identifier) berfungsi untuk menutup koneksi sesuai dengan link
identifiernya $hasil=MySQL_query(”select * from nama_tabel”). (Zaki, Ali, 2008)
2.6 Penger tian Data Flow Diagr am ( DFD )
Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan
notasi-notasi untuk arus dari data sistem, yang penggunaannya sangat membantu untuk
memahami sistem secara logika, terstruktur dan jelas. Atau DFD bisa juga dikatakan
sebagai suatu model logika data atau proses yang dibuat untuk menggambarkan dari
mana 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 dan proses yang dikenakan pada data tersebut. DFD ini sering disebut juga
dengan nama Bubble chart, Bubble diagram, model proses, diagram alur kerja, atau
model fungsi. DFD ini adalah salah satu alat pembuatan model yang sering
digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting
dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD
adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem.
DFD ini merupakan alat perancangan sistem yang berorientasi pada alur data dengan
konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun
rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada
pemakai maupun pembuat program.
DFD terdiri dari context diagram dan diagram rinci (DFD Levelled). Context
entitas luar, masukan dan keluaran sistem), yang direpresentasikan dengan lingkaran
tunggal yang mewakili keseluruhan sistem. DFD levelled menggambarkan sistem
sebagai jaringan kerja antara fungsi yang berhubungan satu sama lain dengan aliran
dan penyimpanan data, model ini hanya memodelkan sistem dari sudut pandang
fungsi. Berikut gambar 2.3 yang merupakan simbol-simbol yang biasa digunakan di
DFD :
Gambar 2.3 Simbol Data Flow Diagram (Sumber: Wawan,2009)
1. Terminal/Entity
Terminator atau entity mewakili entitas eksternal yang berkomunikasi dengan
orang, organisasi, departemen di dalam organisasi, atau perusahaan yang sama
tetapi di luar kendali sistem yang sedang dibuat modelnya. Terminator dapat juga
berupa departemen, divisi atau sistem di luar sistem yang berkomunikasi dengan
sistem yang sedang dikembangkan. Komponen ini perlu diberi nama sesuai
dengan dunia luar yang berkomunikasi dengan sistem yang sedang dibuat
modelnya, dan biasanya menggunakan kata benda, misalnya Bagian Penjualan,
Dosen,Mahasiswa.
2. Proses
Merupakan kegiatan atau pekerjaan yang dilakukan oleh orang atau mesin
komputer, dimana aliran data masuk, ditranformasikan ke aliran data keluar.
3. Data store
Data store ini biasanya berkaitan dengan penyimpanan-penyimpanan, seperti file
atau database yang berkaitan dengan penyimpanan secara komputerisasi, misalnya
file disket, file harddisk, file pita magnetik. Data store juga berkaitan dengan
penyimpanan secara manual seperti buku alamat, file folder, dan agenda. Data
store diberi nama sesuai dengan nama file penyimpanannya misalnya mahasiswa,
matakuliah, dosen, dataregistrasi, dll.
4. Alur data
Suatu data flow / alur data digambarkan dengan anak panah, yang menunjukkan
arah menuju ke dan keluar dari suatu proses. Alur data ini digunakan untuk
menerangkan perpindahan data atau paket data/informasi dari satu bagian sistem
2.7 Inter aksi Manusia dan Komputer
Menurut Rizky (2006:4) Human Computer Interaction (HCI) atau Interaksi
Manusia dan Komputer (IMK) adalah sebuah disiplin ilmu yang mempelajari desain,
evaluasi, implementasi dari sistem komputer interaktif untuk dipakai oleh manusia,
beserta studi tentang faktor-faktor utama dalam lingkungan interaksinya. Di dalam
proses implementasinya IMK dipengaruhi berbagai macam faktor. faktor-faktor
tersebut antara lain:
1) Organisasi
Yang dimaksud sebagai organisasi dalam lingkup ini adalah tempat kerja bagi
para pengguna, yang nantinya akan membawa efek terhadap tugas serta tanggung
jawab yang harus diemban oleh pengguna. Selain itu, kebijakan dari organisasi
tersebut juga sangat mempengaruhi implementasi dari IMK.
2) Lingkungan
Lingkungan sekitar pengguna dapat menjadi sebuah faktor yang mempengaruhi
dari subyektifitas penilaian sebuah desain. Sebuah aplikasi yang didesain dalam
sebuah lingkungan yang bising atau ramai, akan sangat berbeda dengan sebuah
aplikasi yang memang ditujukan untuk pengguna yang berada dalam lingkungan
yang lebih tenang.
3) Kesehatan
Faktor yang satu ini seringkali terlupakan oleh para programmer saat melakukan
dimaksud bisa berupa kombinasi warna dalam desain antar muka bagi pengguna
dengan intensitas yang sangat tinggi yang dapat mengakibatkan sakit kepala saat
bekerja, atau juga kombinasi tombol shortcut pada keyboard yang dapat
mengakibatkan kelelahan pada tangan saat bekerja dengan frekuensi yang tinggi.
4) Pengguna
Faktor pengguna merupakan salah satu faktor yang sangat kompleks, karena
selain dari tingkat pendidikan dan pemahaman masing-masing pengguna yang
dipastikan berbeda, faktor ini juga dipicu oleh kenyamanan yang dipastikan
subyektif dalam penilaiannya, juga faktor pengalaman dan trauma khusus bagi
para pengguna yang sebelumnya telah memakai sebuah aplikasi dengan desain
antar muka tertentu.
5) Kenyamanan
Faktor kenyamanan merupakan faktor dependan dari berbagai faktor lain, seperti
faktor lingkungan dan faktor pengguna. Faktor ini sangat relatif ukurannya
dibanding faktor yang lain.
6) Antar muka
Sebuah antar muka dalam konteks IMK bukanlah satu-satunya faktor utama
tetapi menjadi faktor yang terpenting.
7) Kendala
Dalam proses desain dan implementasi sebuah aplikasi yang dianggap ideal, tiap
tim ataupun individu yang terlibat di dalamnya pasti terlibat dengan berbagai
yang dibahas dalam IMK lebih banyak mengacu kepada kendala teknis, seperti
waktu pengerjaan, biaya yang harus dikeluarkan, lingkungan yang ditempati oleh
pengguna serta peralatan atau komputer yang digunakan dalam melakukan
interaksi.
8) Produktifitas
Desain antar muka dapat menjadi salah satu pemicu produktifitas, tetapi bukan
menjadi satu-satunya faktor yang harus diperhitungkan. Karena dengan desain
antar muka yang dianggap nyaman oleh pengguna, diharapkan pengguna tidak
lagi dikacaukan dengan pemikiran terhadap desain antar muka aplikasi dan dapat
lebih berkonsentrasi terhadap hal lain yang lebih dapat memacu produktifitasnya.
2.7.1 Komponen Inter aksi Manusia Komputer
IMK terdiri dari komponen-komponen sebagai berikut:
a) Interaksi
Yang dimaksud interaksi dalam konteks IMK adalah komunikasi apapun yang
terjadi antara manusia dan komputer. Jenis-jenis komunikasi antara lain:
command entry, menus and navigation, forms and spreadsheets, question and
answer dialogue, natural language dialogue, WIMP dan direct manipulation.
b) Manusia
Dalam hal ini unsur manusia adalah pengguna yang dapat berupa seseorang
ataupun sekelompok pengguna yang bekerja dalam sebuah tim atau organisasi
IMK merupakan faktor utama yang perlu diperhatikan dalam konteks psikologi
yang disebut sebagai cognitive psychology. Hal ini dikarenakan bahwa tiap
manusia atau pengguna berada dalam strata yang berbeda, terutama dari segi
pemahaman, level pendidikan, tradisi serta sensor indra yang dimiliki
masing-masing kelompok pengguna.
c) Komputer
Dalam konteks IMK, komputer bisa diartikan sebagai perangkat keras ataupun
perangkat lunak dari berbagai macam jenis yang nantinya akan berinteraksi
dengan unsur manusia. Sehingga komputer akan dipandang sebagai sebuah alat
yang akan berinteraksi terhadap manusia sebagai pengguna. ( Rizki, 2006)
2.8 Lahir nya Web
Tahun 1989, Timothy Bernes-Lee seorang ahli komputer dari inggris dan
peneliti lain di European Particle Physics Lab (Consei European pour la Recherche
Nucleaire, atau CERN) di Ganeva, Swiss, mengembangkan suatu cara untuk
men-share data antar koleganya menggunakan suatu yang disebut hypertext. Pemakai di
ERN dapat menampilkan dokumen pada layar komputer dengan menggunakan
software browser tersebut.
Kode-kode khusus disisipkan kedalam dokumen elektronik ini
memungkinkan pemakai untuk meloncat dari satu dokumen ke dokumen lainnya pada
Kemampuan internet dimasukkan kedalam browser ini sehingga lompat dari
satu dokumen ke dokumen lain, tidak lagi dari satu komputer saja, tetapi dapat
melompat ke dokumen lain yang letaknya pada komputer remote. Seorang peneliti
dapat juga mengirim sebuah file dari komputer remote ke system lokalnya. Atau log
in ke dalam suatu sistem remote hanya dengan mengklik hyperlink, tidak perlu
melalui mekanisme FTP atau Telnet. Jalan pintas CERN digunakan sebagai dasar dari
yang disebut dengan World Wide Web dan berikut Server browser web-nya.
2.8.1 Br owser Web
Browser web adalah software yang digunakan untuk menampilkan informasi
dari server web. Software ini kini telah dikembangkan dengan menggunakan user
interface grafis, sehingga pemakai dapat dengan mudah melakukan poin dan klik
untuk pindah antar dokumen.
Lynx adalah browser web yang masih menggunakan mode text, yang
akibatnya adalah tidak adanya gambar yang dapat ditampilkan. Lynx pada lingkungan
DOS ( Disk Operating System ) dan *.nix (keluarga system operasi UNIX). Akan
tetapi perkembangan dari browser mode text ini tidaklah secepat browser web dengan
GUI (Grafic User Interface). Disaat perkembangan WWW ada dua browser web
yang populer yaitu Internet Explorer (IE) dan Nescape Navigator. Namum saat ini
bermunculan browser web lain yang turut meramaikan persaingan untuk merebut
para pengguna internet. Diantara browser web yang telah banyak digunakan pada saat
terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai dengan
keinginan dan kemudahan yang ditawarkan.
2.8.2 Server Web
Server web adalah komputer yang digunakan untuk menyimpan
dokumen-dokumen web, komputer ini akan melayani permintaan dokumen web dari client.
Browser web seperti IE atau Opera berkomunikasi melalui jaringan (termasuk
jaringan internet) dengan server web, menggunakan HTTP. Browser akan mengirim
request kepada server untuk meminta dokumen tertentu atau layanan lain yang
disediakan oleh server. Server memberikan dokumen atau layanan lainnya jika
tersedia juga menggunakan protokol HTTP.
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 memungkinkan semua komputer dapat
berkomunikasi satu dengan yang lainnya. Pada saat browser meminta data web page
ke server maka instruksi permintaan data oleh browser tersebut dikemas di dalam
TCP yang merupakan protocol transport dan dikirim ke alamat yang dalam hal ini
merupakan protocol berikutnya yaitu HyperText Transfer Protocol (HTTP).
( sutarman, 2003 )
2.9 Penilaian
Penilaian adalah sesuatu proses sistematis yang mengandung
pengumpulan informasi, menganalisis, dan menginterpretasikan informasi Dengan
interpretasi atas informasi yang terkumpul. Informasi yang dikumpulkan dapat
dalam bentuk angka melalui tes, dan atau deskripsi verbal (melalui observasi).
tersebut untuk membuat keputusan-keputusan. Menurut Groulund penilaian adalah
suatu proses yang sistematis dari pengumpulan, analisis, interpretasi
penilaian merupakan serangkaian kegiatan untuk memperoleh informasi tentang
berhasil tidaknya suatu proses dan hasil belajar siswa yang dilakukan secara
terus-menerus, sehingga dapat diambil keputusan sesuai dengan tolak ukur yang
berlaku ataupun Penilaian adalah suatu tindakan atau kegiatan untuk meilhat
sejauh mana tujuan – tujuan instruksional telah dapat di capai atau di kuasai
oleh seseorang dalam bentuk hasil-hasil belajar yang di perlihatkannya setelah
mereka menempuh pengalaman belajarnya (proses belajar mengajar). Dalam
proses mencapai keberhasilan suatu penilaian. Formula yang digunakan untuk
menghitung sistem pembelajaran tugas sekolah menengah atas berbasis web adalah :
30
Proses perancangan sistem dalam sub-bab ini akan dibagi menjadi beberapa tahap antara lain analisis sistem, perancangan sistem dan desain antarmuka.
3.1 Analisis Sistem
Berdasarkan latar belakang dan perumusan masalah yang terdapat dalam bab sebelumnya dapat diketahui perancangan yang dilakukan adalah membuat aplikasi pembelajaran online berbasis website yang digunakan sebagai media belajar para siswa yang ingin mempelajari soal-soal.
Aplikasi pembelajaran online berbasis PHP ini diterapkan dengan menjalankan program yang dibangun dengan menggunakan Macromedia Dreamweaver 8 dan dapat memilih menu-menu yang diinginkan.
3.2 Perancangan Sistem
3.2.1 Kebutuhan Minimal Perangkat Keras
Perangkat keras minimal yang digunakan untuk membuat sistem pembelajaran tugas sekolah menengah atas menggunakan PHP yang berbasis website adalah sebagai berikut :
1) ProcessorIntel Pentium IV 2) RAM 1 gb
3) Monitor VGA minimal 1gb
3.2.2 Kebutuhan Minimal Perangkat Lunak
Perangkat lunak minimal yang dapat digunakan untuk membuat program pembelajaran online menggunakan Macromedia Dreamweaver adalah sebagai berikut :
1) Macromedia Dreamweaver 8
Macromedia Dreamweaver adalah perangkat lunak yang digunakan untuk membuat program sistem pembelajaran tugas sekolah menengah atas berbasis website sehingga aplikasi dapat digunakan secara interaktif.
2) MySQL
MySQL adalah sebuah perangkat lunak yang berfungsi sebagai database untuk menyimpan data.
3) Xampp
3.2.3 Perancangan Website
Sistem perancangan website yang ada pada aplikasi ini 3 entitas yang terdapat dalam sistem ini yaitu :
1) Admin WEB
Entitas admin web sebagai administrator web memiliki hak akses penuh terhadap sistem untuk memanipulasi data-data. Input data yang dibutuhkan dalam sistem ini seperti menginputkan user siswa, user guru, admin web, admin guru, berita tentang pendidikan dan buku tamu.
2) Admin Guru
Entitas admin guru sebagai administrator guru memiliki hak akses penuh terhadap sistem untuk memanipulasi data-data. Input data yang dibutuhkan dalam sistem ini seperti menginputkan soal, materi, melihat nilai dan mengarsipkan nilai.
3) User ( Siswa )
Dalam kasus ini entitas user (siswa) hanya dapat melihat isi dari website, mencoba latihan soal-soal, mendownload materi – materi yang disediakan. User (siswa) tidak dapat mengubah atau memanipulasi data-data yang ada di dalam website.
3.2.4 Flowchart
adalah gambar alur admin web, admin guru dan user ( siswa ). 1) Flowchart besar
Flowchart besar ini memiliki bagan-bagan yang mempunyai arus yang menggambarkan langkah-langkah penyelesaian suatu masalah. Dalam flowchart besar ini menjelaskan apa saja yang bisa dilakukan oleh admin web, admin guru dan user dalam bertugas untuk memanipulasi data yang ada pada website. Berikut adalah gambaran diagram alur pengaksesan pada halaman admin web, admin guru dan user dapat dilihat pada gambar 3.1.
2) Flowchart Admin Web
Flowchart untuk admin web ini menjelaskan tentang apa saja yang bisa dilakukan oleh admin web dalam pengaksesan halaman admin web. Pada admin web bertugas untuk memanipulasi data yang ada pada website. Berikut adalah gambaran diagram alur pengaksesan pada halaman admin web dapat dilihat pada gambar 3.2.
Penjelasan Gambar 3.2 Flowchart Admin: a) Start
b) LoginAdmin web
Admin web melakukan login, di dalam sistem website akan muncul form login yang mana didalamya admin web harus memasukkan username dan password.
c) Proses Validasi
Merupakan step pengecekkan username dan password. Dan sistem akan mengecek benar atau salah username dan password yang dimasukkan oleh admin web. Jika benar sistem akan masuk ke halaman selanjutnya yaitu mengisikan username dan password. Selanjutnya pada langkah ini admin web bisa memilih menu yang telah tersedia.
e) Berita
f) Buku Tamu mengubah, menghapus dan menambahkan data user.
h) Admin
Gambar 3.3 Flowcahart Admin Guru Penjelasan Gambar 3.3 Flowchart Admin guru.
a) Start
b) LoginAdmin Guru
Admin guru melakukan login, di dalam sistem website akan muncul form login yang mana didalamya admin guru harus memasukkan username dan password.
c) Proses Validasi
menu admin guru. Namun jika admin guru memasukkan username dan password nya salah, sistem akan memberi konfirmasi bahwa data yang dimasukkan admin guru salah dan admin guru diminta memasukkan kembali data dengan benar ( kembali login lagi ).
d) Beranda
Menu admin guru merupakan langkah awal saat admin guru benar mengisikan username dan password. Selanjutnya pada langkah ini admin guru bisa memilih menu yang telah tersedia.
e) Materi memilih menu ini, admin guru dapat memilih menu yang lain.
g) Nilai
Jika admin guru memilih menu ini maka admin guru dapat melihat nilai siswa. Jika tidak, memilih menu ini, admin guru dapat memilih menu lain h) Arsip Nilai
i) Logout
Jika admin guru telah selesai ataupun tidak ada menu yang dipilih, maka admin guru dapat memilih menu logout untuk keluar dari halaman admin guru.
j)End
4) Flowchart User
Sebagai contoh Flowchart untuk user ini menjelaskan tentang alur user dalam melakukan pengaksesan halaman website. Berikut adalah Diagram Alur User dapat dilihat pada gambar 3.4
Penjelasan Gambar 3.4 Diagram Alur User : a) Start
b) Login
User melakukan login, di dalam sistem website akan muncul formlogin yang mana didalamya user harus memasukkan username dan password.
c) Proses Validasi
g) Soal Latihan
Jika Ya, maka user dapat melihat isi data soal latihan yang terdapat pada website ini. Jika tidak, maka user dapat memilih menu lain ataupun keluar dari website ini.
h) Buku Tamu
Jika Ya, maka user dapat mengisi form buku tamu yang terdapat pada website ini. Jika tidak, maka user dapat memilih menu lain ataupun keluar dari website ini.
i) Logout
Jika user telah selesai ataupun tidak ada menu yang dipilih, maka user dapat memilih menu logout untuk keluar dari halaman user.
j) End
3.2.5 Diagr am Berjenjang
Gambar 3.5 Diagram Berjenjang
Sistem pembelajaran tugas sekolah menengah atas ini terdiri dari 2 level yaitu konteks diagram, level 1 dan level 2. Pada level 1 terdiri dari enam proses yaitu proses login, manipulasi data untuk admin, manipulasi data untuk guru, download materi, mengerjakan soal, dan buku tamu. Kemudian pada level 2 merupakan penurunan dari level 1, pada level 2 proses manipulasi data diturunkan menjadi tujuh proses yaitu data berita, data buku tamu, data user, data admin, data materi, data daftar soal, data nilai dan data arsip nilai.
3.2.6 Konteks Diagram
Dimana terdapat beberapa proses yang masuk dari admin web yaitu username password, data berita, buku tamu, data user dan data admin. Dari admin guru yaitu username password,data materi, data daftar soal, data nilai dan data arsip nilai. Dari user ada empat proses yang masuk yaitu username password, materi, soal dan buku tamu. Berikut gambar konteks diagram dapat dilihat pada gambar 3.6.
Gambar 3.6 Konteks Diagram
Penjelasan Gambar 3.6 konteks diagram
a) Proses login yang di tangani oleh sistem, sistem akan memberi konfirmasi apakah login yang dilakukan oleh admin benar atau salah.
dan delete data ( materi, soal, nilai dan arsip nilai ) system akan memberi semua konfirmasi bahwa data yang di-input-kan, di-update serta yang telah dihapus telah masuk atau tidak kedalam database yang ditangani oleh system.
c) Proses login yang di tangani oleh sistem, sistem akan memberi konfirmasi apakah login yang dilakukan oleh user benar atau salah.
d) User dapat mendownload data-data materi yang telah disediakan oleh admin e) User dapat menjawab soal yang telah di input kan oleh admin guru
f) User dapat memasukkan komentar atau bertanya kepada admin dan berkomunikasi dengan admin yang ditangani oleh sistem pada menu buku tamu.
3.2.7 DFD Level 1
Penjelasan gambar 3.7 DFD Level 1 di atas: 1) Proses Login Admin
Admin Login terlebih dahulu untuk memanipulasi data. Sistem akan mengecek, apa benar admin memasukkan username dan password, setelah itu sistem akan memberi konfirmasi.
proses mengubah data dimana didalam proses ini administrator web melakukan proses mengubah data ( berita, buku tamu, user dan admin ) dan proses administrator guru melakukan proses mengubah data ( materi dan soal ) jika admin telah memasukkan data maka sistem akan memberikan konfirmasi data telah diubah apa belum atau telah tersimpan kedalam database atau tidak. 4) Proses Hapus (delete) Data
memberikan konfirmasi data telah dihapus apa belum atau telah tersimpan kedalam database atau tidak.
5) Proses Mengerjakan Soal
User dapat mengerjakan soal yang telah disediakan oleh admin guru. Pada menu soal terdapat beberapa mata pelajaran yaitu bahasa indonesia, bahasa inggris, matematika, sosiologi, geografi, biologi, kimia, fisika dan ekonomi. 6) Proses Download
User dapat men-download data materi yang telah disediakan oleh admin guru. Pada materi terdapat beberapa matapelajaran yaitu bahasa indonesia, bahasa inggris, matematika, sosiologi, geografi, biologi, kimia, fisika dan ekonomi.. 7) Proses Form Buku Tamu
User dapat mengisi form buku tamu yang telah disediakan oleh admin web. Jika sudah mengisi dengan benar maka sistem memberi konfirmasi bahwa data telah masuk kedalam database atau tidak.
DFD Admin Web level 2:
Gambar 3.8 DFD admin web level 2
DFD Admin Guru level 2 :
DFD login level 2:
Gambar 3.10 DFD login level 2
3.3 Perancangan Data
Perancang data digunakan untuk membuat suatu database yang dibutuhkan oleh sistem pembelajaran tugas sekolah menengah dasar berbasis website yang dibuat. Terdapat beberapa tabel dan atribut – atribut yang akan dijelaskan pada perancangan data. Database atau Basis data dapat didefinisikan dalam sejumlah sudut pandang, antara lain adalah.
1) Kumpulan data yang saling berhubungan yang disimpan secara bersama sedemikian rupa dan tanpa pengulangan (redudansi) yang tidak perlu untuk memenuhi berbagai kebutuhan.
2) Himpunan kelompok data (arsip) yang saling berhubungan yang diorganisasikan sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat dan mudah.
Rancangan basisdata adalah proses perancangan ER Data Model. ERD dibuat berdasarkan pengamatan dunia nyata yang terdiri dari entitas dan relasi antara entitas-entitas tersebut entitas dan relasi tersebut saling berhubungan satu sama lain. Dibawah ini adalah ER Data Model dalam bentuk CDM untuk sistem pembelajaran tugas sekolah menengah dasar.
3.3.1 Conceptual Data Model
Tahap selanjutnya adalah pembuatan Entity Relationship Diagram yang biasa disingkat dengan ERD. Dalam ERD tersebut menjelaskan hubungan atau adanya keterkaitan antara tabel satu dengan tabel yang lain. Untuk menyimpan berbagai macam informasi tersebut dibutuhkan beberapa tabel database antara lain, tabel admin, tabel user, tabel buku tamu, tabel arsip nilai, tabel nilai, tabel materi, tabel pelajaran, tabel soal, tabel berita, tabel exams dimana tabel-tabel tersebut memiliki fungsi yang berbeda-beda. Pada gambar 3.11 ini akan menjelaskan tentang conceptual data model pada sistem sekolah menengah atas
3.3.2 Physical Data Model
Model data ini dibuat dengan cara me-generate diagram data konseptual di atas. Diagram data fisik ini menghasilkan tabel-tabel yang akan digunakan dalam implementasi aplikasi. Dengan Physical data model kita dapat mengetahui model fisik hasil pengembangan dari sebuah konsep, serta kita dapat mengetahui apakah table yang kita buat terdapat error atau tidak setelah di generate ke PDM. Model dari PDM sendiri tidak jauh berbeda dengan CDM hanya saja terkadang dalam kondisi tertentu primary key akan berpindah ke tabel yang lain bahkan dapat membentuk sebuah tabel baru. Rancangan data konseptual yang telah dipetakan menjadi diagram pada bagian perancangan sistem akan diimplementasikan kedalam lingkungan basis data MySQL. Untuk lebih jelasnya dapat dilihat pada gambar 3.12 di bawah ini.
3.4 Perancangan Antar muka
Requirement perangkat lunak untuk sistem pembelajaran tugas sekolah menengah atas berbasis website, sebagai berikut :
1) Perangkat lunak menyediakan fasilitas untuk melakukan perubahan data yang dilakukan oleh admin web, termasuk data berita, user, admin, dan buku tamu.
2) Perangkat lunak juga menyediakan fasilitas untuk melakukan perubahan data yang dilakukan oleh admin guru, termasuk data arsip nilai, materi, soal dan nilai.
3) user dapat melihat informasi tentang dunia pendidikan yang telah disediakan oleh website. User tidak dapat mengubah atau memanipulasi data-data yang ada di dalam website. Kemudian user dapat mendownload materi serta dapat mencoba soal – soal.
Untuk tampilan menu awal dapat dilihat pada gambar 3.13 dibawah ini.
Selain menu utama atau menu user terdapat juga tampilan menu untuk admin. Dimana seorang admin harus melakukan login lebih dahulu untuk bisa mengakses dan mengelola data yang ada pada web. Karena tidak semua orang dapat masuk ke dalam administrator karena admin ini mempunyai hak khusus terhadap web yaitu dapat melakukan perubahan data maupun penghapusan data yang ada.
Gambar 3.14 Tampilan Login Admin
Dalam admin ini administrator dapat mengelola semua data yang ada. Sehingga administrator dapat melakukan proses inputan, edit data serta hapus data. Selain itu dengan adanya admin ini administrator dapat melakukan update atau perubahan data. Jadi data dapat diolah sesuai dengan kebutuhan.
54 BAB IV IMPLEMENTASI
Pada bab ini akan dibahas mengenai implementasi dari rancangan aplikasi yang telah dibuat pada bab sebelumnya. Bagian implementasi aplikasi ini meliputi: implementasi data, implementasi proses, dan implementasi antarmuka.
4.1 Spesifikasi Sistem
Peralatan yang digunakan untuk semua proses dari keseluruhan sistem yang ada termasuk pembuatan laporan adalah menggunakan perangkat keras dan perangkat lunak. Pada proses pengujian ini dibutuhkan beberapa peralatan-peralatan baik berupa perangkat keras dan perangkat lunak.
4.1.1 Perangkat Keras (Hardware) yang Digunakan a) Processor Intel Pentium IV
4.1.2 Perangkat Lunak (Software) yang Digunakan a) Sistem Operasi Microsoft Windows 7
d) Mozilla Firefox e) Xampp
4.2 Implementasi Desain Antar muka
Implementasi desain antarmuka Aplikasi sistem pembelajaran tugas sekolah menengah atas berbasis web dibagi menjadi 3 yaitu User,Admin guru dan Admin Web. Berikut adalah implementasi desain antarmuka User,admin web dan Admin guru (Tabel 4.1).
Tabel 4.1 Tabel Implementasi Desain Antarmuka
User admin guru admin w eb
Home Beranda Beranda
M ateri M ateri Berit a
Soal Daftar Soal Buku Tamu
Buku Tamu Nilai User
About Us Arsip Nilai Admin
4.2.1 Implementasi Desain Antar muka User 4.2.1.1 Home
Gambar 4.1 Tampilan Halaman Home
Pada menu home terdapat login siswa dan kelas sehingga siswa dapat mengerjakan dan mendownload materi. Di home ini juga terdapat informasi atau berita mengenai dunia pendidikan serta berita-berita lain yang nantinya akan di tampilkan pada website media pembelajaran tugas sekolah menengah atas.
4.2.1.2 About Us
Gambar 4.2 Tampilan Halaman About us
Pada menu About us terdapat deskripsi tentang about us media pembelajaran tugas sekolah menengah atas mulai dari profil website sampai visi misi dan latar belakang dibuatnya aplikasi website ini.
4.2.1.3 Materi
Berikut (gambar 4.3) adalah salah satu contoh tampilan materi pada mata pelajaran bahasa indonesia.
Gambar 4.3 Tampilan Halaman Materi
Jika user ingin mendownload file maka tinggal klik tombol button yang ada pada kolom download. File download berupa .pdf, .doc, .ppt.
4.2.1.4 Soal Latihan
Halaman ini akan tampil setelah login siswa dan pada saat menu soal di klik sehingga sistem akan menampilkan halaman soal. Pada menu soal terdapat 9 menu pilihan mata pelajaran yang dapat dipilih.
Gambar 4.4 Tampilan Halaman Soal
Pada menu soal bahasa indonesia ini user (siswa) dapat langsung menguji kemampuannya dengan mengerjakan soal-soal pilihan ganda. Di dalam soal-soal ini dibuat sama persis dengan soal ujian harian, mulai dari banyaknya soal, nilai yang keluar, serta pembahasan atau kunci jawaban yang benar agar siswa dapat mengevaluasi.
4.2.1.5 Buku Tamu
kritik dan saran. Pada tampilannya yang sengaja ditampilkan adalah nama, email, dan pesan dari user. Tampilan dapat dilihat seperti pada gambar 4.5 berikut ini.
Gambar 4.5 Tampilan Halaman Buku Tamu
4.2.2 Implementasi Desain Antar muka Admin 4.2.2.1 Login
Halaman yang pertama kali muncul ketika ingin masuk ke halaman admin adalah halaman 2 login terlebih dahulu. Tampilan dapat dilihat seperti pada gambar 4.6 berikut ini.
Gambar 4.6 Tampilan Halaman Login Admin
4.2.2.2 Berita
Halaman ini akan tampil pada saat menu berita di klik sehingga sistem akan menampilkan halaman berita. Tampilan dapat dilihat seperti pada gambar 4.7 berikut ini.
Gambar 4.7 Tampilan Halaman Berita Admin
Pada menu berita terdapat tampilan isi dari berita-berita yang ditampilkan ke dalam website. Pada halaman ini admin juga dapat memanipulasi data berita seperti insert, update,dan delete sehingga data yang ada pada menu berita bersifat dinamis. Untuk memanipulasi data berita, admin dapat memilih button yang tersedia dalam tabel operasi.
4.2.2.3 Materi
Gambar 4.8 Tampilan Halaman Materi Admin
Pada menu materi terdapat tampilan isi dari materi yang ditampilkan ke dalam website. Pada halaman ini admin juga dapat memanipulasi data materi seperti insert, dan delete.
4.2.2.4 Buku tamu
Halaman ini akan tampil pada saat menu buku tamu di klik sehingga sistem akan menampilkan halaman buku tamu. Tampilan dapat dilihat seperti pada gambar 4.9 berikut ini.
Pada menu buku tamu terdapat tampilan isi dari komentar,kritik dan saran yang ditampilkan ke dalam website. Pada halaman ini admin juga dapat memanipulasi data seperti insert, dan delete.
4.2.2.5 User (guru dan siswa)
Halaman ini akan tampil pada saat menu user (guru dan siswa) di klik sehingga sistem akan menampilkan halaman user. Tampilan dapat dilihat seperti pada gambar 4.10 berikut ini.
Gambar 4.10 Tampilan Halaman User (siswa dan guru)
Pada menu user terdapat tampilan isi dari user guru dan siswa yang ditampilkan ke dalam website. Pada halaman ini admin user juga dapat memanipulasi data user guru dan siswa seperti insert, update, dan delete.
4.2.2.6 Admin (admin dan guru)
Gambar 4.11 Tampilan Halaman Admin
Pada menu admin terdapat tampilan isi dari admin guru dan admin web yang ditampilkan ke dalam website. Pada halaman ini admin juga dapat memanipulasi data user guru dan admn web seperti insert, update, dan delete.
4.2.2.7 Daftar Soal
Halaman ini akan tampil pada saat menu daftar soal di klik sehingga sistem akan menampilkan halaman daftar soal. Terdapat 9 macam soal yang dapat dipilih oleh user yaitu bahasa indonesia, bahasa inggris, ekonomi, matematika, sosiologi, geografi,biologi,kimia dan fisika.
Gambar 4.12 Tampilan Halaman Daftar Soal Admin
4.2.2.8 nilai
Halaman ini akan tampil pada saat menu nilai di klik sehingga sistem akan menampilkan halaman nilai. Tampilan dapat dilihat seperti pada gambar 4.13 berikut ini.
