SISTEM PENJ UALAN DAN PENAWARAN AYAM HIAS
PADA ”BLANKON FARM” MENGGUNAKAN
PHP FRAMEWORK CODEIGNITER
SKRIPSIDiajukan Untuk Memenuhi Per syaratan Dalam Memperoleh Gelar Sar jana Komputer
Pr ogram Studi Teknik Infor matika
Diajukan Oleh :
HAGI ERWANTO NPM. 0934010251
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN”
J AWA TIMUR
PADA ”BLANKON FARM” MENGGUNAKAN PHP
FRAMEWORK CODEIGNITER
Oleh : HAGI ERWANTO - 0934010251
Jurusan Teknik Informatika - UNIVERSITAS PEMBANGUNAN NASIONAL "VETERAN" Jalan Raya Rungkut Madya Gununganyar Raya , Surabaya
ABSTRAKSI
Perkembangan teknologi yang begitu pesat, menuntut semua lini kegiatan manusia untuk dapat mengadopsi, memanfaatkan serta menghasilkan sesuatu yang berguna bagi kehidupannya. Teknologi komputer secara umum telah berkembang seiring dengan ditemukannya beberapa peralatan canggih yang semakin mempermudah upaya manusia dalam menyejahterahkan kehidupannya. Saat ini multimedia memegang peran yang sangat besar dan memasuki hampir seluruh aspek kehidupan. Dari pendidikan, pemerintahan, bisnis, kesehatan, perbankan, telah menggunakan teknologi ini sebagai suatu cara memudahkan para pengguna dalam melakukan berbagai hal.
Usaha penjualan dan peternakan ayam, dewasa ini menunjukkan perkembangan yang relatif pesat, terbukti semakin banyaknya pengusaha kelas menengah kebawah muncul di setiap pasar-pasar hewan tradisional maupun pasar kaget. Tetapi proses penjualan masih menggunakan proses manual dan hasil ayam yang sudah dibeli belum tentu mengetahui kuawalitas layak di pelihara.
Sedangkan Blankon Farm sendiri adalah Sebuah tempat peternakan dan penjualan khusus ayam hias yang mempunyai standart pada setIap jenis ayam. tetapi sisitem untuk publikasi penjualan masih menggunakan seleberan kertas dan iklan Koran yang dimana masih belum bisa menambah atau memberikan info kepada konsumen secara luas
Dilatarbelakangi permasalahan di atas, dalam proyek akhir ini dibangun sebuah aplikasi yang berfungsi sebagai Sistem Penjualan Dan Penawaran Ayam Hias Secara Online Berbasis Frameworrk CodeIgniter.
Assalamu’alaikum Wr. Wb.
Syukur Alhamdulillah atas segala limpahan karunia dan kasih sayang Allah SWT, sehingga dengan segala keterbatasan waktu, tenaga, dan pikiran yang dimiliki oleh penulis dapat menyelesaikan Tugas Akhir yang berjudul “Sistem Penjualan Dan Penawaran Ayam Hias Pada Blankon Farm Menggunakan Php Framework Codeigniter”, untuk memenuhi salah satu syarat Ujian Akhir Sarjana di Fakultas Teknologi Industri Universitas Pembangunan Nasional “Veteran” Jawa Timur pada Jurusan Teknik Informatika.
Dengan terselesaikannya Skripsi ini tidak lepas peran serta berbagai pihak yang telah memberikan banyak bantuan sehingga penulis dapat menyelesaikan penulisan dengan sebaik-baiknya. Penulis menyadari bahwa dalam penulisan Skripsi ini masih banyak kelemahan dan kekurangan, Oleh karena itu, kritik dan saran yang bersifat membangun sangatlah diharapkan dari berbagai pihak agar Skripsi ini bisa lebih baik lagi, sehingga dapat memberikan manfaat bagi semua pihak yang membutuhkannya.
Dalam penyusunan Skripsi ini, banyak pihak yang telah memberikan bantuan baik materil maupun spiritual, sehingga pada kesempatan ini penulis mengucapkan rasa terima kasih yang sebesar-besarnya kepada:
tugas akhir dan laporan ini.
3. Bapak Prof. Dr. Ir. Teguh Soedarto, MP selaku Rektor Universitas Pembangunan Nasional “Veteran” Jawa Timur.
4. Ir. Sutiyono, MT selaku Dekan Fakultas Teknik Industri UPN “Veteran” Jawa Timur.
5. Ibu Dr. Ir. Ni Ketut Sari, MT selaku Ketua Program Studi Teknik Informatika UPN “Veteran” Jawa Timur.
6. Bapak Risky Parlika, S.kom M.Kom dan Ibu Yisti Vita Via, S.kom M.Kom. yang telah meluangkan waktunya sebagai dosen pembimbing dan atas sarannya sehingga penulis bisa menyelesaikan laporan ini. 7. Teman - teman TFC’09 serta teman – teman yang ada di lingkungan
kampus dan kos. Yang telah memberi semangat, bantuan dan hiburan dalam penyelesaian Skripsi ini.
8. Dewi Pratiwi dan Keluarga, yang telah memberi motivasi, semangat waktu dan dukungan kepada penulis dalam menyelesaikan skripsi. 9. Dan semua pihak yang belum saya sebutkan yang banyak turut
membantu dalam penyusunan laporan tugas akhir ini. Saya ucapkan terima kasih.
Surabaya, 2014
ABSTRAKSI ... i
KATA PENGANTAR ... ii
DAFTAR ISI ... iv
DAFTAR TABEL ... viii
DAFTAR GAMBAR ... ix
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 2
1.3 Batasan Masalah ... 2
1.4 Tujuan ... 3
1.5 Manfaat ... 4
1.6 Sistematika Penulisan ... 4
BAB II TINJAUAN PUSTAKA ... 6
2.1 Framework ... 6
2.2 Jenis- Jenis Faremwork ... 7
2.2.1 Dekstop Aplication Framework ... 7
2.2.2 Web Application Framework ... 8
2.3 MVC (Model View Control) ... 10
2.3.1 Model ……….. 11
2.3.2 View ……… 11
2.5 Pemrograman PHP CodeIgniter ... 13
2.6 Database ………. 15
2.6.1 Tabel ... 15
2.6.2 Kolom ... 15
2.6.3 Fungsi Php MySql ... 17
2.7 Xampp ………. 18
2.7.1 Tabel ... 18
2.7 Validasi Tabel R ………. 19
BAB III METODE PENELITIAN ... 21
3.1 Kebutuhan Sistem ... 21
3.2 Analisa Sistem ……… 24
3.3 Flowchart …… ... 24
3.3.1 Admin ……… ... 25
3.3.2 User ... 26
3.3.2 Member ... 27
3.4 State Transtition Diagram ………... 28
3.5 Use Case Diagram ……… 29
3.6 Activity Diagram ……….. 32
3.6.1 Register Member ……… ... 32
3.9 Perancangan Database ……… 36
3.10 CDM (Conceptual data model) ……….. 36
3.11 PDM (Physical data model) ... 37
3.12 Perancangan Antar Muka ... 42
3.12.1 Antar Muka Sub Member ... 42
3.12.2 Antar Muka Sub User ... 43
3.12.2 Antar Muka Sub Admin ... 44
BAB IV HASIL DAN PEMBAHASAN ... 46
4.1 Spesifikasi Sistem ... 46
4.1.1 Perangkat keras (hardware)yang digunakan ... 46
4.1.2 Perangkat lunak (software)yang digunakan ... 46
4.3.2 Implementasi Desain Antar Muka Member ... 61
4.2.1 Implementasi Desain Antar Muka Admin ... 50
4.2.1.1 Login ... 51
4.2.1.2 Home Admin ... 51
4.2.1.3 Kategori Admin ... 52
4.2.1.4 Produk Admin ... 53
4.2.1.5 User Admin ... 54
4.2.1.6 Laporan Admin ... 55
4.2.1.7 Berita Admin ... 56
4.2.1.11 Galeri Admin ... 60
4.3.2 Implementasi Desain Antar Muka Member ... 61
4.2.1.1 Login Member ... 62
4.2.1.2 Home Member ... 62
4.2.1.3 Profil Member ... 63
4.2.1.4 Edit Akun Member ... 64
4.2.1.5 Lelang ... 65
4.2.1.6 Forum ... 66
4.3.3 Implementasi Desain Antar Muka User ... 67
4.2.1.7 Kategori Produk ... 68
4.2.1.8 Testimoni ... 68
4.2.1.9 Galeri ... 69
4.3 Validasi Aplikasi ... 70
BAB V KESIMPULAN DAN SARAN ... 76
5.1 Kesimpulan ... 76
5.2 Saran ... 77
Tabel 2.1 Tabel Struktur CI ... 17
Tabel 3.1 Type Pengguna User dan Kegunaanya ... 22
Tabel 3.2 Hak Akses Admin ... 30
Tabel 3.3 Hak Akses Member... 31
Tabel 3.4 Tabel User ... 38
Tabel 3.5 Tabel User Data ... 39
Tabel 3.3 Tabel Produk ... 40
Tabel 3.3 Tabel Kategori ... 41
Gambar 2.1 MVC (Model View Control) ... 11
Gambar 3.1 Flowchart Alur User ... 25
Gambar 3.2 Flowchart Alur Admin ... 26
Gambar 3.3 State Trasition Diagram Halaman utama user ... 28
Gambar 3.4 Actor ... 29
Gambar 3.5 Use Case ... 29
Gambar 3.6 Activity Diagram untuk Use Case Kelola Member ... 32
Gambar 3.7 Class Diagramr ... 33
Gambar 3.8 Sequence Diagram Member ... 34
Gambar 3.9 Sequence Diagram Adminr ... 35
Gambar 3.10 CDM ... 36
Gambar 3.11 PDM ... 37
Gambar 3.12 Desaim Halaman Menu User ... 42
Gambar 3.13 Desain Halaman Menu Admin ... 43
Gambar 4.1 Tampilan Login Admin ... 50
Gambar 4.2 Tampilan Login User ... 51
Gambar 4.3 Home Admin ... 52
Gambar 4.4 Kategori Admin ... 53
Gambar 4.5 Produk Admin ... 54
Gambar 4.6 Tampilan Halaman User ... 55
Gambar 4.10 Forum Admin ... 59
Gambar 4.11 Testimoni Admin... 60
Gambar 4.12 Galeri Admin... 61
Gambar 4.13 LogOut Admin ... 61
Gambar 4.14 Halaman Home User ... 62
Gambar 4.15 Halaman profil user ... 63
Gambar 4.16 Record User ... 63
Gambar 4.17 Edit Akun User ... 64
Gambar 4.18 Kategorri Produk User ... 65
Gambar 4.19 Forum User ... 65
Gambar 4.20 Lelang User ... 66
Gambar 4.21 Testimoni User ... 67
Gambar 4.22 Galeri User ... 68
BAB 1
PENDAHULUAN
1.1 Latar Belakang Masalah
Perkembangan teknologi yang begitu pesat, menuntut semua lini kegiatan manusia untuk dapat mengadopsi, memanfaatkan serta menghasilkan sesuatu yang berguna bagi kehidupannya. Teknologi komputer secara umum telah berkembang seiring dengan ditemukannya beberapa peralatan canggih yang semakin mempermudah upaya manusia dalam menyejahterahkan kehidupannya. Saat ini multimedia memegang peran yang sangat besar dan memasuki hampir seluruh aspek kehidupan. Dari pendidikan, pemerintahan, bisnis, kesehatan, perbankan, telah menggunakan teknologi ini sebagai suatu cara memudahkan para pengguna dalam melakukan berbagai hal.
Media informasi yang berkembang di dunia pada saat ini banyak sekali di dapatkan dari internet, semua orang bisa mencari sesuatu hal yang baru atau yang lainnya. Dan semua itu dikemas menjadi website, bahasa pemrograman yang digunakan antara lain html,php,java script,xml,dsb.
Sedangkan Blankon Farm sendiri adalah Sebuah tempat peternakan dan penjualan khusus ayam hias yang mempunyai standart pada setIap jenis ayam. tetapi sisitem untuk publikasi penjualan masih menggunakan seleberan kertas dan iklan Koran yang dimana masih belum bisa menambah atau memberikan info kepada konsumen secara luas
Dilatarbelakangi permasalahan di atas, dalam proyek akhir ini dibangun sebuah aplikasi yang berfungsi sebagai Sistem Penjualan Dan Penawaran Ayam Hias Secara Online.
1.2 Perumusan Masalah
Berdasarkan latar belakang diatas maka dapat diangkat permasalahan
pada tugas akhir ini sebagai berikut :
1. Bagaimana membuat program atau aplikasi penjualan on-line yang
dapat memudahkan pembeli / konsumen melihat dan memilih
Jenis-jenis ayam yang ditawarkan agar menghemat waktu dan biaya?
2. Bagaimana membuat program atau aplikasi penjualan on-line yang
dapat membuat mekanisme pembayaran pemesanan barang yang
mudah dan cepat?
3. Bagaimana membuat program atau aplikasi penjualan on-line yang
dapat dijadikan ajang promosi bagi Butik Anaya Collection yang mudah
dan efesien?
1.3 Batasan Masalah
Adapun batasan masalah dari permasalahan di atas antara lain :
1. Rancangan Penjualan Dan Penawaran Ayam Hias Secara Online
2. Database Penjualan Dan Penawaran Ayam Hias Secara Online ini menggunakan MY SQL 5.0.45..
3. Rancangan Penjualan Dan Penawaran Ayam Hias Secara Online
hanya memiliki 2 akses yaitu Admin, Member.
4. Sistem akan menampilkan Jenis-jenis Ayam yang dimiliki Blankon
Farm..
5. Pembeli / konsumen wajib mengisi data diri dengan benar pada saat
melakukan proses pemesanan / transaksi.
6. Pengiriman Ayam menggunakan jasa paket sebagai alternatif pilihan
utama dengan perhitungan tarif yang telah ditentukan per kota tujuan.
7. Cara pembayaran dilakukan dengan transfer bank.
8. Jika pembeli / konsumen melakukan pembatalan pemesanan, harus
melakukan konfirmasi ke admin Blankon Farm.
9. Sistem dikerjakan menggunakan arsitektur web dengan CodeIgniter.
1.4 Tujuan Penulisan
Adapun maksud dan tujuan dalam pembuatan Penjualan Dan
Penawaran Ayam Hias Secara Online adalah sebagai berikut :
a. Membuat aplikasi yang memberikan kemudahan pembeli ayam hias
untuk melihat stok ayam hias tanpa harus datang ke lokasi .
b. Membuat aplikasi yang memberikan fasilitas tanya jawab setiap orang
yang sudah terdaftar sebagai member.
c. Membuat aplikasi yang memberikan informasi tentang penjualan dan
penawaran berbagai macam ayam hias
d. Memberikan kemudahan dalam pemasaran ayam hias.
e. Menberikan kemudahan dalam proses pemesanan / transaksi.
1.5 Manfaat
Adapun manfaat yang ingin diperoleh dari pengerjaan tugas akhir ini
adalah:
1. Dapat Menarik pelanggan dari segala tempat.
2. Dapat mengontrol laporan penjualan ayam hias.
3. Meminimalisirkan kerugian penjualan ayam hias..
4. Untuk mempermudah proses pemesanan / transaksi ayam hias bagi
pelanggan, terutama bagi pelanggan yang bertempat tinggal jauh dari
blankon farm dengan keakuratan data pesanan.
5. Bagi pihak blankon farm, penggunaan E-Commerce dapat membantu
menekan biaya promosi dan dapat mempersingkat jalur distribusi dan
memberikan efisiensi waktu dan biaya.
6. Bagi pihak konsumen, penggunaan E-Commerce dapat memberikan
efisiensi waktu dalam pembelian ayam hias.
1.6 Sistematika Penulisan
Sistematika dalam penulisan tugas akhir ini terdiri dari beberapa tahapan yaitu :
1) Studi Literatur
Mempelajari dan mengumpulkan data-data serta informasi yang terkait melalui buku-buku acuan dan literatur.
2) Studi Lapangan
Melakukan wawancara dengan pihak terkait dan mengumpulkan data desain.
3) Perancangan Sistem
4) Implementasi Sistem
Implementasi dari suatu sistem yang akan digunakan. 5) Pengujian dan evaluasi perangangkat lunak
Pada tahap ini program yang telah dibuat diuji kebenarannya dengan menggunakan data yang telah dipersiapkan sebelumnya. Selanjutnya, hasil dari pengujian program akan dievaluasi untuk menentukan kebenaran dari program dan menentukan perlu tidaknya dilakukan modifikasi pada program.
6) Penyusunan Buku Tugas Akhir
TINJAUAN PUSTAKA
2.1 Framework
Menurut kamus Inggris – Indonesia yang disusun oleh Jhon M. Echols dan Hassan Sadily framework memiliki arti kerangka kerja. Disebut kerangka kerja karena pekerjaan yang akan dilakukan harus mengikuti dan tidak lari dari kerangka tersebut. Seperti tukang jahit yang menggunting kain untuk pakaian berdasarkan pola (framework) yang ada.
Framework adalah sekumpulan library yang diorganisasikan pada sebuah rancangan arsitektur untuk memberikan kecepatan, ketepatan, kemudahan dan konsistensi di dalam pengembangan aplikasi tersebut, framework mengandung unsur-unsur berikut :
a. Arsitektur
b. File pustaka (library) c. Metodologi. [LIB10]
2.1.1 Kelebihan Dan Kekurangan Framework
Berikut ini merupakan kelebihan dan kekurangan dari framework, berikut penjelasannya :
1. Kelebihan framework
a. Penggunaan skrip yang telah dibuat, dites dan digunakan oleh programmer lain, sehingga dapat meningkatkan reabilitas skrip dan mengurangi waktu pemrograman
b. Pemecahan tim pengembang perangkat lunak dapat dipecah menjadi beberapa tim yang mengerjakannya menurut keahliannya secara bersama-sama
langsung sudah ada pada komponen framework itu sendiri
d. Framework dapat mengarahkan programmer untuk menggunakan pola pemecahan masalah yang telah terbukti bisa digunakan untuk menyelesaikan masalah spesifik yang telah dihadapi oleh programmer lain. Sebagai contoh pola perancangan MVC biasanya digunakan untuk pemecahan masalah modularitas untuk perangkat lunak berbasis web [LIB10]
2. Kekurangan framework
a. Para programmer mungkin akan menemukan batasan-batasan ketika merancang aplikasi menggunakan framework
b. Kemungkinan akan menambah biaya development apabila framework yang digunakan kurang terdokumentasi dan kurang disupport.
2.2 Jenis-Jenis Framework
2.2.1 Desktop Application Framework
Desktop framework biasa dikenal dengan Desktop Application Framework adalah merupakan suatu software framework yang didesain untuk mendukung pengembangan aplikasi berbasis desktop yang dinamis. Berikut merupakan contoh dari desktop framework :
a. Hibernate framework
b. Spring framework
Spring merupakan framework IoC (Injection of Control) atau disebut juga Dependency Injection (DI), yaitu suatu mekasnisme dimana tidak diperlukannya suatu pendeklarasian object untuk mendapatkan object tersebut. Hal ini dikarenakan object ini akan secara otomatis diinstansi atau diinject oleh spring, dan masih banyak lagi desktop framework yang lainnya.
2.2.2 Web Application Framework
Web framework biasa dikenal dengan web application framework. Web application framework adalah suatu software framework yang didesain untuk mendukung pengembangan web dinamis, aplikasi web dan web service.(wikipedia). Pemrograman web berbasis framework didasarkan pada konsep OOP (Object Oriented Programming). [BAH08]
Dalam framework ini sendiri sudah terkandung beberapa fitur yang sangat membantu dalam membuat web aplikasi, diantaranya :
1. Security
Beberapa framework sudah memiliki fitur otentikasi (Authentication) dan otorisasi (Authorization), yang memungkinkan web server untuk mengidentifikasi pengguna aplikasi, dan membatasi akses ke fungsi berdasarkan beberapa kriteria yang ditetapkan.
a. Authentication
Otentikasi adalah tindakan membentuk atau menyatakan sesuatu (seseorang) sebagai otentik, yaitu bahwa klaim yang dibuat oleh sesuatu (seseorang) atau tentang subjek adalah benar
b. Authorization
informasi dan keamanan komputer pada umumnya dan kontrol akses pada khususnya.
2. Database acces and mapping
Banyak kerangka aplikasi web menciptakan API bersatu ke backend database, memungkinkan aplikasi web untuk bekerja dengan berbagai database tanpa perubahan kode, dan memungkinkan programmer untuk bekerja dengan konsep tingkat yang lebih tinggi. Contoh : lib adodb
3. URL mapping
Sebuah pemetaan sistem URL yang menggunakan pencocokan pola atau penulisan ulang URL yang memungkinkan lebih "ramah" digunakan, meningkatkan kesederhanaan situs dan memungkinkan untuk mengindeks lebih baik oleh search engine. URL dengan akhiran "/page.cgi?cat=science&topic=physics" dapat diganti menjadi lebih simpel seperti "/page/science/physics"
4. Web template system
Sebuah sistem template web menggambarkan perangkat lunak dan metodologi yang digunakan untuk menghasilkan halaman web dan untuk ditempatkan disitus web dan pengiriman melalui Internet. Seperti proses sistem web template, menggunakan mesin template.
5. Caching
Web cache adalah cache dari dokumen web (misalnya, halaman HTML, gambar) untuk mengurangi penggunaan bandwidth, server load, dan lag dirasakan
6. Ajax
7. Web services
A web service didefinisikan oleh W3C sebagai sebuah sistem software yang dirancang untuk mendukung interaksi interoperable (kemampuan menghubungkan operasi) mesin-ke-mesin melalui jaringan
8. SOAP
SOAP (Simple Object Access Protocol) adalah standar untuk bertukar pesan-pesan berbasis XML melalui jaringan komputer atau sebuah jalan untuk program yang berjalan pada suatu sistem operasi (OS) untuk berkomunikasi dengan program pada OS yang sama maupun berbeda dengan menggunakan HTTP dan XML sebagai mekanisme untuk pertukaran data
9. WSDL
WSDL (Web Services Description Language) adalah fromat XML yang diterbitkan untuk menerangkan web service.
2.3 MVC (Model View Controller)
Arsitektur Model-View-Controller adalah sebuah pola yang terbukti membangun proyek secara lebih efektif. Hal itu dilakukan dengan memilih komponen antara model, view dan controller pada bagian-bagian dalam proyek. MVC berhubungan erat dengan arsitektur dari Web Framework.
Diagram di atas menunjukan tiga komponen yang terdapat dalam pola MVC dan interaksi yang terjadi.
2.3.1 Model
Pola MVC memiliki layer yang disebut dengan Model yang merepresentasikan data yang digunakan oleh aplikasi sebagaimana proses bisnis yang diasosiasikan terhadapnya. Dengan memilihnya sebagai bagian terpisah, seperti penampungan data, persistence, serta proses manipulasi terpisah dari bagian lain aplikasi. Terdapat beberapa kelebihan dalam pendekatan ini, yang pertama. Membuat detail dari data dan operasinya dapat ditempatkan pada area yang ditentukan (Model) dibanding tersebar dalam keseluruhan lingkup aplikasi. Hal ini memberikan keuntungan dalam proses maintenace aplikasi.
Kedua, dengan pemisahan total antara data dengan implementasi interface, komponen Model dapat digunakan kembali oleh aplikasi lain yang memiliki kegunaan yang hampir sama.
2.3.2 View
Layer ini mengandung keseluruhan detail dari implementasi keseluruhan persistence. Di sini, komponen grafis menyediakan representasi proses internal aplikasi dan menuntun alur interaksi user terhadap aplikasi. Tidak ada layer lain yang berinteraksi dengan user , hanya View.
secara keseluruhan memiliki tampilan yang berbeda namun mengeksekusi tampilan Model sesuai fungsionalitas yang diharapkan.
2.3.3 Controller
Terakhir, arsitektur MVC memiliki layer Controller. Layer ini menyediakan detail alur program dan transisi layer, dan juga bertanggung jawab atas penampungan event yang dibuat oleh user dari View dan melakukan update terhadap komponen Model menggunakan data yang dimasukkan oleh user.
Kelebihan penggunaan layer Controller secara terpisah : Pertama, dengan menggunakan komponen terpisah untuk menampung detail dari transisi layer, komponen View dapat didesain tanpa harus memperhatian bagian lain secara berlebih. Hal ini memudahkan team pengembang multiple interface bekerja secara terpisah dari yang lain secara simultan. Interaksi antar komponen View terabstraksi dalam Controller.
Kedua, dengan menggunaka layer terpisah yang melakukan update terhadap komponen Model, detail tersebut dihapus dari layer presentasi. Layer presentasi kembali pada fungsi utamanya untuk menampilkan data kepada user. Detail tentang bagaimana data dari user mengubah ketetapan aplikasi disembunyikan oleh Controller. Hal ini memisahkan dengan jelas antara presentation logic dengan business logic.
berkembang menjadi sistem yang kompleks, sehingga faktor loose coupling harus selalu diutamakan dan diperhatikan.
2.4 Manfaat Framework
Berikut beberapa manfaat dari penggunaan framework dalam membuat dan mengembangkan aplikasi berbasis web :
1. Manfaatnya dapat membantu kerja developer/programmer dalam membangun aplikasi sehingga aplikasi bisa selesai dalam waktu yang singkat
2. Penerapan Design Patterns memudahkan dalam rancangan, pengembangan dan pemeliharaan sistem
3. Stability dan Reliability, aplikasi yang dibangun lebih stabil dan handal karena berbasis pada framework yang sudah teruji stabilitas dan kehandalannya
4. Coding style konsisten, memudahkan dalam membaca code dan dalam menemukan bugs
5. Security concert, framework mengantisipasi dan memasang perisai terhadap adanya berbagai masalah keamanan yang mungkin timbul
6. Dokumentasi, framework dapat mendisiplinkan untuk menulis dokumentasi untuk apa yang ditulis
2.5 Pemrograman PHP FRAMEWORK CODEIGNITER
Code Igniter adalah sebuah framework PHP. Framework itu sendiri adalah suatu kerangka kerja yang berupa sekumpulan folder yang memuat file-file php yang menyediakan class libraries, helpers, plugins dan lainnya . Framework menyediakan konfigurasi dan teknik coding tertentu.
designer. Programmer mengerjakan logic, sedangkan designer berkutat dengan design dan tampilan.
1. Model → Merupakan code struktur data. Model berisi fungsi di dalam pengolahan database.Script Sql masuk di sini.
2. View → Merupakan code untuk menampilkan tampilan suta program. Tampilan dapat berupa web page, header, footer dan apa saja yang berjenis tampilan.
3. Controller → Merupakan code untuk logic, algoritma dan sebagai penghubung antara model, view, dan sumber lain yang di perlukan untuk mengolah HTTP request dan generate web page.
CI menerapkan pola MVC yang flexible, karena model dapat tidak di gunakan. Anda dapat hanya menggunakan Controller dan View saja dalam menggunakan CI tanpa Model. Jika anda tidak memerlukan pemisahan di dalam struktur data dan database atau menganggap penggunaan model hanya menambah kompleks aplikasi dengan keuntungan yang kurang sebanding, maka anda dapat tidak menggunakan model. Berikut adalah struktur file CI :
2.6 Database ( mysql )
Suatu sistem yang data tidak akan lepas dari penggunaan database. Menurut Bunafit Nugroho ( 2007 ) database adalah sebuah bentuk media yang digunakan untuk menyimpan data. Dimana database dapat diilustrasikan sebagai sebuah gudang yang dijadikan yempat menyimpan berbagai macam barang yang dalam suatu database, barang adalah data. Dalam sebuah database terdiri dari dua bagian dasar yang membangun sebuah database yaitu tabel dan kolom.
2.6.1 Tabel
Tabel dalam sebuah database dikenal pulah istilah tabel yang sering juga disebut entitas atau entity, dimana tabel digunakan untuk menyimpan sebuah kelompok data. Fungsi tabel ini adalah untuk menyimpan data yang sifatnya khusus. Sehingga turunan dai sebuag database adalah tabel, dimana tabel dalam sebuah database dapat lebih adari satu buah ( nugroho, 2005:75 ).
2.6.2 Kolom
MSQL merupakan salah satu perangkat lunak system manajemen berbasis data ( database mangemen system ) yang menggunakan peintah standa SQL ( structured query language). Dimana SQL mampu untuk melakukan banyak eksekusi perintah Query dalam satu permintaan, baik itu menerima dalam mengirimkan data. Mysql uga multi user dalam arti dapat digunakan oleh banyak pengguan dalam waktu besamaan. Dengan sekitar enam juta instalasi diseluruh dunia ( Wikipedia, 2007)
Penggunaan Mysql yang meruapak salah satu databse server sekaligus dapat berjalan multi-OS ( opening sistem ) memiliki keunggulan lainnya seperti : open source sehinnga penggunaanya tidak perlu membayar lisensi kepada pembuatnya. Dapat mendukung database dengan kapasitas yang sangat besar. merupakan database management system yang mudah digunakan. Didukung oleh driver ODBC sehingga database Mysql dapat diakses olh databse apa saja. Bahasa yang pemogaman yang dapat digunakan untuk mengakses Mysql diantaranya adalah C, C++, Java, PHP, dll ( Mysql internals manual, 2007).
2.6.3 Fungsi PHP MySql
Berikut ini penulisan fungsi script untuk koneksi kedatabase MySql:
a) Mysql_connect()
Perintah ini digunakan untuk melakukan koneksi ke server database mysql, fungsi ini memiliki format fungsi sebagai berikut:
Mysql_connect(“$host”,”$username”,”password”);
b) Mysql_select_db()
Perintah ini digunakan untuk memilih database yang ada diserver Mysql, fungsi ini memiliki format penulisan sebagai berikut:
Mysql_select_db(nama_database,pengenal_koneksi);
c) Mysql_query()
Perintah ini digunakan untuk melakukan query atau menjalankan permintaan terhadap sebuah table atau sejumlah table database.
d) Mysql_num_rows()
Perintah ini digunakan untuk menghitung banyak baris yang diambil dari variable query. Fungsi ini memiliki format penulisan sebagai berikut:
Mysql_num_rows($query)
Fungsi ini digunakan untuk mengambil (fetch) record dari suatu query. Fungsi in memiliki format penulisan sebagai berikut :
Mysql _fetch_array($query)
2.7 Xampp
Adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mendownload langsung dari web resminya. XAMPP dikembangkan dari sebuah tim proyek bernama Apache Friends, yang terdiri dari Tim Inti (Core Team), Tim Pengembang (Development Team) & Tim Dukungan (Support Team).
2.7.1 Bagian Penting XAMPP
Mengenal bagian XAMPP yang biasa digunakan pada umumnya :
b) phpMyAdmin merupakan bagian untuk mengelola basis data MySQL yang ada dikomputer. Untuk membukanya, buka browser lalu ketikkan alamat http://localhost/phpMyAdmin, maka akan muncul halaman phpMyAdmin.
c) Kontrol Panel yang berfungsi untuk mengelola layanan (service) XAMPP. Seperti menghentikan (stop) layanan, ataupun memulai (start).
2.8 Validasi Tabel R
21
Pada Bab III ini akan membahas metodologi penelitian yang akan dibuat dengan berupa hasil analisa dan perancangan sistem. Dimana yang terkait atau berhubungan dengan pembuatan program atau aplikasi yang berbasis dekstop, antara lain adalah Kebutuhan Sistem, Analisa dan Perancangan Sistem. Di dalam analisa dan perancangan sistem terdapat langkah-langkah yang mendukung dari penganalisaan tersebut antara lain membuat flowchart, use case diagram, activity diagram,
ERD(Entity Ralationship Diagram), CDM(Physical Data Model), PDM(Physical Data Model), Desaign Interface, Generate Database.
3.1Kebutuha n Sistem
Berdasarkan pembuatan ataupun penggunaan sistem memiliki kebutuhan. Sehingga diperlukan pencatatan data dalam memenuhi kebutuhan sistem yang akan dibuat. Berbagai kebutuhan yang diperlukan dalam pembuatan aplikasi ataupun membentuk sebuah sistem atau tercipta dengan sesuai rancangan yang telah dibuat. Maka macam-macam kebutuhan yang akan dibahas atau dijelaskan.
Kebutuhan yang dimaksud antara lain sebagai berikut :
2. Membuat aplikasi yang memberikan fasilitas tanya jawab setiap orang yang sudah terdaftar sebagai member.
3. Membuat aplikasi yang memberikan informasi tentang penjualan dan penawaran berbagai macam ayam hias
4. Memberikan kemudahan dalam pemasaran ayam hias. 5. Menberikan kemudahan dalam proses pemesanan / transaksi. 6. Mempublikasikan Blankon Farm kepada masyarakat.
Pada aplikasi dan sistem yang akan dibuat ini juga memiliki kebutuhan dalam hak akses yang dilakukan oleh admin. Dimana admin yang berfungsi untuk mengelola atau memanajamen data. Dapat dilihat dari berbagai aktifitas para pengguna sistem dan aplikasi serta kegunaan yang akan diperintahkan.
Berikut adalah table 3.1 terdapat tipe pengguna (user) serta kegunaannya.
Tipe Pengguna Keguna an
Admin (Administrator)
Mengelola aplikasi dan website. Memanajemen data kategori. Memanajemen data produk. Memanajemen data user. Mencetak laporan.
Memanajemen data pengaturan. Memanajemen data galery. Memanajemen data info member User Melakukan transaksi pembelian.
Melihat data cara order. Melihat data kategori produk. Melihat data berita.
Melihat data testimoni. Melihat data galleri. Melihat data histori. Member Melihat data profil user
Mengolah data profil user. Melakukan transaksi lelang.
Melakukan diskusi dengan user lain. Melihat data info member.
3.2Analisis sistem
Dalam membuat perancangan dan desain digunakan model-model yang telah ada dan sudah banyak digunakan. Tahap-tahap yang digunakan dalam mendesain Penjualan Dan Penawaran Ayam Hias Secara Online adalah :
1. Membuat Flowchart
2. Membuat Use Case Diagram 3. Membuat Activity Diagram 4. Membuat Class Diagram 5. Membuat Sequence Diagram 6. Membuat Perancangan Database
7. Membuat CDM (Conceptual Data Model) 8. Membuat PDM (Physical Data Model) 9. Membuat Perancangan Antar Muka
3.3Flowcha r t
3.3.1 Admin
Halaman admin ini merupakan halaman inputan yang dimiliki oleh pengguna yang mempunyai hak ases sebagai admin.
Gambar 3.1 Flowchart Alur Admin
Pada gambar 3.1 memiliki 11 menu yang berfungsi sebagai berikut: 1. Kategori : Digunakan untuk memasukkan data kategori ayam 2. Produk : Digunakan untuk memasukkan data produk ayam 3. Member : Digunakan untuk melihat data member
4. Laporan :Digunakan untuk melihat laporan untuk penjualan ayam hias 5. Berita : Digunakan untuk memasukkan data berita tentang ayam hias
6. Lelang : Digunakan untuk area lelang ayam hias secara online khusus member.
8. Testimoni : Digunakan untuk area data pesan dan kesan user 9. Pengaturan : Digunakan untuk tampilan pada home user
10.Galeri : Digunakan untuk area data gambar ayam hias koleksi yang dimiliki oleh blankon farm
11..Info member : :Digunakan untuk area data info member. 3.3.2 User
Halaman user ini merupakan halaman inputan yang dimiliki oleh pengguna yang mempunyai hak ases sebagai user.
Gambar 3.2 Flowchart Alur User
Pada gambar 3.2 memiliki 12 menu yang berfungsi sebagai berikut : 1. Penjualan : Digunakan untuk area penjualan ayam hias
2. Cara Order : Digunakan untuk melihat cara order hewan ayam hias
3. Kategori Produk : Digunakan untuk melihat kategori produk hewan ayam hias
5. Testimoni : Digunakan untuk memberikan pesan dan kesan terhadap website Penjualan Dan Penawaran Ayam Hias.
6. Galeri : Digunakan untuk area data gambar ayam hias koleksi yang dimiliki oleh blankon farm
7. History : Digunakan untuk area history penjualan ayam hias yang terjual diblankon farm
3.3.3 Member
Halaman member ini merupakan halaman inputan yang dimiliki oleh pengguna yang mempunyai hak ases sebagai member.
Gambar 3.3 Flowchart Alur Member
Pada gambar 3.3 memiliki 5 menu yang berfungsi sebagai berikut : 1. Profil : Digunakan untuk area penjualan ayam hias
3. Lelang : Digunakan untuk area lelang ayam hias secara online khusus member
4. Forum : Digunakan untuk area data tanya jawab secara online khusus member
5. Info Member : Digunakan untuk area data info member secara online khusus member
3.4Sta te Tr ansition Diagr am
State Transition Diagram ini, untuk menjelaskan alur proses menun pada system, sebagai acuan alur proses dalam membuat perancangan antar muka. Mulai dari proses masukkan dan keluaran yang meliputi halaman user dan admin. Pada halaman user dan admin terdapat 3 menu utama yaitu : Lelang, Forum, Info Member. Rancangan proses menu tersebut dapat dilihat pada gambar dibawah ini
Gambar 3.4 State Transition Diagram Halaman Member (STD) Keterangan Pada Gambar 3.4 yaitu :
2. Apabila sudah berhail masuk menu user dapat memilih 3 menu utama sesuai dengan kebutuhan member. Adapun menu utama yakni menu Lelang, Forum, Info Member
3. Setelah proses pengolahan data yang di lakukan oleh uer maka member dapat keluar dari halaman member dengan menekan tombol LogOut.
3.5Use Case Diagr am
Diagram Use Case ini menjelaskan manfaat sistem jika dilihat menurut pandangan orang yang berada di luar sistem (actor). Adapun Use Case dalam sistem web store adalah seperti yang terdapat pada gambar berikut ini :
Gambar 3.5 Use Case Pada gambar 3.5 terdapat 3 aktor yaitu:
1. Admin
Admin mengelola berbagai macam fungsi yang ada disistem dengan hakakses yang lebih terhadap sistem. Berikut tabel 3.2 yang menunjukan hak akses apa saja yang dimiliki seorang admin
Tabel 3.2. Hak Akses Admin
Ha k Akses Mena mbah Mengupdate Menghapus Meliha t Data Member V V V V Data Produk V V V V Data Kategori V V V V Data Berita V V V V Data Lelang V V V V Data Testimoni V V V V
Data Forum V V V V
Data Galeri V V V V
Keterangan pada table 3.2 yakni :
Pada Data Member, Data Produk, Data Kategori, Data Berita, Data Lelang, Data Galeri, Data Forum dapat dilakukan proses menambah data, mengupdate data, menghapus data dan melihat data.
2. Member
Member mengelola berbagai macam fungsi yang ada disistem dengan hakakses yang standart terhadap system di bawah admin. Berikut tabel 3.3 yang menunjukan hak akses apa saja yang dimiliki seorang member
Tabel 3.3. Hak Akses Member
Hak Akses Menambah Mengupdate Mengha pus Melihat
Data Profil V V - V
Data Lelang V - - V
Data Forum V - - V
Data Info Member - - - V
Keterangan pada table 3.3 yaitu :
A. Pada Data Info Member tidak dapat dilakukan proses menambah data, mengupdate data, menghapus data dan hanya dapat melihat data.
B. Pada Data Forum, Data lelang hanya dapat dilakukan proses menambah data dan melihat data.
C. Pada Data Profil hanya dapat dilakukan proses menambah data, mengupdate dan melihat data tetapi tidak bisa melakukan proses menghapus data
D. Pada Data Edit Akun hanya dapat dilakukan proses mengupdate dan melihat data tetapi tidak bisa melakukan proses menambah data dan menghapus data 3. User
Member mengelola berbagai macam fungsi yang ada disistem dengan hakakses yang standart terhadap system di bawah admin. Berikut tabel 3.4 yang menunjukan hak akses apa saja yang dimiliki seorang member
Tabel 3.4. Hak Akses Member
Hak Akses Menambah Mengupdate Mengha pus Melihat Data Cara order - - - V
Data Kategori - - - V
Data Berita - - - V
Data Testimoni - - - V
Data History - - - V
Keterangan pada table 3.4 yaitu :
Pada Data Member, Data Produk, Data Kategori, Data Berita, Data Lelang, Data Galeri tidak dapat dilakukan proses menambah data, mengupdate data, menghapus data dan hanya dapat melihat data.
3.6Activity Diagr am
Pada bagian ini menjelaskan / menampilkan bagaimana system dalam melakukan setiap aktivitas-aktivitasnya. Detail kegiatan yang dilakukan setiap actor untuk setiap Use Case yang terdapat pada desain sistem untuk Penjualan Dan Penawaran Ayam Hias Secara Online. Berikut ini beberapa activity diagram yang terdapat pada sistem informasi penjualan dan penawaran ayam hias.
3.6.1. Register Member
Acivity diagram untuk register member ini digunakan untuk melihat kegiatan
yang dilakukan member pada saat registrasi sebagai member.
Aktifitas pada gambar 3.6 ini menjelaskan kumpulan kegiatan atau aktifitas-aktifitas yang dilakukan pada Activity Diagram untuk Register Member, Activity Diagram untuk Kelola Member ini dilakukan sebagai member. Untuk memulai aktifitas ini member diharus masuk ke munu member terlebih dahulu agar supaya dapat masuk ke halaman utama admin, setelah Login berhasil admin dapat melakukan aktifitas dalam mengelola data member.
3.6.2. Login Member
Acivity diagram untuk login member ini digunakan untuk melihat kegiatan
yang dilakukan member pada saat login sebagai member.
Ga mbar 3.7 Activity Diagram untuk Login Member
3.7Class Diagr am
Gambar Class Diagram pada sistem ini mengambarkan hubungan antar kelas-kelas dalam sistem . Pengambaran diagram ini juga mengambarkan kegiatan yang terjadi dalam kelas tersebut yaitu pengolahan data seperti input, edit dan hapus terhadap data – data yang terdapat di dalam sistem. Berikut ini diagram dari Class Diagramnya yang dapat dilihat pada :
Gambar 3.8 Class Diagram
3.8Sequence Diagr am
tujuan yang digambarkan pada use case diagram sebelumnya bisa tercapai. Berikut gambar-gambar yang mengambarkan kegiatan aktor dalam sistem.
Gambar 3.9 Sequence Diagram Register Member
Keterangan gambar 3.9: Sequence diagram Register member ini akan menggambarkan skenario untuk member pada saat masuk kedalam halaman register member.
Ga mbar 3.10 Sequence Diagram Login Member
m emp unya i
<p i >Number (100) Number (100) Number (100) Number Number
<M> Id enti fi er_1<p i>
order Variabl e m ulti byte (50) Num ber Num ber Variabl e m ulti byte (10) T ext Identi fi er_1<pi >
fo to_produ k Identi fi er_1<pi >
user_da ta Ide nti fi er_1<pi >
berita Ide nti fier_1<pi >
user Ide ntifi er_1<pi >
l el ang
<pi >Number (100 ) Number (100 ) Number (100 ) Va riabl e characte rs (50) Date
Member akan masuk kedalam halaman member setelah melakukan proses login terlebih dahulu.
3.9Perancangan Darabase
Pengunaan database sangat vital untuk membangun sistem informasi yang bersifat dinamis karena disini semua rekaman data-data akan disimpan dan diolah. Pada sistem pelacakan ini spesifikasi pembuatan database sebagai berikut:
- Nama Database : e_commerce - Jenis : MYSql 3.10 CDM (Conceptual Data Model)
CDM (Conceptual Data Model) memodelkan struktur logis dari keseluruhan aplikasi data, tidak tergantung pada software atau pertimbangan model struktur data. CDM yang valid dapat dikonversi ke PDM. CDM mirip dengan konsep ERD, hanya ada beberapa perbedaan sintaks. Conceptual Data Model atau yang sering di sebut dengan CDM merupakan suatu tahap awal perancangan / pembuatan tabel – tabel apa saja yang akan di buat berdasarkan kebutuhan-kebutuhan data yang di digunakan dalam menjalankan suatu proses di dalam aplikasi, perancangan sistem database ini juga di gunakan untuk mendukung kinerja dari aplikasi yang dibuat.
ID_FOT O = ENT_ID_FOT O ID_PRODUK = ID_PRODUK
3.11 PDM (Physical Data Model)
Physical Data Model adalah suatu tahap ke dua dari perancangan database setelah pembuatan CDM, dalam perancangan tahap ke dua ini desain tabel akan terlihat secara fisik dan Tipe datanya bersifat lebih khusus dan spesifik tidak seperti pada CDM yang hanya membuat struktur tabel secara mandiri pada PDM setiap tabel yang memiliki hubungan akan di relasikan dengan tabel induk dengan menggunakan foreign key dari tabel inti. Sehingga setiap tabel yang memiliki hubungan dengan tabel lainnya akan terlihat jelas. Perancangan PDM ini merupakan representasi fisik / sebenarnya dari database yang di buat.
Rancang data konseptual yang telah dipetakan menjadi diagram pada bagian perancangan sistem akan diimplementasikan ke dalam lingkungan basis data MySQL. Fungsi dari PDM ini adalah untuk mengetahui apakah pada CDM terdapat bagian yang error, juga dapat diubah menjadi script. Terdapat banyak script yang ditawarkan power desaigner seperti Oracle, MySQL, SQL dan script tersebut digunakan untuk men setting database, namun pada Aplikasi Penjualan Dan Penawaran Ayam Hias Secara Online ini tidak akan menerangkan hal tersebut. Tabel – tabel yang akan digunakan dalam perancangan Aplikasi Penjualan Dan Penawaran Ayam Hias Secara Online ini menggunakan WEB berbasis PHP ini adalah sebagai berikut :
1. Nama tabel : User
Fungsi : Menyimpan Data user
Tabel 3.5 Tabel User Nama Kolom Type Ekstra Keterangan Id_user integer Primary key,
auto increment
Untuk menyimpan id user pada login
Username varchar( 50)
Untuk menyimpan nama pada login
Email varchar( 50)
Untuk menyimpan email pada login
Password varchar( 50)
Untuk menyimpan password pada login
last_visit varchar Untuk menyimpan tangal terakhir akses pada login
Tabel diatas menampilkan struktur tabel user yang ada pada database Aplikasi Penjualan Dan Penawaran Ayam Hias Secara Online.
2. Nama tabel : user_data
Fungsi : Menyimpan Data user_data
Tabel 3.6 Tabel user_data
Nama Kolom Type Ekstra Keterangan id_user_data Integer Primary key,
auto increment
Untuk menyimpan id user data
nama_depan varchar(50) - Untuk menyimpan nama depan user data
nama_belakang varchar(50) - Untuk menyimpan nama belakang user data Alamat text - Untuk menyimpan
alamat rumah user data Kode_pos integer - Untuk menyimpan kode
pos user data Propinsi_id integer - Untuk menyimpan
prorinsi id user data
3. Nama tabel : Produk
Fungsi : Menyimpan Data produk
Tabel 3.7 Tabel Produk
Nama Kolom Type Ekstra Keterangan id_produk Integer Primary key,
auto increment
Untuk menyimpan id produk
Kategori_id tinyint - Untuk menyimpan kategori id produk
Kode_produk Varchar(50) - Untuk menyimpan kode produk
Nama_produk Varchar(100) - Untuk menyimpan nama produk
url_produk Varchar(250) - Untuk menyimpan url produk
harga_jual Integer - Untuk menyimpan harga jual produk
harga_baru Integer - Untuk menyimpan harga baru produk
Status_produk enum - Untuk menyimpan status produk
Deskripsi_produk text Untuk menyimpan deskripsi produk
Tabel diatas menampilkan struktur tabel produk yang ada pada database Aplikasi Penjualan Dan Penawaran Ayam Hias Secara Online.
4. Nama tabel : kategori
Fungsi : Menyimpan Data kategori
Tabel 3.8 Tabel Kategori
Nama Kolom Type Ekstra Keterangan id_kategori Integer Primary key,
auto increment
Untuk menyimpan id kategori
Kode_kategori varchar(50) - Untuk menyimpan kode_kategori Nama_kategori Varchar(100) - Untuk menyimpan
nama kategori Deskripsi Text - Untuk menyimpan
deskripsi kategori Parent integer(10) - Untuk menyimpan
parent kategori Status Enum Untuk menyimpan
status kategori
url Varchar(250) Untuk menyimpan url kategori
3.12 Perancangan Antar muka
Perancangan antarmuka merupakan perancangan halaman aplikasi yang berinteraksi langsung dengan pengguna user,member admin.
3.12.1 Antar Muka Sub Member
Desain antar muka sub user adalah menu-menu yang berada di dalam halaman user. Jadi tampilan ini yang nantinya akan digunakan sebagai halaman user. Pada halaman ini terdapat 7 menu utama yaitu Home, Lelang, Forum, Info Member, Profil, Edit Akun, Logout.
Gambar 3.13 Desain Halaman Menu Member
Info M ember Forum
Lelang
Saat pertama kali membuka aplikasi, antar muka yang disediakan adalah antar muka yang sama antara kasir dan admin namun pada login database yang dipanggil berbeda. User harus mengisi password. Jika login berhasil, selanjutnya kasir dapat mengakses 7 menu pilihan yaitu : Home, Lelang, Forum, Info Member, Profil, Edit Akun, Logout.
sebagaimana dijelaskan pada gambar diagram diatas (Gambar 3.12 Diagram Menu User).
3.12.2 Antar Muka Sub User
Desain antar muka sub user adalah menu-menu yang berada di dalam halaman user. Jadi tampilan ini yang nantinya akan digunakan sebagai halaman user. Pada halaman ini terdapat 6 menu utama yaitu Penjualan, Berita, Lelang, Testimoni, Forum, Galeri.
Gambar 3.14 Desain Halaman Menu Kasir
Cari ayam
Carqa Order
Berit a
Test imoni
Galery
Saat pertama kali membuka aplikasi, antar muka yang disediakan adalah antar muka yang sama antara kasir dan admin namun pada login database yang dipanggil berbeda. User harus mengisi password. Jika login berhasil, selanjutnya kasir dapat mengakses 6 menu pilihan yaitu : Kategori Produk, Forum,Berita, Lelang, Tesimoni dan Galeri, sebagaimana dijelaskan pada gambar diagram diatas (Gambar 3.12 Diagram Menu User).
3.12.3 Antar Muka Sub Admin
Desain antar muka sub admin adalah menu=menu yang berada di dalam halaman admin
Ga mbar 3.15 Desain Halaman Menu Admin
BAB IV
HASIL DAN PEMBAHASAN
Pada bab ini akan dibahas mengenai implementasi dari rancangan aplikasi yang telah dibuat pada bab sebelumnya. Bagian implementasi aplikasi ini meliputi: implementasi data, implementasi proses, dan implementasi antarmuka.
4.1 Spesifikasi Sistem
Peralatan yang digunakan untuk semua proses dari keseluruhan sistem yang ada termasuk pembuatan laporan adalah menggunakan perangkat keras dan perangkat lunak. Pada proses pengujian ini dibutuhkan beberapa peralatan-peralatan baik berupa perangkat keras dan perangkat lunak.
4.1.1 Perangkat Keras (Hardware) Yang Digunakan 1. Processor Intel Core I3
2. RAM 2Gb
3. Monitor VGA minimal 1 Gb 4. Mouse
5. Keyboard
4.1.2 Perangkat Lunak (Software) Yang Digunakan 1 Operating System Windows 7 Home Premium
2 My SQL
My SQL adalah perangkat lunak yang berfungsi sebagai database penyimpanan data.
3 Macromedia Dreamweaver 8
Macromedia Dreamweaver adalah atur cara penyunting HTML yang diperkembangkan oleh Macromedia (kini diambil alih oleh Adobe). Ia merupakan sistem penyuntingan yang menggabungkan daya pengeluaran WYSIWYG (What You See Is What You Get) dengan kuasa pengawalan kode HTML. Penggabungan ini adalah unik pada sekitar tahun 1990-an dan menyebabkan penggunaannya secara meluas. Macromedia Dreamweaver sekarang terdapat pula dalam versi Macintosh serta Windows, dan memegang lebih kurang 80 % daripada pasaran atur cara penyunting HTML yang profesional. Macromedia Dreamweaver merupakan software webdesign yang paling banyak digunakan di dunia. Dengan Macromedia Dreamweaver ini kita akan banyak belajar mengenai penggunaan Spry Framework untuk keperluan mendesain web yang profesional, di samping itu banyak pula diperoleh informasi mengenai bagaiamana meng-edit image, membuat template, menggunakan CSS dan membuat web foto album.
4 Rational Rose Software
Rational Rose Software ini digunakan untuk membuat jalan program seperti Use Case, Class Diagram, Sequence Diagram.
5 Mozilla Firefox
6 XAMPP
Pengertian XAMPP yaitu sebuah aplikasi yang dapat merangkum beberapa aplikasi server sekaligus.
XAMPP adalah kepanjangan dari :
X : multi platform, bisa Windows, Linux, Mac OS, maupun Solaris A : Apache HTTP Server
M : MySQL Database Server P : PHP Scripting Language P : Perl Scripting Language
Berikut ini beberapa aplikasi server yang dirangkum pada XAMPP :
• Apache HTTP Server
Apache HTTP Server merupakan aplikasi untuk server web terpopuler di dunia, Apache yang dipaketkan oleh XAMPP ini, sudah terdapat dua modul pengolah pemrograman di sisi server (server-side scripting), yaitu PHP dan Perl. Hal ini memungkinkan kita memanfaatkan web server untuk menginstall beberapa aplikasi berbasis web, atau untuk mempelajari pembuatan website dinamis menggunakan bahasa pemrograman tersebut di server lokal.
• MySQL Database Server
pemrograman PHP. Namun aplikasi berbasis web tidak bisa diinstall jika kita belum menyiapkan sebuah database server atau server basis data yang sesuai. Database server dibutuhkan untuk menyediakan penyimpanan data secara terstruktur, efektif, dan efisien. MySQL yang dipaketkan dalam XAMPP merupakan aplikasi server database yang mumpuni, dan banyak digunakan pada aplikasi berbasis web. Bahkan banyak website besar dengan trafik yang tinggi memanfaatkan MySQL untuk penyimpanan basis datanya. Sebut saja Flickr, Facebook, Wikipedia, Google, Nokia dan YouTube yang secara resmi telah membeberkan bahwa website mereka menggunakan MySQL sebagai database server.
• FileZilla FTP Server
FileZilla FTP Server sesuai namanya merupakan aplikasi untuk server FTP (File Transfer Protocol), yang memungkinkan kita berbagi file secara lebih aman, terstruktur, dan tanpa pembatasan jumlah sesi koneksi. Meski mirip, pada prinsipnya FTP (layanan pada port 21) berbeda dengan Windows File Sharing (layanan pada port 445). Dengan FileZilla Server kita bisa membuat user dengan home folder terpisah dan memiliki password masing-masing, sehingga cocok untuk mekanisme pengumpulan tugas siswa sehari-hari.
4.2 Implementasi Desain Antar muka
Tabel 4.1 Tabel Implementasi Desain Antarmuka
User Admin
Login Login
Home Home
Berita Member
Testimoni Produk
Forum Kategori
Galeri Berita
Lelang Testimoni
Penjualan Forum
Log Out Galeri
Lelang Laporan Log Out
4.2.1 Implementasi Desain Antar muka Admin
4.2.1.1 Login
Halaman yang pertama kali muncul ketika ingin masuk ke halaman admin adalah halaman login terlebih dahulu. Tampilan dapat dilihat seperti pada gambar berikut ini.
Gambar 4.1 Tampilan Login Admin
Dalam halaman login ini harus dilengkapi dengan kode keamanan berupa username dan password. Hal ini bertujuan agar sebuah sistem dapat terjaga keamananya tidak sembarang orang dapat masuk ke dalam sistem dan apabila sebuah sistem tidak dilengkapi dengan username dan password maka sistem tersebut dapat dirusak bahkan dapat di acak-acak oleh orang yang tidak bertanggung jawab.
Halaman login ini dapat digunakan oleh user dan admin. Tetapi username dan password yang digunakan untuk login baik user maupun admin tidak boleh sama, apabila sama maka tidak dapat mengakses ke halaman selanjutnya.
4.2.1.2 Home Admin
Gambar 4.2 Tampilan Halaman Home Admin
Pada menu home terdapat menu-menu tentang Penjualan Dan Penawaran Ayam Hias Secara Online. Menu Home ini adalah tampilan awal setelah login admin.
4.2.1.3 Kategori Admin
Halaman ini akan tampil pada saat menu Kategori di klik sehingga sistem akan menampilkan halaman Kategori. Pada menu Kategori terdapat 3 menu pilihan yaitu :
1. Tambah Kategori. 2. Status
Gambar 4.3 Tampilan Halaman Kategori Pada gambar 4.3 terdapat 3 menu yang berfungsi yaitu :
1. Tambah Kategori berfungsi untuk menambah data kategori.
2. Status berfungsi untuk memberikan hak akses apakah data tersebut boleh di tampilkan atau tidak.
3. Action berfungsi untuk memperbarui data kategori atau menghapus data kategori
4.2.1.4 Pr oduk Admin
Halaman ini akan tampil pada saat menu Produk di klik sehingga sistem akan menampilkan halaman Produk. Pada menu Produk terdapat 3 menu pilihan yaitu :
3. Action
Gambar 4.4 Tampilan Halaman Produk Pada gambar 4.4 terdapat 3 menu yang berfungsi yaitu :
1. Tambah Kategori berfungsi untuk menambah data produk.
2. Status berfungsi untuk memberikan hak akses apakah data tersebut boleh di tampilkan atau tidak.
3. Action berfungsi untuk memperbarui data kategori atau menghapus data produk
4.2.1.5 User Admin
Halaman ini akan tampil pada saat menu User di klik sehingga sistem akan menampilkan halaman User. Pada menu User terdapat 4 menu pilihan yaitu :
3. Hapus 4. Ubah
Gambar 4.5 Tampilan Halaman User Admin Pada gambar 4.5 terdapat 5 menu yang berfungsi yaitu :
1. Record berfungsi untuk lihat riwayat pada account
2. Profile berfungsi melihat dan memperbarui data pada account 3. Hapus berfungsi untuk mengahapus account
4. Ubah berfungsi untuk mengubah identias data pada user
4.2.1.6 Laporan Admin
Gambar 4.6 Tampilan Halaman Laporan Pada Gambar 4.6 terdapat 3 bagian yaitu:
1. Melihat secara keseluruhan laporan berbentuk teks 2. Merubah laporan menjadi file pdf
3. Merubah laporan menjadi file .excel
4.2.1.7 Berita Admin
Halaman ini akan tampil pada saat menu Berita di klik sehingga sistem akan menampilkan halaman Berita. Pada menu Berita terdapat 3 menu pilihan yaitu :
Gambar 4.7 Tampilan Halaman Berita Pada gambar 4.7 terdapat 3 menu yang berfungsi yaitu :
1. Tambah Bertia berfungsi untuk menambah data berita.
2. Status berfungsi untuk memberikan hak akses apakah data tersebut boleh di tampilkan atau tidak.
3. Action berfungsi untuk memperbarui data kategori atau menghapus data berita
4.2.1.8 Daftar Ayam Lelang Admin
Halaman ini akan tampil pada saat menu Daftar Ayam Lelang di klik sehingga sistem akan menampilkan halaman Daftar Ayam Lelang. Pada menu Daftar Ayam Lelang terdapat 4 menu pilihan yaitu :
3. Ubah 4. Daftar
Gambar 4.8 Tampilan Halaman Daftar Ayam Lelang Pada gambar 4.8 mempunya fungsi yaitu :
1. Tambah Daftar Ayam Lelang berfungsi untuk menambah data Daftar Ayam Lelang.
2. Hapus yang berfungsi untuk meghapus data yang ada pada daftar lelang ayam .
3. Ubah berfungsi untuk memperbarui data Daftar Ayam Lelang 4. Daftar berfungsi untuk melihat siapa saja user yang menikuti
4.2.1.9 Forum Admin
Halaman ini akan tampil pada saat menu forum di klik sehingga sistem akan menampilkan halaman forum Lelang. Pada menu forum terdapat 1 menu pilihan yaitu Pilihan forum.
Gambar 4.9 Tampilan Halaman Forum
Fungsi pada pilihan forum ini untuk melihat semua komentar yang di tulis pada forum tersebut.
4.2.1.10Testimonial Admin
Halaman ini akan tampil pada saat menu testimonial di klik sehingga sistem akan menampilkan halaman testimonial. Pada menu testimonial terdapat 2 menu pilihan yaitu
2. Hapus.
Gambar 4.10 Tampilan Halaman Testimonial
Fungsi dari menu hapus ini digunakan untuk menghapus data pada testimoni
4.2.1.11Galeri Admin
Gambar 4.11 Tampilan Halaman galeri Pada gambar 4.11 mempunya fungsi yaitu :
1. Tambah berfungsi untuk menambah data galeri.
2. Hapus yang berfungsi untuk meghapus data yang ada pada galeri .
4.2.2 Implementasi Desain Antar muka Member
4.2.2.1 Login member
Halaman yang pertama kali muncul ketika ingin masuk ke halaman user dan admin adalah halaman login terlebih dahulu. Tampilan dapat dilihat seperti pada gambar berikut ini.
Gambar 4.12 Tampilan Login member
sembarang orang dapat masuk ke dalam sistem, dan apabila sebuah sistem tidak dilengkapi dengan password maka sistem tersebut dapat dirusak bahkan dapat di acak-acak oleh orang yang tidak bertanggung jawab.
4.2.2.2Home Member
Gambar 4.13 Tampilan Halaman Home Member
Pada menu home terdapat menu-menu tentang Penjualan Dan Penawaran Ayam Hias Secara Online. Menu Home ini adalah tampilan awal setelah login user.
4.2.2.3 Profil Member
Halaman ini akan tampil pada saat menu Profil di klik sehingga sistem akan menampilkan halaman profil. Pada menu ini terdapat 2 fasilitas :
Gambar 4.14 Tampilan Halaman Profil Pada gambar 4.14 mempunyai 2 fungsi yaitu:
1. Melihat data profil yang befungsi sebagai untuk melihat secara detail data member yang nantinya data ini digunakan untuk acuan pengiriman pesanan
2. Merubah data profil yang berfungsi sebagai untuk memperbarui data profiluser
4.2.2.4 Edit Akun Member
Gambar 4.15 Tampilan Halaman Edit Akun
Halaman ini berfungsi untuk memperbarui data account member yang berhubungan dengan login user yaitu username dan password user.
4.2.2.5 Lelang
Gambar 4.16 Tampilan Halaman Lelang
Halaman lelang ini berfungsi untuk melihat hewan yang statusnya di lelang dan melihat member siapa saja yang mengikuti lelang.
4.2.2.6Forum
Gambar 4.17 Tampilan Halaman Forum
Halaman forum ini berfungsi untuk melakukan Tanya jawab ke semua user yang sudah terdaftar ke dalam system.
4.2.4 Implementasi Desain Antar muka User
4.2.4.1Kategori Produk
Halaman ini akan tampil pada saat submenu Kategori produk pada user di klik sehingga sistem akan menampilkan halaman jenis – jenis ayam hias yang dijual dan dapat melakukan pesanan untuk pembelian ayam hias. Tampilan dapat dilihat seperti pada gambar berikut ini.
Gambar 4.18 Tampilan Halaman kategori produk
Halaman ini berfungsi agar user dapat mengetahui model dan bentuk ayam serta untuk melakukan pemesanan ayam hias
4.2.4.2Testimoni
Gambar 4.19 Tampilan Halaman Testimoni
Halaman testimoni ini berfungsi untuk melihat komentar yang berupa apresiasi yang di berikan oleh user/
4.2.4.3Galeri
Halaman ini akan tampil pada saat menu aduan di klik sehingga sistem akan menampilkan halaman galeri. Tampilan dapat dilihat seperti pada gambar berikut ini.
Halaman Galeri ini berfungsi untuk melihat gambar – gambar ayam hias yang dimiliki oleh blankon farm.
4.3 Pengujian Validitas Aplikasi
Pengujian Validitas Aplikasi dilakukan untuk mencari seberapa jauh kesamaan atau kesepakatan responden dalam menilai website “Sistem Penjualan Dan Penawaran Ayam Hias Pada Blankon Farm Menggunakan Php Framework Codeigniter”. Kuisioner yang disebarkan untuk menilai kelayakan program memiliki 10 pertanyaan dengan 5 poin jawaban. Jawaban skor 1 dengan bobot 5 poin, skor 2 dengan bobot 4 poin, skor 3 dengan bobot 3 poin, skor 4 dengan bobot 2 poin dan skor ke 5 dengan bobot 1 poin. Lembar pertanyaan berjumlah 30 lembar yang di bagikan kepada responden yang pernah melakukan pemesanan ayam Berikut adalah tabel yang merupakan hasil jawaban responden:
10 4 4 3 4 2 3 5 5 4 5 39
11 4 3 5 4 4 3 4 5 4 4 40
12 3 5 5 4 4 3 3 4 4 4 39
13 5 4 4 5 4 4 3 5 3 4 41
14 4 4 5 4 5 4 4 4 4 5 43
15 4 5 5 5 4 4 4 5 4 5 45
16 5 4 4 4 5 4 3 4 4 5 42
17 4 3 3 2 4 1 2 3 4 3 29
18 2 3 3 4 3 2 2 2 3 2 26
19 3 3 2 1 4 3 2 2 3 3 26
20 2 3 3 2 3 2 2 1 3 3 24
21 2 2 1 1 3 2 2 1 3 2 19
22 5 5 5 5 3 5 4 3 5 5 45
23 4 5 4 5 4 5 5 4 4 5 45
24 5 4 4 4 5 4 3 3 5 4 41
25 4 5 5 4 4 4 2 3 5 4 40
26 4 4 5 4 5 4 4 4 4 5 43
27 3 4 4 4 4 3 4 4 4 5 39
28 3 4 4 4 4 3 4 3 4 4 37
29 5 5 4 5 4 3 4 4 3 5 42
30 5 4 4 4 5 4 4 3 4 4 41
Tabel 4.2 Data Observasi Responden
valid atau tidak valid. Berikut ini adalah langkah-langkah dalam menghitung validasi butir soal dengan program SPSS versi 16.
Gambar 4.21 Penginputan data skor di SPSS
Dari skor nilai di dapat dimasukkan ke dalam SPSS, gambar di atas adalah hasil print screen dari copy data skor yang didapat, beserta proses hitungan dan hasil dari proses hitung dari program SPSS.
Gambar 4.22 Melakukan pross analisa reabilitas
Kemudian masukkan semua item ke kotak Items. seperti gambar di bawah ini.
Gambar 4.23 Pindah item reability analysis
Setelah melakukan proses di atas, klik tombol Statistics pada bagian kanan atas menu reliability analysis.
Gambar 4.24 Pengaturan statistic pada reability analysis klik tombol Continue, dan OK. Hasil hitung dari data yang telah dimasukkan kedalam SPSS akan menjadi seperti gambar di bawah ini.
Gambar 4.25 Data menunjukkan Corrected Item-Total Correlation dan Cronbach’s Alpha if them Deleted
Jumlah responden adalah 30 orang, untuk mendapat nilai DF, jumlah responden (N) – 2. DF = 30 – 2, jadi nilai DF adalah 28, dan nilai probabilitas 0,05 dari 28 adalah 0,3610.
Diketahui : DF = 30 – 2 = 28 Nilai probabilitas DF = 28 x 0,05 = 0,361
- Untuk nilai Corrected Item-Total Correlation, dari soal nomer 1 sampai 10 memiliki nilai diatas nilai probabilitas DF (0,361)
- Untuk nilai Cronbach’s Alpha if them Deleted, dari soal nomer 1 sampai 10 memiliki nilai diatas nilai probabilitas DF (0,361)
