SISTEM INFORMASI E-LEARNING BERBASIS WEB UNTUK
SEKOLAH SMP MUHAMMADIYAH 3 WARU, SIDOARJ O
TUGAS AKHIR
Oleh :
Aswin Saputr a NPM. 0434010206
Disusun Oleh :
WULAN NINGSIH YULIYANA NPM. 0434010165
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN” J AWA TIMUR
ABSTRAK
Sistem Informasi E-learning Berbasis Web untuk Sekolah SMP Muhammadiyah 3 Waru, Sidoarjo ini adalah sebuah sistem yang digunakan untuk membantu menyampaikan informasi dan membantu pembelajaran secara elektronik. Melalui e-learning ini, siswa dapat belajar atau mereview bahan ajar setiap saat dan di mana saja kalau diperlukan mengingat bahan ajar tersimpan di komputer. Bila siswa memerlukan tambahan informasi yang berkaitan dengan bahan yang dipelajarinya, ia dapat melakukan akses di internet secara lebih mudah. Berubahnya peran siswa dari yang biasanya pasif menjadi aktif. Dalam hal ini tidak berarti e-learning menggantikan model belajar konvensional di dalam kelas, tetapi mempertkuat model belajar tersebut melalui pengayaan konten dan pengembangan teknologi pendidikan.
Dalam hal ini sistem yang di kembangkan adalah e-learning berbasis web untuk sekolah SMP Muhammadiyah 3 Waru, Sidoarjo. Dengan pemanfaatan e-learning sebagai sarana pembelajaraan diharapkan kualitas pembelajaran dan hasil belajar diharapkan akan semakin baik. Adapun langkah-langkah yang diambil untuk pembuatan system informasi ini adalah analisa system yang terdiri dari perancangan proses kebutuhan akan basis data menggunakan MySQL, dan untuk aplikasinya menggunakan PHP. Sedangkan untuk aliran data diagram dirancang dengan menggunakan Rational Rose 2000 Enterprise Edition, diantaranya untuk Use Case diagram, Activiy Diagram, Dan Sequence Diagram, Sedangkan rancangan kebutuhan basis data dengan bantuan software power designer 11.0, CDM dan PDM.
KATA PENGANTAR
Segala puji syukur penulis panjatkan atas kehadirat Allah SWT, atas limpahan
Rahmat serta Kasih Sayang-Nya sehingga penulis dapat menyelesaikan penyusunan
tugas akhir ini yang berjudul “SISTEM INFORMASI E-LEARNING BERBASIS
WEB UNTUK SEKOLAH SMP MUHAMMADIYAH 3 WARU, SIDOARJ O”
Penyususnan tugas akhir ini dibuat dalam rangkah memenuhi sebagai persyaratan
untuk memperoleh gelar Sarjana dengan baik.
Pada kesempatan ini penulis mengucapkan banyak terimah kasih kepada
Bapak Dosen Pembimbing yang telah meluangkan waktu untuk memberi bimbingan
kepada penulis dalam menyusun tugas akhir ini. Tidak lupa juga penulis
menyampaikan rasa hormat dan terima kasih kepada :
1.
Bapak Ir. Sutiyono, MT selaku Dekan Fakultas Teknologi Industri UPN
“Veteran” Jawa Timur Surabaya.
2.
Ibu Dr. Ir. Ni Ketut Sari, MT selaku Ketua Jurusan Universitas Pembangunan
Nasional “Veteran” Jawa Timur Surabaya.
3.
Seluruh Bapak/ Ibu Dosen yang telah memberikan bekal dalam proses belajar
mengajar di Fakultas Teknologi Industri, Universitas Pembangauna Nasional
“Veteran” Jawa Timur.
4.
Bapak Basuki Rahmat, S.Si., MT dan Bapak Wahyu S. J. Saputra, S. Kom yang
5.
Bapak dan Ibu tercinta dan seluruh keluargaku untuk semua kasih sayang,
dukungan moril, materiil dan spritual serta doa dan harapan yang mengalir
dengan tulus sehingga tugas akhir ini bisa terselesaikan.
6.
Teman-teman seangakatan ’04 TF Universitas Pembangunan Nasional “Veteran”
Jawa Timur. Terutama buat Cemplon makasih atas bantuannya serta
dukungannya selama ini dan maaf jika selama ini sering menggangu waktu
santaimu.
7.
Buat semua pihak yang telah memberikan bantuan baik langsung maupun tidak
langsung dalama penyusunan tugas akhir ini.
Penulis menyadari bahwa didalam penulisan tugas akhir ini masih jauh dari
sempurna. Untuk itu penulis sangat mengharapkan kritik dan saran dari semua pihak
yang bersifat membangun, senantiasa akan diterima dengan baik dan penulis berharap
semoga tugas akhir ini dapat bermanfaat bagi kita semua. Amin.
Surabaya, Oktober 2011
DAFTAR ISI
HALAMAN JUDUL
LEMBAR PENGESAHAN
LEMBAR PENGESAHAN DAN PERSETUJUAN
ABSTRAK
KATA PENGANTAR ... i
DAFTAR ISI ... iii
DAFTAR GAMBAR ... vi
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Perumusan Masalah ... 2
1.3 Batasan Masalah ... 3
1.4 Tujuan... 3
1.5 Manfaat ... 3
BAB II TINJAUAN PUSTAKA ... 5
2.1 Sekilas Mengenai SMP MUHAMMADIYAH 3 WARU.. 5
2.2 Pengertian E-Learning... ... 6
2.2.1 Sejarah E-Learning ... 8
2.3 Pengertian PHP ...
12
2.4 Pengertian Macromedia ...
17
2.5 Pengertian MySQL ...
24
2.5.1 Sejarah MySQL ... ... 27
2.6 Entity Relationship Diagram (ERD) ...
29
2.7 Pengenalan Power Designer ...
31
2.8 Pengenalan XAMPP ...
32
2.8.1 Sejarah dan Pengembangan XAMPP ... 32
2.9 Pengenalan Rational Rose ... 37
BAB III ANALISIS DAN PERANCANGAN SISTEM ...
45
3.1 Analisa Sistem ... 45
3.2 Perancangan Sistem ... 46
3.2.1 Use Case Diagram ... 46
3.2.2 Activity Diagram ... 47
3.2.3 Sequence Diagram ... 48
3.2.4 CDM ... 49
3.2.5 PDM ... 50
BAB IV IMPLEMENTASI SISTEM ... 57
4.1 Implementasi Sistem ... 57
4.2 Implementasi Desain Antar Muka ... 58
BAB V HASIL DAN PEMBAHASAN ... 61
5.1 Uji Coba ... 61
5.1.2 Pelaksanakan Uji Coba ... 61
BAB VI KESIMPULAN DAN SARAN ... 70
6.1 Kesimpulan ... 70
6.2 Saran ... 70
DAFTAR GAMBAR
Halaman
Gambar 2.1 Sebuah Tipikal Dreamweaver Screen ... 18
Gambar 2.2 Sebuah Object Pallet ... 19
Gambar 2.3 Sebuah Pop-One menu ... 20
Gambar 2.4 The Launcher Palette ... 20
Gambar 2.5 Properties Inspector untuk Text ... 21
Gambar 2.6 Properties Inspector untuk Tables ... 21
Gambar 2.7 Pagr Properties... 23
Gambar 2.8 Entitas ... 30
Gambar 2.9 Atribut ... 30
Gambar 2.10 Hubungan (Relasi) ... 31
Gambar 2.11 Use Case Diagram ... 40
Gambar 2.12 Class Diagram ... 40
Gambar 2.13 Statechart Diagram ... 41
Gambar 2.14 Activity Diagram ... 42
Gambar 2.15 Sequence Diagram ... 43
Gambar 2.16 Collaboration Diagram ... 43
Gambar 3.1 Use Case Diagram ... 47
Gambar 3.3 Sequence Diagram ... 49
Gambar 3.4 CDM ... 50
Gambar 3.5 PDM ... 51
Gamabr 4.1 Halaman Sebalum Login ... 58
Gambar 4.2 Halaman Setelah Login ... 59
Gambar 4.3 Halaman Pencarian Mata Pelajaran ... 59
Gambar 4.4 Halaman Agenda ... 60
Gambar 4.5 Halaman untuk Download Agenda ... 60
Gambar 5.1 Tampilan Awal ... 62
Gambar 5.2 Halaman Login ... 63
Gambar 5.3 Halaman Utama ... 64
Gambar 5.4 Halaman Berita ... 64
Gambar 5.5 Halaman Agenda ... 66
B
B
A
A
B
B
B
B
I
I
B
B
B
B
B
B
B
B
B
B
B
B
B
B
P
P
E
E
N
N
D
D
A
A
H
H
U
U
L
L
U
U
A
A
N
N
B
B
1.1BBLatarBBelakangB
SMP MUHAMMADIYAH 3 Waru-Sidoarjo merupakan lembaga pendidikan yang ada di Sidoarjo, menawarkan kajian pembelajaran sesuai standar pendidikan dan keahlian pembelajaran yang berbasis pada garis iungsional keorganisasian serta berbasis potensi lokal.
Kajian berbasis standar pendidikan nasional meliputi : mata pelajaran utama/inti dan mata pelajaran penguatan kebangsaan (Matematika, IPA, Bahasa Indonesia, dsb), Kajian Berbasis pada garis iungsional organisasi meliputi :Al-Islam, Kemuhammadiyahan, dan Bahasa Arab, dan ada pula Kajian berbasis potensi local direalisasikan dalam bentuk kegiatan kerjasama dengan dunia usaha UKM, pemangku.
Dalam konteks pengembangan Sumber Daya Manusia, pendidikan adalah usaha yang secara sadar diarahkan untuk mengembangkan potensi generasi muda agar memiliki kemampuan, keterampilan, sikap dan kepribadian. Hal ini sesuai dengan tujuan Pendidikan Nasional yaitu terbentuknya manusia yang beriman dan bertakwa kepada Tuhan YME, berbudi pekerti luhur, berkepribadian, mandiri, maju, tangguh, cerdas, kreatii, berdisiplin, proiesional, bertanggung jawab, produktii, serta sehat jasmani dan rohani.
teknologi intenet, yang sebenarnya hal ini dapat diarahkan untuk menjadi nilai tambah dalam rangka kemajuan dunia pendidikan.
Menyadari akan semua ini penulis beriikir untuk membuat suatu Sistem Informasi E-learning Berbasis Web untuk sekolah Muhammadiyah 3 waru,
Sidoarjo. Layanan ini beriungsi untuk mempermudah interaksi siswa dengan materi, siswa dengan guru maupun sesama siswa. Siswa dapat saling berbagi iniormasi dan dapat mengakses bahan-bahan belajar setiap saat dan berulang-ulang, dengan kondisi yang demikian siswa dapat lebih memantapkan penguasaannya terhadap materi pembelajaaran. Peran siswa dalam pembelajaran ini terdiri dari pembacaan dan mempersiapkan tugas. Kemudian tugas dievaluasi oleh guru.
B B
1.2BBPerumusanBMasalahB
Berdasarkan Latar belakang masalah yang telah diuraikan diatas, maka yang menjadi masalah dalam penelitian ini adalah sebagai berikut :
a. Bagaimana membuat desain yang menarik dan interaktii untuk Sistem Informasi E-learning Berbasis Web untuk Sekolah Muhammadiyah 3 Waru,
Sidoarjo ?
b. Bagaimana mengaplikasikan sistem pembelajaran interaktii untuk Sistem Informasi E-learning Berbasis Web untuk Sekolah Muhammadiyah 3 Waru,
1.3BBBatasanBMasalahB
Dalam pembuatan Aplikasi Sistem Iniormasi E-learning berbasis web untuk sekolah muhammadiyah 3 waru, Sidoarjo ini, penulis mempunyai batasan masalah yaitu :
a. Sistem dibuat hanya untuk melakukan pembelajaran/interaksi belajar mengajar antara guru dan siswa – siswi di SMP Muhammadiyah Waru 3 Sidoarjo saja.
b. Pada sistem ini siswa hanya dapat melakukan mendownload materi berupa pdi saja. Ulasan yang ada pada materi sistem ini hanya berupa pdi saja.
1.4BBTujuanB
Tujuan dari Aplikasi Sistem Iniormasi E-learning Berbasis Web
adalah untuk membuat suatu Sistem Iniormasi E-learning Berbasis Web untuk Sekolah Muhammadiyah 3 Waru, Sidoarjo dengan tampilan yang menarik dan mengaplikasikan sistem e-learning kedalam website.
1.5BBManfaatB
Penyusunan laporan tugas akhir yang berjudul ”Sistem Informasi E-learning Berbasis Web untuk Sekolah Muhammadiyah 3 Waru, Sidoarjo ” ini mempunyai beberapa maniaat, antara lain :
a. Pembelajaran dapat dilakukan dimana saja dan kapan saja
c. Dapat menjangkau peserta didik dalam cakupan yang luas
d. Mempermudah penyempurnaan dan penyimpanan materi pembelajaran e. Memudahkan Siswa dalam memahami pelajaran yang di berikan oleh pengajar melalui intertnet.
i. Memberikan iniormasi tentang komponen dasar elektronika secara cepat, eiektik dan eiisien.
B
B
B
B
A
A
B
B
I
I
I
I
T
T
I
I
N
N
J
J
A
A
U
U
A
A
N
N
P
P
U
U
S
S
T
T
A
A
K
K
A
A
2
2..11SSeekkiillaassMMeennggeennaaii SSMMPPMMUUHHAAMMMMAADDIIYYAAHH33WWAARRUU--SSIIDDOOAARRJJOO SMP MUHAMMADIYAH 3 Waru-Sidoarjo merupakan lembaga pendidikan yang ada di Sidoarjo, menawarkan kajian pembelajaran sesuai standar pendidikan dan keahlian pembelajaran yang berbasis pada garis fungsional keorganisasian serta berbasis potensi lokal.
a. Kajian berbasis standar pendidikan nasional meliputi : mata pelajaran utama/inti dan mata pelajaran penguatan kebangsaan (Matematika, IPA, Bahasa Indonesia, Bahasa Inggris, Kesenian, Pkn dll.
b. Kajian Berbasis pada garis fungsional organisasi meliputi :Al-Islam, Kemuhammadiyahan, dan Bahasa Arab.
c. Kajian berbasis potensi local direalisasikan dalam bentuk kegiatan kerjasama dengan dunia usaha UKM, pemangku.
Visi SMP Muhammadiyah 3 Waru adalah menjadi sekolah bersih, kreatif dan professional berlandaskan Iman, ilmu dan akhlak.
Saat ini SMP Muhammadiyah 3 Waru telah menjadi sekolah yang sejajar dan mitra “school partner” serta pesaing “competitor” utama sekolah negeri.
Misi SMP Muhammadiyah 3 Waru adalah menyelenggarakan pendidikan dengan dasar niat, keinginan, dan tujuan memajukan persyarikatan dan amal usaha Muhammadiyah secara ikhlas dan penuh tanggung jawab. Mendorong peningkatan dan penjaminan mutu pendidikan melalui kreatifitas dan cipta karya pendidikan. Hal itu dapat diwujudkan dalam bentuk seminar, dan workshop yang
berkaitan issu mutakhir pendidikan, Disamping itu juga menumbuhkan sikap dan budaya profesional dalam mengemban tugas sebagai tenaga pendidikan khusus bagi guru dan tugas belajar bagi siswa/siswi. Misi mulia itu bisa tercapai jika seluruh civitas SMP Muhammadiyah 3 Waru, orang tua dan stakeholders bersinergi dalam kemajuan dan keunggulan.
2.2 Penger tian E-Lear ning
Sistem pembelajaran elektronik atau e-pembelajaran (Electronic learning disingkat E-learning) adalah cara baru dalam proses belajar mengajar. E-learning merupakan dasar dan konsekuensi logis dari perkembangan teknologi informasi dan komunikasi . Dengan e-learning, peserta ajar (learner atau murid) tidak perlu duduk dengan manis di ruang kelas untuk menyimak setiap ucapan dari seorang guru secara langsung. E-learning juga dapat mempersingkat jadwal target waktu pembelajaran, dan tentu saja menghemat biaya yang harus dikeluarkan oleh sebuah program studi atau program pendidikan.
peserta didik dengan dosen/guru/instruktur maupun sesama peserta didik. Peserta didik dapat saling berbagi informasi dan dapat mengakses bahan-bahan belajar setiap saat dan berulang-ulang, dengan kondisi yang demikian itu peserta didik dapat lebih memantapkan penguasaannya terhadap materi pembelajaran.
Dalam e-learning, faktor kehadiran guru atau pengajar otomatis menjadi berkurang atau bahkan tidak ada. Hal ini disebabkan karena yang mengambil peran guru adalah komputer dan panduan-panduan elektronik yang dirancang oleh “contents writer”, designer e-learning dan pemograman komputer .
Dengan adanya e-learning para guru/dosen/instruktur akan lebih mudah :
a. melakukan pemutakhiran bahan-bahan belajar yang menjadi tanggung jawabnya sesuai dengan tuntutan perkembangan keilmuan yang mutakhir b. mengembangkan diri atau melakukan penelitian guna meningkatkan
wawasannya
c. mengontrol kegiatan belajar peserta didik.
2.2.1 Sejar ah E-Lear ning
E-pembelajaran atau pembelajaran elektronik pertama kali diperkenalkan oleh universitas Illinois di Urbana-Champaign dengan menggunakan sistem instruksi berbasis komputer (computer-assisted instruction ) dan komputer bernama PLATO. Sejak itu, perkembangan E-learning dari masa ke masa adalah sebagai berikut: (1) Tahun 1990 : Era CBT (Computer-Based Training) di mana mulai bermunculan aplikasi e-learning yang berjalan dalam PC standlone ataupun berbentuk kemasan CD-ROM. Isi materi dalam bentuk tulisan maupun multimedia (Video dan AUDIO) DALAM FORMAT mov, mpeg-1, atau avi.
(2) Tahun 1994 : Seiring dengan diterimanya CBT oleh masyarakat sejak tahun 1994 CBT muncul dalam bentuk paket-paket yang lebih menarik dan
diproduksi secara massal.
(3) Tahun 1997 : LMS (Learning Management System). Seiring dengan perkembangan teknologi internet, masyarakat di dunia mulai terkoneksi dengan internet. Kebutuhan akan informasi yang dapat diperoleh dengan cepat mulai dirasakan sebagai kebutuhan mutlak , dan jarak serta lokasi bukanlah halangan lagi. Dari sinilah muncul LMS. Perkembangan LMS yang makin pesat membuat pemikiran baru untuk mengatasi masalah
interoperability antar LMS yang satu dengan lainnya secara standar. Bentuk standar yang muncul misalnya standar yang dikeluarkan oleh AICC (Airline
(4) Tahun 1999 sebagai tahun Aplikasi E-learning berbasis Web. Perkembangan LMS menuju aplikasi e-learning berbasis Web berkembang secara total, baik untuk pembelajar (learner) maupun administrasi belajar mengajarnya. LMS mulai digabungkan dengan situs-situs informasi, majalah, dan surat kabar. Isinya juga semakin kaya dengan perpaduan
multimedia , video streaming, serta penampilan interaktif dalam berbagai pilihan format data yang lebih standar, dan berukuran kecil.
eLear ning 2.0
Istilah e-Learning 2.0 digunakan untuk merujuk kepada cara pandang baru terhadap pembelajaran elektronik yang terinspirasi oleh munculnya teknologi Web 2.0. Sistem konvensional pembelajaran elektronik biasanya berbasis pada paket pelajaran yang disampaikan kepada siswa dengan menggunakan teknologi Internet (biasanya melalui LMS). Peran siswa dalam pembelajaran terdiri dari pembacaan dan mempersiapkan tugas. Kemudian tugas dievaluasi oleh guru. Sebaliknya, e-learning 2.0 memiliki penekanan pada pembelajaran yang bersifat sosial dan penggunaan perangkat lunak sosial (social networking) seperti blog, wiki, podcast dan Second Life. Fenomena ini juga telah disebut sebagai Long Tail learning.
Selain itu juga, E-learning 2.0 erat hubungannya dengan Web 2.0, social networking (Jejaring Sosial) dan Personal Learning Environments
a. E-learning lebih dari sekedar e-training. Kini, banyak orang sudah mengetahui bahwa sekitar 70% proses pembelajaran berlangsung di lingkungan informal, semisal tidak dalam ruang kelas, ketika di luar kelas melalui pencarian informasi melalui media e-learning. Termasuk komunikasi, kolaborasi dan berbagi pengetahuan.
b. Kompleks, rumit, interaktif, instruksional, banyak biaya untuk multimedia e-learning, waktu yang lama untuk membangun, dan kemungkinan perangkat komputer yang sudah tidak up-to-date dengan perkembangan terakhir. Dalam banyak kasus, solusi termudah adalah adanya respon yang cepat dari pengelola, termasuk penyediaan kebutuhan pembelajaran.
c. Komunikasi dan kolaborasi adalah kuncinya. Jangan lupa bahwa pembelajaran adalah suatu aktivitas sosial, dan terkadang anda akan lebih powerfull atau menjadi lebih tenang ketika mengikuti proses pembelajaran yang melibatkan sekian banyak komunitas online dan jaringan, dan dengan memperkuat kolaborasi diantara para pembelajar dimana kita dapat saling bertukar bahan. Yakinkan diri anda bahwa anda memang menyediakan peluang dan kesempatan bagi banyak orang untuk komunikasi, berkolaborasi dan berbagi pengetahuan.
e. Pembelajaran harus diawali dari kebutuhan individu. Coba anda temukan apa yang diperlukan oleh siswa tentang kebutuhan mereka untuk belajar dan temukan pula bagaimana, dimana atau kemana dan kapan mereka menginginkan belajar. Lalu, jika sudah, coba rancang solusi pembelajaran yang dapat membantu mereka. Giatkan para siswa untuk swa-motivasi
(self-directed) dalam pembelajaran dan tumbuhkan rasa tanggung jawabnya dan bantulah mereka dalam memahami dan membangun e-learning.
f. Dibangun, tapi belum tentu wajib digunakan. Perhatikan, jangan mentang-mentang anda sudah menciptakan solusi dalam e-learning, lalu anda memaksakan para siswa untuk datang beramai-ramai dan menggunakannya. Intinya, siswa perlu melihat dan membuktikan e-learning sebagai sesuatu yang membawa keuntungan bagi mereka dan memantapkan langkah mereka dalam belajar.
g. E-learning harus disesuaikan dengan kondisi sekolah bersangkutan. Ingatlah, tidak ada formula ajaib dalam merancang e-learning dalam sebuah lingkungan sekolah; anda akan melihat banyak perbedaan di setiap sekolah. Maka, e-learning harus disesuaikan dengan sasaran-sasaran bisnis, budaya sekolah, keinginan-keinginan para guru dan siswa dan gaya belajar setiap individu. Dengan memperhatikan faktor-faktor itu, anda akan dapat merancang solusi e-learning yang paling cocok bagi sekolah anda.
tepat sehingga keputusan yang diambil dapat berguna bagi setiap bagian di dalam sekolah.
i. Akhirnya, anda harus tahu bahwa banyak sekolah yang menghabiskan waktu hanya untuk merencanakan penggunaan e-learning. Mereka ingin tahu apakah
segalanya akan bekerja jika mereka menggunakannya.
2.3 Penger tian PHP
2.3.1 Sejar ah PHP
PHP adalah teknologi yang diperkenalkan tahun 1994 oleh Rasmus Lerdorf. Beberapa versi awal yang tidak dipublikasikan digunakan pada situs pribadinya untuk mencatat siapa saja yang mengakses daftar riwayat hidup onlinennya. Versi pertama digunakan oleh pihak lain pada awal tahun 1995 dan
dikenal sebagai Personal Home Page Tools. Terkandung didalamnya sebuah parser engine (mesin pengurai) yang sangat disederhanakan, yang hanya mampu mengolah macro khusus dan beberapa utilitas yang sering digunakan pada pembuatan home page,seperti buku tamu, pencacah, dan hal semacamnya. Parser tersebut ditulis ulang pada pertengahan 1995 dan dinamakan PHP/FI Versiaon 2. FI(Form Interprenter) sendiri berasal dari kode lain yang ditulis juga oleh Rasmus, yang menterjemahkan HTML dari data. Ia menggabungkan script Personal Home Page Tools dengan Form Interprenter dan menambahkan dukungan terhadap server database yang menggunakan format mSQL sehingga lahirlah PHP/FI. PHP/FI tumbuh dengan pesat, dan orang-orang mulai menyiapkan kode-kode programnya supaya bisa didukung oleh PHP.
yang berasal dari PHP/FI diport ke PHP3, dan banyak diantaranya sudah selesai ditulis ulang secara lengkap.
Pada pertengahan 1998, baik PHP/FI maupun PHP3 dikemas bersama dengan produk-produk komersial seperti server web StrongHold buatan C2 dan Linux RedHat, dan menurut survei yang dilakukan oleh NetCraft, kemungkinan
PHP digunakan pada lebih dari 150.000 situs web di seluruh dunia. Sebagai pembanding, angka tersebut lebih banyak daripada pengguna server web Enterprise server buatan netscape di Internet .
Beber a pa Kelebihan PHP dar i bahasa pemr ogr aman lain :
(a). Bahasa Pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah komplikasi dalam penggunaanya.
(b). Dalam sisi pemahamanan, PHP adalah sebuah bahasa scripting yang paling mudah karena referensi yang banyak.
(c). PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah system.
(d). Web Server yang mendukung PHP dapat ditemukan dimana-mana dari mulai IIS sampai dengan apache, dengan configurasi yang relatif mudah.
Contoh Pr ogr am
Pr ogr am Hello World
Program Hello World yang ditulis menggunakan PHP adalah sebagai berikut:
<?php
echo "Hello World";
?>
Pr ogr am bilangan Fibonacci
Berikut ini adalah contoh program yang relatif lebih kompleks yang ditulis dengan menggunakan PHP. Contoh program ini adalah program untuk menampilkan 20 bilangan pertama dari deret bilangan Fibonacci.
<?php
function fibonacci_seq( $panjang ) {
for( $l = array(0,1), $i = 2, $x = 0; $i < $panjang; $i++ )
$l[] = $l[$x++] + $l[$x];
return $l;
}
fibonacci_seq(20);
// Angka "20" dapat diganti sesuai keinginan
?>
Kelebihan PHP Dar i Bahasa Pemrogr aman Lain
Beberapa kelebihan PHP dari bahasa pemrograman web, antara lain:
b. Web Server yang mendukung PHP dapat ditemukan dimana - mana dari mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.' c. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan
developer yang siap membantu dalam pengembangan.'
d. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah
karena memiliki referensi yang banyak.'
e. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime
melalui console serta juga dapat menjalankan perintah-perintah system.
Tipe data
PHP memiliki 8 (delapan) tipe data yaitu :
a. Integer b. Double c. Boolean d. String e. Object f. Array g. Null h. Nill
2.4 Penger tian Macromedia
Macromedia Dreamweaver adalah sebuah editor HTML professional untuk mendesain secara virtual dan mengelola website dan halaman web. Konsep WYSYWIG (What You See Is What You Get) HTML (HyperText Mark-up Language) akan memberikan anda membuat halaman web dan web site secara muda dan cepat. Tetapi dibalik semua itu, dreamweaver juga memberikan anda kemudahan mempelajari DHTML (Dynamic HTML), yang bias membuat website lebih menarik dan lebih interaktif. Tidak hanya berhenti disini, dreamweaver juga mempunyai fasilitas FTP (File Transfer Protocol) untuk upload situs anda ke Internet ketika proses desain sudah selesai dibuat.
Fasilitas Dreamweaver termasuk juga coding tools dan features: HTML, CSS, dan JavaScript reference, a JavaScript Debugger, dan code editors (the Code view and Code inspector) yang bisa untuk mengedit JavaScript, XML, dan dokumen text lainnya secara langsung dalam Dreamweaver. Teknologi Macromedia tentang HTML mengimport dokumen HTML tanpa memformat ulang code nya - dan anda bisa dengan mudah mengeset Dreamweaver untuk
membersihkan dan memformat ulang HTML kapan pun anda inginkan.
Layout Screen Dasa r
Pertama kali anda start Dreamweaver anda akan disajikan dengan sebuah dokumen tanpa judul [Untitled Document] lihat pojok kiri atas dari gambar. Ini adalah dokumen halaman web anda yang masih kosong sebelum anda memulai
Kita juga bisa melihat beberapa dari Dreamweaver's palette's. Jika tidak, secara sederhana anda membutuhkan agar bisa ke Window menu dan memilih apa yang ada inginkan secara visible dari daftar yang tersedia.Ini menunjukkan Objects tersebut. Launcher dan Properties Inspector palettes terbuka. Ini akan
diterangkan kemudian dalam manual ini.
Objects palette
Gambar 2.2 Object Pallete
Pallete pertama yang kita lihat adalah Objects palette.Objects palette mengijinkan anda untuk memasukan (insert) elemen pada halaman web anda. Anda bisa menambahkan apa yang anda suka seperti : Gambar (Images), tabel (tables), Flash movies, Java applets, dsb. Akan tetapi Objects palette mempunyai fungsi lebih lebih dibalik semuanya itu.
pop-out menu yang muncul.
Gambar 2.3 - Pop-out menu
Untuk melihat tiap menu pada icon tsb, sederhana tahan mouse over pada icon yang anda kehendaki dan help tip akan muncul. Kita akan melihat nanti untuk menambahkan elemen yang berbeda ketika kita mulai membuat halaman sederhana yang pertama nanti dalam manual ini.
Launcher palette
Launcher palette adalah hanya palette yang tidak dibutuhkan secara visible untuk penggunaanya sepertinya pallete merupakan replicated pada bagian kanan bawah dari layar Dreamweaver.Jadi jika anda memfungsikannya buka dan tutup
seperlunya untuk menghemat layar anda.
Gambar 2.4 The launcher palette.
HTML Source icon. Jangan takut anda bisa menutup window seperti window lainnya dalam Windows 9x dengan mengeklik 'X' pada bagian sudut kanan atas dari window yang ada.
Pr oper ties Inspector
Properties Inspector fungsi kerjanya agak berbeda dalam Palettes lain pada Dreamweaver, sepertinya konteknya agak sensitif. Dalam penggunaan sederhana yang berarti bisa diubah tergantung pada apa yang sedang anda edit atau buat. Contohnya, ketika anda sedang mengedit text, Property Inspector akan tampak seperti gambar.
Tambahkan sebuah tabel maka Properties Inspector akan tampak seperti gambar
Gambar 2.5 Properties Inspector untuk text.
[image:30.612.134.506.395.466.2] [image:30.612.133.509.537.610.2]Seperti yang anda lihat, dua Properties Inspectors sangat berbeda. Anda akan menjadi sangat familiar dengan Properties Inspector nantinya, seperti anda sedang bekerja dengan Propert Inspectors sementara anda sedang mendesain dan mengedit halaman web/ situs.
Halaman dasar
Setelah kita melihat secara sekilas Dreamweaver sekarang kita akan mendefinisikan dan melihat dalam page properties.Yang termasuk dalam opsi ini adalah page colour, page title, background image, dsb.
Gambar 2.7 Page Properties.
Seperti anda lihat dalam gambar 2.7 ada beberapa pilihan yang tersedia ketika anda setting the properties untuk halaman blank web anda. Kebanyakan opsi tsb tidak pernah digunakan ketika anda membuat halaman, jadi kita akan konsentrasi pada opsi common saja.
Title : Ini adalah nama yang akan muncul pada menu bar dari browser anda. Jangan bingung dengan nama file halaman web anda. Title ini akan lebih berguna bila dokumen akan di simpan [save as] atau di di print out.
[image:32.612.141.498.78.357.2]Backgr ound: Jika anda tidak ingin menggunakan sebuah gambar sebagai background untuk halaman web anda, secara sederhana anda bisa menggunakan sebuag warna [a colour]. Untuk memilih warbna yang kita inginkan klick pada icon colour chip (the small square) setelah itu anda akan membuat pilihan warna. Hal yang sangat bagus dengan pilihan warna adalah bahwa warna yang anda
berikan untuk semua halaman web adalah safe colours.
Text: Secara default text colour yang digunakan sudah tersedia. Note : Ini hanya relevan untuk current page dan tidak semua halaman web yang anda punya dibuat juga atau halaman berikutnya.
2.5 Penger tian MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat
MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.
Relational Database Management System (RDBMS)
(Structured Query Language). SQL adalah sebuah konsep pengoperasian database, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis. Keandalan suatu sistem database (DBMS) dapat diketahui dari cara kerja optimizer-nya dalam melakukan proses perintah-perintah SQL, yang dibuat oleh
user maupun program-program aplikasinya. Sebagai database server, MySQL dapat dikatakan lebih unggul dibandingkan database server lainnya dalam query data. Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan query MySQL bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan Interbase.
Keistimewaan MySQL
MySQL memiliki beberapa keistimewaan, antara lain :
a. Por tabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.
b. Open Sour ce.MySQL didistribusikan secara open source, dibawah lisensi GPL sehingga dapat digunakan secara cuma-cuma.
c. ‘Multiuser ’. MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan tanpa mengalami masalah atau konflik.
d. ‘Per for mance tuning’. MySQL memiliki kecepatan yang menakjubkan
e. J enis Kolom. MySQL memiliki tipe kolom yang sangat kompleks, seperti signed / unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.
f. Per intah dan Fungsi. MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah Select dan Where dalam perintah (query).
g. Keamanan. MySQL memiliki beberapa lapisan sekuritas seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail serta sandi terenkripsi.
h. Skalabilitas dan Pembatasan. MySQL mampu menangani basis data dalam skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.
i. Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).
j. Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien dengan menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa Indonesia belum termasuk di dalamnya.
k. Antar Muka. MySQL memiliki interface (antar muka) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface).
m. Str uktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan basis data lainnya semacam PostgreSQL ataupun Oracle.
Kesinambungan antar a PHP dan MySQL
Penggunaan PHP dan MySQL dapat menjadikan dan memudahkan untuk pembuatan aplikasi secara gratis dan stabil (dikarenakan banyak komunitas developer PHP dan MySQL yang ber-kontribusi terhadap bugs).
2.5.1 Sejar ah MySQL
MySQL dikembangkan sekitar tahun 1994 oleh sebuah perusahaan pengembang software dan konsultan database bernama MYSQL AB yang
masih belum jelas asal usulnya. Ada yang berpendapat nama My diambil dari huruf depan dan belakang Monty, tetapi versi lain mengatakan nama itu diambil dari putri Monty yang kebetulan juga bernama My.
Ketentuan Member i Per intah dalam MySQL
Berikut adalah ketentuan-ketentuan member perintah pada MySQL:
a. Setiap perintah harus diakhiri dengan tanda titik koma (;) atau dengan memberikan perintah \g atau \G. Namun, pada umumnya user menggunakan tanda titik koma untuk mengakhiri perintah pada MySQL.
b. Setiap perintah akan disimpan dalam buffer (memori sementara) untuk menyimpan histori perintah-perintah yang pernah diberikan.
c. Perintah dapat berupa perintah SQL atau perintah khusus MySQL.
d. Perintah-perintah yang bukan SQL dapat dipendekkan dengan menggunakan \ dan huruf depan perintah.
e. Perintah help atau \h digunakan untuk menampilkan daftar dan aturan memberikan perintah di lingkungan MySQL.
f. Perintah-perintah dalam lingkungan MySQL tidak menerapkan aturan case sensitive, tetapi case insensitive yaitu perintah bisa dituliskan dalam huruf besar atau pun huruf kecil.
h. Untuk melihat perintah-perintah yang sudah pernah kita ketikkan, tekan tombol tanda panah atas.
2.6 Entity Relationship Diagr am (ERD)
Menurut Faried Irwansyah (2003) ERD merupakan notasi grafis dalam pemodelan data konseptual yang mendeskripsikan hubungan antara penyimpanan. ERD digunakan untuk memodelkan struktur data dan hubungan antar data, karena hal ini relatif kompleks. Dengan ERD kita dapat menguji model dengan mengabaikan proses yang harus dilakukan. Dan dengan ERD kita mencoba menjawab pertanyaan seperti; data apa yang kita perlukan? bagaimana data yang satu berhubungan dengan yang lain?
ERD menggunakan sejumlah notasi dan simbol untuk menggambarkan struktur dan hubungan antar data, pada dasarnya ada 3 macam simbol yang digunakan yaitu :
G
Gaammbbaarr22..88EEnnttiittaass
b. Atr ibut : Entiti mempunyai elemen yang disebut atribut, dan berfungsi mendeskripsikan karakter entiti. Misalnya atribut nama pekerja dari entity pekerja. Setiap ERD bisa terdapat lebih dari satu atribut. Atribut digambarkan dalam bentuk ellips.
G
Gaammbbaarr22..99 AAttrriibbuutt
c. Hubungan : Relationship; sebagaimana halnya entiti maka dalam hubunganpun harus dibedakan antara hubungan atau bentuk hubungan antar entiti dengan isi dari hubungan itu sendiri. Misalnya dalam kasus hubungan antara entiti siswa dan entiti mata_kuliah adalah mengikuti, sedangkan isi hubungannya dapat berupa nilai_ujian. Relationship digambarkan dalam bentuk intan / diamonds.
SISWA
Id_Siswa Nama alamat telp Jk
SISWA
Nama
Alamat
Jk
Membayar BUKU
Id_Buku
Jenis_Buku telp
Id_Siswa
Biaya
Nama_Buku
G
Gaammbbaarr22..1100 HHuubbuunnggaann((RReellaassii))
2.7 Pengenalan Power Designer
Power Designer 11 adalah suatu software yang digunakan untuk membuat rancangan database berupa Entity Relationtship Diagram (ERD), dan hasil ERD yang telah dibuat di Power Designer 9 dapat langsung di generate ke
DBMS yang diinginkan yang nantinya akan menghasilkan script – script mulai script untuk membuat tabel sampai field–field tiap tabel beserta constraint (batasan) baik berupa primary key, foreign key, null atau not null secaraq otomatis.
Sedangkan untuk PDM atau Physical Data Model adalah hasil generate dari CDM yang telah ditentukan DBMS –nya. Sehingga dari PDM ini dapat diketahui tabel – tabel apa yang nantinya akan digunakan beserta relasinya. Dan dari PDM ini dapat langsung digenerate untuk dapat menghasilkan script–script mulai script pembuatan tabel sampai pembuatan field–fieldnya
dari DBMS yang telah dipilih.
2.8 Pengenalan XAMPP
XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program.
Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mendownload langsung dari web resminya.
2.8.1 Sejar ah dan Pengembang XAMPP
XAMPP dikembangkan dari sebuah tim proyek bernama Apache Friends, yang terdiri dari Tim Inti (Core Team), Tim Pengembang (Development Team) & Tim Dukungan (Support Team).
XAMPP adalah singkatan yang masing-masing hurufnya adalah :
X : Program ini dapat dijalankan dibanyak sistem operasi seperti Windows, Linux, Mac OS, dan Solaris.
A : Apache, merupakan aplikasi web server. Tugas utama Apache adalah menghasilkan halaman web yang benar kepada user berdasarkan kode PHP yang dituliskan oleh pembuat halaman web. jika diperlukan juga berdasarkan kode PHP yang dituliskan,maka dapat saja suatu database diakses terlebih dahulu (misalnya dalam MySQL) untuk mendukung halaman web yang dihasilkan.
M : MySQL, merupakan aplikasi database server. Perkembangannya disebut SQL yang merupakan kepanjangan dari Structured Query Language. SQL merupakan bahasa terstruktur yang digunakan untuk mengolah database. MySQL dapat digunakan untuk membuat dan mengelola database beserta isinya. Kita dapat memanfaatkan MySQL untuk menambahkan, mengubah, dan menghapus data yang berada dalam database.
digunakan bersama PHP adalah MySQL, namun PHP juga mendukung sistem manajement database Oracle, Microsoft Access, Interbase, d-base, PostgreSQL, dan sebagainya.
P : Perl. yang artinya bahasa pemrograman.
Bagian Penting XAMPP
Mengenal bagian XAMPP yang biasa digunakan pada umumnya: htdoc adalah folder tempat meletakkan berkas-berkas yang akan
dijalankan, seperti berkas PHP, HTML dan skrip lain.
phpMyAdmin merupakan bagian untuk mengelola basis data MySQL yang ada dikomputer. Untuk membukanya, buka browser lalu ketikkan alamat http://localhost/phpMyAdmin, maka akan muncul halaman phpMyAdmin.
Kontrol Panel yang berfungsi untuk mengelola layanan (service) XAMPP. Seperti menghentikan (stop) layanan, ataupun memulai (start).
Car a Menginstall XAMPP
XAMPP merupakan sebuah paket instalasi untu k PHP, APACHE dan MySQL. Dengan menggunakan XAMPP, kita tidak perlu lagi repot menginstall ketiga software itu secara terpisah. Berikut ini adalah cara menginstall XAMPP.
- Kemudian akan tampil pilihan untuk memilih bahasa ketika proses instalasi berjalan. Silakan pilih bahasa Indonesian atau English, kecuali anda menguasai bahasa lainnya.
- Proses instalasi akan dimulai. Klik Maju untuk memulainya. Akan muncul lisensi software.
- Selanjutnya silakan anda pilih lokasi install untuk XAMPP. Kemudian klik install.
- Tunggu beberapa saat sampai proses instalasi selesaI.
- Sampai tahap ini, berarti kita sudah menginstal XAMPP. Itu berarti kita sudah selesai menginstall PHP, APACHE dan MYSQL. Langkah selanjutnya adalah menjalankan servicenya.
- Jalankan XAMPP Control Panel yang ada di desktop. Atau anda juga dapat menjalankan XAMPP Control Panel dari menu Start -> All Programs -> apachefriends -> xampp -> xampp control panel. - Nyalakan Apache dan MySQL dengan mengklik tombol Start.
Buka web browser anda, lalu ketikkan http://localhost.
Instalasi XAMPP untuk Web, Database & FTP Ser ver pada OpenSUSE
Selain menggunakan Apache, PHP, MySQL dan FTP Server yang sudah disertakan pada OpenSUSE, kita dapat melakukan instalasi software tersebut melalui bundel aplikasi yang sudah disediakan oleh XAMPP. Berikut ini adalah caranya :
- Buka konsole, masuk sebagai root (ketikkan perintah su)
- Extract XAMPP yang sudah didownload, maka akan muncul # tar xvfz xampp-linux-X.Y.Z.tar.gz -C /opt
Note : Ganti X, Y dan Z dengan versi XAMPP yang didowonload. - Jalankan XAMPP /opt/lampp/lampp start
Akan ada keterangan proses aktifasi aplikasi XAMPP seperti berikut ini :
Starting XAMPP X.Y.Z…
LAMPP: Starting Apache… LAMPP: Starting MySQL… LAMPP started.
- Test jalannya XAMPP dengan mengetikkan alamat http://localhost di browser. XAMPP akan segera tampil.
Jika kita melakukan restart komputer, kita harus menjalankan XAMPP secara manual dengan perintah /opt/lampp/lampp start. Bagaimana kalau kita ingin secara otomatis menjalankan XAMPP setiap kali booting ?
Langkah ber ik ut adalah proses mengak tifkan XAMPP saa t booting - Masuk folder runlevel anda (standar GUI dengan network adalah
runlevel5)
- Ketikkan statement berikut :
# ln -s /opt/lampp/lampp /etc/init.d/lamp
- Check melalui YAST | SYSTEM | SYSTEM SERVICES (RUNLEVEL), cari service lampp, jika masih disable jadikan sebagai enable service.
2.9 Pengenalan Rasional Rose
Saat ini piranti lunak semakin luas dan besar lingkupnya, sehingga tidak bias lagi dibuat asalasalan. Piranti lunak saat ini seharusnya dirancang dengan memperhatikan hal-ha seperti scalability, security, dan eksekusi yang robust walaupun dalam kondisi yang sulit. Selain itu arsitekturnya harus didefinisikan dengan jelas, agar bug mudah ditemukan dan diperbaiki, bahkan oleh orang lain selain programmer aslinya. Keuntungan lain dari perancangan arsitektur yang matang adalah dimungkinkannya penggunaan kembali modul atau komponen untuk aplikasi piranti lunak lain yang memutuhkan fungsionalitas yang sama Pemodelan (modeling) adalah proses merancang piranti lunak sebelum melakukan pengkodean (coding). Model piranti lunak dapat dianalogikan seperti pembuatan blueprint pada pembangunan gedung. Membuat model dari sebuah system yang kompleks sangatlah penting karena kita tidak dapat memahami system semacam itu secara menyeluruh. Semakin komplek sebuah system, semkin penting pula penggunaan teknik pemodelan yang baik.
UML?
Unified Modelling Language (UML) aadalah sebuah “bahasa” yang telah menjadi strandar dalam industry untuk visualisasi, merancang dan mendokumentasikan system piranti lunak. UML menawarkan sebuah standar untuk merancang model sebuah system.
Dimulai pada bulan Oktober 1994 Booch, Rumbaugh dan Jacobson,yang merupakan tiga tokoh yang boleh dikata metodologinya banyak digunakan mempelopori usaha untuk penyatuan metodologi pendesainan berorientasi objek. Pada tahun 1995 direlease draft pertama dari UML (versi 0.8). Sejak tahun 1996 pengembangan tersebut dikoordinasikan oleh Object Management Group (OMG
http://www.omg.org.Tahun 1997 UML versi 1.1 muncul, dan saat ini versi terbaru adalah versi 1.5 yang dirilis bulan Maret 2003. Booch, Rumbaugh dan Jacobson menyusun tiga buku serial tentang UML pada tahun 1999.Sejak saat itulah UML telah menjelma menjadi standar bahasa pemodelan untuk aplikasi berorientasi objek.
Abstraksi konsep dasar UML yang terdiri dari structural classification, dynamic behavior, dan model management, bisa kita pahami dengan mudah apabila kita melihat gambar diatas dari Diagrams. Main concepts bisa kita pandang sebagai term yang akan muncul pada saat kita membuat diagram.
MACAM-MACAM DIAGRAM YANG ADA DI RATIONAL ROSE
design, use case diagram menetapkan perilaku system saat di implementasikan.
G
Gaammbbaarr 22..1111UUsseeCCaasseeDDiiaaggrraam m
Class diagr am membantu kita memvisualisasi struktur kelas-kelas dari suatu system. Class diagram memperlihatkan hubungan antar kelas dan penjelasan detail tiap-tiap kelas didalam model design (dalam logical view) dari suatu system.
G
Statechar t diagr am, kita dapat menggunakan statechart diagram untuk memodelkan perilaku dinamis satu kelas atau objek. Statechart diagram memperlihatkan urutan keadaan sesaat (state) yang dilalui sebuah objek, kejadian yang menyebabkan sebuah transisi dari satu state atau aktifitas. Statechart diagram khusunya diagunakan untuk memodelkan taraf-taraf diskrit dari sebuah siklus
hidup objek. Seperti yang ada pada screenshoot dibawah ini:
G
Gaammbbaarr22..1133SSttaatteecchhaarrttDDiiaaggrraamm
bagaimana perilaku dalam berbagai use case berinteraksi.
G
Gaammbbaarr22..1144AAccttiivviittyyDDiiaaggrraamm
Sequence diagr am Menjelaskan interaksi obyek yang disusun dalam suatu urutan
G
Gaammbbaarr22..1155SSeeqquueenncceeDDiiaaggrraamm
Collabor ation diagr am Melihat pada interaksi dan hubungan terstruktur antar obyek. Tipe diagram ini menekankan pada hubungan (relationship) antar obyek, sedangkan sequence diagram menekankan pada urutan kejadian. Collaboration diagram digunakan sebagai alat untuk menggambarkan interaksi yang mengungkapkan keputusan mengenai perilaku sistem.
G
Component diagr am Menggambarkan alokasi semua kelas dan obyek kedalam komponenkomponen dalam desain fisik sistem software. Diagram ini mmperlihatkan pengaturan dan kebergantungan antara komponene-komponen software seperti source code, binary code dan komponen tereksekusi.
B
B
A
A
B
B
I
I
I
I
I
I
A
A
N
N
A
A
L
L
I
I
S
S
I
I
S
S
D
D
A
A
N
N
P
P
E
E
R
R
A
A
N
N
C
C
A
A
N
N
G
G
A
A
N
N
S
S
I
I
S
S
T
T
E
E
M
M
3.1 Analisa Sistem
3.2 Per ancangan Sistem
Pada rancangan system ini memberikan penjelasan mengenai cara kerja secara umum dari aplikasi Sistem Informasi E-learning Besrbasis Web Untuk Sekolah SMP Muhammadiyah 3 waru, Sidoarjo baik dari sisi admin sebagai pengolah data, dan siswa sebagai user/pemakai aplikasi sistem ini. Serta
kebutuhan akan basis data dengan menggunakan MySQL. Dan untuk aplikasinya menggunkan PHP. Untuk aliran data diagram dirancang dengan menggunakan Rational Rose 2000 Enterprise Edition, diantaranya untuk membuat Use Case Diagram, Activity Diagram, dan Sequence Diagram, sedangkan rancangan kebutuhan basis data dengan bantuan software Power Designer 11.0, CDM (Conceptual Data Model) dan PDM (Physical Data Model) Desain tabel.
3.2.1 Use Case Diagram
Ga mbar 3.1 Use Case Diagram
Admin bertugas untuk melakukan maintenance Program E-learning, sedangkan siswa dapat memperoleh info berita seputar sekolahnya dan juga materi pelajaran yang akan dibahas pada pertemuan berikutnya.
3.2.2 Activity Diagr am
[image:56.612.159.453.75.288.2]Gambar 3.2 Activity Diagram
Seperti gambar diatas diagram ini menggambarkan urutan proses yang dilakukan oleh Admin sampai siswa dalam proses melakukan sistem E-learning ini.
3.2.3 Sequence Diagr am
[image:57.612.165.497.76.282.2]Gambar 3.3 Sequence Diagram
Dan dengan melakukan login terlebih dahulu siswa akan memperoleh info seputar sekolah dengan mudah.
3.2.4 CDM (Conceptual Data Model)
[image:58.612.161.520.75.288.2]Ga mbar 3.4 Conceptual Data Model
CDM mirip dengan konsep ERD, mempunyai 9 entitas yaitu Admin, Berita, Event, Agenda, Agenda Detail, Kelas, Anggota, Kategori Mapel, dan Mapel.
3.2.5 PDM ( Physical Data Model )
[image:59.612.133.523.100.450.2]nantinya akan dipakai dalam implementasi sistem yang dibuat. Untuk lebih jelasnya dapat dilihat pada gambar dibawah:
Gambar 3.5 Physical Data Model
[image:60.612.137.538.126.471.2]1. Tabel Admin
[image:61.612.131.509.197.304.2]Tabel ini berfungsi untuk menyimpan data Admin, berikut adalah tabel Admin :
Tabel 3.6 Desain Tabel Admin
No Coloum Name Data Type Length Aloow Null Constraint
1. Admin_Id Varchar 255 Primary Key
2. User_name Varchar 255
3. Password Varchar 255
2. Tabel Berita
[image:61.612.122.515.446.556.2]Tabel ini berfungsi untuk memasukan dan menyimpan berita yang ada apa sekolah SMP Muhammadiyah 3 Waru, Sidoarjo.
Tabel 3.7 Desain Tabel Berita
No. Colom Name Data Type Length Aloow null Constraint
1. Berita_Id Int Primary Kay
2. Berita_jadwal Varchar 255 3. Berita_deskripsi Text
4. Berita_tanggal Timestamp
3. Tabel Event
Tabel 3.8 Desain Tabel Event
No. Colom Name Data Type Lenght Aloow Null Constraint
1. Event_id Int Primary Key
2. Nis Varchar 120 Foreign Key
3. Event_subjek Varchar 255 4. Event_deskripsi Text
5. Event_tglwaktu Timestamp
4. Tabel Anggota
Tabel ini berfungsi untuk memasukkan dan menyimpan data anggota siswa. Berikut adalah tabel anggota :
Tabel 3.9 Desain Tabel Anggota
No. Coloum Name Data Type Length Aloow Null
Constraint
1. Nis Varchar 120 Primary
Key
2. Nama Varchar 20
3. Alamat Text
4. Tempat_lahir Varchar 120 5. Tgl_lahir Datetime
6. Jenis_kelamin Varchar 13 7. Foto_kecil Varchar 255 8. Foto_besar Varchar 255
9. User_name Varchar 255
[image:62.612.126.511.342.586.2] [image:62.612.127.514.342.582.2]5. Tabel Kelas
[image:63.612.127.512.217.282.2]Tabel ini berfungsi untuk memasukkan dan menyimpan data kelas siswa yang ada pada SMP Muhammadiyah 3 Waru, Sidoarjo, berikut adalah tabel Kelas :
Tabel 3.10 Desain Tabel Kelas
No. Coloum Name Data Type Length Aloow Null
Constraint
1. Kelas_id Int
2. Nama Varchar 20
6. Tabel Agenda
[image:63.612.119.513.440.528.2]Tabel ini berfungsi untuk memasukkan dan menyimpan data pertemuan pada siswa. berikut adalah table Agenda :
Tabel 3.11 Desain Tabel Agenda
No. Coloum Name Data Type Length Allow Null Constraint
1. Agenda_id Int Primary
Key
2. Judul Varchar 255
3. Tanggal Datetime
7. Tabel Agenda Detail
Tabel 3.12 Desain Tabel Agenda Detail
No Coloum Name Data Type Length Aloow Null Constraint
1. Detail_id Int Primary Key
2. Agenda_id Int Foreign Key 1
3. Maple_detail_id Int Foreign Key 2
4. Id Int
5. Mapel_id Int
8. Tabel Kategori Mata Pelajaran
[image:64.612.127.514.453.516.2]Tabel ini berfungsi untuk memasukkan dan menyimpan data kategori mata pelajaran yang akan diitampilkan pada system elearning ini. Berikut adalah tabel kategori mapel :
Tabel 3.13 Desain Tabel Kategori Mata Pelajaran
No. Coloum Name Data Type Length Allow Null Constraint
1. Id Int
2. Nama Varchar 20
9. Tabel Mata Pelajaran
Tabel 3.14 Desain Tabel Mata Palajaran
No. Coloum Name Data Type Length Allow Null
Constraint
1. Mapel_detail_id Int Primary
Key 2. Kategori_id Int
3. Kelas_id Int
4. Title Varchar 255
5. Deskripsi Text
6. Foto Varchar 255
7. File Varchar
B
B
A
A
B
B
I
I
V
V
I
I
M
M
P
P
L
L
E
E
M
M
E
E
N
N
T
T
A
A
S
S
I
I
S
S
I
I
S
S
T
T
E
E
M
M
4
4..11IImmpplleennttaassiiSSiisstteemmYYaannggAAddaaPPaaddaaSSiisstteemmIInnffoorrmmaassiiEE--lleeaarrnniinngg P
PeennuulliissTTuuggaassaakkhhiirrddeennggaannjjuudduullSSiisstteemmIInnffoorrmmaassiiEE--lleeaarrnniinnggBBeerrbbaassiissWWeebb
u
unnttuukkSSeekkoollaahhSSMMPPMMuuhhaammmmaaddiiyyaahh33WWaarruu,,SSiiddooaarrjjooiinniimmeemmuuaattddaattaa--ddaattaayyaanngg
b
beerrhhuubbuunnggaann ddeennggaann ppeemmbbeellaajjaarraann ssiisswwaa mmeellaalluuii mmeeddiiaa eelleekkttrroonniikk yyaanngg sseessuuaaii
u
unnttuukkssiisswwaaSSMMPP..DDaattaa--ddaattaatteerrsseebbuuttaannttaarraallaaiinn::
a
a.. DDaattaatteennttaannggaaddmmiinn,,ddaattaaiinniibbeerriissiikkaanntteennttaanngg aaddmmiinn__iidd,, uusseerr__nnaammee,, ddaann p
paasssswwoorrdd b
b.. DDaattaa tteennttaanngg bbeerriittaa,, ddaattaa iinnii bbeerriissiikkaann bbeerriirraa__iidd,, bbeerriittaa__jjaaddwwaall,,
b
beerriittaa__ddeesskkrriippssii,,ddaannbbeerriittaa__ttaannggggaall.. c
c.. DDaattaatteennttaannggeevveenntt,,ddaattaaiinniibbeerriissiikkaanntteennttaannggeevveenntt__iidd,,nniiss,,eevveenntt__ssuubbjjeekk,, e
evveenntt__ddeesskkrriippssii,,ddaanneevveenntt__ttaannggggaallwwaakkttuu.. d
d.. DDaattaa tteennttaanngg iinnffoorrmmaassii ssiisswwaa ((aannggggoottaa)),, ddaattaa iinnii bbeerriissiikkaann tteennttaanngg nniiss,,
n
naammaa,, aallaammaatt,, tteemmppee__llaahhiirr,, ttaannggggaall__llaahhiirr,, jjeenniiss__kkeellaammiinn,, ffoottoo,, uusseerrnnaammee,,
d
daannppaasssswwoorrdd..
e
e.. DDaattaatteennttaannggkkeellaass,,ddaattaaiinniibbeerriissiikkaanntteennttaannggkkeellaass__iiddddaannnnaammaa
f
f.. DDaattaa tteennttaanngg aaggeennddaa,, ddaattaa iinnii bbeerriissiikkaann tteennttaanngg aaggeennddaa__iidd,, jjuudduull,, ddaann
t taannggggaall.. g
g.. DDaattaatteennttaannggaaggeennddaaddeettaaii,,ddaattaaiinniibbeerriissiikkaanntteennttaannggddeettaaiill__iidd,,aaggeennddaa__iidd,,
m
maappllee__ddeettaaiill__iidd,,iidd,,ddaannmmaappllee__iidd.. h
h.. DDaattaa tteennttaanngg kkaatteeggoorrii mmaattaappeellaajjaarraann,, ddaattaa iinnii bbeerriissiikkaann tteennttaanngg iidd ddaann n
i
i.. DDaattaa tteennttaanngg mmaattaappeellaajjaarraann,, ddaattaa iinnii bbeerriissiikkaann tteennttaanngg mmaappllee__ddeettaaii__iidd,, k
kaatteeggoorrii__iidd,,kkeellaass__iidd,,ttiittllee,,ddeesskkrriippssii,,ffoottoo,,ffiillee,,ddaannttaannggggaall.. D
Daattaa--ddaattaaddiiaattaassmmeerruuppaakkaannddaattaa--ddaattaa yyaanngg ddiigguunnaakkaann ddaallaamm ppeemmbbuuaattaann ssyysstteemm i
innffoorrmmaassiibbeerrbbaassiisswweebbuunnttuukksseekkoollaahhSSMMPPMMuuhhaammmmaaddiiyyaahh33wwaarruu,,SSiiddooaarrjjoo..
4
4..22IImmpplleennttaassiiDDeessaaiinnAAnnttaarrMMuukkaa
D
Deessaaiinn aannttaarr mmuukkaa ssyysstteemm iinnffoorrmmaassii ee--lleeaarrnniinngg bbeerrbbaassiiss wweebb uunnttuukk
s
seekkoollaahhSSMMPPMMuuhhaammmmaaddiiyyaahh33WWaarruu,,SSiiddooaarrjjooaaddaallaahhsseebbaaggaaiibbeerriikkuutt::
a
a.. SSiisswwaaddaappaattmmeellaakkuukkaannllooggiinntteerrlleebbiihhddaahhuulluuuunnttuukkbbiiaassmmeelliihhaattmmeennuu-
-m
meennuuyyaanngglleennggkkaappsseeppeerrttiiddiibbaawwaahhiinnii..
G
G
Gaammbbaarr44..22HHaallaammaannsseetteellaahhssiisswwaammeellaakkuukkaannllooggiinn
b
b.. JJiikkaassiisswwaaiinnggiinnmmeellaakkuukkaannppeennccaarriiaannmmaattaappeellaajjaarraannmmaakkaassiisswwaahhaarruuss m
meemmbbuukkaammeennuummaattaappeellaajjaarraann,,sseeppeerrttiiggaammbbaarrddiibbaawwaahhiinnii..
G
c
c.. AAppaabbiillaa ssiisswwaa iinnggiinn mmeelliihhaatt aaggeennddaa ppeerrtteemmuuaann ddaann mmeellaakkuukkaann d
doowwnnllooaaddssooaallbbiiaassjjuuggaaddiilliihhaattppaaddaaggaammbbaarrddiibbaawwaahhiinnii..
G
Gaammbbaarr44..44HHaallaammaannaappaabbiillaassiisswwaaiinnggiinnmmeelliihhaattaaggeennddaappeerrtteemmuuaann
d
d.. JJiikkaa ssiisswwaa iinnggiinn mmeellaakkuukkaann ddoowwnnllooaadd mmaatteerrii yyaanngg aaddaa ppaaddaa aaggeennddaa p
peerrtteemmuuaannaakkaannmmuunnccuullggaammbbaarrsseeppeerrttiiddiibbaawwaahhiinnii..
G
B
B
A
A
B
B
V
V
H
H
A
A
S
S
I
I
L
L
D
D
A
A
N
N
P
P
E
E
M
M
B
B
A
A
H
H
A
A
S
S
A
A
N
N
5.1 Uji Coba
Uji coba ini perlu dilakukan untuk mengetahui keberhasilan dan kekurangan dari aplikasi yang telah dibuat. Uji coba ini terdiri dari beberapa langkah antara lain: Skenario Uji Coba dan Pelaksanaan Uji Coba. Untuk lebih jelasanya akan dijelaskan dibawah ini.
5.1.1 Sk enar io Uji Coba
Adapun skenario uji coba dalam Sistem Informasi Berbasis Web Untuk SMP Muhammadiyah 3 Waru, Sidoarjo ini adalah cara kerja alur dalam membuka awal login sampai menutup web e-learning. Siswa yang belum melakukan login hanya dapat melihat menu awal pada system e-learning, sedangkan siswa yang sudah melakukan login dapat melihat menu secara menyeluruh pada Sistem Informasi E-learning Berbasis Web untuk Sekolah SMP Muhammadiyah 3 Waru, Sidoarjo ini.
5.1.2 Pelaksanaan Uji Coba
a. Tampilan Halaman Awal Sebelum Login
Gambar 5.1 Tampilan awal
Pada tampilan gambar diatas siswa yang belum melakukan login hanya dapat melihat-lihat saja. Sedangkan siswa yang sudah dapat melakukan login dapat melihat lebih detail. Berikut coding nya :
<div id="mm-right-header-box">
<div id="mm-right-header">Home</div>
<div id="mm-right-body">
<img class="elearning-logo" src="images/elearning.jpg" />
<span>Pembelajaran elektronik</span><br />
<p><b>Sistem pembelajaran elektronik</b> atau <b>e-pembelajaran</b> (Inggris: <b>Electronic learning</b> disingkat <b>E-learning</b>) adalah cara
baru dalam proses belajar mengajar. E-learning merupakan dasar dan
konsekuensi logis dari perkembangan teknologi informasi dan komunikasi. Dengan e-learning, peserta ajar (learner atau murid) tidak perlu duduk dengan manis di ruang kelas untuk menyimak setiap ucapan dari seorang guru secara
langsung. E-learning juga dapat mempersingkat jadwal target waktu
pembelajaran, dan tentu saja menghemat biaya yang harus dikeluarkan oleh sebuah program studi atau program pendidikan.
<br /><br />
<span>Plus Minus E-learning</span><br />Seperti Sebagaimana yang disebutkan di atas, e-learning telah mempersingkat waktu pembelajaran dan membuat biaya studi lebih ekonomis. E-learning mempermudah interaksi antara peserta didik dengan bahan/materi, peserta didik dengan dosen/guru/instruktur maupun sesama peserta didik. Peserta didik dapat saling berbagi informasi dan dapat mengakses bahan-bahan belajar setiap saat dan berulang-ulang, dengan kondisi yang demikian itu peserta didik dapat lebih memantapkan penguasaannya terhadap materi pembelajaran.<br /><br />
[image:71.612.134.515.101.288.2]peran guru adalah komputer dan panduan-panduan elektronik yang dirancang oleh "contents writer", designer e-learning dan pemrogram komputer.<br /><br />
Dengan adanya e-learning para guru/dosen/instruktur akan lebih mudah :<br /><br />
<ol>
<li>melakukan pemutakhiran bahan-bahan belajar yang menjadi tanggung jawabnya sesuai dengan tuntutan perkembangan keilmuan yang mutakhir.</li>
<li>mengembangkan diri atau melakukan penelitian guna meningkatkan wawasannya.</li>
<li>mengontrol kegiatan belajar peserta didik.</li>
</ol><br />
</p>
<p>Kehadiran guru sebagai makhluk yang hidup yang dapat berinteraksi secara langsung dengan para murid telah menghilang dari ruang-ruang elektronik learning ini. Inilah yang menjadi ciri khas dari kekurangan e-learning yang tidak bagus. Sebagaimana asal kata dari e-e-learning yang terdiri dari e (elektronik) dan learning (belajar), maka sistem ini mempunyai kelebihan dan kekurangan.</p>
</div>
</div>
b. Tampilan Halaman Login
[image:72.612.130.520.382.555.2]c. Tampilan Halaman Menu Utama
Gambar 5.3 Halaman Utama
d. Tampilan Halaman Berita
[image:73.612.131.520.110.306.2] [image:73.612.130.519.405.605.2]Pada tampilan ini anggota dapat melihat lengakap berita yang ada dengan menekan baca selengkapnya, jika sudah dibuka maka anggota dapat melihat atau membaca secara lengkap. Berikut coding nya :
<?
require_once "koneksi.php";
Connected();
$rs = mysql_query("select * from berita order by berita_tanggal desc");
?>
<div id="mm-right-header-box">
<div id="mm-right-header">Berita</div>
<div id="mm-right-body">
<? $num = 0;
while($rows=mysql_fetch_array($rs)) {
if($num>1) $num=0;
?>
<div class="news-box <? if($num==1) echo 'news-color' ?>">
<p href="#" class="news-title"><? echo $rows['berita_judul'] ?></p>
<p class="news-desc"><? echo
CutText($rows['berita_deskripsi']).'...' ?></p>
<span class="news-timestamp">• <? echo
FormatTanggal($rows['berita_tanggal']) ?></span><span state="news" id="<? echo $rows['berita_id'] ?>" class="news-more">Baca selengkapnya</span>
</div>
<? $num++; } ?>
</div>
e. Tampilan Halaman Agenda Pertemuan
Gambar 5.5 Tampilan menu Agenda
Pada menu ini siswa dapat mengetahui agenda pertemuan yang telah dilakukan oleh guru pengajar dan dapat melihat matapelajaran apa yang telah dibahas pada pertemuan tersebut.Berikut coding nya :
<?
require_once "koneksi.php";
Connected();
$rs = mysql_query("select * from agenda order by agenda_tanggal");
?>
<div slide="first" class="download">
<div id="mm-right-header-box">
<div id="mm-right-header">Agenda</div>
<div id="mm-right-body">
<ul id="agenda">
[image:75.612.134.521.107.336.2]<? echo $rows_agenda['agenda_judul'] ?>
<span><? echo FormatTanggal($rows_agenda['agenda_tanggal']) ?></span>
<ul id="blackboard">
<?
$rs_det = mysql_query("select * from
agenda_detail join mapel ON mapel.mapel_detail_id =
agenda_detail.mapel_detail_id where agenda_id =
'".$rows_agenda['agenda_id']."' order by agenda_id");
while($rows_agenda_det=mysql_fetch_array($rs_det)) { ?>
<li><? echo $rows_agenda_det['mapel_title'] ?> <a id="download" bid="<? echo $rows_agenda_det['mapel_detail_id'] ?>"
href="download.php?bid=<? echo $rows_agenda_det['mapel_detail_id']
?>">download</a></li>
<? } ?>
</ul>
</li>
<? } ?>
</ul>
</div>
</div>
</div>
f. Tampilan Halaman Mata Pelajaran
[image:76.612.131.514.425.647.2]
