( study kasus “FERNUS LIGHT SURABAYA” )
TUGAS AKHIR
OLEH: Windy Nugr oho NPM: 0634010115
K e p a d a
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN” J AWA TIMUR
WINDY NUGROHO
PEMBUATAN WEBSITE BERBASIS FRAMEWORK CAKE PHP (STUDI KASUS PERUSAHAAN FERNUS LIGHT SURABAYA)
DOSEN PEMBIMBING I : BASUKI RAHMAT, S.SI. MT DOSEN PEMBIMBING II : BUDI NUGROHO, S.KOM
ABSTRAK
Didalam perusahaan lighting surabaya yang bernama Fernus Light ini, mulai berkembang dibidang persewaan lighting yang profesional. Oleh karena itu sebuah wadah yang bagus dan sedap dipandang oleh masyarakat luas sangat dibutuhkan. Yang dimaksud wadah tersebut adalah sebuah web profile lembaga tersebut.
Laporan ini bertujuan untuk membangun sebuah web profile perusahaan Fernus Light Surabaya menggunakan Cakephp, dimana didalam website ini terdapat beberapa kolom – kolom yang memudahkan user untuk menambah informasi terbaru tentang lighting dan sejenisnya.
Website ini membantu perusahaan untuk mempromosikan apa saja yang ada didalam perusahaan ini. Selain itu juga dapat memberikan sebuah informasi yang terbaru tentang lighting dengan wadah yang menarik kepada masyarakat.
KATA PENGANTAR
Puji syukur penulis panjatkan ke hadirat Tuhan Yang Maha Esa, karena karena anugerah dan rahmat-Nya, sehingga dengan segala keterbatasan yang dimiliki penulis, akhirnya laporan Tugas Akhir yang berjudul “PEMBUATAN WEBSITE FERNUS LIGHT SURABAYA BERBASIS FRAMEWORK CAKEPHP” dapat penulis selesaikan meskipun masih banyak kekurangan didalamnya.
Penyusunan laporan Tugas Akhir ini diajukan untuk menyelesaikan dan memenuhi rangkaian kegiatan Tugas Akhir, dan merupakan salah satu syarat yang harus ditempuh oleh setiap mahasiswa Jurusan Teknik Informatika, Progdi : Sistem Informasi Fakultas Teknologi Industri Universitas Pembangunan Nasional “Veteran” Jawa Timur untuk menyelesaikan studi Sarjana S1 Teknik Informatika.
Dalam penulisan laporan Tugas Akhir ini penulis menyadari telah banyak mendapatkan bantuan dari berbagai pihak. Oleh karena itu pada kesempatan ini dengan kesungguhan dan rasa rendah hati, penulis ingin menyampaikan ucapan terima kasih kepada:
1. Bapak Prof. Dr. Ir. Teguh Santoso, MP selaku Rektor Universitas Pembangunan Nasional “Veteran” Jawa timur.
3. Bapak Basuki Rahmat, S.Si, MT selaku Ketua Jurusan Teknik Informatika Universitas Pembangunan Nasional ”Veteran” Jawa Timur dan selaku dosen pembimbing I yang telah mengarahkan dan membimbing penulis dalam melaksanakan Tugas Akhir serta penyusunan laporan Tugas Akhir ini.
4. Bapak Budi Nugroho, S.kom, selaku dosen pembimbing II yang telah mengarahkan dan membimbing penulis dalam melaksanakan Tugas Akhir serta penyusunan laporan Tugas Akhir ini.
5. Bapak dan Ibu dosen jurusan teknik informatika / sistem informasi yang dengan tulus ikhlas memberikan arahan dan bantuannya.
6. Crew Fernus Light Surabaya, Bapak Farid Wahyudi selaku manager yang telah banyak memberi arahan dan informasi sewaktu penelitian.
7. Keluarga dan Orang tua. Bapak Winarno dan Ibu Sri Wahyuningsih Serta keluarga besar yang ada. Terimakasih, yang selama ini selalu mendoakan, mensupport, mengingatkan sehingga terselesaikannya tugas akhir ini.
8. Anak – anak basecamp yang selalu ada dan mengingatkan Ndang cepet Lu2s ben Ndang Rabi.
9. Keluarga besar BBC Society : ”Dimas” Porong suBlanka (ababil tobing), ”Muciz” Goblin suLambe, Hobbit ”Aji” suNino, ”Arul” ki Pli, Jemblem ”Agus” Coklut (tobing), ”Heru” Osborn, Dol ”Endra” Saman (komandan), Nando SuJengges dan teman-teman lainnya yang selalu ngeriwik saat pembuatan laporan. More Joke More Fun More Study More Baut.
Dan tak lupa kepada semua pihak yang telah memotivasi dan membantu penulis dalam melaksanakan Tugas Akhir serta penyusunan laporan ini. Semoga Allah SWT senantiasa memberi limpahan HidayahNya kepada kita semua, amin. Penulis menyadari bahwa laporan ini masih jauh dari kata sempurna, untuk itu kritik dan saran yang membangun penulis harapkan dari para pembaca untuk pembenahan laporan ini. Akhirnya penulis berharap agar hasil laporan ini bermanfaat bagi para pembaca pada umumnya, dan bagi para penulis khususnya, serta mampu memberikan sumbangsih bagi kemajuan keluarga besar Teknik Informatika UPN “Veteran” JATIM.
Surabaya, Desember 2011
v
DAFTAR ISI
HALAMAN JUDUL
LEMBAR PENGESAHAN TUGAS AKHIR LEMBAR PENGESAHAN DAN PERSETUJUAN ABSTRAK
KATA PENGANTAR ... i
DAFTAR ISI ... v
DAFTAR GAMBAR ... ix
BAB I PENDAHULUAN 1.1. Latar Belakang ... 1
1.2. Rumusan Masalah ... 2
1.3. Batasan Masalah ... 2
1.4. Tujuan ... 3
1.5. Manfaat ... 3
1.6. Metodologi ... 4
1.7. Sistematika Penulisan ... 4
BAB II TINJAUAN PUSTAKA 2.1. Profil Fernus Light Surabaya ... 5
2.2. Pengertian Cakephp ... 6
2.2.1. Mengapa Cakephp? ... 7
2.2.2. Struktur Aplikasi ... 10
2.2.3. Persiapan instalasi Cakephp ... 13
2.2.4. Installasi Xampp ... 14
2.3. Sejarah singkat XAMPP ... 22
2.3.1. Installasi Cakephp ... 24
2.3.2. Membuat Database Di Cakephp ... 26
2.4. Definisi MySql ... 29
2.4.1. Definisi MySql ... 29
2.4.2. Koneksi Database MySql dengan PHP ... 30
2.5. Mengenal Konsep MVC ... 31
BAB III ANALISA & PERANCANGAN SISTEM 3.1. Perancangan Sistem ... 33
3.2. UML ( Unified Modeling Languages ) ... 33
3.2.1. Use case Diagram ... 34
3.2.2. Activity Diagram ... 35
3.2.3. Squance Diagram ... 39
3.2.4. Statechart Diagram ... 41
vii
3.3. Perancangan Data ... 42
3.3.1. Conseptual Data Model (CDM) ... 42
3.3.2. Physical Data Model (PDM) ... 44
3.4. Desain Graphical User Interface ... 45
3.4.1. Desain Halaman Utama... 45
BAB IV IMPLEMENTASI SISTEM 4.1 Kebutuhan Sistem ... 45
4.2. Implementasi Sistem ... 45
4.2.1. Website ... 46
4.2.2. Halaman Utama User atau Pengunjung ... 46
4.3. Halaman Administrator ... 53
4.3.1. Contoh Proses Input Berita ... 57
BAB V PENGUJIAN SISTEM 5.1. Halaman Interface ... 60
5.1.1. Berbasis Web ... 60
5.1.1.1. Halaman Utama ... 61
5.1.1.2. Menu Profil ... 62
5.1.1.3. Menu Berita ... 63
5.1.1.4. Menu Agenda ... 64
5.1.1.5. Menu Daftar Harga ... 65
5.1.1.7. Menu Hubungi Kami ... 67 BAB VI KESIMPULAN DAN SARAN
ix
DAFTAR GAMBAR
Gambar 2.1. Logo Resmi Cakephp ... 6
Gambar 2.2. Struktur Kerja Cakephp ... 10
Gambar 2.3. Struktur Folder Cakephp ... 11
Gambar 2.4. Langkah Awal Installasi Xampp ... 14
Gambar 2.5. Setup Wizard ... 15
Gambar 2.6. Select Destination Location ... 15
Gambar 2.7. Xampp Options ... 16
Gambar 2.8. Proses Installasi ... 16
Gambar 2.9. Completing Install Xampp 1.6.4 ... 17
Gambar 2.10. Konfirmasi Keamanan ... 17
Gambar 2.11. Konfigurasi Service ... 18
Gambar 2.12. Konfirmasi Menjalankan Xampp ... 18
Gambar 2.13. Xampp Control Panel Application... 19
Gambar 2.14. Open Browser ... 20
Gambar 2.15. Php Info ... 20
Gambar 2.16. Php MyAdmin ... 21
Gambar 2.17. Root Folder ... 22
Gambar 2.18. Tampilan Halaman Website Cakephp ... 24
Gambar 2.19. Tampilan Halaman Website Cakephp ... 25
Gambar 2.20. Tampilan Halaman Php Myadmin ... 26
Gambar 2.22. Tampilan Cakephp ... 28
Gambar 2.23. Konsep MVC ... 31
Gambar 3.1. Use case Diagram ... 35
Gambar 3.2. Activity Diagram Melihat Web ... 36
Gambar 3.3. Activity Diagram Update ... 37
Gambar 3.4. Activity Diagram Delete ... 38
Gambar 3.5. Activity Diagram Hubungi Kami ... 39
Gambar 3.6. Squance Diagram View Web ... 39
Gambar 3.7. Squance Diagram Hubungi Kami ... 39
Gambar 3.8. Squance Diagram Login... 40
Gambar 3.9. Squance Diagram Update ... 40
Gambar 3.10. Squance Diagram Delete ... 40
Gambar 3.11. Statechart Diagram Hubungi Kami... 41
Gambar 3.12. Statechart Diagram Pengisian Data Berita ... 41
Gambar 3.13. Statechart Diagram Pengisian Agenda ... 41
Gambar 3.14. Statechart Diagram Pengisian Pengumuman ... 41
Gambar 3.15. Statechart Diagram Pengisian Daftar Harga ... 41
Gambar 3.16. Class Diagram ... 42
Gambar 3.17. CDM (Conceptual Data Model) ... 43
Gambar 3.18. PDM (Phsical Data Model) ... 44
Gambar 4.1. Halaman Utama Website... 46
Gambar 4.2. Halaman Berita ... 49
xi
Gambar 4.4. Halaman Login Admin ... 53
Gambar 4.5. Halaman Administrator ... 55
Gambar 4.6. Halaman Menu Berita ... 57
Gambar 4.7. Tampilan Antar Muka ‘Tambah Berita’ ... 58
Gambar 4.8. Tampilan Berita Yang Telah Ditambahkan ... 59
Gambar 5.1. Halaman Utama ... 61
Gambar 5.2. Halaman Profil... 62
Gambar 5.3. Halaman Berita ... 63
Gambar 5.4. Halaman Agenda ... 64
Gambar 5.5. Halaman Daftar Harga ... 65
Gambar 5.6. Halaman Pengumuman ... 66
administrasi usaha dan pengecekan alat – alat yang di sewa atau tidak, sehingga petugas tidak lagi memasukkan data-data secara manual dan data administrasi pun menjadi lebih efisien dan akurat. Selain itu kami selaku penulis mencoba menggunakan frame work cakephp dan akhirnya muncul sebuah judul “Pembuatan Website FERNUS LIGHT Menggunakan Framework Cakephp”.
1.2 Perumusan Masalah.
Permasalahan yang sedang dihadapi FERNUS LIGHTING Surabaya “Jawa Timur”, diantaranya adalah :
1. Bagaimana merancang dan membuat aplikasi website di Fernus Light Surabaya. 2. Bagaimana cara mengimplementasikan web profile tersebut.
3. Bagaimana menyajikan informasi yang lengkap bagi konsumen. 1.3 Batasan Masalah.
Pada Tugas Akhir ini perlu didefinisikan beberapa batasan masalah. Karena banyaknya cakupan masalah yang ada maka Penulis hanya akan membatasi dalam suatu ruang lingkup sebagai berikut:
Dalam menganalisa dan menyelesaikan suatu masalah, maka perlu diberikan pembatasan atau ruang lingkup pembahasan guna mempermudah dalam pemecahan serta pembahasannya.
Ruang lingkup permasalahan dalam pengerjaan Tugas Akhir ini adalah pembuatan Web profile. Batasan-batasan masalah pada Web profile antar pihak konsumen dan owner, diantaranya :
2. Disini user atau pihak Fernus Light hanya menyediakan sebuah artikel – artikel tentang lighting dan sejenisnya, tidak melayani pemesanan.
3. Penginputan data tentang agenda, profil, daftar harga, dan tentang pembalasan saran kritik yang masuk di hubungi kami hanya bisa dilakukan user admin.
1.4 Tujuan Penelitian.
Tujuan yang akan dicapai dari Tugas Akhir pembuatan Website FERNUS LIGHT menggunakan framework cakephp ini adalah :
1. Untuk merancang dan membangun sebuah aplikasi website diperusahaan Fernus Light Surabaya.
2. Menerapkan website berbasis framework Cakephp kedalam perusahaan Fernus Light Surabaya.
3. Memberikan wadah yang menarik untuk menyampaikan informasi kepada masyarakat.
1.5 Manfaat.
Manfaat dari Tugas Akhir pembuatan Website Fernus Light Surabaya ini bagi mahasiswa adalah:
1. Untuk mempermudah FERNUS LIGHT memberikan informasi tentang lighting kepada semua masyarakat.
2. Untuk memberikan kemudahan bagi para konsumen yang akan memilih milih macam – macam lighting yang tepat.
Manfaat dari Tugas Akhir pembuatan Web profile ini bagi pihak FERNUS LIGHTING adalah: 1. Untuk mempermudah FERNUS LIGHTING memberikan sebuah informasi tentang
lighting kepada masyarakat.
2. Untuk memberikan kemudahan bagi para konsumen yang akan menggunakan jasa perusahaan FERNUS LIGHTING ini dalam transaksi persewaan.
3. Mempersiapkan sarana penyajian informasi yang modern.
4. Sebagai sarana promosi untuk memperluas jangkauan informasi dan berita tentang mutu perusahaan secara global.
1.6 Metodologi Penelitian.
Langkah-langkah pengumpulan data sebagai dasar penyusunan skripsi :
1. Metoda Analisa, menganalisa masalah-masalah yang akan disajikan dan mengumpulkan data.
2. Metoda Literatur, usaha yang dilakukan dengan tujuan untuk memudahkan dalam melengkapi data dan memecahkan masalah yang merupakan sumber referensi bagi penulis dalam mengambil langkah pengamatan dan melengkapi data.
1.7 Sistematika Penulisan.
Dalam laporan tugas akhir ini, pembahasan disajikan dalam enam bab dengan sitematika pembahasan sebagai berikut:
BAB I Pendahuluan.
BAB II Tinjaun Pustaka.
Di bab ini akan dijelaskan tentang teori pemecahan masalah yang berhubungan dengan pembuatan tugas akhir.
BAB III Analisa dan Perencanan Sistem.
Pada bab ini dijelaskan tentang tata cara metode perencanaan sistem yang akan digunakan untuk mengelola sumber data yang dibutuhkan sistem antara lain: Data
Flow Diagram ( DFD ) dan Genaral User Interface.
BAB IV Implementasi Sistem.
Di bab ini akan dijelaskan implementasi dari program yang telah dibuat meliputi implementasi proses dan implementasi antarmuka.
BAB V Uji Coba dan Evaluasi.
Pada bab ini menjeleskan tentang pelaksanaan uji coba dan evaluasi dari pelaksanaan uji coba dari program yang dibuat.
BAB VI Penutup.
Bab ini berisikan kesimpulan dan saran dari penulis untuk pengembangan sistem.
Daftar Pustaka.
BAB I
PENDAHULUAN
1.1 Latar Belakang.
Dalam menghadapi Era Globalisasi mahasiswa sebagai bagian dari masyarakat ilmiah dituntut untuk lebih dapat mengembangkan kemampuan dan ketrampilannya sehingga dapat mengaplikasikan ilmu yang diterima dari bangku perkuliahan kedalam hal-hal yang lebih bersifat praktis, sehingga dalam upaya penguasaan teknologi haruslah dapat dilakukan secara proporsional agar dapat lebih professional dalam bidang yang ditekuninya.
FERNUS LIGHTING adalah salah satu usaha yang bergerak dalam bidang penyedia jasa persewaan alat – alat pesta atau semacamnya, yang ingin mengimplementasikan perkembangan teknologi sebagai sarana penunjang kinerja perusahaan tersebut, dikarenakan FERNUS LIGHTING masih menggunakan sistem manual dan pencataan administrasi maupun transaksi persewaannya masih lambat dan membutuhkan waktu yang lama.
Web profile telah menjadi sesuatu yang sangat vital di dalam zaman yang serba instan ini, web profile adalah salah satu sarana terbaik bagi organisasi dalam rangka menyajikan informasi dalam sebuah organisasi yaitu FERNUS LIGHTING . Bahkan dalam perkembangannya, web profile tidak lagi hanya berfungsi sebagai sarana penyajian, melainkan telah menjadi wadah komunikasi dan informasi yang sangat efektif dan variatif. Sehingga pengimplementasian web profile menjadi pilihan hampir bagi segala macam organisasi.
2.2 Pengertian CakePHP
CakePHP adalah sebuah framework open source yang digunakan untuk mengembangkan aplikasi web dengan dasar kerja CRUD (Create, Read, Update, Delete). CakePHP juga menjadi salah satu framework pilihan yang memungkinkan developer untuk membuat sebuah aplikasi web dengan karakter pengembangan RAD (Rapid Application Development), yang memungkinkan untuk digunakan dan dikembangkan menjadi aplikasi lain yang lebih kompleks. CakePHP terdiri dari file-file pustaka (library), kelas-kelas, dan infrastruktur run-time yang terinspirasi oleh framework Ruby on Rails. CakePHP juga banyak digunakan oleh para programmer yang memilih untuk bekerja dengan struktur yang rapi dan padat tanpa kehilangan fleksibilitas pengembangan framework.
Pada tahun 2005, Michal Tatarynowicz mulai menulis beberapa kelas untuk sebuah dasar aplikasi RAD dengan menggunakan bahasa pemrograman PHP. Ia menyadari bahwa beberapa kelas yang ia ciptakan sangat memungkinkan untuk dikembangkan menjadi sebuah framework yang lebih lengkap dan praktis. Akhirnya, Michal mempublikasikan hasil kerjanya di bawah lisensi MIT Amerika Serikat, menamainya dengan Cake dan menawarkan pengembangannya pada komunitas developer PHP dan saat ini proyek tersebut dikenal dengan nama CakePHP.
CakePHP bersifat terbuka, bebas didapatkan, dan bebas dikembangkan. Komunitas pengembang CakePHP mengajak seluruh programmer PHP untuk bergabung dalam Cake Software Foundation Inc. yang membawahi proyek pengembangan CakePHP dan aplikasi berbasis CakePHP. Informasi tentang CakePHP bisa didapatkan pada situs resmi Cake Software Foundation di website www.cakephp.org
Selain website resmi, para pengembang CakePHP juga biasa berdiskusi dengan menggunakan IRC (Internet Relay Chat). Di sini Anda bisa berjumpa dengan banyak Bakers, sebutan untuk mereka yang menjadi developer CakePHP. Forum diskusi CakePHP ini bisa dikunjungi di channel #cakephp pada server irc.freenode.com.
2.2.1 Mengapa CakePHP ?
Selama ini, pemahaman yang kita peroleh tentang aplikasi web berbasis PHP adalah sebuah aplikasi yang terdiri dari file-file PHP yang berisi kode-kode dan tag html yang dicampur dengan kode-kode PHP atau lebih dikenal dengan nama spaghetti code (iya lah, coba aja liat makanan spaghetti yang lebih mirip dengan bakmi campur ! ).
Pengembangan aplikasi web dengan cara konvensional seperti ini tidaklah keliru, namun akan menjadi masalah besar apabila aplikasi ini membutuhkan banyak fitur dan pengembangan di kemudian hari. Framework CakePHP menjadi pilihan untuk mengatasi berbagai permasalahan yang muncul dalam pengembangan aplikasi web, karena beberapa kelebihannya, antara lain :
Open Sour ce
Riset yang terorganisir dengan baik
Pengembangan framework bukanlah pekerjaan yang selesai dalam waktu 1-2 hari. Semakin terorganisirnya pengembangan sebuah framework akan berbanding lurus dengan kualitas framework yang dihasilkan. CakePHP memenuhi syarat ini dan dikembangkan dalam riset yang terorganisir dan berkesinambungan di bawah Cake Software Foundation.
Dokumentasi yang lengkap
Framework yang baik harus mempunyai dokumentasi yang lengkap, karena sekumpulan kelas tanpa dokumentasi tak lebih dari sebongkah file yang asing dan menambah masalah developer. Untuk referensi lebih lengkap (gunakan manual dan API CakePHP), silahkan buka http://www.cakephp.org
Kompatibel dengan PHP 4 dan PHP 5
CakePHP berjalan mulus di server Apache yang menggunakan PHP 4 maupun PHP 5. Fleksibilitas dan kompatibilitas inilah yang banyak menarik minat para programmer untuk menggunakan framework CakePHP sebagai dasar untuk pengembangan aplikasi mereka.
Konsep CRUD terintegrasi
CakePHP menerapkan konsep CRUD (Create, Read, Update, Delete) terintegrasi yang membantu interaksinya dengan database dan menyederhanakan query.
Ar sitektur OOP dan MVC
modifikasi kelas dan fungsi yang digunakan. CakePHP menggunakan arsitektur Model, View, Controller (MVC) yang memisahkan database logic (Model), presentation logic (View) dan bussiness logic (Controller).
Fitur Scaffolding
Ya, barangkali inilah fitur yang jarang didapat pada framework lain. CakePHP mempunyai fitur yang mampu men-generate prototipe aplikasi anda, sebelum anda menyusun source code-nya secara lengkap. Cukup tambahkan variabel $scaffold di controller anda, dan sim salabim ! Aplikasi web anda sudah bisa anda nikmati.
Manajemen akses bagi user
CakePHP memungkinkan pengaturan user dan hak aksesnya dalam aplikasi yang anda kembangkan, dengan sarana yang lebih mudah dipahami. Fitur ini dikenal dengan nama Access Control List (ACL).
Validasi dan sanitasi data
CakePHP mempunyai kelas-kelas dasar yang membantu programmer untuk melakukan sanitasi dan validasi data pada aplikasinya.
Komponen Security, Session, dan Request Handling yang terintegrasi
Metode templating yang simpel
Sebagaimana framework-framework yang lain, CakePHP juga mendukung metode templating
yang sangat mudah digunakan untuk membantu programmer dan web disainer menciptakan
tampilan aplikasi yang indah dan mudah dimodifikasi. CakePHP mempunyai kelas helper yang mendukung templating HTML, Ajax, Javascript dan masih banyak lagi.
Cocok untuk segala strukutur direktori
CakePHP mempunyai sistem konfigurasi yang menyediakan berbagai macam pilihan konfigurasi, sesuai dengan struktur direktori pengembangan aplikasi berbasis framework CakePHP.
2.2.2 Struktur Aplikasi
Dari gambar di atas, cara kerja CakePHP sebagian besar sudah bisa dijelaskan. Pertama kali, user
melakukan request, yang akan ditangani oleh controller. Controller memiliki banyak method
(fungsi – fungsi) yang akan menangani request. Controller akan mengambil data pada database
melalui model. Model memberikan data yang relevan kepada controller. Controller akan
mengolah data dan memberikannya pada view (tampilan) yang dipilih. Tampilan inilah yang
akan dilihat oleh user pada browser-nya.
Folder /app adalah folder di mana aplikasi web akan dikembangkan. Folder ini berisi beberapa
folder lainnya, antara lain :
• /config : berisi file – file konfigurasi CakePHP, termasuk konfigurasi database, debug option, ACL config, dan routing option.
• /controllers : berisi file-file controller yang akan berperan sebagai bussiness logic dari aplikasi.
• /models : berisi file-file model yang akan berperan sebagai database logic dari aplikasi.
• /plugins : folder ini digunakan apabila seorang developer ingin mengembangkan aplikasi kecil sebagai pendukung aplikasi utama. Folder ini berfungsi sebagai tempat penyimpanan aplikasi pendukung tersebut.
• /tmp : digunakan untuk fungsi caching dan logging aplikasi
• /vendors : digunakan apabila programmer melibatkan beberapa aplikasi-aplikasi tambahan (third-party application) yang dikembangkan oleh developer lainnya.
• /views : berisi file - file view yang akan berperan sebagai presentation logic dari aplikasi anda. Folder ini juga memiliki beberapa sub folder yang digunakan untuk menyimpan untuk menyimpan halaman statis (folder /pages), halaman layout dasar aplikasi (folder /layouts), tampilan tambahan yang fleksibel (fodler /elements) dan sebagainya.
• /webroot : folder ini berfungsi sebagai DocumentRoot dari aplikasi yang Anda buat. Server akan mengakses file index.php yang diletakkan di folder ini.
disarankan untuk mengubah file-file di folder ini. Namun untuk beberapa keperluan, para developer CakePHP biasanya melakukan beberapa modifikasi dan perubahan source code pada file yang ada di folder ini.
Folder /vendors digunakan untuk menyimpan aplikasi third-party yang digunakan dalam lingkup yang lebih luas. Pemisahan antara folder /app dan folder /cake memungkinkan developer untuk memasang banyak folder /app dengan memanfaatkan satu folder /cake saja. Hal ini juga memudahkan developer untuk melakukan update framework CakePHP, cukup download versi terbaru dan timpakan ke folder /cake yang lama tanpa mengganggu folder /app.
2.2.3 Persiapan Installasi CakePHP
Sebelum Kita mulai untuk melakukan Instalan, ada beberapa persiapan komputer dengan spesifikasi sebagai berikut :
1. Sistem Operasi Windows 98 SE atau sesudah nya, Bagi yang menggunakan OS selain windows, seperti GNU/LinuX atau MacOS X, pastikan sistem operasi anda berjalan dengan lancar, dan di sini penulis mencoba memakai Windows 7 Ultimate yang penulis punya.
2. Prosesor Intel Pentium atau AMD dengan clock/kecepatan minimal 500 MHZ.
3. RAM 128 RAM atau lebih, lebih baik.
4. Kapasitas hardisk 10 GB atau lebih, lebih baik.
1. Di Lapotop atau PC anda harus sudah terinstal server, seperti APPSERV atau
XAMPP, di sini penulis memakai XAMPP sebagai server tesebut.
2. Di Laptop atau PC anda harus sudah terinstal database, bagi yang ingin
menggunakan database SQL, penulis menyarankan menggunakan MysqlFront
untuk membuat nya.
3. Software editor teks, seperti : NotePad, Notepad++, EditPlus dan Micromedia
Dreamweaver.
4. Dan yang lebih penting lagi adalah anda harus mempunyai paket instalisasi
CakePhp, karena ini yang akan kita bahas lebih luas pada tulisan kali ini, anda
bisa mendapatkannya di www.cakephp.org
2.2.4 Installasi Xampp
a. klik pada XAMPP 1.6.4 untuk memulai proses Instalasi, kemudian Click! Yes.
Gambar 2.4 Langkah Awal.
Pert ama saat file inst allasi dijalankan kit a diminta unt uk mem ilih bahasa yang ingin digunakan
b. Lalu Click!Next
Gambar 2.5 Setup Wizard.
Selanjutnya akan muncul welcome screen yang berisi informasi tentang versi yang akan
kita install, disini kita diminta untuk menutup terlebih dahulu program-program yang sedang
aktif selama proses installasi, jika sudah tekan tombol Next.
c. Select Destination Location Xampp lalu Click!Next.
Berikutnya kita diberikan kesempatan untuk memilih lokasi program akan diinstall,
secara default XAMPP akan di install pada folder C:\xampp.
d. Xampp Options Click Instal.
Gambar 2.7 Xampp Opt ions.
Gambar 2.7 Option yang memilih agar tidak selalu merestart Apace dan My SQL ketika
menggunakan PHP.lalu Click! Instal.
Berikutnya XAMPP akan melakukan installasi program pada komputer anda.
e. Launch Xampp 1.6.4 now finish.
Gambar 2.9 Completing install Xampp 1.6.4.
Setelah selesai melakukan installasi pada komputer anda akan muncul sebuah pesan yang
memberitahukan proses berhasil dilakukan seperti gambar 2.9 diatas.
f. Konfirmasi Keamanan.
Selanjutnya XAMPP akan langsung mencoba menjalankan hasil installasi dan melakukan
konfiguasi tambahan yang diperlukan, jika anda mengunakan windows XP SP2/Vista
kemungkinan akan muncul form security report seperti gambar 7 yang meminta konfirmasi
apakah program benar akan dijalankan?
Karena memang benar kita menjalankan program tersebut maka pilih tombol UNBLOCK pada
form konfirmasi yang muncul tersebut.
g. Informasi Konfigurasi Service.
Gambar 2.11 Konfigurasi Service.
Berikutnya akan muncul pesan jika konfigurasi installasi servcei selesai dilakukan.
h. Konfimasi Menjalankan Xampp Control Panel
Dan selanjutnya akan ditanyakan apakah kita ingin menbuka XAMPP Control Panel
setelah selesai installasi ini.
i. Xampp Control Panel.
Gambar 2.13 Xampp Control Panel Application.
Jika pada pilihan sebelumnya kita memilih untuk menjalankan XAMPP Control panel
maka secara automatis XAMPP control panel akan ditampilkan, form control panel XAMPP
seperti gambar 2.13 diatas, dari control panel ini kita dapat mematikan atau menjalankan service
yang telah terinstall.
Sampai disini proses installasi Apache, PHP dan MySQL di komputer kita telah selesai
dan siap untuk digunakan. Untuk mencoba hasil installasi bukalah browser yang ada di komputer
anda kemudian pada address bar ketikan http://localhost kemudian tekan enter untuk
membrowse dan mencoba apakah webserver telah bisa digunakan. Jika sukses maka akan
j. Welcome screen XAMPP
Gambar 2.14 Open Browser.
Gambar 2.14 Pada bagian kiri welcome screen XAMPP ini terdapat link fasilitas-fasiltias
yang telah terinstall, untuk mencoba fasiltias-fasilitas tersebut kita cukup mengklik link yang
ada. Di dalamnya terdapat macam- macam tools yang berhubungan dengan xampp.
k. PHP Info
Fasilitas untuk menampilkan konfigurasi setting php yang telah dilakukan oleh XAMPP,
semua setting PHP ini masih dapat dirubah sesuai keperluan dengan mengedit file PHP.INI yang
tersimpan pada file folder yang tercatat di phpinfo().
l. PHP My Admin
Gambar 2.16 Php My Admin.
PhpMyAdmin merupakan webbase control panel untuk MySQL yang telah terinstall didalam
komputer kita, dari sini kita dapat membuat/memodifikasi/menghapus database dan table data
m.Root Folder Xampp.
Gambar 2.17 Root Folder.
Setelah terinstall dan berjalan dan dengan baik, untuk mencoba menambahkan file-file
project PHP yang kita buat cukup meletakan file tersebut pada root folder apache yang berada
pada folder htdocs yang terdapat pada folder XAMPP terinstall. Secara default folder tersebut
terdapat pada C: \XAMPP\htdocs.
2.3.0 Sejar ah singkat XAMPP
XAMPP merupakan pengembangan dari LAMP (Linux Apache, MySQL, PHP and
PERL), XAMPP ini merupakan project non-profit yang di kembangkan oleh Apache Friends
yang didirikan Kai 'Oswalad' Seidler dan Kay Vogelgesang pada tahun 2002, project mereka ini
bertujuan mempromosikan pengunaan Apache web server.
Berikut detail paket installasi yang disertakan pada XAMPP 1.6.4 yang digunakan pada
artikel ini:
Apache 2.2.6
MySQL 5.0.45
PHP 5.2.4 + PHP 4.4.7 + PEAR
PHP-Switch win32 1.0
XAMPP Control Version 2.5 from www.nat32.com
XAMPP Security 1.0
SQLite 2.8.15
OpenSSL 0.9.8e
phpMyAdmin 2.11.1
ADOdb 4.95
Mercury Mail Transport System v4.01b
FileZilla FTP Server 0.9.23
• Webalizer 2.01-10
• Zend Optimizer 3.3.0
2.3.1 Installasi CakePHP
Langkah paling pertama dalam melakukan installasi CakePHP, yaitu anda harus
mendownload installer CakePHP di situs resmi www.cakephp.org tampilan halaman website
tampak seperti gambar dibawah ini.
Gambar 2.18 Tampilan Halaman Website CakePHP.
Dari halaman website tersebut anda bisa mendownload installer CakePHP, software yang
anda dapatkan berformat .Jar dimana sebelum menggunakannya kita harus Ekstrasi terlebih
dahulu dengan cara klik kanan pada CakePHP tersebut, pilih Exctarct Here maka software
tersebut akan berubah menjadi sebuah folder. Dan folder tersebut kita taruh di dalam server yang
sebelumnya telah kita instal terlebih dahulu, di sini penulis memakai sever Xampp, cara
Sedangkan untuk pengguna server WampServer, cara meletakkan susunan foldernya adalah
sebagai berikut : C://xampp/www/folder cakephp nya
Langkah berikutnya silahkan anda ketik http://localhost/cakephp/ jika semua langkah
yang anda lakukan dengan benar, maka anda akan mendapatkan tampilan di halaman web
browser anda seperti gambar dibawah ini.
Gambar 2.19 Tampilan Halaman CakePHP.
Dari gambar diatas, anda perhatikan pesan Your Database Configuration file is Not
Present pesan ini muncul dikarenakan memang sampai sejauh ini anda belum membuat database
2.3.2 Membuat Database Di CakePHP
Penulis membuat database dengan menggunakan phpmyadmin, untuk menampilkannya
silahkan anda ketik http://localhost/phpmyadmin/ tampilannya tampak seperti gambar dibawah
ini.
Gambar 2.20 Tampilan Halaman phpmyadmin.
Untuk membuat database baru, silahkan anda perhatikan form kosong yang bertuliskan
Create new database dari form tersebut silahkan ketikkan nama database yang anda inginkan,
setelah mengetikkan nama databasenya selanjutnya anda klik tombol Create jika semua langkah
Gambar 2.21 Tampilan Pesan Membuat Database Baru.
Dari gambar diatas penulis membuat nama database yaitu cake, langkah berikutnya kita
akan melakukan configurasi database ke Cakephp, susunan dari folder configurasinya terdapat
pada C:\xampp\htdocs\cakephp\app\config dari folder config tersebut silahkan anda edit
beberapa script yang terdapat pada file database.php.default selanjutnya anda cari script seperti
dibawah ini.
class DATABASE_CONFIG { public $default = array( 'driver' => 'mysql', 'persistent' => false, 'host' => 'localhost', 'login' => 'user',
'password' => 'password',
'prefix' => '',);
Dari script defaultnya silahkan anda rubah sesuai dengan database yang anda buat
sebelumnya, hasil terakhir tampilan script yang penulis buat beserta databasenya tampak seperti
dibawah ini.
class DATABASE_CONFIG { public $default = array(
'driver' => 'mysql', // ini adalah nama drivernya 'persistent' => false,
'host' => 'localhost', // ini adalah nama servernya
'login' => 'root',// ini adalah nama user dalam database
'password' => 'root',// ini adalah nama password dalam database 'database' => 'cake',//ini adalah nama databasenya yang kita buat tadi
'prefix' => '',);
Untuk melihat hasil perubahannya, silahkan anda ketik http://localhost/cakephp/ maka
tampilan pada layar sebagai berikut.
Dari tampilan gambar 2.17 dan 2.14 tidak ada perbedaan yang sangat mencolok,
perbedaan hanya terlihat dari pesan Your Database Configuration file is Not Present ini pesan
muncul dikarenakan kita belum membuat database untuk cakephp, dan setelah kita membuat
database dan koneksinya maka pesen tersebut akan berubah menjadi Your Database
Configuration in Present pesan ini muncul dikarenakan database sudah terkoneksi dengan
cakephp.
2.4.1 Definisi MySql
Berikut ini akan dijelaskan mengenai beberapa definisi MYSQL untuk memperjelas
pengertian tentang software ini :
• MYSQL adalah sistem pengaturan relational database.
Suatu relational database, menyimpan data dalam bentuk tabel-tabel yang
kemudian akan diletakkannya semua data dalam satu ruang penyimpanan yang
besar.
• MYSQL adalah Open Source Software (perangkat lunak).
Open Source artinya bahwa software tersebut memungkinkan untuk digunakan
dan dimodifikasi oleh siapa saja.
• MYSQL menggunakan GPL (GNU General Public License)
Untuk menentukan apakah seseorang memenuhi persyaratan untuk menggunakan
atau kurang berkenan dengan GPL atau ingin menggunakan MYSQL untuk aplikasi
bisnis, maka orang tersebut dapat membeli lisensi yang bersifat komersial.
2.4.2 Koneksi DatabaseMySql dengan PHP
Berikut ini adalah penulisan fungsi script untuk koneksi ke dalam databaseMySql :
1. MySql_connect()
Perintah ini digunakan untuk melakukan koneksi ke server databaseMySql, fungsi ini
memiliki format penulisan sebagai berikut. mysql_connect (host, username, password) ;
2. MySql_select_db()
Perintah ini digunakan untuk memilih database yang ada di server MySql, fungsi ini
memiliki format penulisan sebagai berikut.
mysql_select_db (nama_database, pengenal_koneksi) ;
3. MySql_quer y()
Perintah ini digunakan untuk melakukan query atau menjalankan
permintaan terhadap sebuah tabel atau sejumlah tabel database, fungsi ini memiliki
format penulisan sebagai berikut.
3.0 Mengenal Konsep MVC
MVC merupakan kepanjangan dari Model – View – Controller, yang merupakan alur
kerja atau konsep yang digunakan CakePHP. Dengan konsep MVC ini akan menyebabkan
halaman web sedikit mengandung kode, karena telah dipisahkan struktur tampilan dan logika.
Adapun ilustrasi dari MVC dapat dilihat pada gambar dibawah ini.
Gambar 2.23 Konsep MVC
Keterangan :
• Client, merupakan pengguna saat meminta request pada url web browser.
• Dispatcher, berfungsi untuk memeriksa url yang diminta serta menangani permintaan
yang sesuai dengan controller.
• Contr oller, merupakan pengendali yang menghubungkan antara model dan juga view,
karena semua permintaan yang masuk, akan ditangani oleh controller terlebih dahulu.
• Model, merupakan tempat untuk representasi data atau bagian yang berhubungan dengan
database.
• View, merupakan tempat untuk memberi informasi atau menampilkan data yang diminta
pengguna ke dalam tampilan layar. Secara default, hal yang terdapat dalam view
merupakan hal yang kelihatan dihalaman web. Ketika kita mempunyai template atau
web, view merupakan tempat untuk itu.
Setelah melihat penjelasan diatas, dapat disimpulkan alur kerja dari framework CakePHP sebagai
berikut :
1. Client meminta kepada CakePHP melalui url kepada dispatcher.
2. Dispatcher kemudian menerima dan memeriksa hasil request url tersebut kepada per
segment kepada controller.
3. Controller kemudian memproses hasil request tersebut berdasarkan segment dan
diteruskan kepada bagian model.
4. Lalu dari bagian model akan memproses request controller kepada database, kemudian
akan memperoleh hasil dan akan dikembalikan kepada controller untuk ditangani
selanjutnya sesuai perintah yang ada dalam controller.
5. Bagian view akan memproses data hasil controller sebelum ditampilkan kepada client.
TINJ AUAN PUSTAKA
Pada bab II ini akan dibahas beberapa teori dasar untuk menunjang dalam menyelesaian
skripsi ini, antara lain: Profil Fernus Light Surabaya, Pengertian dan Installasi CakePHP ,
dasar-dasar CakePHP, kelebihan CakePHP, definisi MySql, Koneksi database MySql dengan
CakePHP.
2.1 Pr ofil Fernus Light Sur abaya, Visi dan Misi.
FERNUS LIGHTING SURABAYA didirikan oleh Moch. Farid Wahyudi pada tanggal
12 Agustus tahun 1998 yang sekarang menjabat menjadi kepala perusahaan, akan tetapi pada
saat itu belum mampunyai alat-alat yang lengkap. Tetapi tetap berusaha agar para konsumen
menjadi puas. Pada tanggal 12 September 1998 FERNUS LIGHT mulai memiliki alat-alat yang
lengkap. FERUS LIGHTING semakin tahun selalu mengalami perubahahan yang bertahap,
hingga saat ini yang tetap dipimpin oleh Moch. Farid Wahyudi menjadi salah satu rental
persewaan lighting terfavorit di kota Surabaya.
2.1.1 Visi dan Misi Fernus Light Sur abaya
VISI : Unggul dalam meraih kepuasan konsumen, membentuk kepercayaan konsumen
terhadap mutu barang.
MISI : 1. Mengembangkan layanan dan mutu barang.
2. Menjaga kepercayaan konsumen.
BAB III
ANALISIS DAN PERANCANGAN SISTEM
Pada bab III ini akan dibahas alur analisis dan perancangan pembuatan
Aplikasi Sistem Pembayaran Siswa berbasis website antara lain : Data Flow Diagram dan Graphical User Interface.
3.1 Per a ncangan Sistem
Seperti halnya aplikasi website yang lain, tampilan web profile ini dibuat
sedemikian rupa bertujuan agar pengunjung dapat dengan mudah menggunakan
fitur -fitur yang ditampilkan serta mudah untuk membaca informasi yang
ditampilkan. Fungsi – fungsi yang disediakan pada website Fernus Lighting Surabaya.
3.2 UML ( Unified Modeling Languages )
UML merupakan bahsa pemodelan yang paling sukses dari tiga metode
OO yang telah ada sebelumnya, yaitu Booch, OMT dan OOSE. UML merupakan
kesatuan dari ketiga metode pemodelan tersebut dan ditambah kemampuan lebih
untuk mengatasi masalah pemodelan yang tidak bisa ditangani ketiga metode
tersebut. UML merupakan suatu kumpulan teknik terbaik yang telah terbukti
sukses dalam memodelkan sistem yang besar dan kompleks.
UML (Unified Modeling Language) adalah sebuah bahasa untuk menetukan,
visualisasi, kontruksi, dan mendokumentasikan artifact (bagian dari informasi
Artifact dapat berupa model, deskripsi atau perangkat lunak) dari system
perangkat lunak, seperti pada pemodelan bisnis dan system non perangkat lunak
lainnya. UML merupakan suatu kumpulan teknik terbaik yang telah terbukti
sukses dalam memodelkan system yang besar dan kompleks. UML tidak hanya
digunakan dalam proses pemodelan perangkat lunak, namun hampir dalam semua
bidang yang membutuhkan pemodelan.
3.2.1 Use case Diagr am
Mendeskripsikan fungsionalitas sistem yang seharusnya dilakukan sesuai yang
diinginkan external actors. Actor yang berinteraksi dengan sistem dapat berupa user atau sistem lainnya.View ini digambarkan dalam use case diagrams dan kadang-kadang dengan activity diagrams. View ini digunakan terutama untuk pelanggan, perancang, pengembang, dan penguji sistem.
a. Use case
Gambar 3.1 - Use Case User
Admin
Login
Delete
Hubungi Kami Halaman
Website
3.2.2 Activity Diagr am.
a. Activity Diagram Melihat Website Fernus Light
Gambar 3.2 - Activity Diagram melihat website
Penjelasan Gambar 3.2. Activity Diagram melihat website :
Itu sebuah alur yang hanya bisa dilakukan oleh seorang user. Dia hanya
dapat melihat (view) saja. Dikarenakan dia tidak memiliki akses untuk
meng-update atau mendelete artikel – artikel yang ada didalam website tersebut. Akan
tetapi user bisa mengirim sebuah pesan kepada admin lewat halaman Hubungi
Kami. User memasuka email, judul pesan, dan isi pesan itu sendiri.
Gambar 3.3 - Activity Diagram Update
c. Activity Diagram Delete
Gambar 3.4 - Activity Diagram Delete
d. Activity Diagram isi Hubungi Kami
Gambar 3.5 - Activity Diagram Hubungi Kami
3.2.3 Squance Diagr am
a. Sequence lihat Web
Gambar 3.6 – Squance Diagram View web
b. Sequence Hubungi Kami
Buka halaman Invalid Invalid Invalid Invalid Invalid
Gambar 3.7 – Squance Diagram Hubungi Kami
c. Sequence lihat Login
Gambar 3.8 – Squance Diagram login
d. sequence Update
Gambar 3.9 – Squance Diagram Update
e. sequence Delete
Gambar 3.10 – Squance Diagram Delete
Open New Open New Invalid
Login Open New Open New Open New Invalid Invalid Invalid Invalid Invalid
3.2.4 Statechar t Diagr am
a. Statechart diagram pengisian hubungi kami b. Statechart diagram pengisian data berita
Pengisian
c. Statechart diagram pengisian Agenda d. Statechart diagram pengisian pengumuman
Pengisian
e. Statechart diagram pengisian Daftar Harga
3.2.5 Class Diagr am
3.3 Per a ncangan Data
Perancangan merupakan bagian penting pada sistem informasi, karena di
perlukan untuk mengelola sumber informasi pada organisasi tersebut. Untuk
mengelola sumber informasi tersebut yang pertama kali di lakukan adalah
merancang suatu sistem database agar informasi yang ada pada organisasi tersebut
dapat digunakan secara maksimal.
Data adalah kumpulan dari angka-angka maupun karakter-karakter yang
tidak memiliki arti, dari data tersebut nantinya akan diolah sehingga menghasilkan
informasi dan perancangan data digunakan untuk membuat suatu database yang dibutuhkan oleh sistem informasi berbasis web yang akan dibuat.
Berita
3.3.1 Conseptual Data Model
CDM (Conceptual Data Model) adalah suatu model yang dibuat berdasarkan anggapan bahwa dunia nyata terdiri dari koleksi obyek-obyek dasar
yang dinamakan entitas (entity) serta hubungan (relationship) antara entitas-entitas itu. CDM dipakai untuk menggambarkan secara detail struktur basis data
dalam bentuk logic, tampilan CDM tampak seperti pada Gambar 3.6 sebagai
3.3.2 Physical Data Model
Physical Data Model merupakan gambaran secara detail basis data dalam bentuk fisik. Penggambaran rancangan PDM (Physical Data Model) memperlihatkan struktur penyimpanan data yang benar pada basis data yang
digunakan sesungguhnya, berikut ini merupakan gambar Physical Data Model:
agenda enum('user','adm in') coll ate l ati n1_general_ci enum('Y','N') collate lati n1_general_ci
3.4. Desain Graphical User Inter face.
Desain Graphical User Interface (GUI) merupakan hal yang penting dalam tahap analisa dan desain. Hal ini dikarenakan GUI merupakan penghubung
antara sistem dengan user atau pengunjung, desain Graphical User Interface haruslah dibuat se-friendly mungkin agar memudahkan user dalam pengaksesan navigasi berbasis website.
Pada Sistem Penyajian Informasi berbasis web, desain Graphical User Interface dibagi menjadi 2 bagian utama, yaitu Halaman Utama dan Halaman Administrator.
3.4.1 Desain Halaman Utama
Halaman Utama adalah halaman yang akan pertama kali tampil pada saat
website dibuka. Karena dalam studi kasus yang diangkat ini, merupakan website
utama, maka desain Halaman Utama dibuat se-friendly mungkin agar memudahkan user dalam pengaksesan navigasi website. Menu yang ditampilkan
di Halaman Utama sebagai berikut:
a. Home
b. Profile Lembaga
c. Berita
d. Agenda
e. Daftar Harga
f. Pengumuman
BAB IV
IMPLEMENTASI SISTEM
Pada bab IV ini akan dibahas hasil pembuatan aplikasi system informasi
berbasis Web Profile Fernus Light Surabaya. 4.1 Kebutuhan Sistem
Ada beberapa hal dalam membangun aplikasi yang harus diperhatikan
sebelum akhirnya sampai pada langkah menjalankan program atau aplikasi, antara
lain perangkat keras (hardware), perangkat lunak (software) serta bagaimana akhirnya aplikasi dapat sampai ke tangan user / pemakai.
Sistem Informasi Berbasis Web Profile ini ditulis dengan bahasa CakePHP dan membutuhkan web server serta database server dalam proses
implementasinya. Adapun web server yang digunakan dalam Tugas Akhir ini
adalah XAMPP Server dan database servernya adalah MYSQL.
4.2. Imlementa si Sistem
Seperti di folder computer/xampp/htdocs/fernuscake ini adalah
tersimpannya sebuah sistem yang ada. Yang telah disinggung pada bagian
Kebutuhan Sistem di atas, sistem yang dibangun ini terdiri atas dua unsur utama,
GUI (Graphical User Interface) dan basis data. GUI direpresentasikan oleh
website , sedangkan data yang disajikan berasal dari database. Karena itu, uraian pada bagian Implementasi Sistem ini akan dibagi berdasarkan kedua unsur
tersebut dengan tujuan agar proses implementasi sistemnya lebih mudah untuk
4.2.1. Website
Penggunaan sarana website sebagai antar muka sistem dikarenakan sistem
penyajian data ini ditujukan untuk menjadi website yang merupakan website
profile Fernus Light Surabaya. Website ini terdiri atas dua halaman, yaitu
Halaman Utama dan Halaman Administrator. Halaman Utama adalah halaman
yang pertama kalinya ditampilkan saat user mengakses. Sedangkan Halaman
Administrator adalah halaman bagi administrator website untuk mengelola
content website. Halaman Administrator diakses melalui back-end.
4.2.2. Halaman Utama User atau Pengunjung
Tampilan halaman utama website pada gambar 4.1.
Pada halaman utama ini atau yang biasa disebut dengan front end terdapat
konten – konten yang dapat di akses oleh user, sebagian mengenai berita. Hal ini
dikarenakan link yang ada di Halaman Utama ini bersifat dinamis. Dan di dalam
tampilan menu home ini terdapat potongan – potongan berita, berita sebelumnya,
dan potongan – potongan agenda dan pengumuman. Dengan tujuan supaya
pengunjung lebih gampang melihat apa saja yang ada didalam website Fernus
Light Surabaya ini. Sedangkan potongan berita yang ditampilkan adalah berita
yang diisikan oleh administrator website dan disimpan ke dalam database.
Kemudian untuk menampilkan halaman utama website, seperti pada Gambar 4.2,
untuk memanggil kita menggunakan script seperti dibawah ini:
<tr>
<td class="judul_head"> » Berita Terkini </td> </tr>
<?php $this->element('fungsi_indotgl'); ?>
<?php foreach($beritas as $berita): ?>
<td class="isi_kecil"><?php echo $berita['Berita']['hari']; ?>, <?php echo $tgl;
?> </td> </tr> <tr>
<td class="judul"><?php echo $html->link($judul, array('action' => '../beritas/detailberita', $id_berita));
</td> </tr> <tr>
<td class="isi_kecil"> Penulis : <?php echo $berita['Berita']['id_user'];
$isi = substr($isi_berita,0,410); // ambil sebanyak 410 karakter $isi = substr($isi_berita,0,strrpos($isi," ")); // spasi antar kalimat
echo $isi; ?> ...
<?php echo $html->link('Selengkapnya', array('action' => '../beritas/detailberita', $id_berita));
?>
<br><br><hr color="white"> </td>
</tr>
Gambar 4.2. Halaman Berita
Jika user atau pengunjung mengklik pada menu berita pada right menu,
maka user akan mendapatkan informasi tentang berita dari Fernus Light Surabaya.
Dan didalam menu berita terdapat tanggal updatenya. Jadi pengunjung dapat
melihat ini berita terbaru apa berita yang sudah lama. Dari menu tersebut
pengunjung bisa mengetahui tentang berita apa saja yang berkembang didunia
lighting di indonesia, tidak semua orang mengetahui tentang berita dari Fernus
Light Surabaya untuk memperkenalkan berita ini secara luas masih mengalami
kesulitan, solusi yang tepat saat ini yaitu membangun web Profile Fernus Light
segala informasi yang berhubungan dengan kegiatan yang ada di Fernus Light
Surabaya dan perkembangan tentang kemajuan Teknologi Informasi sekarang
semakin berkembang pesat, tampilan potongan scrip seperti dibawah ini.
<tr>
<td class="isi"> <?php
if($gambar!='') {
echo $html->image("foto_berita/$gambar", array('width' => 150, 'height' => 120, 'hspace' => 10, 'border' => 0, 'align' => 'left'));
}
$isi_berita = nl2br($berita['Berita']['isi_berita']);
$isi = substr($isi_berita,0,410); // ambil sebanyak 410 karakter $isi = substr($isi_berita,0,strrpos($isi," ")); // spasi antar kalimat
echo $isi; ?> ...
<?php echo $html->link('Selengkapnya', array('action' => '../beritas/detailberita', $id_berita)); ?>
<br><br><hr color="white"> </td>
</tr>
Gambar 4.3. Halaman Hubungi Kami <table width="100%" cellspacing=5>
<tr>
<td class="judul_head">» Hubungi Kami</td> </tr>
<tr>
<td class="isi"> Silahkan hubungi kami secara online: </td> </tr>
<?php
echo $form->create('Hubungi', array('inputDefaults' => array('div' => false, 'label' => false))); ?>
<tr>
</tr> <tr>
<td class="isi"> E-mail : <?php echo $form->input('email', array('size' => 35)); ?> </td>
</tr> <tr>
<td class="isi"> Subjek: <?php echo $form->input('subjek', array('size' => 50)); ?> </td>
<td> <?php echo $form->end('Kirim'); ?> </td> </tr>
<tr>
<td class="kembali"><br> [ <a href=javascript:history.go(-1)>Kembali</a> ] </td>
</tr>
</table> $this->Comment->create(); if ($this->Comment->save($this->data)) {
// klo uda kesimpen, kosongkan kotak inputan $this->data=null;
$this->Session->setFlash('Your post has been saved.'); } }
*/pada baris ke 5 merupakan fungsi untuk membuat frame kotak yang mengelilingi isi coment tersebut.
4.3. Halaman Administr ator
Halaman ini hanya digunakan oleh admin saja, saat pertama kali membuka
halaman admin web, seorang admin harus mengisi user dan password.
Gambar 4.4. Halaman Login Admin
Potongan script yang digunakan untuk menampilkan halaman login administrator
pada gambar 4.7 yaitu:
<div id="header"> <div id="content">
<h2>Login to Fernus Admin</h2> <table border=0>
<tr> <td>
<?php echo $html->image('images/login-welcome.png', array('width' => 97, 'height' => 105, 'hspace' => 10)); ?>
</td> <td>
<?php echo $form->create('User', array('inputDefaults' => array('div' => false, 'label' => false))); ?>
<table> <tr>
<td> : <?php echo $form->input('username'); ?>
<td> : <?php echo $form->password('password'); ?> </td>
</tr> <tr>
<td colspan="2"> <?php echo $form->end('Login'); ?> </td>
*/halaman login digunakan sebagai pembatas antara admin dan user biasa
Setelah lolos dari filter, barulah username yang dimasukkan oleh user tadi
diperiksa apakah ada atau tidak di dalam database. Proses pemeriksaan ini
sekaligus mengambil semua data user dari database, yang apabila proses login ini
berhasil, semua data tersebut akan langsung didaftarkan pada session untuk
memberikan hak akses pada user. Selain username dan password, proses login
juga memeriksa status user di blokir atau tidak, sebelum memberikan hak akses.
apabila user berhasil melakukan proses Login, maka dia akan diarahkan pada
Gambar 4.5. Halaman Administrator
Dari halaman menu administartor yang terlihat pada gambar 4.5 dari
halaman inilah sebuah content website dikelola, untuk menambahkan atau
mengedit sebuah berita yang diperlukan oleh user, seorang admin bisa memilih
menu berita, halaman menu berita tampak seperti terdapat pada gambar 4.6 ini. <h2>Selamat Datang</h2>
<p>Hai admin <b>
<?php foreach($users as $user): ?>
<?php echo $user['User']['nama_lengkap']; ?>
<?php endforeach; ?></b>,
silahkan klik menu pilihan yang berada di sebelah kiri untuk mengelola content website. </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p align=right>Login Hari ini:
<?php
Gambar 4.6. Halaman Menu Berita
Dari tampilan halaman menu Berita, seorang admin bisa menggunakan tiga aksi
yaitu :
Tambah Berita, menu ini digunakan untuk mengupdate Berita.
Edit Berita, Admin bisa mengedit sebuah berita yang sudah ada dengan
tujuan untuk memperbaiki isi konten Berita.
Hapus Berita, Berita yang sudah lama atau sudah tidak diperlukan lagi bisa
dihapus dari database.
4.3.1. Contoh Pr oses Input Ber ita
Dari gambar 4.6 klik pada Tambah Berita, selanjutnya anda akan
mendapatkan tampilan seperti gambar 4.7 dari tampilan tersebut kita akan
Gambar 4.7. Tampilan antarmuka ‘Tambah Berita’
Setelah memilih menu tambah berita maka akan muncul tampilan seperti
gambar diatas. Setelah itu kita dapat memasukkan berita pada tampilan seperti
gambar diatas terlihat bahwa telah disediakan ‘judul’ yang berfungsi untuk
menampilkan judul berita yang akan di input kan,terdapat juga ‘kategori’ yang berguna untuk memilih dimana admin akan meletakkan berita tersebut,pada baris
berikutnya disediakan ‘Isi Berita’yang berguna untuk menginputkan berita yang akan ditampilkan.
dapat melakukan mencetak tebal, mencetak miring ataupun mencetak garis
bawah,mengganti warna tulisan mengatur pragraph dan lain lain, hasil berita yang
baru ditambahkan tampak seperti pada gambar dibawah ini
BAB V
PENGUJ IAN SISTEM
Pada bab ini akan dijelaskan tentang ujicoba dan evaluasi program yang menerangkan
bagaimana jalannya program dengan kemungkinan langkah-langkah yang dilakukan admin
maupun user dalam proses yang ada pada aplikasi sistem informasi yang berbasis web. Pada
pembuatan web Profile Fernus Light Surabaya untuk membantu memberikan informasi kepada
user atau pengunjung yang membutuhkan informasi tersebut.
5.1 Halaman Interface
Halaman Interface adalah halaman yang akan pertama kali tampil pada saat website
dibuka. Karena dalam studi kasus yang diangkat ini, merupakan web profil, maka desain
halaman utama dibuat se-friendly mungkin agar memudahkan user dalam pengaksesan navigasi
website.
5.1.1. Berbasis Website
Penggunaan sarana website sebagai antar muka sistem dikarenakan system
penyajian data ini ditujukan untuk menjadi web profil dari Fernus Light yang termasuk
didalamnya website – website dari berbagai macam perusaha’an lighting yang ada di surabaya.
Website ini terdiri atas dua halaman, yaitu Halaman Utama dan Halaman Administrator. Halaman
Utama adalah halaman yang pertama kali diakses oleh pengunjung website. Sedangkan Halaman
Administrator adalah halaman bagi administrator website untuk mengelola content website
5.1.1.1 Halaman Utama
Halaman Utama Fernus Light memiliki tampilan seperti yang ditunjukkan pada Gambar
5.1. berikut ini.
Gambar 5.1. merupakan halaman utama, halaman utama adalah halaman yang akan
pertama kali tampil pada saat website dibuka. Karena dalam studi kasus yang diangkat ini,
merupakan website utama, maka desain Halaman Utama dibuat
se-friendly mungkin agar memudahkan user dalam pengaksesan navigasi website. Menu yang
ditampilkan di Halaman Utama sebagai berikut:
a. Home
b. Profil ( Visi, Misi )
c. Berita
d. Agenda
e. Daftar Harga
f. Pengumuman
g. Hubungi Kami
5.1.1.2 Menu Profil
Halaman ini akan menampilkan informasi tentang profil dan sejarah dari Fernus Light
Surabaya, tampilan halaman profil tampak seperti gambar dibawah ini.
5.1.1.3 Menu Berita
Didalam menu berita ini admin menyajikan sebuah artikel – artikel atau berita terbaru
tentang lighting yang bertujuan memberikan sebuah pengetahuan atau wawasan baru terhadap
semua user yang sedang melihat website ini.
Untuk melihat Berita, user bisa mengklik menu Berita, tampilan menu Berita tampak seperti
pada gambar 5.3 dibawah ini.
Dari tampilan menu berita seperti gambar diatas user atau pengunjung bisa melihat
sejumlah berita – berita tentang lighting, untuk mempermudah user atau pengunjung mengetahui
sebuah berita terbaru, berita - berita tersebut disimpan didalam satu menu yang ditampilkan
sesuai dengan nama menu Berita
.5.1.1.4 Menu Agenda
Pada gambar 5.4 dibawah ini adalah halaman agenda acara yang dilakukan oleh Fernus
Lighting dimana yang isinya adalah agenda – agenda yang ada di Fernus Light.
Jika user melihat menu agenda, maka dia bisa melihat segala jadwal yang ada di Fernus
Light sehingga user bisa melihat kapan item yang akan dipinjam ada di gudang kembali. Selain
itu user juga dapat meng-klik salah satu agenda yang ada sehingga user akan mendapatkan
keterangan jelas.
5.1.1.5 Menu Daftar Harga
Dimenu ini Fernus Light menyajikan sebuah tampilan daftar – dafatar harga paket
persewa’an yang disediakan oleh Fernus Light Surabaya. Pada gambar 5.5 ini admin coba
menampilkan sebuah menu harga yang sangat menarik untuk user.
User dapat memilih paket yang sesuai dana mereka dengan kebutuhan yang mereka butuhkan.
Akan tetapi jika user ingin meminjam tanpa mengikuti paket yang telah tersedia, user dapat
menghubungi admin Fernus Light langsung.
5.1.1.6 Menu Pengumuman
Pada gambar 5.6 dibawah ini, user di suguhkan sebuah form pengumuman Fernus Light
yang berisikan tentang rangkuman acara yang pernah dilakukan oleh Fernus Light Surabaya.
Gambar 5.6 Form Pengumuman
Dengan adanya form tersebut, user dapat mengetahui sebuah informasi tentang kegiatan yang
pernah dilakukan oleh Fernus Light Surabaya selama ini. Karena didalam Form tersebut admin
5.1.1.7 Menu Hubungi Kami
Di gambar 5.7 ini, admin menyediakan sebuah form Hubungi Kami yang bertujuan
supaya user dapat memberikan saran atau kritik tentang kinerja/item – item yang ada di dalam
Fernus Light.
Gambar 5.7 Form Hubungi Kami
Selain untuk memberikan saran dan kritik, user juga dapa memesan barang yang disewakan
Fernus Light di form hubungi kami. Admin akan segera membalas apa pun yang user kirimkan
BAB VI
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Setelah melakukan analisa dan perancangan serta implementasi untuk
website Fernus Light Surabaya ini, dapat ditarik kesimpulan mengenai beberapa
hal dalam penulisan laporan tugas akhir sebagai berikut :
a. Dari hasil uji coba sistem dapat memberikan suatu kemudahan berupa
penyampaian berita tentang lighting kepada masyarakat, serta
mempermudah Fernus Lighting dalam mempromosikan produk –
produk yang dimiliki oleh perusahaan tersebut.
b. Dari website yang telah dibuat, Fernus Lighting dapat memberikan
suatu pengetahuan tentang lighting kepada masyarakat.
c. Masyarakat dapat lebih mudah untuk menghubungi Fernus Light tanpa
harus jauh – jauh datang ke kantor bila hanya untuk bertanya – tanya
tentang jadwal sewanya.
6.2 Sar an
Dari laporan tugas akhir pembuatan website Fernus Lighting ini, dapat
dikemukakan saran yang diharapkan mampu memperbaiki aplikasi ini untuk ke
depannya:
a. Untuk pengembangan lebih lanjut, website ini mungkin dapat ditambahkan
fitur jual beli. Sebab menurut rencana Fernus Lighting akan merambah
b. Untuk pengembangan lebih lanjut, website ini dapat ditambahkan sebuah
kolom chating.
c. Untuk pengembangan lebih lanjut, website ini dapat ditambahkan sebuah
http://www.ukuug.org/books/reviews/CakePHP%20Application%20Development/.
[diakses April 2011].
Wibirama, Sunu, S.T. 2010, “CakePHP Framework:Strategi Cepat Pengembangan Aplikasi
Web”.
http://wibirama.com/cake/2010/06/14/buku-cakephp-framework-strategi-cepat-pengembangan-aplikasi-web/
http://ugm.academia.edu/sunuwibirama/Books/143017/CakePHP_Framework_Strategi_C
epat_Pengembangan_Aplikasi_Web.
DAFTAR PUSTAKA
Hakim, lukmanul. 2008. Membongkar trik rahasia para master php. Lokomedia,
Yogyakarta.
Hakim, lukmanul. 2009.Trik rahasia master php terbongkar lagi. Lokomedia,
Yogyakarta.
Aditus Consulting, 2009, “JpGraph – PHP Graph Creating Library”, (Online),
http://www.aditus.nu/jpgraph/index.php/, [diakses Maret 2010].
Wikipedia, (Online),
http://id.wikipedia.org/wiki/SMS_Gateway#Keuntungan_SMS_Gateway.
[diakses November 2009].
Teguh, Salman Pemanfaatan MIME Base64 Untuk Menyembunyikan Source
Code PHP. Tugas Akhir.[diakses Oktober 2009].
Ilmu Komputer, (Online),
http://www.ilmukomputer.com//2003/Anon%20Kuncoro%20Widigno.
[diakses November 2009].
Alias, Azril Nazli 2009. “Bina Blog Guna CakePHP”
http://mamakspot.googlecode.com/files/Azril Nazli Books - Membina
Blog menggunakan CakePHP.pdf .[diakses Maret 2011].
Alias, Azril Nazli 2010. “Menjadi Pembangun CakePHP”.
http://www.koranpagi.net/berita/cakephppanelkawalanacl-azrilnazli.[diakses Maret 2011].
Hak Cipta © milik UPN "Veteran" Jatim :
