Membangun Website Fajar Broiler Dengan Menggunakan Joomla 1, 5
1.1 Latar Belakang Masalah
FAJAR BROILER adalah perusahaan yang bergerak di bidang peternakan dan penjualan ayam broiler yang berada di dua kota yaitu kota Bandung dan kota Subang, namun berpusat di kota Bandung. Kegiatan penjualan dan peternakan ayam merupakan salah satu kegiatan utama di perusahaan ini. Dalam menjalankan usaha peternakan dan penjualan ayam ini, perusahaan FAJAR BROILER bisa dibilang mempunyai masa depan yang menjanjikan karena dengan pemesanan jumlah ayam yang semakin meningkat dari konsumen.
Dalam rangka pengembangan perusahaan ini ke arah yang lebih baik lagi, FAJAR BROILER dihadapkan pada masalah yang begitu kompleks yaitu, perusahaan FAJAR BROILER ini sulit untuk mempromosikan perusahaannya yang sebelumnya mereka mempromosikan perusahaannya masih menggunakan cara manual, seperti dengan membagi - bagikan brosur, menempelkan stiker dipinggir jalan, ataupun melalui media dari mulut ke mulut.
Maka dari itu, untuk mengatasi masalah tersebut kami mencoba membantu membuat sebuah website untuk memberikan informasi profil perusahaan, info harga, dan juga info pemesanan kepada semua orang di seluruh dunia khususnya di kota Bandung, kota Subang dan sekitarnya mengenai perusahaan peternakan dan penjualan ayam CV. FAJAR BROILER supaya perusahaan ini bisa dikenal lebih cepat oleh khalayak luas.
1.2 Perumusan Masalah
Melihat latar belakang diatas, jelas bahwa masalah utamanya adalah belum tersedianya situs yang khusus digunakan oleh FAJAR BROILER BANDUNG sebagai sarana informasi dan penjualan secara online melalui internet, sehingga baik FAJAR BROILER BANDUNG maupun masyarakat sedikit kesulitan untuk berbagi informasi tentang FAJAR BROILER BANDUNG dan melakukan transaksi penjualan di internet.
(2)
1.3 Maksud dan Tujuan 1.3.1 Maksud
Maksud pelaksanaan Kerja Praktek ini adalah sebagai salah satu syarat Mata Kuliah Kerja Praktek Program Strata I Jurusan Teknik Informatika Universitas Komputer Indonesia (UNIKOM) dan untuk mengaplikasikan ilmu yang didapat selama mengikuti pendidikan di Universitas Komputer Indonesia (UNIKOM).
1.3.2 Tujuan
Situs ini dibangun dengan tujuan – tujuan, antara lain : 1) Membuat profil FAJAR BROILER BANDUNG.
2) Menyediakan sarana informasi dan penjualan secara online.
3) Dengan adanya situs ini diharapkan selain dari pihak FAJAR BROILER BANDUNG, masyarakat umum dapat mengetahui dan mengenal FAJAR BROILER BANDUNG sebagai salah satu perusahaan yang bergerak di bidang peternakan dan penjualan ayam.
1.4 Batasan Masalah
Untuk mempermudah pembahasan masalah dengan tujuan agar pembahasan dan penyusunan laporan dapat dilakukan secara terarah dan mencapai suatu sasaran yang dikehendaki, maka perlu ruang lingkup masalah yang dibahas.
Berikut ini adalah batasan – batasan masalah dalam pembangunan website FAJAR BROILER BANDUNG :
1) Situs yang dibangun sebagai sarana informasi dan penjualan secara online FAJAR BROILER BANDUNG.
2) Pembangunan situs ini menggunakan Joomla! Versi 1.5.
3) Tools perancangan sistem yang digunakan adalah DFD (Data Flow Diagram) dan ERD (Entity Relationship Diagram).
1.5 Metode Penelitian
Dalam pembangunan situs FAJAR BROILER BANDUNG ini harus mendapatkan informasi – informasi dasar yang dibutuhkan sehingga dapat menetaskan situs FAJAR BROILER BANDUNG ini sesuai dengan harapan, antara lain informasi itu diperoleh
(3)
1) Wawancara
Dari hasil wawancara, diketahui kriteria – kriteria website yang pihak FAJAR BROILER BANDUNG inginkan dan beberapa informasi penting lainnya.
2) Observasi
Teknik pengumpulan data dengan mengadakan penelitian dan peninjauan langsung terhadap permasalahan yang diambil.
3) Perancangan dan Pembuatan
Setelah mendapatkan data/informasi, perancangan dan pembuatan adalah tahap lanjut yang harus dikerjakan. Perancangan dan pembuatan situs disesuaikan dengan kriteria – kriteria dari pihak FAJAR BROILER BANDUNG.
1.6 Sistematika Penulisan
Laporan kerja praktek ini disusun dalam lima bab yang memiliki sistematika penulisan sebagai berikut :
BAB I PENDAHULUAN
Semua yang berhubungan dengan dasar – dasar penulisan laporan kerja praktek ada pada bab ini. Bagian – bagian dari bab pertama ini meliputi latar belakang masalah, perumusan masalah, maksud dan tujuan, batasan masalah, metode penelitian, dan sistematika penulisan.
BAB II TUJUAN PUSTAKA
Mengenalkan pihak perusahaan dan sejarah tempat kerja praktek sangatlah penting untuk menambah informasi, baik bagi diri sendiri maupun bagi pembaca. Dalam bab ini juga membahas tentang landasan teori yang berhubungan dengan membangun website ini.
BAB III PEMBAHASAN
Mengenai kegiatan kerja praktek tentang perancangan dan pembuatan website akan dijelaskan di bab yang ketiga ini.
(4)
BAB IV KESIMPULAN DAN SARAN
Bab ini berisikan ulasan kesimpulan dari keseluruhan isi laporan kerja praktek dan beberapa saran untuk pengembangan aplikasi lebih jelas.
(5)
2.1 Profil Tempat Kerja Praktek 2.1.1 Sejarah Perusahaan
Asal mula FAJAR BROILER BANDUNG bermula dari penjualan ayam broiler dalam kapasitas kecil yang dimulai pada tanggal 10 November 2001. Namun dengan meningkatnya permintaan pasar dan untuk perluasan distribusi sehingga kapasitas penjualan ayam lebih besar, FAJAR BROILER BANDUNG mendaftarkan diri ke :
1) Dinas Perindustrian dan Perdagangan tanggal 10 Juli 2003 dengan SIUP kecil No.510/1-1422-DISINDAG/2003.
2) Departemen Keuangan Republik Indonesia Direktorat Jendral Pajak No.Pem 14850/wpj.09/KP.0203/2003.
3) HO dari Kantor Penanaman Modal Daerah tentang izin gangguan tanggal 8 Juli 2003 No.517151-12838/KPMD/2003.
Yang mempunyai ruang lingkup untuk melakukan kegiatan usaha perdagangan di seluruh wilayan RI.
a) Visi FAJAR BROILER BANDUNG
“Memberikan yang terbaik kepada konsumen dalam kualitas, kuantitas, dan rutinitas“.
b) Misi FAJAR BROILER BANDUNG
1) Menjual ayam broiler secara meluas baik ke pasar tradisional sampai dengan hotel - hotel dan supermarket.
2) Menciptakan lapangan kerja untuk masyarakat baik di lingkungan tempat perusahaan maupun dari luar perusahaan.
(6)
Gambar 2.1 Kantor FAJAR BROILER BANDUNG
2.1.2 Logo Perusahaan
Gambar 2.2 Logo FAJAR BROILER BANDUNG
2.1.2.1 Makna Logo Perusahaan
FAJAR BROILER BANDUNG itu merupakan perusahaan keluarga. Kata “Fajar” itu diambil dari nama kakek yang mendirikan perusahaan tersebut. Adapun tujuan dari kakek tersebut mendirikan perusahaan ini, supaya keturunannya itu dapat mengelola perusahaan ini dengan lebih baik dan bisa diwariskan ke semua keturunannya.
(7)
2.1.3 Struktur Organisasi dan Job Description 2.1.3.1 Struktur Organisasi
MANAGER (AGUS) KEPALA PRODUKSI (WARSO)
ADMINISTRASI (AGUS) PENGAWAS KANDANG KEPALA MARKETING (INDRA)
PENAGIHAN (RAHMAT&JEPRI) PPL ADMIN KEUANGAN (SERLI)
PENCATATAN/REKORDING (RAHMAT) EXPEDISI
SOREANG (SUGENG&AGUNG) PWK (DIDIN&DEDI)
PEMILIK
RONI SETIAWAN
DIVISI 1
FAJAR BROILER
DIVISI 2
FAJAR MANDIRI
Gambar 2.3 Struktur Organisasi FAJAR BROILER BANDUNG
2.1.3.2 Job Description
1) Pemilik FAJAR BROILER BANDUNG
Pemilik FAJAR BROILER BANDUNG mempunyai tugas pokok memimpin, mengendalikan, dan mengkordinasikan kegiatan FAJAR BROILER BANDUNG dalam melaksanakan sebagian tugas di bidang pemantauan dan pengecekan pegawai transaksi, penyebaran informasi pembangunan dan komunikasi dialogis antara pemerintah dan masyarakat, serta pengelolaan pengembangan perusahaan.
2) Administrasi/Personalia
Manajer administrasi/personalia mempunyai tugas pokok melaksanakan, mengelola administrasi kantor, keuangan operasional, kepegawaian, hubungan kemasyarakatan, rumah tangga dan perlengkapan, dan menyusun rencana kegiatan dan anggaran.
(8)
3) Administrasi
Administrasi mempunyai tugas pokok melaksanakan penyusunan kebijakan dan pengelolaan keuangan.
Adapun fungsi administrasi adalah, sebagai berikut :
a) Pelaksanaan kegiatan penyusunan kebijakan dan pengelolaan keuangan. b) Evaluasi dan pelaporan hasil pelaksanaan kegiatan.
4) Penagihan
Penagihan mempunyai tugas pokok melaksanakan kegiatan penagihan ke semua pembeli apa bila pelayannan transaksi manual seperti COD.
Adapun fungsi penagihan adalah, sebagai berikut : a) Pelaksanaan penagihan ke semua pembeli.
b) Evaluasi dan pelaporan hasil pelaksanaan kegiatan.
5) Pencatatan (Rekording)
Melakukan pencatatan apa saja yang sudah dibeli dan pengeluaran serta mencatat semua transaksi.
6) Kepala Produksi
Kepala produksi mempunyai tugas menyusun susunan produksi/pengiriman ke pembeli, yang dimaksud disini menyusun siapa dan menggunakan truk mana diantarnya.
Adapun fungsi kepala produksiadalah, sebagai berikut : a) Pelaksana kegiatan penyusunan produksi/pengiriman ke pembeli. b) Evaluasi dan pelaporan hasil pelaksanaan kegiatan.
7) Pengawas Kandang
Pengawas kandang mempunyai tugas pokok mengawas semua kebutuhan kandang seperti perbaikan kandang, kerusakan kandang, memperbaiki semua fasilitas kandang.
Adapun fungsi pengawas kandang adalah, sebagai berikut : a) Pelaksana kegiatan pengawasan kandang.
(9)
8) Kepala Marketing
Kepala marketing merupakan salah satu bagian dari perusahaan yang memiliki peran penting dalam menentukan kemajuan perusahaan tersebut.
Adapun fungsi dari kepala marketing adalah, sebagai berikut : a) Sebagai bagian yang memperkenalkan perusahaan kepada masyarakat. b) Untuk menyerap informasi dan menyampaikan kepada perusahaan tentang
segala sesuatu yang bermanfaat untuk mendukung peningkatan kualitas dan penjualan produk.
9) Admin Keuangan
Admin keuangan mempunyai tugas pokok, melaksanakan pengadministrasian keuangan seperti pengeluaran dan pendapatan.
2.2 Landasan Teori
Dalam Landasan Teori akan dibahas tentang teori - teori yang berhubungan dengan sistem informasi yang akan dibuat.
2.2.1 Definisi Website
Website adalah sebutan bagi sekelompok halaman web (web page), yang umumnya merupakan bagian dari suatu nama domain (domain name) atau sub domain di World Wide Web (WWW) di Internet. WWW terdiri dari seluruh situs web yang tersedia kepada publik. Halaman - halaman sebuah situs web diakses dari sebuah URL yang menjadi "akar" (root), yang disebut homepage (halaman induk, sering diterjemahkan menjadi "beranda", "halaman muka"), dan biasanya disimpan dalam server yang sama. Tidak semua situs web dapat diakses dengan gratis. Beberapa situs web memerlukan pembayaran agar dapat menjadi pelanggan, misalnya situs - situs yang menampilkan pornografi, situs - situs berita, layanan surat elektronik (e-mail), dan lain - lain.
Terminologi website adalah kumpulan dari halaman - halaman situs, yang biasanya terangkum dalam sebuah domain atau sub domain, yang tempatnya berada didalam World Wide Web (WWW) di Internet. Sebuah halaman web adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi
(10)
dari website - website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.
Halaman - halaman dari website akan bisa diakses melalui sebuah URL yang biasa disebut Homepage. URL ini mengatur halaman - halaman situs untuk menjadi sebuah hirarki, meskipun, hyperlink - hyperlink yang ada di halaman tersebut mengatur para pembaca dan memberitahu mereka sususan keseluruhan dan bagaimana arus informasi ini berjalan.
Beberapa website membutuhkan sub skripsi (data masukan) agar para user bisa mengakses sebagian atau keseluruhan isi website tersebut. Contohnya, ada beberapa situs - situs bisnis, situs - situs e-mail gratisan, yang membutuhkan subkripsi agar kita bisa mengakses situs tersebut.
Website ditulis, atau secara dinamik di konversi menjadi HTML dan diakses melalui sebuah program software yang biasa disebut dengan web browser, yang dikenal juga dengan HTTP Client. Halaman web dapat dilihat atau diakses melalui jaringan komputer dan internet, perangkatnya bisa saja berupa Personal Computer, Laptop Computer, PDA ataupun Cellphone.
2.2.2. Data Flow Diagram (DFD)
DFD adalah alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan. DFD ini merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program.
Dibawah ini terdapat simbol - simbol untuk DFD yaitu :
1. Proses, suatu proses adalah kegiatan atau kerja yang dilakukan oleh orang, prosedur atau alat yang digunakan untuk mentransformasikan data.
2. Data Flow (Arus Data), data yang mengalir dengan arah tertentu dari asal ke tujuan. Data yang mengalir dapat berupa dokumen, surat atau bentuk lainnya. 3. Data Store (Penyimpanan Data), digunakan untuk menyimpan dan mengambil data
oleh proses. Data yang disimpan dapat berupa data yang terkomputerisasi maupun tidak terkomputerisasi.
(11)
4. Terminator atau Source atau destination atau dikenal juga dengan external entity, berupa orang, organisasi atau sistem lain yang berada diluar batas sistem yang berinteraksi dengan sistem yang sedang dikembangkan.
2.2.3 (Entity Relationship Diagram (ERD)
ERD (Entity Relationship Diagram) merupakan notasi grafis dalam pemodelan data konseptual, yang mendeskripsikan hubungan antara penyimpanan. ERD digunakan untuk memodelkan struktur data dan hubungan antar data, karena hal ini relatif kompleks. Dengan ERD, model dapat diuji dengan mengabaikan proses yang harus dilakukan. ERD menggunakan sejumlah notasi dan simbol untuk menggambarkan struktur dan hubungan antar data, pada dasarnya ada 3 macam simbol yang digunakan :
a. Entity
Adalah suatu objek yang dapat diidentifikasi dalam lingkungan pemakai, sesuatu yang penting bagi pemakai dalam konteks sistem yang akan dibuat.
b. Atribut
Entity mempunyai elemen yang disebut atribut, dan berfungsi mendeskripsikan karakter entity.
c. Hubungan/Relasi
Relationship sebagai mana Entity maka dalam hubungan pun harus dibedakan dalam hubungan atau bentuk hubungan antar Entity dengan isi dari hubungan itu sendiri.
Relasi yang terjadi diantara dua himpunan entitas (misalnya A dan B) dalam satu basis data yaitu :
1. Satu ke satu (One to one)
Hubungan relasi satu ke satu yaitu setiap entitas pada himpunan entitas A berhubungan paling banyak dengan satu entitas pada himpunan entitas B.
2. Satu ke banyak (One to many)
Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B, tetapi setiap entitas pada entitas B dapat berhubungan dengan satu entitas pada himpunan entitas.
3. Banyak ke banyak (Many to many)
Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B.
(12)
2.2.4 Perangkat Lunak Pendukung 2.2.4.1 Joomla! CMS
Joomla! adalah salah satu aplikasi manajemen situs yang terbuka untuk umum dan aplikasi Joomla! juga untuk proses pembuatan website. Karena pada umumnya, jika ingin membuat sebuah website kita harus memiliki pengetahuan tentang bahasa php, html, java, dan lainnya. Tentu saja dalam mempelajarinya membutuhkan waktu & proses yang sangat panjang/lama. Dengan teknologi website yang kian berkembang & semakin canggih, ada cara yang lebih praktis dan bisa dikerjakan oleh orang yang awam sekalipun, kita bisa membuat website secara instant dengan Joomla!.
Joomla! merupakan salah satu sistem aplikasi manajemen situs yang terbuka (Open Source Content Management System – OS CMS) yang sangat hebat dan tercanggih di kelas CMS. Joomla! juga merupakan pecahan dari tim Mambo. Tim inti penunjang open source ini bergabung dalam kelompok yang bernama Open Source Matters (OSM). Lewat OSM inilah Joomla! beralih untuk meninggalkan Mambo. Dari Joomla! juga banyak perbaikan - perbaikan atau perubahan - perubahan dari Mambo, serta melengkapi keamanannya secara lengkap.
Beberapa kelemahan yang sudah disempurnakan oleh Joomla! yaitu : 1) Penyempurnaan cacat di classphpmailer.
2) Penambalan cacat di fitur aktivasi yang mengandung ruang terbuka untuk diserang dengan SQL injection.
3) Penyempurnaan cacat di komponen Poling (polls component). 4) Penyempurnaan mass mailer yang terbuka bagi spam.
Saat ini Joomla! sudah memasuki area komunitas. Joomla! menjadi sebuah Trade mark atau Brand Image, bahwa dunia open source bisa berkembang dengan baik dan sempurna. Joomla! menjadi milik semua orang yang dapat digunakan untuk dikembangkan berdasarkan kemampuan dan keterampilannya untuk menjadi penyumbang dalam pengembangan proyek situs. Semua orang berhak mengetahui dan menggunakan Joomla! dan mengutak-atik Joomla!. Bahkan, semua orang punya kesempatan yang sama dalam hal pengembangan proyek Joomla! ini. Dengan
(13)
Dengan Joomla!, membuat website menjadi lebih mudah. Kita tidak harus memiliki pengetahuan tentang desain atau bahasa pemrograman bagi seorang pemula untuk belajar membuat website. Proses dan pengerjaanya pun relatif mudah dan tidak memakan waktu lama dibandingkan menggunakan aplikasi lain, yang dibutuhkan hanyalah pengetahuan dasar mengenai cara menginstal software.
Selain kemudahan dalam membuatnya, banyak kemudahan lainnya yang ditawarkan Joomla!, diantaranya :
a) Gratis
Joomla! bisa didapatkan secara gratis dengan mendownload aplikasinya di internet.
b) Kemudahan mengelola isi website
Mengelola isi website dengan menggunakan Joomla! lebih mudah karena sudah disediakan untuk pengaturannya. Pengguna Joomla! tinggal membuat saja apa yang ingin diisikan ke dalam website nya.
c) Kemudahan mengganti tampilan website
Tampilan atau yang biasa disebut template Joomla! sangat banyak dan beragam sesuai dengan versi Joomla! yang kita gunakan. Memodifikasi template yang kita pakai pun sangat mudah dengan menggunakan software Photoshop, template tersebut bisa di edit tanpa harus mempersoalkan hal - hal yang tidak diinginkan. Dengan demikian, template akan berubah sesuai yang anda inginkan.
d) Dukungan dari pihak ketiga
Jika kita ingin menginstal komponen atau modul yang didownload dari internet, bisa dengan mudah digunakan dan di konfigurasikan sesuai keinginan kita . Tentu saja, komponen tersebut harus sesuai dengan versi Joomla! yang kita pakai/install. Untuk saat ini mungkin anda belum dapat membuat modul atau komponen Joomla! sendiri, namun suatu saat nanti, mungkin saja anda dapat membuat komponen - komponen atau modul tersebut untuk website anda sesuai yang anda kehendaki.
(14)
2.2.4.2 WAMP Server
WAMP adalah paket program yang dibuat secara independent yang dapat diinstall pada komputer yang menggunakan sistem operasi Windows. Program ini memungkinkan untuk melayani halaman web dinamis suatu jaringan komputer, seperti internet atau jaringan pribadi.
WAMP adalah suatu singkatan yang terbentuk dari sistem operasi (Windows) dan komponen utama paket : Apache, Mysql dan PHP (atau Perl atau Phyton). Apache adalah suatu server web, yang mengijinkan orang-orang dengan web browsers seperti Internet explorer atau Firefox untuk menghubungkan suatu komputer dan melihat informasi dari suatu halaman web. Mysql adalah suatu database manager untuk menjelajahi data yang sangat terorganisir.
PHP adalah suatu catatan bahasa yang dapat menggerakkan informasi dan menyimpannya dalam suatu database dan menghasilkan halaman web. Setiap suatu browser diminta program lain yang dapat mencakup paket, seperti phpMyAdmin yang menyediakan suatu alat penghubung grafis untuk Mysql Database manager, atau catatan alternatif bahasa pemrograman Phyton atau Perl.
(15)
3.1 Sistem Kerja Praktek 3.1.1 Jadwal Kerja Praktek
Kerja praktek dilaksanakan sesuai dengan kebutuhan serta kesempatan yang diberikan pihak perusahaan, dan pelaksanaan kerja praktek di FAJAR BROILER BANDUNG dilaksanakan sejak tanggal 2 Juli 2011 sampai dengan selesai. Adapun waktu mulai kerja praktek disesuaikan dengan ketentuan yang diberikan perusahaan tempat kerja praktek, yaitu terhitung dari hari Senin s/d hari Jum’at, pukul 15.00 WIB sampai dengan jam 21.00 WIB.
3.2 Analisis Sistem
Analisis sistem (Systems Analysis) dapat didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh ke dalam bagian - bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan - permasalahan, kesempatan - kesempatan, hambatan - hambatan yang terjadi dan kebutuhan - kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan - perbaikannya.
3.2.1 Analisis Masalah
Analisis masalah adalah analisis yang dilakukan mengenai prosedur - prosedur atau cara kerja dari setiap data yang dibutuhkan dan dihasilkan dari sistem penjualan yang ada pada FAJAR BROILER BANDUNG. Dari setiap proses analisis tersebut menghasilkan data dan informasi yang harus diolah sehingga dapat menghasilkan keluaran baru sesuai kebutuhan dari setiap fungsinya. Berdasarkan hasil penelitian yang sudah dilakukan, bahwa FAJAR BROILER BANDUNG masih mempunyai masalah - masalah seperti :
1. Memberitahukan profile perusahaan.
2. Proses pembelian dan pemesanan masih belum dilakukan secara online.
3. FAJAR BROILER BANDUNG mengalami kesulitan dalam pembuatan laporan pemesanan.
(16)
3.2.2 Analisis Kebutuhan Non Fungsional
Analisis kebutuhan non fungsional merupakan analisis yang dibutuhkan untuk menentukan spesifikasi kebutuhan sistem. Analisis kebutuhan non fungsional juga menentukan spesifikasi inputan yang diperlukan sistem, output yang akan dihasilkan sistem dan proses yang dibutuhkan untuk mengolah inputan dan akhirnya didapatlah suatu output yang dikendaki. Kebutuhan non - fungsional terbagi menjadi beberapa analisis yaitu analisis pengguna, analisis perangkat keras, dan analisis perangkat lunak.
3.2.2.1 Analisis Pengguna
Suatu aplikasi akan berjalan optimal apabila ditunjang oleh perangkat pikir yang memiliki kemampuan dalam menjalankan aplikasi yang bersangkutan. Pengguna aplikasi ini adalah staf Kepala Marketing yang bertugas memperkenalkan perusahaan kepada masyarakat dan mencatat semua pembelian atau transaksi di website FAJAR BROILER BANDUNG.
3.2.2.2 Analisis Perangkat Keras
Untuk menjalankan website FAJAR BROILER BANDUNG ini dibutuhkan perangkat keras pendukung sehingga websiteyang dibangun dapat berjalan dengan baik.
Spesifikasi minimun perangkat keras untuk menjalankan website tersebut diantaranya yaitu :
a) Processor Minimal (1,8 GHz)
b) Memory Minimal 128 MB
c) Monitor 15 inch d) VGA On-Board 64 MB
e) HDD minimal 20 GB
f) Mouse dan Keyboard Standar
3.2.2.3 Analisis Perangkat Lunak
Perangkat lunak yang digunakan untuk membuat website FAJAR BROILER BANDUNG ini antara lain :
(17)
b) CMS Joomla! versi 1.5 c) Webserver WAMPServer 2.0 d) MySQL database 5.0.5
e) phpMyAdmin Database Manager 5.3.0 f) Macromedia Dreamweaver 8
g) Corel Draw x4
3.3 Perancangan Sistem
Perancangan adalah bagian metodologi pembangunan suatu perangkat lunak yang harus dilakukan setelah melalui tahapan analisis. Perancangan bertujuan untuk memberikan gambaran secara terperinci dan diharapkan dapat memecahkan permasalahan yang ada. Langkah - langkah yang dilakukan dalam tahapan perancangan sistem ini adalah sebagai berikut :
3.3.1 SKPL (Spesifikasi Kebutuhan Perangkat Lunak)
Berdasarkan analisis masalah yang dibutuhkan oleh perangkat lunak pada sub bab 3.2.1, maka perangkat lunak harus memenuhi kriteria - kriteria berikut :
1. Sistem yang akan dibangun harus bisa menampilkan home.
2. Sistem yang akan dibangun harus menampilkan profile perusahaan. 3. Sistem yang akan dibangun harus menampilkan gallery perusahaan.
4. Perangkat lunak harus dapat melakukan pembelian dan pemesanan secara online. 5. Sistem juga harus bisa melakukan proses login.
6. Sistem harus bisa melakukan olah lupa password dan lupa username. 7. User bisa melakukan create account.
8. User, pelanggan ataupun admin bisa download, print, dan mengirim email artikel. 9. Admin dapat mengedit artikel.
3.3.2 Batasan Perangkat Lunak
Batasan yang diterapkan pada perangkat lunak adalah perangkat lunak hanya bisa menangani penambahan, pengeditan, penghapusan dan print hasil transaksi yang terjadi di dalam website FAJAR BROILER BANDUNG.
(18)
3.3.3 Perancangan Basis Data
Perancangan basis data adalah langkah untuk menciptakan atau merancang data yang terhubung dan disimpan secara bersama - sama. Untuk menggambarkannya digunakanlah diagram relasi dan struktur tabel. Dari dua hasil tersebut, implementasi basis data akan bisa dikerjakan.
3.3.4 ERD (Entity Relationship Diagram)
ERD (Entity Relationship Diagram) digunakan dalam membangun basis data untuk menggambarkan relasi atau hubungan dari dua file atau dua tabel. ERD terdiri dari 2 komponen utama yaitu entitas dan relasi. Kedua komponen tersebut dideskripsikan lebih jauh melalui atribut – atribut atau properti. Hubungan antar entitas yang terjadi dalam sistem E-Commerce yang akan dirancang dapat dilihat pada Gambar 3.1.
(19)
3.3.5 DFD (Data Flow Diagram)
Data Flow Diagram merupakan suatu media yang digunakan untuk menggambarkan aliran data yang mengalir pada suatu sistem informasi.
3.3.5.1 Diagram Konteks
Diagram konteks adalah arus data yang berfungsi untuk menggambarkan keterkaitan aliran - aliran data antara sistem dengan bagian - bagian luar. Adapun diagram konteks untuk sistem yang akan dibangun dapat dilihat pada Gambar 3.2.
Gambar 3.2 Diagram Konteks
(20)
3.3.5.2 DFD Level 1
(21)
3.3.5.3 DFD Level 2 Proses 1 (View Home)
(22)
3.3.5.4 DFD Level 2 Proses 2 (View Profile Perusahaan)
(23)
3.3.5.5 DFD Level 2 Proses 4 (Login)
Gambar 3.6 DFD Level 2 Proses 4 (Login)
3.3.5.6 DFD Level 2 Proses 7 (Create Account)
Gambar 3.7 DFD Level 2 Proses 7 (Create Account)
(24)
3.3.5.7 DFD Level 2 Proses 8 (Pemesanan)
(25)
3.3.5.8 DFD Level 3 Proses 8.2 (Show Cart)
Gambar 3.9 DFD Level 3 Proses 8.2 (Show Cart)
3.3.6 Spesifikasi Proses
Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang terdapat pada DFD (Data Flow Diagram). Spesifikasi proses pada diagram alir data sistem E-Commerce pada FAJAR BROILER BANDUNG dapat dilihatpada Tabel 3.1.
Tabel 3.1 Spesifikasi Proses
No Proses Keterangan
(26)
1
Nama Proses View Home
Source - Pengunjung
- Pelanggan - Admin
Input -
Output Info_home
Logika Proses 1. Sistem menampilkan menu :
Perusahaan assword a. Home b. Profile c. Galeri d. Login e. Lupa P
f. Lupa Username g. Create Account
2
No. Proses 1.1
Nama Proses Download Artikel Home
Source - Pengunjung
- Pelanggan - Admin
Input -
Output Info_artikel
Logika Proses engambil data artikel dari database. 2. Pengunjung, pelanggan dan admin mendownload 1. Sistem m
artikel home.
(27)
3
No. Proses 1.2
Nama Proses Print Artikel Home
Source - Pengunjung
- Pelanggan - Admin
Input -
Output Info_artikel
Logika Proses Sistem mengambil data artikel dari database. enampilkan artikel untuk di print.
3. Pengunjung, pelanggan, dan admin dapat 1.
2. Sistem m
langsung print artikel.
4
No. Proses 1.3
Nama Proses Kirim Email Artikel Home
Source - Pengunjung
- Pelanggan - Admin
Input -
Output Info_artikel
Logika Proses 1. Sistem mengambil data artikel dari database. Sistem menampilkan data yang harus diisi oleh
in.
3. Sistem mengirim data artikel ke email yang 2.
pengunjung, pelanggan dan adm
dituju.
5
No. Proses 1.4
(28)
Source - Admin
Input - Data_artikel
Output - Info_profile
Logika Proses mpilkan form data yang akan diedit. 2. Edit data artikel sesuai dengan data yang akan
yang telah diedit ke database. 1. Sistem mena
diedit. 3. Simpan data
6
No. Proses 2
Nama Proses View Profile Perusahaan
Source -Pelanggan - Admin Pengunjung -Input Data_artikel_profile Output Info_artikel_profile
Logika Proses 1. Sistem mengambil data profile perusahaan dari database.
2. Sistem menampilkan Profile Perusahaan.
7
No. Proses 2.1
Nama Proses Download Artikel Profile Perusahaan
Source - g
Admin Pengunjun - Pelanggan -Input - Output Info_artikel_profile
(29)
dari database.
2. Pengunjung, pelanggan, dan admin mendownload artikel profile perusahaan.
Pengunjung, pelanggan, dan admin menerima 3.
download-an artikel profile perusahaan.
8
No. Proses 2.2
Nama Proses Print Artikel Profile Perusahaan
Source - Pengunjung
- Pelanggan - Admin
Input -
Output Info_artikel_profile
Logika Proses 1. Sistem mengambil data artikel profile perusahaan dari database.
ilkan artikel profile perusahaan t.
3. Pengunjung, pelanggan, dan admin dapat langsung print artikel profile perusahaan.
2. Sistem menamp untuk di prin
No. Proses 2.3
Nama Proses Kirim Email Artikel Profile Perusahaan
Source - Pengunjung
- Pelanggan - Admin 9
Input -
Output Info_artikel_perusahaan
(30)
dari database.
2. Sistem menampilkan data yang harus diisi oleh pengunjung, pelanggan atau admin.
data artikel profile perusahaan 3. Sistem mengirim
ke email yang dituju.
10
No. Proses 2.4
Nama Proses Edit Artikel Profile Perusahaan
Source - Admin
Input - Data_artikel_profile
Output - Info_artikel_profile
Logika Proses akan diedit.
pan data yang telah diedit ke database. 1. Sistem menampilkan form data yang
2. Edit data artikel profile perusahaan sesuai dengan data yang akan diedit.
3. Sim
11
No.Proses 3
Nama Proses View Galeri
Source - Pelanggan - Pengunjung - Admin Input - Output Info_galeri Logika Proses
Sistem menampilkan Galeri.
1. Sistem mengambil data galeri dari database. 2.
(31)
12
Source - Pelanggan
- Admin
Input
-Data_login_admin Data_login_pelanggan
Output - Info_login_admin
- Info_login_pelanggan Source
-Admin Pelanggan
-Logika Proses 1. Admin atau pelanggan memasukkan username dan password.
inistrator maka enampilkan tampilan awal admin. 3. Apabila usertype = registered maka sistem akan 2. Apabila usertype = Super Adm
sistem akan m
menampilkan tampilan awal pelanggan.
13
No.Proses 4.1
Nama Proses Validasi Username
Source - Pelanggan
- Admin
Input - Data_username_admin
- Data_username_pelanggan
Output - Info_username_admin
- Info_username_pelanggan
Logika Proses uncul
peringatan username salah.
2. Apabila username sesuai dan jika dari username pe = Super Administrator maka sistem akan menampilkan tampilan admin.
1. Apabila username tidak sesuai maka m
(32)
3. Apabila username sesuai dan jika dari username ertype = pelanggan maka sistem akan menampilkan tampilan pelanggan.
diketahui us
14
ses
No.Pro 4.2
Nama Proses Validasi Password
Source - Pelanggan
- Admin
Input - Data_password_admin
- Data_password_pelanggan
Output - Info_password_admin
- Info_password_pelanggan
Logika Proses
enuju ke tampilan selanjutnya sesuai dengan usertype-nya. 1. Apabila password tidak sesuai maka muncul
peringatan password salah.
2. Apabila password sesuai maka akan m
15
No. Proses 5
Nama Proses Olah Lupa Password
Source - Pelanggan
- Admin
Input Data_email
Output Info_email
Logika Proses enginputkan alamat
2. Dari alamat email yang diinputkan, sistem 1. Admin atau pelanggan m
(33)
password tersebut untuk login.
16
No.Proses 6
Nama Proses Olah Lupa Username
Source - Pelanggan
- Admin
Input Data_email
Output Info_email
Logika Proses atau pelanggan menginputkan alamat
email.
at email yang diinputkan, sistem
n 1. Admin
2. Dari alam
mengirim username ke alamat email tersebut. 3. Admin atau pelanggan dapat menggunaka
username tersebut untuk login.
17
No.Proses 7
Nama Proses Create account
Source - Pengunjung
Input Data_user
Output Info_user
Logika Proses ng menginputkan Name, Username, E-mail, Password, Verify Password.
enyimpan data yang diinputkan ke database.
si. 1. Pengunju
2. Sistem m
3. Sistem meminta pengunjung cek email untuk verifika
4. Setelah verifikasi, pengunjung sudah terdaftar menjadi pelanggan dan bisa melakukan pemesanan dengan melakukan login terlebih
(34)
18
dahulu.
No.Proses 7.1
Nama Proses Input Data Account
Source - Pengunjung
Input Data_user
Output Info_user
Logika Proses 1. Pengunjung menginputkan Name, Username, E-mail, Password, Verify Password.
2. Sistem menyimpan data yang diinputkan ke database.
19
No.Proses 7.2
Nama Proses Verifikasi Email
Source - Pengunjung
Input Data_user
Output Info_user
Logika Proses -klik link yang ada di email
verifikasi.
engantar pengunjung ke n dimana account akan diaktifasi. 1. Pengunjung meng
pengunjung untuk 2. Link tersebut akan m
tampila
20
No.Proses 7.3
Nama Proses Aktifasi account
Source - Pengunjung
(35)
Logika Proses 1. Sistem mengaktifasi account setelah pengunjung melakukan verifikasi.
pengunjung dapat melakukan login.
2. Account pengunjung sudah dapat digunakan dan
21
No.Proses 8
Nama Proses Pemesanan
Source - Pelanggan
- Admin
Input - Data_pesanan
- Data_artikel_pemesanan
Output
-esanan Info_pesanan
- Info_artikel_pem
Logika Proses 1. Sistem menampilkan menu a. Add Cart
b. Show Cart
22
No.Proses 8.1
Nama Proses Add Cart
Source - Pelanggan
- Admin
Input Data_pesanan
Output Info_pesanan
Logika Proses 1. Sistem menampilkan data pesanan.
n atau admin memilih ayam yang akan
3. Sistem memasukan data pesanan ke database. 2. Pelangga
dipesan.
(36)
23
Nama Proses Show Cart
Source - Pelanggan
- Admin
Input Data_pesanan
Output Info_pesanan
Logika Proses pilkan data pesanan yang sudah
an atau admin. juga menampilkan menu: a. Continue Shopping
b. Empty Cart
e. Remove 1. Sistem menam
dipesan pelangg 2. Sistem c. Confirm d. Change 24 ses No.Pro 8.2.1
Nama Proses Continue Shopping
Source - Pelanggan
- Admin
Input Data_pesanan
Output Info_pesanan
Logika Proses an melanjutkan melakukan belanja. lkan menu
a. Add Cart 1. Pelangg
2. Sistem menampi
b. Show Cart No.Proses 8.2.2
(37)
25
Source - Pelanggan
- Admin
Input Data_pesanan
Output Info_pesanan
Logika Proses in menghapus atau
ua data pesanan.
menghapus atau mengosongkan semua 1. Pelanggan atau adm
mengosongkan sem 2. Sistem
data pesanan dari database.
No.Proses 8.2.3
Nama Proses Confirm
Source - Pelanggan
26
- Admin
Input Data_pesanan
Output Info_pesanan
Logika Proses ilkan data yang harus diisi.
data yang sudah diisi ke email 1. Sistem menamp
2. Sistem mengirim yang telah diisikan.
3. Data yang telah diisi disimpan ke database.
No.Proses 8.2.4
Nama Proses Change
27 Source - Pelanggan
- Admin
(38)
Output Info_pesanan
Logika Proses 1. Sistem menampilkan data pesanan yang akan
perubahan
3. Data pesanan yang telah diubah disimpan ke se.
diubah.
2. Pengunjung atau admin melakukan data pesanan sesuai yang diinginkan.
databa
28
es
No.Pros 8.2.5
Nama Proses Remove
Source - Pelanggan
- Admin
Input Data_pesanan
Output Info_pesanan
Logika Proses pesanan yang akan
2. Sistem menghapus data pesanan yang akan apus dari database.
1. Pelanggan menghapus data dihapus.
dih
3.3.7 Kamus Data
Kamus data atau data dictionary merupakan katalog fakta tentang data dan kebutuhan - kebutuhan informasi dari suatu sistem. Ka ibuat berdasarkan arus data yang ada pada diagram enggunakan kam data, analisis sistem dapat mendefiniskian data yang mengalir pada sistemsecara lengkap. Kamus data digunakan untuk merancang input, meranc ran dan database. ang dibutuhkan untuk membuat sistem E-Commerce
mus data d
aliran data. Dengan m us
ang lapo Kamus data y
(39)
Tabel 3.2 Kamus Data
No Kamus Keterangan
1.
Nama Aliran Data Data _login_admin
Deskripsi Berisi Data Login sebagai admin Struktur Data Username + password
Username Password
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
2.
Nama Aliran Data Data _login_pelanggan
Deskripsi Berisi Data Login sebagai
pelnggan.
Struktur Data Username + password Usernam Password [A-Z|a-z|0-9] [A-Z|a-z|0-9] e 3.
Nama Aliran Data Data _artikel_home
Deskripsi Berisi Data Artikel yang berada pada menu home
Struktur Data Id + tittle + introtext + fulltext + ed + modified_by
created + created_by + modifi
Id tittle introtext fulltext created created_by modified [0-9] -z|0-9|@|_|-|.] -z|0-9|@|_|-|.] Datetime [0-9] datetime [A-Z|a-z|0-9|@|_|-|.] [A-Z|a [A-Z|a
modified_by [0-9]
4. Nama Aliran Data Data _galeri
Deskripsi Berisi Data Galeri
Struktur Data Id + tittle + filename Id Tittle Filename [0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9]
5. Nama Aliran Data Data_user
Deskripsi Berisi Data User
Struktur Data
Id + name + username + email + rd + usertype + registerdate + lastvisitdate + activation
passwo
(40)
Name Username Email Password Usertype Registerdate Lastvisitdat Activation e [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9|@|_|-|.] [A-Z|a-z|0-9] [A-Z|a-z] Datetime Datetime [A-Z|a-z|0-9]
6. Nama Aliran Data Data_pesanan
Deskripsi Berisi Data Pesanan
Struktur Data
address + Id + name + email +
codepostal + city + telephone + ordercode Id Email Ordercode [A-Z|a-z|0-9|@|_|-|.] |_|-|.] [A-Z|a-z|0-9] [0-9] Name Address Codepostal City Telephone [0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9|@ [0-9] [0-9] 7.
Nama Aliran Data Data_artikel_profile
Deskripsi Berisi Data Artikel Profile
Struktur Data ted_by + modified +
modified_by
Id + tittle + introtext + fulltext + created + crea
Id Tittle Introtext Created by _by Fulltext Created_ Modified Modified [0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9|@|_|-|.] [A-Z|a-z|0-9|@|_|-|.] datetime [0-9] Datetime [0-9]
8. Nama Aliran Data Data_ profile
(41)
modified_by Id Tittle ltext d_by by [A-Z|a-z|0-9] -z|0-9|@|_|-|.] [0-9] Introtext Ful Created Create Modified Modified_ [0-9] [A-Z|a-z|0-9|@|_|-|.] [A-Z|a datetime [0-9] Datetime
9. Nama Aliran Data Data_ email
Deskripsi Berisi Data email untuk mengirim email artikel
Struktur Data Email to + sender + your email + subject Email to r Email |0-9|@|_|-|.] |_|-|.] |_|-|.] Sender You Subject [A-Z|a-z|0-9|@|_|-|.] [A-Z|a-z [A-Z|a-z|0-9|@ [A-Z|a-z|0-9|@
3.3.8 Skema Relasi
Skema relasi adalah model data dimana hubungan antar data, arti data dan batasannya dijelaskan dengan baris dan kolom. Secara formal, semuanya itu barkan kedalam diagram skema.
Adapun untuk lebih jelasnya tentang diagram relas em E-Commerce di FAJAR
BROILER BANDUNG a di Gambar
digam
i pada Sist di jelaskan pada skem 3.10.
(42)
jos_users PK id name username email password userType sendEmail registerDate lastvisitD activatio ate n jos_sc_orders PK id name codepostal FK email address FK city telephone ordercode ipaddress total jos_sc_products PK id prodcode shorttext unitprice option category jos_content PK id tittle introtext fulltext created created_by modified modified_ FK FK by jos_phocagallery PK id tittle filename date userid FK jos_sc_odetails PK id orderid prodcode qty unitprice total FK FK
Gam kema Relasi FAJAR BROILER BANDUNG
3.3.9 Struktur Tabe
Struktur tabel adalah penjelasan mengenai spesifikasi tabel yang terdapat dalam Sistem E-Commerce di FAJAR BROILER BANDUNG. Tabel - tabel yang terdapat dalam basis data yang digunakan adalah
bar 3.10 S
l
(43)
1. Tabel jos_u
Tabel 3.3 jos_users sers
Nama Field Tipe Data Ukuran Keterangan
Id Int 30 Primary Key
Name Varchar 50 Nama user
Username Varchar 11 Username user
Email Varchar 50 Email user
Password Varchar 50 Password user
Usertype Varchar 50 Type user
SendEmail Tinyint 4
telah melakukan l
Berapa kali user
send emai
RegisterDate Datetime - r
n register Waktu use melakuka
Lastvisitdate Datetime - Waktu user terakhir
mengunjungi web
Activation Varchar 50 Aktivasi saat user
(44)
2. Tabel jos_content
Tabel 3.4 jos_content
Nama Field Tipe Data Ukuran Keterangan
Id Int 30 Primary Key
Tittle Varchar 50 Judul content
Introtext Mediumtext - Judul content
Fulltext Mediumtext - Isi content
Created Datetime - Waktu admin
membuat content
Created_by Int 11 FK Ref jos_users
(id)
Modified datetime - Waktu admin
merubah data content
Modified_by Int 4 FK Ref jos_users
(id)
Tabel 3.5 jos_sc_products 3. Tabel jos_sc_products
Nama Field Tipe Data Ukuran Keterangan
Id Int 10 Primary Key
(45)
Shorttext Varchar 255 Penjelasan dari produk
Un Int 11 Harga produk
per-unit itprice
Options Text - Pilihan ukuran ayam
Category Varchar 255 Jenis kategori ayam
4. Tabel jos_sc_odetails
Tabel 3.6 jos_sc_odetails
Nama Field Tipe Data Ukuran Keterangan
Id Int 11 Primary Key
Orderid Int 11
jos_sc_orders (id)
FK Ref
Prodcode Varchar 255
jos_sc_products
FK Ref
(prodcode)
Qty Int 11 Jumlah Pemesanan
Unitprice Float - Harga per unit
(46)
5. Tabel jos_sc_orders
Tabel 3.7 jos_sc_orders
Nama Field Tipe Data Ukuran Keterangan
Id Int 11 Primary Key
Name Varchar 50 Nama pemesan
Email Varchar 255 ers
(email) FK Ref jos_us
Address Text - Jumlah pemesanan
Codepostal Int 20 Kode pos pelanggan
City Varchar 50 Kota pelanggan
Telephone Int 20 Telepon pelanggan
Ordercode Varchar 255 Kode pemesanan
Ipaddress Int 50 Alamat ip pelanggan
Total Float - Total pemesanan
6. Tabel jos_phocagallery
Tabel 3.8 jos_phocagallery
Nama Field Tipe Data Ukuran Keterangan
(47)
Filename Varchar 50 Nama File galeri
Date Datetime - Tanggal foto
diinputkan
Userid Int 11 FK Ref jos_users
(id)
3.3.10 Perancangan Struktur Menu
Perancangan struktur menu adalah gambaran jalur pemakaian aplikasi sehingga aplikasi
yang dibangun mudah dipahami dan m enu
dalam penggunaan sistem E-Comme :
3.3.10.1 Struktur Menu Administrator
Struktur menu administrator dapat di ambar 3.11 dibawah ini : udah digunakan. Terdapat tiga bagian struktur m rce diFAJAR BROILER BANDUNG ini yaitu
lihat pada G
(48)
3.3.10.2 Struktur Menu Pelanggan
Struktur menu pelanggan dapat dilihat pada Gambar 3.12 dibawah ini :
mbar 3.12 Struktur Menu Pelanggan
3.3.10.3 Struktur Menu Pengunjung
ktur menu pengunjung dapat dilihat pada Gambar 3 Ga
Stru .13 dibawah ini :
(49)
3.3.1
ka dilakukanlah
rm yang 1 Perancangan Ars
Setelah melakukan perancangan data pada sistem yang dibangun, ma
perancangan arsitektur. Perancangan arsitektur yang telah dibuatmeliputi beberapa perancangan diantaranya adalah perancangan antarmuka.
3.3.11.1 Perancangan Antarmuka
Perancangan antarmuka mendeskripsikan rencana tampilan dari setiap fo akan digunakan pada sistem E-Commerce di FAJAR BROILER BANDUNG.
itektur
1. Perancangan Antarmuka Halaman Utama
Gambar pada 3.14 di bawah ini merupakan perancangan antarmuka halaman utama setelah user masuk ke website FAJAR BROILER BANDUNG.
(50)
2. Perancangan Antarmuka Profil Perusahaan
l perusahaan setelah user mengklik profil perusahaan.
Gambar pada 3.15 di bawah ini merupakan perancangan antarmuka profi
(51)
3. Perancangan Antarmuka Gallery Perusahaan
Gambar pada 3.16 di bawah ini merupakan perancangan antarmuka gallery perusahaan setelah user mengklik gallery perusahaan.
(52)
4. Perancangan Antarmuka Login
Gambar pada 3.17 di bawah ini merupakan perancangan antarmuka login apabila user akan melakukan login.
(53)
5. Perancangan Antarmuka Forgot Your Password
Gambar pada 3.18 di bawah ini merupakan perancangan antarmuka forgot your password apabila user lupa password.
(54)
6. Perancangan Antarmuka Forgot Your Username pa username.
Gambar pada 3.19 di bawah ini merupakan perancangan antarmuka forgot your username apabila user lu
(55)
7. Perancangan Antarmuka Create an Account
Gambar pada 3.20 di bawah ini merupakan perancangan antarmuka create an account apabila user melakukan registrasi.
(56)
8. Perancangan Antarmuka Show Cart
Gambar pada 3.21 di bawah ini merupakan perancangan antarmuka show cart untuk menampilkan daftar pesanan.
(57)
9. Perancangan Antarmuka Pesan
Gambar pada 3.22 di bawah ini merupakan perancangan antarmuka pesan apabila user melakukan pemesanan.
(58)
10. Perancangan Antarmuka Proses Pemotongan dari proses pemotongan ayam.
Gambar pada 3.23 di bawah ini merupakan perancangan antarmuka proses pemotongan dimana tampilan
(59)
11. Perancangan Antarmuka Kandang
Gambar pada 3.24 di bawah ini merupakan perancangan antarmuka kandang.
(60)
12. Perancangan Antarmuka Ayam
Gambar pada 3.25 di bawah ini merupakan perancangan antarmuka ayam berisi berbagai macam ayam yang dijual.
(61)
13. Perancangan Antarmuka npwp
Gambar pada 3.26 di bawah ini merupakan perancangan antarmuka npwp.
(62)
14. Perancangan Antarmuka Add to Cart esanan.
Gambar pada 3.27 di bawah ini merupakan perancangan antarmuka add to cart apabila user selesai melakukan proses pem
(63)
15. Perancangan Antarmuka Continue Pesan
e pesan. Gambar pada 3.28 di bawah ini merupakan perancangan antarmuka continu
(64)
16. Perancangan Antarmuka Empty Cart
Gambar pada 3.29 di bawah ini merupakan perancangan antarmuka empty cart apabila user ingin menghapus proses pemesanan.
(65)
17. Perancangan Antarmuka Confirm
Gambar pada 3.30 di bawah ini merupakan perancangan antarmuka confirm.
(66)
3.4
1. Tampilan
Gambar 3.31 Tampilan Menu Halaman Utama
2. Tampilan Menu Pesan Implementasi Interface
(67)
3. Tampilan Menu Profil Perusahaan
Gambar 3.33 Tampilan Menu Profil Perusahaan
4. Tampilan Menu Gallery
(68)
5. Tampilan Gallery Proses Pemotongan
Gambar 3.35 Tampilan Gallery Proses Pemotongan
(69)
7. Tampilan Gallery Ayam
Gambar 3.37 Tampilan Gallery Ayam
8. ampilan Gallery npwp
Gambar 3.38 Tampilan Gallery npwp T
(70)
9. Tampilan Menu Create an Account
Gambar 3.39 Tampilan Menu Create an Account
(71)
11.Tampilan Menu Forgot Your Username
Gambar 3.41 Tam e
rt
Gambar 3.42 Tampilan Menu Show Cart pilan Menu Forgot Your Usernam
(72)
13.Tampilan Menu Continue Pesan
Gambar 3.43 Tampilan Menu Continue Pesan
14. ampilan Menu Empty Cart
Gambar 3.44 Tampilan Menu Empty Cart T
(73)
Gambar 3.45 Tampilan Menu Remove
16. ampilan Menu Confirm
Gambar 3.46 Tampilan Menu Confirm 15.Tampilan Menu Remove
(74)
BAB IV
KESIMPULAN DAN SARAN
4.1 Kesimpulan
Berdasarkan semua proses dalam membangun website FAJAR BROILER ini dapat diambil kesimpulan sebagai berikut :
1. Dengan adanya situs ini diharapkan selain dari pihak FAJAR BROILER BANDUNG, masyarakat umum dapat mengetahui dan mengenal FAJAR BROILER BANDUNG sebagai salah satu perusahaan yang bergerak di bidang peternakan dan penjualan ayam
2. Website ini dapat menampilkan profil FAJAR BROILER BANDUNG.
3. Dengan website ini dapat menyediakan sarana informasi dan penjualan secara online.
4.2 Saran
Saran-saran yang penulis kemukakan diharapkan dapat lebih meningkatkan hasil yang telah didapatkan.
Berikut beberapa saran yang disampaikan oleh penulis :
1. Masih perlu adanya pengembangan dan penyempurnaan website sehingga tampilan website tampak lebih menarik.
2. FAJAR BROILER sebaiknya memiliki petugas (admin) yang mampu mengelola website dengan baik dan benar.
(75)
KERJA PRAKTEK
Diajukan untuk Memenuhi Tugas Mata Kuliah Kerja Praktek Program Stara Satu Jurusan Teknik Informatika
Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia
SIGMA REFFANZA 10108440 ALI YAPI
10108456
DERRY ANDRIAS PRATAMA 10108458
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK DAN ILMU KOMPUTER
UNIVERSITAS KOMPUTER INDONESIA
BANDUNG
(76)
1. Heryandi Andri, Modul PHP dan MySQL, UNIKOM, 2010
2. Kadir, A. (2003). Pengenalan Sistem Informasi. Yogyakarta : ANDI 3. Elib Unikom
(77)
Tempat/Tanggal Lahir : Tasikmalaya, 28 Agustus 1989
Jurusan/Program : Teknik Informatika/S1
Alamat : Jalan Dr. Setiabudi Gg. H. Ridho
No.5/174B Bandung
No. Tlp : 085723471117
Email : aliipaii@yahoo.com
Jenis Kelamin : Laki - laki
Warga Negara : Indonesia
Agama : Islam
Judul Kerja Praktek : MEMBANGUN WEBSITE FAJAR BROILER DENGAN MENGGUNAKAN JOOMLA!
VERSI 1.5
Riwayat Pendidikan
Periode Sekolah / Institusi / Universitas
1996 - 2002 SDN Sukamanah 1
2002 - 2005 SMPN 1 Singaparna
2005 - 2008 SMAN 1 Singaparna
2008 - Sekarang UNIVERSITAS KOMPUTER INDONESIA
(78)
Tempat/Tanggal Lahir : Bandung, 07 Juni 1990
Jurusan/Program : Teknik Informatika/S1
Alamat : Kp. Pasir Huni, Kecamatan Ciwidey, Kabupaten Bandung
No. Tlp : 089656386022
Email : andrias_pratama90@yahoo.com
Jenis Kelamin : Laki - laki
Warga Negara : Indonesia
Agama : Islam
Judul Kerja Praktek : MEMBANGUN WEBSITE FAJAR BROILER DENGAN MENGGUNAKAN JOOMLA!
VERSI 1.5
Riwayat Pendidikan
Periode Sekolah / Institusi / Universitas
1996 - 2002 SDN Ciwidey Kota
2002 - 2005 SMPN 1 Ciwidey
2005 - 2008 SMAN 1 Ciwidey
(79)
Nama : Sigma Reffanza
NIM : 10108440
Tempat/Tanggal Lahir : Bandung, 27 Mei 1989
Jurusan/Program : Teknik Informatika/S1
Alamat : Jl. Sukagalih II No. 25 F Bandung
40162
No. Tlp : 085722821511
Email : adenyasigma@rocketmail.com
Jenis Kelamin : Laki-laki
Warga Negara : Indonesia
Agama : Islam
Judul Kerja Praktek : MEMBANGUN WEBSITE FAJAR BROILER DENGAN MENGGUNAKAN
JOOMLA! VERSI 1.5
Riwayat Pendidikan
Periode Sekolah / Institusi / Universitas
1995 - 2001 SDN SUKAGALIH 6 TIMUR BANDUNG
2001 - 2004 SMP BPI BANDUNG
2004 - 2007 SMAN 6 BANDUNG
(80)
Puji syukur kepada ALLAH SWT atas segala rahmat hidayah dan karunia-NYA sehingga Laporan Kerja Praktek (KP) ini dapat diselesaikan tepat pada waktunya. Maksud dan tujuan dari penyusunan Laporan Kerja Praktek ini untuk memenuhi salah satu syarat mata kuliah Kerja Praktek di semester 7 (tujuh) dengan total 2 (dua) SKS. Adapun judul Laporan Kerja Praktek yang penulis ambil adalah “MEMBANGUN WEBSITE FAJAR BROILER DENGAN MENGGUNAKAN JOOMLA! VERSI 1.5”.
Penulis menyadari bahwa tanpa dukungan dan bimbingan dari semua pihak penyusunan Laporan Kerja Praktek ini tidak akan berjalan dengan baik, Penulis mengucapkan banyak terima kasih kepada semua pihak yang telah membantu antara lain : 1. Kepada Allah SWT, yang telah memberikan kemudahan dalam mengerjakan
Laporan Kerja Praktek ini.
2. Bapak Dr.Ir Eddy Soeryanto Soegoto, selaku Rektor Kampus Universitas Komputer Indonesia.
3. Bapak Andri Heryandi, S.T., M.T., selaku dosen pembimbing dan dosen wali IF-9 yang telah banyak meluangkan waktunya dan memberikan pengarahan kepada penulis. 4. Ibu Mira Kania Sabariah, S.Si., M.T., selaku Ketua Jurusan Teknik Informatika,
Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia.
5. Bapak Roni Setiawan selaku pembimbing Kerja Praktek di lapangan yang telah meluangkan waktu dan tenaga untuk memberikan bimbingan serta petunjuk kepada penulis dalam penyelesaian Laporan Kerja Praktek ini.
6. Seluruh dosen dan para staff karyawan Universitas Komputer Indonesia.
7. Rekan-rekan mahasiswa Universitas Komputer Indonesia yang telah membantu dalam penyelesaian Laporan Kerja Praktek ini.
8. Kepada kedua orang tua dan keluarga penulis atas dukungan materil dan moril dengan izin dan do’a restunya penulis dapat menyelesaikan penulisan Laporan Kerja Praktek ini.
9. Pihak-pihak lainnya yang sangat mambantu dan tidak dapat penulis sebutkan satu persatu.
(81)
Penulis menyadari bahwa laporan ini masih jauh dari sempurna. Semoga laporan ini dapat bermanfaat bagi rekan-rekan lainnya serta dapat digunakan sebagai referensi untuk pembuatan laporan yang lebih baik lagi.
Bandung, 15 September 2011
(1)
75
DAFTAR PUSTAKA
1. Heryandi Andri, Modul PHP dan MySQL, UNIKOM, 2010
2. Kadir, A. (2003). Pengenalan Sistem Informasi. Yogyakarta : ANDI
(2)
Nama : Ali Yapi
NIM : 10108456
Tempat/Tanggal Lahir : Tasikmalaya, 28 Agustus 1989
Jurusan/Program : Teknik Informatika/S1
Alamat : Jalan Dr. Setiabudi Gg. H. Ridho
No.5/174B Bandung
No. Tlp : 085723471117
Email : aliipaii@yahoo.com
Jenis Kelamin : Laki - laki
Warga Negara : Indonesia
Agama : Islam
Judul Kerja Praktek : MEMBANGUN WEBSITE FAJAR BROILER DENGAN MENGGUNAKAN JOOMLA!
VERSI 1.5
Riwayat Pendidikan
Periode Sekolah / Institusi / Universitas
1996 - 2002 SDN Sukamanah 1
2002 - 2005 SMPN 1 Singaparna
2005 - 2008 SMAN 1 Singaparna
(3)
Nama : Derry Andrias Pratama
NIM : 10108458
Tempat/Tanggal Lahir : Bandung, 07 Juni 1990
Jurusan/Program : Teknik Informatika/S1
Alamat : Kp. Pasir Huni, Kecamatan Ciwidey, Kabupaten Bandung
No. Tlp : 089656386022
Email : andrias_pratama90@yahoo.com
Jenis Kelamin : Laki - laki
Warga Negara : Indonesia
Agama : Islam
Judul Kerja Praktek : MEMBANGUN WEBSITE FAJAR BROILER DENGAN MENGGUNAKAN JOOMLA!
VERSI 1.5
Riwayat Pendidikan
Periode Sekolah / Institusi / Universitas
1996 - 2002 SDN Ciwidey Kota
2002 - 2005 SMPN 1 Ciwidey
2005 - 2008 SMAN 1 Ciwidey
2008 - Sekarang UNIVERSITAS KOMPUTER INDONESIA
(4)
DAFTAR RIWAYAT HIDUP
Nama : Sigma Reffanza
NIM : 10108440
Tempat/Tanggal Lahir : Bandung, 27 Mei 1989
Jurusan/Program : Teknik Informatika/S1
Alamat : Jl. Sukagalih II No. 25 F Bandung
40162
No. Tlp : 085722821511
Email : adenyasigma@rocketmail.com
Jenis Kelamin : Laki-laki
Warga Negara : Indonesia
Agama : Islam
Judul Kerja Praktek : MEMBANGUN WEBSITE FAJAR BROILER DENGAN MENGGUNAKAN
JOOMLA! VERSI 1.5
Riwayat Pendidikan
Periode Sekolah / Institusi / Universitas
1995 - 2001 SDN SUKAGALIH 6 TIMUR BANDUNG
2001 - 2004 SMP BPI BANDUNG
2004 - 2007 SMAN 6 BANDUNG
(5)
KATA PENGANTAR
Puji syukur kepada ALLAH SWT atas segala rahmat hidayah dan karunia-NYA sehingga Laporan Kerja Praktek (KP) ini dapat diselesaikan tepat pada waktunya. Maksud dan tujuan dari penyusunan Laporan Kerja Praktek ini untuk memenuhi salah satu syarat mata kuliah Kerja Praktek di semester 7 (tujuh) dengan total 2 (dua) SKS. Adapun judul Laporan Kerja Praktek yang penulis ambil adalah “MEMBANGUN WEBSITE FAJAR BROILER DENGAN MENGGUNAKAN JOOMLA! VERSI 1.5”.
Penulis menyadari bahwa tanpa dukungan dan bimbingan dari semua pihak penyusunan Laporan Kerja Praktek ini tidak akan berjalan dengan baik, Penulis mengucapkan banyak terima kasih kepada semua pihak yang telah membantu antara lain :
1. Kepada Allah SWT, yang telah memberikan kemudahan dalam mengerjakan
Laporan Kerja Praktek ini.
2. Bapak Dr.Ir Eddy Soeryanto Soegoto, selaku Rektor Kampus Universitas Komputer
Indonesia.
3. Bapak Andri Heryandi, S.T., M.T., selaku dosen pembimbing dan dosen wali IF-9
yang telah banyak meluangkan waktunya dan memberikan pengarahan kepada penulis.
4. Ibu Mira Kania Sabariah, S.Si., M.T., selaku Ketua Jurusan Teknik Informatika,
Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia.
5. Bapak Roni Setiawan selaku pembimbing Kerja Praktek di lapangan yang telah
meluangkan waktu dan tenaga untuk memberikan bimbingan serta petunjuk kepada penulis dalam penyelesaian Laporan Kerja Praktek ini.
6. Seluruh dosen dan para staff karyawan Universitas Komputer Indonesia.
7. Rekan-rekan mahasiswa Universitas Komputer Indonesia yang telah membantu dalam
penyelesaian Laporan Kerja Praktek ini.
8. Kepada kedua orang tua dan keluarga penulis atas dukungan materil dan moril dengan izin dan do’a restunya penulis dapat menyelesaikan penulisan Laporan Kerja Praktek ini.
9. Pihak-pihak lainnya yang sangat mambantu dan tidak dapat penulis sebutkan satu
persatu.
i
(6)
ii
Penulis menyadari bahwa laporan ini masih jauh dari sempurna. Semoga laporan ini dapat bermanfaat bagi rekan-rekan lainnya serta dapat digunakan sebagai referensi untuk pembuatan laporan yang lebih baik lagi.
Bandung, 15 September 2011