Professional Documents
Culture Documents
PENULISAN ILMIAH
menyatakan bahwa tulisan ini adalah merupakan hasil karya saya sendiri dan dap-
at dipublikasikan sepenuhnya oleh Universitas Gunadarma. Segala kutipan dalam
bentuk apapun telah mengikuti kaidah dan etika yang berlaku. Mengenai isi dan
tulisan adalah merupakan tanggung jawab penulis, bukan Universitas Gunadarma.
Demikian pernyataan ini dibuat dengan sebenarnya dan dengan penuh kesadaran.
Depok, 16-Juli-2009
ii
LEMBAR PENGESAHAN
Menyetujui
Pembimbing Koordinator PI
iii
ABSTRAKSI
Kebutuhan akan informasi tidak terlepas dari kehidupan saat ini. Banyak
media yang dapat digunakan untuk mendapatkan suatu informasi. Salah satu media
penyebaran informasi yang paling diminati saat ini adalah media internet. Internet
semakin banyak digunakan oleh masyarakat dunia, tidak terkecuali bagi masyarakat
Indonesia, terutama bagi kalangan pelajar dan mahasiswa.
Penyebaran informasi diinternet tidak terlepas dari sebuah layanan yang
bernama situs web (website ). Melalui website informasi dapat disampaikan baik
berbasis teks, grak, suara, animasi, gambar bahkan dalam format video tanpa
dibatasi oleh jarak dan waktu.
Pada kesempatan ini, penulis ingin memanfaatkan media internet untuk mer-
ancang dan membuat situs Sekolah Menengah Atas Negeri 1 Ciomas. Situs ini digu-
nakan sebagai media informasi, yaitu: informasi sekolah, sejarah dan perkembangan,
ekstarkulikuler, visi dan misi, sta pengajar dan lain-lain.
Situs ini dibuat dengan menggunakan Framework CodeIgniter 1.7.1 dengan
teknologi MVC yakni Model View Control. Dengan cara kerja sebagai berikut :
user berhubungan dengan view, dimana didalam view inilah semua informasi dita-
mpilkan. Saat user melakukan permintaan atau request, misal klik tombol maka
request tersebut akan diproses oleh Controller. Apa yang harus dilakukan, data apa
yang diinginkan, apakah ingin melihat data, atau memasukkan data atau mungkin
melakukan validasi data terlebih dahulu, semua diproses di Controller. Kemudian
Controller akan meminta Model untuk menyelesaikan request, entah itu melakukan
query ataupun apapun. Dari Model, data akan dikirim kembali untuk di proses
lebih lanjut di dalam Controller dan baru dari Controller data akan ditampilkan di
View.
iv
KATA PENGANTAR
Segala puji dan syukur penulis ke hadirat Allah SWT yang telah memberikan
berkat, anugerah dan karunia yang melimpah, sehingga penulis dapat menyelesaikan
Penulisan Ilmiah ini.
Penulisan Ilmiah ini dibuat guna melengkapi salah satu syarat untuk menye-
lesaikan jenjang D III / setara Sarjana Muda pada Universitas Gunadarma. Ada-
pun judul Penulisan Ilmiah ini adalah "PENGEMBANGAN SITUS WEB SMAN 1
CIOMAS DENGAN MENGGUNAKAN TEKNOLOGI FRAMEWORK CODEIGNITER
1.7.1".
Walaupun banyak kesulitan yang penulis harus hadapi ketika menyusun penulisan
ilmiah ini, namun berkat bantuan dan dorongan dari berbagai pihak, akhirnya tugas
akhir ini dapat diselesaikan dengan baik. Untuk itu penulis tidak lupa mengucapkan
terima kasih kepada:
1. Ibu Prof. Dr. ES. Margianti, SE, MM, selaku Rektor Universitas Gunadarma.
3. Ibu Bapak Dr. Ing. Adang Suhendra, Ssi., SKom., MSc., selaku Ketua Juru-
san Teknik Iformatika dan juga selaku sebagai dosen pembimbing yang telah
banyak memberikan bimbingan, arahan, dan waktunya kepada penulis selama
proses pembuatan Penulisan Ilmiah ini berlangsung hingga selesai.
5. Bapak Drs. Agus Purwanto, selaku kepala sekolah SMA Negeri 1 Ciomas serta
staf-staf sekolah atas kerjasama dan telah meluangkan waktu pada saat proses
pengambilan data.
6. Untuk Keluarga tercinta, Bapak dan Ibu serta kakak dan adik yang telah
memberikan dukungan moril dan doanya hingga penulis dapat menyelesaikan
Penulisan ilmiah ini.
7. Untuk teman-teman satu bimbingan, Tika, Barli, Indra , Manda, dan Radi
atas kerjasama dan bantuan selama ini.
9. Dan untuk semua yang tidak dapat disebutkan satu persatu, yang telah mem-
berikan dukungan dan bantuannya baik langsung ataupun tidak langsung
dalam penulisan ini.
v
Akhir kata, hanya kepada Allah SWT jualah segalanya dikembalikan dan
penulis sadari bahwa penulisan ini masih jauh dari sempurna, disebabkan karena
berbagai keterbatasan yang penulis miliki. Untuk itu penulis mengharapkan kritik
dan saran yang bersifat membangun untuk menjadi perbaikan di masa yang akan
datang.
Penulis
vi
Daftar Isi
Halaman Judul . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . i
Pernyataan Originalitas dan Publikasi . . . . . . . . . . . . . . . . . . ii
Lembar Pengesahan . . . . . . . . . . . . . . . . . . . . . . . . . . . . iii
Abstraksi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . iv
Kata Pengantar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . v
Daftar Isi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . vii
Daftar Gambar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . viii
Daftar Tabel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ix
Daftar Lampiran . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . x
BAB 1 : PENDAHULUAN . . . . . . . . . . . . . . . . . . . . . . . 1
1.1 Latar Belakang . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
1.2 Batasan Masalah . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
1.3 Tujuan Penulisan . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.4 Metode Pengembangan Aplikasi . . . . . . . . . . . . . . . . . . 3
1.5 Sistematika Penulisan Ilmiah . . . . . . . . . . . . . . . . . . . . 4
BAB 2 : LANDASAN TEORI . . . . . . . . . . . . . . . . . . . . . 5
2.1 Teknologi Informasi dan Komunikasi . . . . . . . . . . . . . . . 5
2.2 Penyebaran Informasi . . . . . . . . . . . . . . . . . . . . . . . . . 6
2.3 Situs Web (Website ) . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
2.3.1 Pendukung Website . . . . . . . . . . . . . . . . . . . . . . 7
2.3.2 Kriteria Website . . . . . . . . . . . . . . . . . . . . . . . . 9
2.3.3 Jenis - jenis Website . . . . . . . . . . . . . . . . . . . . . . 10
2.4 Website Sekolah . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
2.5 Bahasa Pemograman Web . . . . . . . . . . . . . . . . . . . . . . 16
2.6 Framework . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
2.6.1 Arsitektur . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
2.6.2 Manfaat Framework . . . . . . . . . . . . . . . . . . . . . . 20
2.6.3 Pemilihan Framework . . . . . . . . . . . . . . . . . . . . . 20
2.6.4 Model View Controller (MVC) . . . . . . . . . . . . . . . 21
2.6.5 Jenis-Jenis Framework . . . . . . . . . . . . . . . . . . . . 23
2.7 Pengenalan Database . . . . . . . . . . . . . . . . . . . . . . . . . 23
2.7.1 DDL (Data Denition Language) . . . . . . . . . . . . . 25
2.7.1.1 Create . . . . . . . . . . . . . . . . . . . . . . . . . 25
2.7.1.2 Alter . . . . . . . . . . . . . . . . . . . . . . . . . . 25
2.7.1.3 Drop . . . . . . . . . . . . . . . . . . . . . . . . . . 26
2.7.2 DML (Data Manipulation Language) . . . . . . . . . . . 26
2.7.2.1 Insert . . . . . . . . . . . . . . . . . . . . . . . . . . 26
2.7.2.2 Select . . . . . . . . . . . . . . . . . . . . . . . . . . 26
2.7.2.3 Delete . . . . . . . . . . . . . . . . . . . . . . . . . 27
vii
Update . . . . . . . . . . . . . . . . . . . .
2.7.2.4 . . . . . 27
DCL (Data Control Language) . . . . . . . . . .
2.7.3 . . . . . 27
2.7.3.1 Grant . . . . . . . . . . . . . . . . . . . . . . . . . . 27
2.7.3.2 Revoke . . . . . . . . . . . . . . . . . . . . . . . . . 27
2.8 Diagram UML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
2.8.1 Use Case Diagram . . . . . . . . . . . . . . . . . . . . . . . 28
2.8.2 Class Diagram . . . . . . . . . . . . . . . . . . . . . . . . . 29
2.8.3 Activity Diagram . . . . . . . . . . . . . . . . . . . . . . . . 30
2.8.4 Sequence Diagram . . . . . . . . . . . . . . . . . . . . . . . 32
BAB 3 : ANALISA DAN PEMBAHASAN . . . . . . . . . . . . . 34
3.1 Tinjauan Umum . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
3.2 Analisa Masalah . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
3.3 Pemecahan Masalah . . . . . . . . . . . . . . . . . . . . . . . . . . 35
3.4 Perencanaan Situs . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
3.5 Perancangan Situs . . . . . . . . . . . . . . . . . . . . . . . . . . . 37
3.5.1 Perancangan Database . . . . . . . . . . . . . . . . . . . . 37
3.5.2 Perancangan Tampilan Situs . . . . . . . . . . . . . . . . 42
3.5.2.1 Rancangan Halaman Web . . . . . . . . . . . . . 44
3.5.2.2 Halaman Beranda Tamu (guest ) . . . . . . . . . 45
3.5.2.3 Halaman Beranda Anggota (member ) . . . . . 47
3.5.2.4 Halaman Beranda Administrator . . . . . . . . 48
3.5.3 Perancangan Sistem . . . . . . . . . . . . . . . . . . . . . . 53
3.5.3.1 Use Case Diagram . . . . . . . . . . . . . . . . . . 53
3.5.3.2 Activity Diagram . . . . . . . . . . . . . . . . . . 55
3.5.3.3 Diagram Sequence . . . . . . . . . . . . . . . . . . 57
3.5.3.4 Class Diagram . . . . . . . . . . . . . . . . . . . . 59
3.6 Implementasi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
3.6.1 Framework CodeIgniter . . . . . . . . . . . . . . . . . . . 61
3.6.2 Struktur Direktori . . . . . . . . . . . . . . . . . . . . . . . 62
3.6.3 Helper . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65
3.6.3.1 Memuat Helper . . . . . . . . . . . . . . . . . . . 65
3.6.4 Library . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
3.6.5 Permodelan MVC pada CodeIgniter . . . . . . . . . . . 79
3.6.6 Integrasi Framework . . . . . . . . . . . . . . . . . . . . . . 82
BAB 4 : PENUTUP . . . . . . . . . . . . . . . . . . . . . . . . . . . 97
4.1 Kesimpulan . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97
4.2 Saran . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97
Bibliogra . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98
Lampiran Output . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99
viii
Daftar Gambar
ix
Daftar Tabel
x
Daftar Lampiran
xi
Bab 1
PENDAHULUAN
Kebutuhan akan informasi tidak terlepas dari kehidupan saat ini. Banyak me-
dia yang dapat digunakan untuk mendapatkan suatu informasi. Salah satu media
penyebaran informasi yang paling diminati saat ini adalah media internet. Internet
semakin banyak digunakan oleh masyarakat dunia, tidak terkecuali bagi masyarakat
Indonesia, terutama bagi kalangan pelajar, mahasiswa, pengusaha dan pada saat
ini sedang berkembang dan semakin popular, dan juga merupakan suatu kumpulan
jaringan berskala besar atau WAN (Wide Area Network ). Dalam arti sebenarnya,
internet merupakan jaringan tanpa batas yang melibatkan jutaan komputer diselu-
ruh dunia dan menjadikan internet sebagai kata kunci dalam proses penyebaran dan
bernama website. Melalui website informasi dapat disampaikan baik berbasis teks,
pendidikan yang berupa pembuatan website Sekolah Menengah Atas baik negeri
maupun swasta yang sesuai dengan visi dan misi Universitas Gunadarma. Den-
gan adanya pembuatan website tersebut kiranya dapat memberikan suatu informasi
yang tepat dan terbaik bagi pelajar dalam memilih Sekolah Menengah Atas tanpa
1
2
Pada kesempatan ini, penulis ingin memanfaatkan media internet untuk mer-
ancang dan membuat situs Sekolah Menengah Atas Negeri 1 Ciomas. Situs ini digu-
nakan sebagai media informasi, yaitu: informasi sekolah, sejarah dan perkembangan,
informasi mengenai sekolah tersebut. Oleh karena itu penulis mencoba membuat
website ini dengan judul "Pengembangan situs web SMAN 1 Ciomas dengan meng-
ringan dan cepat, selain itu CodeIgniter bersifat Open Source (CodeIgniter yang
dasar pembuatan website, Apache sebagai web server, MySQL sebagai basis data,
dan HTML untuk membangun website. Fasilitas yang diberikan pada website ini
yaitu :
• Multiuser.
• Gallery.
dimana keduanya dapat melakukan insert, update, dan delete isi (content ) pada
website.
Tujuan tulisan ini adalah untuk membuat website berisi informasi SMAN 1
Ciomas secara online yang akan memberikan kemudahan dalam mencari informasi
yang dibutuhkan tentang hal-hal yang berkaitan dengan SMAN 1 Ciomas yang
Ciomas dengan cara melakukan kunjungan langsung pada sekolah yang bersangku-
tan.
work CodeIgniter.
work CodeIgniter.
4
Penulisan Ilmiah ini diuraikan ke dalam 4 bab, yang diharapkan dapat mem-
Bab 1 PENDAHULUAN
Bab ini berisi hal-hal yang melatar belakangi penulisan, ruang lingkup, tujuan
Bab ini menguraikan beberapa teori yang menunjang penelitian ilmiah serta
Bab ini membahas analisis kongurasi website sekolah yang akan dibuat serta
BAB 4 PENUTUP
Bab ini berisi tentang simpulan dan saran dari pembahasan dalam penulisan
ilmiah ini.
Bab 2
LANDASAN TEORI
Informasi adalah data yang telah diproses menjadi bentuk yang memiliki
arti bagi penerima dan dapat berupa fakta, suatu nilai yang bermanfaat. Jadi ada
suatu proses transformasi data menjadi suatu informasi yaitu input - proses - output.
• Akurat, berarti informasi harus bebas dari kesalahan-kesalahan dan tidak bias
atau menyesatkan. Akurat juga berarti informasi harus jelas mencerminkan
maksudnya.
• Tetap pada waktunya, berarti informasi yang datang pada penerima tidak
boleh terlambat.
Relevansi informasi untuk tiap-tiap orang satu dengan yang lainnya berbeda.
Istilah teknologi informasi mulai populer di akhir tahun 70-an. Pada masa
sebelumnya istilah teknologi informasi biasa disebut teknologi komputer atau pengo-
digital.
ide, gagasan) dari satu pihak kepada pihak lain agar terjadi saling mempengaruhi
5
6
kata-kata (lisan) yang dapat dimengerti oleh kedua belah pihak. Namun perkem-
bangan komunikasi sudah bukan hanya melalui kata-kata (lisan), tetapi juga dengan
suatu pihak ke pihak lain, salah satunya adalah penyebaran informasi atau yang
menyampaikan informasi dari suatu pihak kepada khalayak ramai ditujukan agar
semua pihak dapat mengetahui informasi yang diberikan dengan mudah melalui se-
buah media komunikasi. Penyebaran informasi tersebut dapat berupa berita aktual,
dan promosi atau informasi yang diberikan untuk tujuan meningkatkan populari-
yaitu dalam bidang bisnis, hiburan, kesehatan, dan pendidikan. Media komunikasi
gan adanya berbagai media komunikasi ini penyampaian segala informasi lebih mu-
dah dan cepat sampai pada publik. Media komunikasi yang efektif saat ini adalah
7
situs web (website ), karena website saat ini lebih popular, murah dan cepat serta
terbaru (uptodate ).
Situs Web (Website ) adalah merupakan dokumen yang tersimpan dalam web
server yang memiliki jenis dan topik tertentu. Webpage atau yang lebih kita den-
gar sebagai homepage, adalah suatu halaman khusus dari situs web tertentu yang
tersimpan dalam bentuk le. Dalam homepage tersimpan informasi dan link yang
menghubungkan informasi ke informasi lain baik itu page yang sama atau pun web
Hal - hal yang menjadi pendukung jalannya suatu website antara lain adalah
1. Internet
sung dengan memakai dokumen yang formatnya sama yang disebut protokol
bisa mencapai ratusan atau ribuan, dan masing-masing bisa berisikan aneka
ragam informasi. Disamping itu ada beberapa komputer yang tugasnya mem-
maka internet dapat menawarkan sejumlah jasa ke pemakai, antara lain : per-
URL atau Uniform Resource Locators adalah data berisikan alamat internet
dari suatu situs Web atau sumber daya dalam WWW, atau protokol yang digu-
nakan untuk mengaksesnya. Bentuk umum URL ialah http:// yang berisikan
alamat internet dari suatu halaman Web yang dapat disebut sebagai pro-
dari server WWWW. Bentuk lain dari URL ialah gopher:// dan ftp:// yang
merupakan jasa pelayanan internet yang digunakan untuk transfer le dari
satu komputer ke komputer lain melalui saluran telepon biasa dalam bentuk
WWW.
3. Web Server
Web server adalah sistem untuk menjalankan situs Web yang menempatkan se-
mua informasi di dalam medianya, yang berupa perangkat lunak dan perangkat
keras, untuk menjalankan situs Web yang terkandung didalamnya. Dalam in-
World Wide Web atau WWW merupakan hubungan antar dokumen pada
server http diseluruh dunia. Dokumen yang ada dalam WWW dikenal sebagai
halaman atau halaman web, yang ditulis menggunakan bahasa HTML. Hala-
man Web identik dengan suatu alamat di internet yang biasa dinamakan URL
(Uniform Resource locators) sebagai penentu nama komputer dan jalur yang
dapat diakses, yang ditransmisikan dari satu titik ke titik lain oleh pemakai
Isi halaman Web itu biasanya berbentuk kecil dan akan ada program kecil
namakan Hyperlink. Pengunjung situs (site) juga bisa men-download le dan
mengirim pesan dan kesan melalui e-mail dengan memanfaatkan link pada
halaman Web.
5. Browser Web
Web yang berisi teks informatif, citra yang berupa gambar, Hypertext link
Media website berkembang cepat, ide, proses dan perangkat aplikasi pengem-
bangan website baru bermunculan dengan cepat. Untuk mengawasi dan mengikuti
satu-persatu akan sangat melelahkan, tapi tidak dengan mengikuti suatu garis besar
Kriteria website yang baik menurut Academy of Digital Arts & Sciences
1. Content
Content yang baik akan menarik, relevan, dan pantas untuk target audiens
situs web tersebut. Content yang baik juga harus dibikin khusus untuk web
bukan hanya diambil dari media lain dan informasi yang disajikan aktual.
Gaya penulisannya pun harus disesuaikan dengan web dan target audiencenya.
10
situs kepada situs web anda, membimbing dan memberikan mereka kendali
setiap saat.
3. Desain Visual
Visual Design yang baik menarik, berkualitas tinggi (berukuran le yang
masuk akal) dan mendukung content, struktur dan navigasi, sambil menam-
4. Interaktivitas
berinteraksi dengan situs anda, anda, pengunjung situs web yang lain (inilah
adalah apa yang melibatkan pengguna situs web anda dalam user experience
1. Situs Perusahaan
prole di internet.
2. E-learning
3. E-Commerce
Website yang menyediakan informasi produk dalam bentuk katalog online dan
4. Situs Portal
Website yang banyak sekali memiliki fasilitas dan tur, sehingga terbentuklah
suatu komunitas online dari website tersebut. contoh yahoo.com yang memi-
liki banyak komunitas seperti yahoo group, yahoo mail, yahoo game, yahoo
5. Situs Pribadi
Website yang memiliki fungsi sebagai media interaksi sosial dan sebagai media
sung dari masyarakatnya. Sudah banyak situs jejaring sosial yang terkenal,
7. Situs Pendidikan
(a) Situs Perguruan Tinggi contohnya Sekolah Tinggi, Akademi dan Univer-
sitas.
Salah satu jenis website yang akan dibahas pada penulisan ini adalah si-
tus pendidikan untuk kategori situs sekolah khususnya pada tingkat SMA. Website
lah, tentu saja harus ada informasi. Prol sekolah bisa membuat masyarakat
sekolah tersebut.
Betapa banyak informasi yang bisa di tampilkan dan betapa banyak pula man-
faatnya baik dari sisi pemilik situs (sekolah), orang tua calon siswa, orang tua
lah melalui media website di Internet. Bentuk komunikasi yang terjalin di-
antaranya:
seperti:
• Pengumuman.
• Press release.
Ada beberapa hal yang harus kita pertimbangkan pada saat kita ingin mem-
Warna merupakan salah satu elemen yang penting dalam tampilan se-
buah situs. Situs dengan pemilihan warna yang baik akan membuat
Meliputi bagaimana penempatan isi situs secara umum. Isi situs se-
cara umum seperti ada sebuah menu, lalu ada isi (content ) , header
(title), Footer, dan isi-isi lainnya menyesuaikan struktur situs yang su-
dah kita rancang sebelumnya. Lalu misalnya ada sebuah foto yang ingin
elemen-elemen lain dari sebuah situs. Kombinasi tata letak dari semua
jung situs karena disini ada sebuah kondisi dimana pengunjung akan
sangat berpengaruh untuk desain gras situs anda. Terutama untuk de-
sain tata letak biasanya menjadi satu dalam proses desain. Itu hanya
(e) Navigasi
dari struktur menu yang disusun pada saat pembuatan struktur content
• tree menu.
Apakah di situs tersebut terbebas dari broken link ? bebas dari error? Pa-
da kasus yang umum hal ini sering terjadi pada saat halaman yang kita tu-
ju tidak ada isinya (The page cannot be found), lalu ada aplikasi-aplikasi
situs di area aktif situs tersebut (try & error). Terkadang para web de-
veloper lupa untuk tidak melakukan developent atau uji coba di area
server yang sudah aktif/running. Tentunya broken link ataupun error ta-
bisa diakses di internet. Hal tersebut bisa menjadi bug atau titik lemah
sebuah situs yang seringkali menjadi celah para hacker untuk merusak
situs tersebut.
Bila mereka melihat isi situs selalu sama dan tidak berubah dalam jang-
ka waktu tertentu maka mereka akan menilai situs ini statis dan tidak
(h) Esiensi
Dalam point ini kita bicara mengenai konsistensi penempatan dan tampi-
lan untuk content desain di setiap halaman. Hal ini akan mempermudah
halaman web. Bayangkan bila ada sebuah situs dimana setiap halaman
isi, warna teks, penempatan menu dan lain sebagainya. Pengunjung akan
sud dan isi situs tersebut "per halaman". Sebuah kejadian yang membuat
Dalam pembuatan website dapat dibaca oleh browser adalah HTML. HTML
merupakan bahasa standar yang digunakan untuk dokumen WWW. Bahasa HTML
merupakan tag (akhiran) yang menandakan cara browser menampilkan elemen ha-
laman seperti teks dan gambar dan cara browser menanggapi sesuatu tindakan
tertentu dari pemakai seperti Hyperlink dengan hanya meng-klik mouse dan/atau
menekan keyboard. Disamping bahasa HTML ada bahasa pemograman lain yag
man yang paling sering digunakan adalah php, berikut adalah hasil polling yang
Dari gambar diatas dapat dilihat bahwa bahasa pemograman yang paling
PHP adalah bahasa pemrograman yang berjalan pada sisi server (server side) yang
digunakan untuk pengembangan Web dan dapat disatukan dengan HTML. PHP
bersifat dinamis, artinya dengan le yang sama dapat menghasilkan output yang
berbeda-beda.
18
Alasan mengapa php banyak digunakan oleh pembuat website dapat dilihat
1. Gratis.
2. Kode program (script ) terintegrasi dengan le HTML, sehingga developer bisa
6. Integrasi yang luas ke berbagai server basis data. Basis data yang didukung
oleh PHP: Oracle, Sybase, MySQL, mSQL, PostgreeSQL, Solid, ODBC, Ad-
yang ada di pasaran seperti Apache, AOLServer, fhttpd, phttpd, Microsoft IIS
dan lain-lain dengan berbagai sistem operasi seperti Linux, FreeBSD, Unix,
leluasa dalam membuat web yang dinamis. Perkembangan teknologi juga telah
melahirkan beberapa metodologi khusus berbasis php yang dapat digunakan untuk
membuat website dengan tujuan memudahkan para pembuat website. Salah satu
2.6 Framework
unsur-unsur berikut :
• Librari
• Arsitektur
• Metodologi
lah yang paling banyak memberikan keuntungan bagi pengembang aplikasi. Sebagai
web, seperti authentication, database access, html generation, template engine, ses-
sion management, caching, searching, email, http, pdf, zip dan ajax. Framework
juga menyediakan sarana extension untuk pustaka-pustaka yang belum tersedia atau
2.6.1 Arsitektur
tersebut. MVC (Model View Controller ) adalah salah satu pola rancangan yang
pemeliharaan sistem.
• stability dan reliability, aplikasi yang kita bangun lebih stabil dan handal kare-
• Coding style konsisten, memudahkan dalam membaca kode dan dalam mene-
mukan bugs.
Pemilihan framework yang salah akan menjadi sebuah bencana bagi penggu-
nanya. Ada beberapa hal yang harus di pertimbangkan dalam memilih framework:
membuat framework sendiri dalam membuat applikasi. Oleh karena itu kita
kebutuhan kita.
support oleh framework tersebut semakin baik. Karena hal tersebut akan
• Lalu yang terakhir adalah faktor kemudahan. Tentunya ini sangat tergantung
dari sumberdaya yang ada.
Secara umum tujuan suatu aplikasi web adalah menampilkan informasi yang
browser ke web server, web server akan melakukan pemrosesan atas permintaan
tersebut, kemudian hasilnya akan dikirimkan kembali dan akan ditampilkan juga di
program browser. Berdasarkan mekanisme ini, aplikasi web dapat dibagi menjadi
tiga bagian:
(HTTP Request )
bagian program dicampur menjadi satu bagian. Aplikasi web merupakan bagian
22
yang sangat sering mengalami perubahan. Seperti perubahan tampilan, layout, pe-
nambahan menu dan banyak lagi yang tidak ada kaitannya atau tidak memberikan
dampak pada logika dari aplikasi web tersebut. Dengan mencampuradukkan ketiga
bagian tersebut maka setiap kali dilakukan perubahan pada tampilan ada kemu-
ngkinan diperlukan juga perubahan pada bagian logikanya. Hal ini memperbesar
bagian program menjadi tiga buah objek yang terpisah. Interaksi antara ketiga
antara bagian model dan bagian view, controller berfungsi untuk menerima request
23
dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi.
aplikasi web bagian ini biasanya berupa le template HTML, yang diatur oleh con-
troller. View berfungsi untuk menerima dan merepresentasikan data kepada user.
perangkat lunak. Model adalah bagian yang bertugas mengolah data mentah men-
jadi data yang mengandung arti yang diinginkan oleh pengguna. Model biasanya
dasi dari bagian controller, namun tidak dapat berhubungan langsung dengan bagian
view.
1. .NET Framework,
2. PHP Framework,
ikan untuk memenuhi kebutuhan para pemakai di dalam suatu organisasi. Semua
24
pengaksesan ke database ditangani oleh suatu piranti lunak yang disebut Database
Management System.
Secara sik suatu database terdiri atas entitas-entitas yang biasanya disebut
tabel. Tiap-tiap tabel tersebut mempunyai atribut-atribut yang disebut eld. Dan
isi dari tabel tersebut disebut tupel atau record yang merupakan tumpukan baris
Structure Query Language, atau biasa disingkat SQL, adalah bahasa yang
MySQL adalah database server relasional dibawah lisensi GNU (General Public Li-
cense ). Dengan sifatnya yang Open Source, memungkinkan juga user untuk mem-
merupakan database multi-user. Dengan memiliki banyak tur, MySQL bisa ber-
MySQL yang merupakan hasil pikiran dari Michael Monty Widenius, David
Axmark, dan Allan Larson dimulai tahun 1995. Mereka bertiga kemudian mendirikan
adalah untuk mengembangkan aplikasi web yang akan digunakan oleh salah satu
client MySQL AB. Memang pada saat itu, MySQL AB merupakan sebuah perusa-
MySQL versi 1.0 dirilis pada mei 1996 dan penggunaannya hanya terbatas
dikalangan intern saja. Pada bulan Oktober 1996, MySQL versi 3.11.0 dirilis ke
masyarakat luas di bawah lisensi "Terbuka tapi Terbatas". Barulah pada bulan Juli
Seperti halnya SQL engine yang lain. MySQL mempunyai tiga sub bahasa,
25
yaitu : Data Denition Language (DDL), Data Manipulation Language (DML) dan
Data Control Language (DCL). DDL berfungsi pada obyek database, seperti mem-
buat tabel, mengubah tabel, dan menghapus tabel. DML untuk objek tabel, seperti
melihat, menambah, menghapus dan mengubah isi tabel. Sedangkan DCL untuk ke-
pentingan sekuritas database, seperti memberikan hak akses ke database dan meng-
DDL bertugas untuk membuat obyek SQL dan menyimpan denisinya dalam
tabel. Contoh dari obyek yang dimaksud diatas adalah tabel, view, dan index.
Pembuatan tabel, perubahan struktur tabel, perubahan nama tabel, serta perintah
untuk menghapus tabel, dilakukan dengan sub bahasa yang tergolong dalam DDL.
Perintah-perintah yang digolongan dalam DDL adalah create, alter, dan drop.
2.7.1.1 Create
Perintah untuk membuat tabel. Bentuk umumnya adalah create table na-
2.7.1.2 Alter
3. Penambahan eld
4. Penghapusan eld
2.7.1.3 Drop
baris dalam tabel. Perintah - perintah yang digolongkan dalam DML adalah select,
2.7.2.1 Insert
atau
2.7.2.2 Select
2.7.2.3 Delete
Perintah untuk menghapus data. Bentuk umumnya adalah Delete from na-
2.7.2.4 Update
DCL. Dua perintah utama di dalam DCL adalah grant dan revoke.
2.7.3.1 Grant
to nama_user;
2.7.3.2 Revoke
Perintah untuk mencabut kembali izin yang sudah pernah diberikan sebelum-
from nama_user;
28
Abstraksi konsep dasar UML yang terdiri dari structural classication, dy-
namic behavior, dan model management, bisa kita pahami dengan mudah apabila
kita melihat gambar dibawah dari Diagrams. Main concepts bisa kita pandang se-
bagai term yang akan muncul pada saat kita membuat diagram dan view adalah
buah sistem. Yang ditekankan adalah "apa" yang diperbuat sistem, dan bukan
dengan sistem. Use case merupakan sebuah pekerjaan tertentu, misalnya login ke
adalah sebuah entitas manusia atau mesin yang berinteraksi dengan system untuk
Use case diagram dapat sangat membantu bila kita sedang menyusun require-
test case untuk semua feature yang ada pada sistem. Sebuah use case dapat meng-
include fungsionalitas use case lain sebagai bagian dari proses dalam dirinya. Secara
umum diasumsikan bahwa use case yang di-include akan dipanggil setiap kali use
case yang meng-include dieksekusi secara normal. Sebuah use case dapat di-include
oleh lebih dari satu use case lain, sehingga duplikasi fungsionalitas dapat dihindari
dengan cara menarik keluar fungsionalitas yang common. Sebuah use case juga
dapat meng-extend use case lain dengan behaviour -nya sendiri. Sementara hubun-
gan generalisasi antar use case menunjukkan bahwa use case yang satu merupakan
Class adalah sebuah spesikasi yang jika diinstansiasi akan menghasilkan se-
buah objek dan merupakan inti dari pengembangan dan desain berorientasi objek.
menggambarkan struktur dan deskripsi class, package dan objek beserta hubun-
gan satu sama lain seperti containment, pewarisan, asosiasi, dan lain-lain. Class
2. Atribut
3. Metoda
2. Protected, hanya dapat dipanggil oleh class yang bersangkutan dan anak-anak
yang mewarisinya.
Class dapat merupakan implementasi dari sebuah interface, yaitu class ab-
strak yang hanya memiliki metoda. Interface tidak dapat langsung diinstansiasikan,
terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat menggam-
barkan contoh class diagram, menggambarkan proses paralel yang mungkin terjadi
mana sebagian besar state adalah action dan sebagian besar transisi di-trigger oleh
selesainya state sebelumnya (internal processing ). Oleh karena itu activity diagram
tidak menggambarkan behaviour internal sebuah sistem (dan interaksi antar subsis-
tem) secara eksak, tetapi lebih menggambarkan proses-proses dan jalur-jalur aktivi-
tas dari level atas secara umum. Sebuah aktivitas dapat direalisasikan oleh satu use
case atau lebih. Aktivitas menggambarkan proses yang berjalan, sementara use case
alel (fork dan join ) digunakan titik sinkronisasi yang dapat berupa titik, garis hor-
izontal atau vertikal. Activity diagram dapat dibagi menjadi beberapa object swim-
lane untuk menggambarkan objek mana yang bertanggung jawab untuk aktivitas
tertentu.
32
sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang
digambarkan terhadap waktu. Sequence diagram terdiri antar dimensi vertikal (wak-
tu) dan dimensi horizontal (objek-objek yang terkait). Sequence diagram biasa
dilakukan sebagai respons dari sebuah event untuk menghasilkan output tertentu.
Diawali dari apa yang men-trigger aktivitas tersebut, proses dan perubahan apa
saja yang terjadi secara internal dan output apa yang dihasilkan. Masing-masing
Message digambarkan sebagai garis berpanah dari satu objek ke objek lain-
nya. Pada fase desain berikutnya, message akan dipetakan menjadi operasi/metoda
dari class. Activation bar menunjukkan lamanya eksekusi sebuah proses, biasanya
diawali dengan diterimanya sebuah message. Untuk objek-objek yang memiliki sifat
33
khusus, standar UML mendenisikan icon khusus untuk objek boundary, controller
karena itu, pendidikan sebagai sarana untuk mencerdaskan kehidupan bangsa memi-
sumber daya manusia (SDM) yang bermutu, dengan indikator berkualitikasi ahli,
terampil, kreatif, inovatif, serta memiliki attitude (sikap dan perilaku) yang positif.
ingkan kualitas serta mutu belajar, untuk itu informasi yang disampaikan haruslah
mudah dan dimengerti serta dapat diakses oleh masyarakat luas. Agar ketika ingin
memasuki lingkungan sekolah tidak perlu lagi untuk mendatangi sekolah tersebut.
pat dimanfaatkan dalam pembuatan website sekolah. Dimana website sekolah dapat
dalam mengakses informasi sekolah tersebut, sehingga tidak dibatasi ruang dan wak-
tu.
SMA Negeri 1 Ciomas merupakan salah satu SMA Negeri yang terdapat di
34
35
masi. Biasanya para siswa mendapatkan informasi seputar kegiatan sekolah melalui
madding sekolah yang telah ditempel atau dengan membagikan surat pengumuman,
dan juga dapat dilakukan secara lisan lewat pengumuman tiap kelas.
diberikan tidak sepenuhnya diberikan oleh pihak sekolah. Karena keterbatasan wak-
tu maupun kesibukan para guru maupun sta sekolah tersebut. Informasi yang
Dalam SMA Negeri 1 Ciomas informasi yang didapat hanya melalui selebaran
brosur dan madding saja. Sehingga informasi yang didapat masih kurang lengkap
informasi seperti pelayanan informasi yang kurang memuaskan dan informasi yang
masih simpang siur. Dan juga hambatan yang dialami dikarenakan banyak orang
yang belum mengetahui SMA Negeri 1 Ciomas dan hanya mengetahui sekolah SMA
Negeri 1 Ciomas melalui mulut ke mulut sehingga orang kurang jelas tentang seluk-
teknologi internet. Begitu juga masyarakat luas dapat melakukan pengaksesan den-
gan cepat tanpa harus mendatangi sekolah tersebut. Dengan adanya web sekolah,
maka siswa dapat melihat informasi maupun pengumuman secara langsung tanpa
Dengan pembuatan aplikasi website SMA Negeri 1 Ciomas maka dapat meningkatkan
dengan cepat, mudah dan lebih esien. Sehingga SMA Negeri 1 Ciomas tidak hanya
yaitu:
1. Perencanaan situs.
2. Perancangan situs.
3. Implementasi.
Pada tahapan ini penyusun mencari ide untuk menentukan gaya design yang
ingin digunakan. Melalui referensi dari situs Cool Web Design, http://www.cwd.dk,
penulis menemukan gaya design yang cocok untuk penulis implementasikan pada
situs yang penulis buat. Selanjutnya penulis mencari contoh layout sebuah web
Situs yang penulis buat lebih ditujukan untuk kalangan sendiri, oleh karena
itu yang bisa menjadi member di situs ini adalah guru maupun siswa SMA Negeri 1
Ciomas. Namun pengunjung situs yang yang bukan guru maupun siswa SMA Negeri
Untuk menjadi member di situs SMA Negeri 1 Ciomas ini, siswa maupun guru
penambahan atau perubahan data yang tidak diinginkan, karena pemantauan situs
37
yang belum optimal. Member pada situs ini terbagi menjadi dua tingkatan/level.
lengkap dibandingkan dengan level-level yang lain. Member yang berada pa-
da level ini biasanya adalah orang yang dapat mengelola suatu situs web dan
Tahapan ini merupakan tahapan persiapan pembuatan situs dan terdiri dari
beberapa langkah. Dan akan dijelaskan secara detail pada sub bab berikut.
Ciomas. Secara umum database web sekolah ini memiliki 9 tabel yang masing-
masing tabelnya memiliki eld tersendiri. Ke-9 tabel itu antara lain:
1. Tabel admin
Tabel ini digunakan untuk menyimpan username dan password yang digu-
nakan untuk masuk kedalam halaman admin. Baik berstatus admin maupun
2. Tabel berita_events
Tabel ini digunakan untuk menyimpan artikel berupa berita dan events-events.
3. Tabel data_siswa
Tabel yang digunakan untuk menyimpan informasi jumlah siswa laki-laki dan
perempuan setiap kelas pada tahun ajaran tertentu dan jumlah siswa pada
4. Tabel galery
5. Tabel guru
6. Tabel pesan
7. Tabel proleskul
struktur organisasi, dan sambutan dari kepala sekolah. Field-led yang dimi-
liki :
41
8. Tabel prole_skul
Tabel yang digunakan untuk menyimpan prol sekolah. Field-led yang dim-
9. Tabel prole_skul_2
Maksud dibuatnya tabel-tabel beserta eldnya itu adalah sebagai tempat dimana
Rancangan situs web merupakan hal yang diperlukan di dalam proses pem-
buatan aplikasi yang terdapat di dalam suatu situs web. Rancangan ini digunakan
untuk mengkomunikasikan kebutuhan user kedalam suatu desain untuk diisi dengan
tur-tur website.
dari beberapa kerja atau beberapa area yang berbeda dan dapat membantu men-
Perancangan halaman di dalam web SMA Negeri 1 Ciomas ini di bagi menjadi
halaman beranda tamu. Yang berbeda hanya Content atau isi dari web. Sesuai
46
tor, yang membedakan halaman angota dengan halaman administrator yaitu dari
sisi struktur navigasinya. Struktur navigasi untuk halaman admin lebih lengkap di
pada halaman administrator semua username dan password ditampilkan. Pada ha-
laman anggota hanya menampilkan username dan password milik anggota tersebut
dan tidak dapat dapat menambah anggota (member ). Administrator dan anggota
49
(member ) dapat mengolah data pada website. Seperti menambah artikel (berita dan
events), gallery dan pada halaman administrator lebih banyak lagi. Pada halaman
administrator ada beberapa isi (content ) web yang hanya dapat dilakukan perintah
edit seperti pada menu kata sambutan, visimisi, sejarah sekolah, prol sekolah, dan
struktur organisasi pada menu prole sekolah. Dan ada beberapa data yang dapat
di tambah, seperti :
hanya dapat dilakukan oleh administrator. Status disini dibagi menjadi dua
3. Tambah Guru
Diisi jika ada tambahan guru, baik guru bantu (honorer ) maupun guru pin-
dahan dari sekolah lain. Disini diisi tentang data diri guru.
51
5. Tambah Gallery
nambahan foto ini berdasarkan kategori yaitu, Bangunan & Fasilitas Sekolah,
yang digunakan untuk merancang model sebuah sistem. Perancangan model sistem
pada situs web ini digambarkan melalui Diagram Use Case, Diagram Sequence,
Pada diagram ini terdapat tiga aktor yang merupakan pengguna sistem, yaitu
pengunjung, anggota dan administrator. Pengunjung memiliki use case, yaitu hanya
dapat mengakses informasi sekolah seperti mengakses prole sekolah, gallery, mem-
baca berita dan events, menigis buku tamu, dan dapat menghubungi kami yaitu
54
Anggota dapat mengelola informasi sekolah seperti berita dan events, men-
gelola gallery, dan mengelola account seperti mengubah nama, username, dan pass-
word. Aktor administrator memiliki use case untuk memelihara, mengelola kejadian
yang terjadi selama sistem berlangsung. Selain itu aktor administrator juga memiliki
use case menulis berita dan events, menulis program sekolah, dan menulis prestasi.
55
login terlebih dahulu sebelum dapat mengelola website, apabila admin melakukan
validasi dengan benar maka administrator dapat mengakses menu-menu yang ada
untuk mengelola segala yang berkaitan dengan web SMA Negeri 1 Ciomas. Setelah
yang dihadapkan pada tampilan halaman login dimana sistem meminta adminis-
username, password maka sistem akan mengecek apakah username, password benar
atau salah. Apabila username dan password salah maka akan tampil pesan kesala-
58
han dan sistem akan meminta kembali untuk memasukkan username dan password.
Tetapi jika username dan password yang telah dimasukkan benar maka adminis-
trator akan masuk ke halaman admin. Proses ini sama dengan proses yang terjadi
3.6 Implementasi
Tahap ini merupakan tahap pembuatan website SMA Negeri 1 Ciomas den-
gan menerapkan model MVC (Model View Controller) dalam penggunaan Frame-
61
View Controller ) CodeIgniter yang dapat digunakan oleh siapa saja untuk keperluan
pembuatan situs web. Struktur CodeIgniter lebih banyak meniru Ruby on Rail
pemrograman Ruby. Selain itu, dokumentasinya lebih lengkap dan tentunya mudah
dipahami.
/ BSD-style open source sehingga Framework ini termasuk aplikasi Open Source
oleh karena itu kita dapat menggunakan, menggandakan, memodikasi dan mendis-
Framework CodeIgniter berjalan pada PHP versi 4.3.2 atau yang lebih ter-
• MySQL
• MySQLi
• MS SQL
• Postgres
• Oracle
• SQLite
• ODBC
62
Struktur direktori dari framework CodeIgniter seperti pada gambar 3.19 Di-
rektori Application merupakan direktori yang sangat penting karena pada direktori
• Folder system menyimpan semua le, baik itu le aplikasi yang kita buat
• Folder cong : tempat menyimpan semua le kongurasi yang ada di aplikasi
• Folder hooks : tempat menyimpan hook yang digunakan untuk mengubah alur
• Folder cache tempat menyimpan semua cache yang dibuat caching library.
• Folder database tempat menyimpan semua driver database drivers dan class
• Folder fonts tempat menyimpan semua fonts yang digunakan image manipu-
lation library.
• Folder scaolding tempat menyimpan semua le yang berfungsi sebagai scaf-
folding .
3.6.3 Helper
Tidak seperti sebagian besar system pada CodeIgniter. Helper tidak ditulis dengan
format OOP (Object Oriented Programming). Helper fungsi procedural yang seder-
hana. Setiap fungsi helper mewakili satu tugas tertentu dengan tidak bergantung
Secara default CodeIgniter tidak memuat le helper. File helper harus dimuat
terdapat le helper pada director tersebut maka CodeIgniter akan memuat le helper
Untuk menggunakan helper kita harus memuat helper terlebih dahulu, memu-
$this->load->helper('nama_helper');
Penulisan nama Helper tidak menyertakan ekstensi php dari le helper terse-
but. Jika ingin memuat lebih dari satu le helper kita dapat menyertakan nama le
File helper dapat diakses secara global pada CodeIgniter dan dapat dimuat
secara otomatis ketika web diakses web browser atau dikenal dengan istilah auto-load
yaitu dengan menambahkan nama helper yang diperlukan pada le autoload.php
Jenis-Jenis Helper
1. Array Helper
File helper yang terdiri dari fungsi yang membantu penggunaan array. Helper
$this->load->helper('array');
• element( ) : fungsi untuk mengambil data dari suatu tipe data array
dan kemudian mengembalikan menjadi elemen acak dari data array terse-
but
2. Cookie Helper
File Helper yang terdiri dari fungsi yang membantu pengerjaan dengan cookies.
Untuk memuat helper ini kita dapat menggunakan perintah dibawah ini
$this->load->helper('cookie');
3. Date Helper
File Helper yang terdiri dari fungsi yang membantu pengerjaan dengan Tang-
gal. Untuk memuat helper ini kita dapat menggunakan perintah dibawah ini
$this->load->helper('date');
Fungsi yang tersedia pada helper date antara lain now(), mdate(), standard_date(),
4. Directory Helper
File Helper yang terdiri dari fungsi yang membantu pengerjaan yang berhubun-
gan dengan direktori. Untuk memuat helper ini kita dapat menggunakan per-
intah dibawah
$this->load->helper('directory');
5. Download Helper
File Helper yang terdiri dari fungsi yang membantu pengerjaan yang berhubun-
gan dengan pengunduhan data. Untuk memuat helper ini kita dapat meng-
$this->load->helper('download');
6. Email Helper
File Helper yang menyediakan fungsi yang membantu bekerja dengan email.
$this->load->helper('email');
7. File Helper
File Helper yang terdiri dari fungsi yang membantu pengerjaan yang berhubun-
gan dengan le. Untuk memuat helper ini kita dapat menggunakan perintah
dibawah
$this->load->helper('le');
bolic_permissions, octal_permissions.
8. Form Helper
File Helper yang menyediakan fungsi yang membantu bekerja dengan form.
$this->load->helper('form');
9. HTML Helper
File Helper yang menyediakan fungsi yang membantu bekerja dengan HTML.
$this->load->helper('html');
Fungsi yang tersedia pada helper html : br(), heading(), img(), link_tag(),
File Helper yang menyediakan fungsi yang mengizinkan user untuk mengubah
$this->load->helper('inector');
underscore(), humanize().
File Helper yang menyediakan fungsi yang membantu bekerja dengan data
numerik. Untuk memuat helper ini kita dapat menggunakan perintah dibawah
ini
$this->load->helper('number');
File Helper yang menyediakan fungsi yang yang mengizinkan user untuk bek-
erja dengan le path pada server. Untuk memuat helper ini kita dapat meng-
$this->load->helper('path');
File Helper yang menyediakan fungsi yang digunakan untuk keperluan security.
Untuk memuat helper ini kita dapat menggunakan perintah dibawah ini
$this->load->helper('security');
strip_image_tags(), encode_php_tags().
dengan string. Untuk memuat helper ini kita dapat menggunakan perintah
dibawah ini
$this->load->helper('string');
File Helper yang menyediakan fungsi yang membantu bekerja dengan text.
Untuk memuat helper ini kita dapat menggunakan perintah dibawah ini
$this->load->helper('text');
light_phrase(), word_wrap().
71
File Helper yang menyediakan fungsi yang membantu bekerja dengan text.
Untuk memuat helper ini kita dapat menggunakan perintah dibawah ini
$this->load->helper('url');
Fungsi yang tersedia pada helper URL adalah site_url(), base_url(), cur-
File Helper yang menyediakan fungsi yang membantu bekerja dengan data
XML. Untuk memuat helper ini kita dapat menggunakan perintah dibawah
ini.
$this->load->helper('xml');
3.6.4 Library
pembuatan web. Semua le library yang tersedia terletak pada direktori system/libraries.
Untuk menggunakan library tersebut dengan cara menyertakan pada controller den-
$this->load->library('nama_kelas');
Nama_kelas merupakan nama kelas yang digunakan. Berikut ini contoh
$this->load->library('validation');
72
1. Benchmarking Class
class ini sudah di inisialisasi secara otomatis oleh sistem CodeIgniter sehingga
2. Calendering Class
pengontrolan setiap aspek dari design tersebut. Dan user juga dapat melakukan
3. Cong Class
preferensi. Preferensi kongurasi dapat berasal dari le cong pada direk-
tori system/application/cong/ atau le yang dibuat oleh user. Cong class
juga ini sudah di inisialisasi secara otomatis oleh sistem CodeIgniter sehingga
4. Database Class
Database Class menyediakan cara untuk koneksi dengan database, serta melakukan
$this->load->database();
Atau juga dapat menambahkan database di bagian libraries pada le au-
5. Email Class
Email Class digunakan dalam keperluan yang berhubungan dengan email seper-
$this->load->library('email');
Atau juga dapat menambahkan email di bagian libraries pada le autoload.php
6. Encryption Class
metode enkripsi yang lain seperti MCrypt, SHA, Chipper. Untuk menginisial-
$this->load->library('encrypt');
Atau juga dapat menambahkan encrypt di bagian libraries pada le autoload.php
$this->load->library('upload');
Setelah upload class dimuat maka objek akan tersedia dengan menggunakan
$this->upload.
74
8. FTP Class
fer ke remote server. Data remotes dapat dipindahkan, diubah namanya dan
ini.
$this->load->library('ftp');
Fungsi - fungsi yang terdapat pada ftp class ini antara lain connect(), upload(),
chmod(), close().
dari array atau hasil pengambilan dari database. Menginisialisasi class ini
$this->load->library('table')
Fungsi - fungsi yang terdapat pada HTML Table class adalah generate(),
set_empty().
ini.
$this->load->library('image_lib')
75
Fungsi - fungsi yang terdapat pada Image Manipulation class adalah resize(),
crop(),rotate(),clear(),watermark().
Output class adalah class kecil yang mempunyai satu fungsi utama. Un-
tuk mengirimkan hasil ke web browser. Output class juga dapat digunakan
dalam proses caching halaman web jika user menggunakan tur tersebut. Out-
put class dimuat secara otomatis sehingga user tidak perlu diinisialisasi oleh
user. Fungsi - fungsi yang terdapat pada input class adalah set_output(),
Pagination class biasa digunakan untuk proses paging. Pada CodeIgniter pag-
ination class sangat mudah digunakan dan mudah untuk diatur oleh user.
$this->load->library('pagination')
76
Session class digunakan untuk keperluan session pada user. untuk Mengin-
$this->load->library('session')
Fungsi - fungsi yang terdapat pada Session class adalah userdata(), set_userdata(),
$this->load->library('trackback').
Unit Testing Class merupakan library pada CodeIgniter yang digunakan untuk
keperluan unit testing. Class ini terdiri dari sebuah fungsi evaluasi dan dua
apakah web di buat dengan tipe data yang benar. untuk Menginisialisasi class
$this->load->library('unit_test').
User Agent Class merupakan library pada CodeIgniter yang digunakan untuk
$this->load->library('user_agent').
Fungsi - fungsi yang terdapat pada class ini adalah is_browser(), is_mobile(),
URI Class merupakan library pada CodeIgniter yang menyediakan fungsi un-
tuk membantu mendaptkan informasi dari URI string. Class ini sudah di
inisialisasi secara otomatis oleh sistem Code Igniter sehingga user tidak perlu
Fungsi - fungsi yang terdapat pada class ini adalah rsegment(), slash_segment(),
fungsi untuk membuat le arsip ZIP. File arsip bisa diunduh ke komputer
$this->load->library('zip').
Fungsi - fungsi yang terdapat pada class ini adalah add_dir(), read_le(),
fungsi untuk mnegubah format dari teks. Untuk Menginisialisasi class ini
$this->load->library('typography').
Fungsi - fungsi yang terdapat pada class ini adalah auto_typography(), for-
Loader Class merupakan le library pada CodeIgniter yang berguna untuk
memuat elemen. Elemen elemen tersebut bisa berupa library, le view, le
$this->load->view('le_name')
$this->load->model('Model_name')
$this->load->database('options', true/false)
$this->load->vars($array)
$this->load->helper('le_name')
$this->load->plugin('le_name')
$this->load->le('lepath/lename', true/false)
$this->load->cong('le_name')
79
system/application/controllers.
sangat sederhana, tidak ada pengolahan data, dan tidak memerlukan interaksi den-
gan visitor.
antara logika pembuatan kode dengan pembuatan template atau tampilan website.
Pengunaan MVC membuat pembuat sebuah proyek website menjadi lebih terstruk-
Secara sederhana konsep MVC terdiri dari tiga bagian yaitu bagian Model,
bagian View, dan bagian Controller. Didalam website dinamis setidaknya terdiri
dari 3 hal pokok, yaitu basis data, logika aplikasi dan cara menampilkan halaman
website. Tiga hal tersebut direpresentasikan dengan MVC yaitu model untuk basis
data, view untuk cara menampilkan halaman website dan controller untuk logika
aplikasi.
80
1. Model
Merepresentasikan struktur data dari website yang bisa berupa basis data
maupun data lain, misalnya dalam bentuk le teks atau le xml. Biasanya di-
dalam model akan berisi class dan fungsi untuk mengambil, melakukan update
data dalam menyimpan data maka bagian Model biasanya akan berhubungan
Model bisa dibilang khusus digunakan untuk melakukan koneksi ke basis data
oleh karena itu logika-logika pemrograman yang berada didalam model juga
harus berhubungan dengan basis data. Misalnya saja pemilihan kondisi tetapi
2. View
mungkin didalam View tidak berisi logika-logika kode tetapi hanya berisi
variabel-variabel yang berisi data yang siap ditampilkan. View bisa dibilang
Didalam view jangan pernah ada kode untuk melakukan koneksi ke basis data.
View hanya dikhususkan untuk menampilkan data-data dari hasil dari model
dan controller.
3. Controller
troler inilah terdapat class dan fungsi-fungsi yang memproses permintaan dari
Controller juga tidak boleh berisi kode untuk mengakses basis data. Tugas
Jadi secara singkat urutan sebuat request adalah sebagai berikut : user
berhubungan dengan view, dimana didalam view inilah semua informasi ditampilkan.
Saat user melakukan permintaan atau request, misal klik tombol maka request terse-
but akan diproses oleh Controller. Apa yang harus dilakukan, data apa yang di-
inginkan, apakah ingin melihat data, atau memasukkan data atau mungkin melakukan
akan meminta Model untuk menyelesaikan request, entah itu melakukan query ataupun
apapun. Dari Model, data akan dikirim kembali untuk di proses lebih lanjut di dalam
system terdapat beberapa folder lain, yang akan sering kita akses adalah folder ap-
yang dibuat akan disimpan didalam folder yang sesuai. Model disimpan pada folder
models, Controller disimpan pada folder controller, dan View disimpan pada folder
Views.
- madmin
- mviewer
- userpass
- footer
Dan untuk folder guest le-le yang digunakan yaitu sebagai berikut:
yang tampil pertama kali seperti tampak pada gambar di atas, yaitu halaman home
tamu (guest ). Untuk menampilkan halaman tersebut akan diproses oleh sebuah
controller, controller yang digunakan yaitu controller viewer dengan function index.
Pada controller ini tidak memanggil sebuah model, karena query yang digunakan
tidak terlalu complex. Kemudian controller viewer akan memanggil view untuk
85
memberikan tampilan kepada user. View yang digunakan berada pada folder guest,
yaitu le hal_utama dan home. File hal_utama merupakan sebuah le yang digu-
nakan untuk menampilkan header, menu (struktur navigasi), isi website, dan footer.
Sehingga le ini akan selalu digunakan oleh controller-controller yang berhubungan
dengan tampilan tamu (guest ). Sedangkan le home merupakan le yang digu-
nakan untuk menampilkan isi dari halaman home dan merupakan bagian dari le
hal_utama.
Ketika user melakukan request seperti mengklik salah satu menu, misalkan
user mengklik menu Hubungi Kami. Maka request tersebut akan di proses oleh
model, yaitu model mviewer. Dimana pada model ini terdapat beberapa function,
dan function yang digunakan oleh controller pesan dengan function hub_kami yaitu
keamanan, kemudian data akan dikirim kembali ke controller tersebut dan selan-
jutnya controller akan memanggil view pada folder guest dengan nama hal_utama
dan pesan. Seperti telah di jelaskan sebelumnya le hal_utama merupakan le uta-
ma untuk tampilan tamu (guest ). Sedangkan le pesan merupakan isi dari menu
Hubungi Kami. Halaman Hubungi Kami dapat dilihat pada gambar dibawah ini.
86
Setelah user mengisi eld-eld yang tersedia pada menu Hubungi Kami dan
mengklik tombol kirim, maka controller pesan dengan function input_pesan akan
di proses. Dimana pada function ini data yang di masukkan (input ) oleh user akan
diperlukan sebuah model. Model yang digunakan yaitu model mviewer dengan
function pesan. Dimana pada function inilah data-data yang di masukkan oleh
87
user akan di simpan kedalam database. Kemudian dari model ini data akan dikirim
kembali ke controller untuk diproses lebih lanjut di controller dan selanjutnya akan
Dan untuk menu-menu lainnya, menggunakan cara kerja yang hampir sama
dengan menu diatas. Yang membedakan adalah controller yang digunakan dan view
yang digunakan. Setiap menu memiliki controller tersendiri dan view yang tersendiri
pula.
Untuk melakukan perubahan isi website harus melakukan login terlebih dahu-
lu, baik administrator maupun anggota (member ). Untuk melakukan login, user
controller yang digunakan sebanyak dua controller, yaitu controller chek_login dan
controller login. Pada saat user mengklik tombol Login maka controller yang akan
diproses terlebih dahulu adalah controller chek_login. Pada controller ini akan di-
lakukan pengecekan validasi, apakah data yang dimasukkan telah sesuai atau tidak.
Kemudian pada controller ini akan memanggil model madmin dengan function auth.
89
Function ini digunakan untuk melakukan pengecekan pada database, apakah data
yang dimasukkan terdapat pada database atau tidak. Selanjutnya data dikirim kem-
bali ke controller untuk proses lebih lanjut. Jika data yang dimasukkan terdapat
pada database, maka memanggil le lib_login pada folder libraries. Dimana pada le
ini akan menyimpan informasi mengenai user tersebut. Kemudian data dikirimkan
controller chek. Tetapi jika data tidak ada pada database maka akan memanggil
han. Ketika berhasil melakukan login yaitu dengan dipanggilnya controller chek,
dimana pada controller ini proses yang dilakukan yaitu memanggil lib_status pada
folder libraries. Pada lib_status akan dilakukan pengecekan apakah user tersebut
berstatus sebagai admin atau user. Jika status user tersebut bertipe admin maka
user tersebut merupakan administrator, tetapi jika status user tersebut bertipe user
User yang login sebagai administrator maka controller yang akan di proses
adalah controller admin, sedangkan user yang login sebagai anggota (member ) maka
controller yang akan diproses adalah controller member. Pada controller admin
mempunyai perintah dan kondisi tertentu. Ketika proses login telah berhasil dan
user merupakan administrator proses yang pertama kali dijalankan adalah function
home pada controller admin, dan dapat ditampilkan seperti gambar dibawah ini :
90
Dan Ketika login sebagai anggota (member ) maka proses yang pertama kali
adalah memanggil function home pada controller member, halaman home anggota
sebagai berikut:
91
da, yang membedakan administrator dengan anggota adalah menu yang ditampilkan.
Menu pada halaman administrator lebih banyak dibandingkan pada halaman anggota
(member ).
Ketika administrator mengklik menu prole sekolah, maka proses yang terja-
ini controller akan memanggil sebuah model dengan nama le madmin dan function
yaitu mengambil data dari database, kemudian data tersebut akan dikirimkan kem-
bali ke controller untuk dilakukan proses selanjutnya, yaitu data tersebut akan di-
92
tampilkan pada view. View yang digunakan untuk status admin ini berada pada
folder admin, dan le yang digunakan adalah prole_skul. Halaman prole sekolah
Ketika admin mengklik 'selengkapnya' pada pilihan Visi Misi maka controller
yang digunakan adalah controller admin dengan function lihat_detail. Pada func-
tion ini akan melakukan perintah query untuk menampilkan record tertentu dari
database. Karena query yang digunakan tidak terlalu banyak maka pada function
ini tidak menggunakan model. Proses yang terjadi yaitu controller melakukan ek-
93
sekusi kemudian hasil dari eksekusi tersebut akan ditampilkan dengan memanggil
le prole_skul pada folder view admin. Halaman akan tampak seperti gambar
dibawah ini:
Untuk merubah isi dari visi tinggal mengklik 'Edit'. Ketika user melakukan
request untuk edit data, controller yang di proses adalah controller admin dengan
function form_edit. Pada proses edit ini function form_edit tidak memanggil mod-
el, karena query yang dilakukan tidaklah terlalu banyak. Kemudian controller akan
memanggil view untuk menampilkan hasil dari proses yaitu dengan menggunakan
Ketika admin mengklik 'Edit Visi' maka controller yang digunakan adalah
controller admin dengan functionnya edit. Pada function ini controller akan me-
akan melakukan perubahan pada database pada record tertentu, sedangkan pada
melakukan query untuk mengambil data dari database dan menghitung jumlah da-
ta yang terdapat pada database. Kemudian dari model akan mengirim data kem-
Pada menu prole sekolah, administrator dapat menambah data, yaitu den-
gan mengklik 'Tambah Data'. Data yang dapat di tambah pada menu prole sekolah
yaitu, program sekolah, kerjasama antar lembaga, dan prestasi. Halaman tambah
Ketika admin melakukan request dengan mengklik tombol simpan, maka pros-
dikirim kembali ke controller untuk di proses lebih lanjut, dan kemudian controller
Sama halnya dengan menu-menu yang lain. Semua proses akan dijalankan
pada controller admin dan model madmin, yang membedakan hanyalah function-
function yang dipanggil. Dan untuk setiap menampilkan ke user menggunakan view
sedikit berbeda dengan menu yang terdapat pada administrator. Setiap proses yang
terjadi menggunakan controller member dan model yang digunakan adalah madmin.
Dan untuk menampilkan ke user view yang digunakan terdapat pada folder mem-
ber.
Bab 4
PENUTUP
4.1 Kesimpulan
pulan bahwa dari segi desain, tampilan , menu ataupun link - link yang disajikan
dalam website sekolah SMA Negeri 1 Ciomas ini sudah bagus namun belum menarik
Dari segi kegunaan, website ini dapat menjadi alternatife khalayak umum
untuk mengetahui informasi tentang sekolah SMA Negeri 1 Ciomas. Website ini
juga layak dibaca untuk semua kalangan, baik sekolah maupun dari luar sekolah.
Dalam sistem program website ini sudah dapat berjalan dengan baik karena tidak
terdapat error pada program saat pengkoneksian kedalam database dan diharapkan
4.2 Saran
Maka dari itu perlu yang harus dikembangkan misal dengan ditambahkan fasilitas
pendaftaran online, ataupun suara-suara, efek atau animasi supaya tampilan dalam
website ini menjadi lebih menarik dan informasi yang lebih banyak lagi.
97
Bibliogra
[1] Abdul Kadir, Tuntutan Praktis Belajar Database Manggunakan MySQL, ANDI,
Yogyakarta 2008.
http://www.iorme.net/wp/wp-content/uploads/2008/03/buku-ci-bab1-4.pdf,
06 Mei 2009.
[4] Munawar, Permodelan Visual Dengan UML, Graha Ilmu, Yogyakarta, 2005
(CodeIgniter)", http://oke.or.id/wp-content/plugins/dowloads-
98
LAMPIRAN OUTPUT
• Halaman Home
99
• Halaman Visi Misi
100
• Halaman Prol Sekolah
101
• Halaman Struktur Organisasi
102
• Halaman Prole Guru
103
• Halaman Data Siswa
104
• Halaman Prestasi
105
• Halaman Berita Events
106
• Halaman Gallery
107
2. Halaman Home Administrator
108
4. Halaman Tambah Berita Events
109
5. Halaman Gallery
110
6. Halaman Tambah Gallery
111