Pengembangan website di PT. Lintas Mediatama Bandung
LEMBAR JUDUL
PENGEMBANGAN WEBSITE DI PT. LINTAS MEDIATAMA BANDUNG
(2)
(3)
(4)
G-1
DAFTAR RIWAYAT HIDUP
NAMA : ANGGY MAULANA ARIEFIN
NIM : 10109416
TEMPAT/TANGGAL LAHIR : TANGERANG, 11 SEPTEMBER 1991 JURUSAN/PROGRAM : TEKNIK INFORMATIKA/S1
ALAMAT : JL. LASWI 773 CIPARAY
NO. TELPON : 022-5950385
E-MAIL : [email protected]
JENIS KELAMIN : LAKI – LAKI
AGAMA : ISLAM
WARGA NEGARA : INDONESIA
JUDUL KERJA PERAKTEK : PENGEMBANGAN WEBSITE
DI PT. LINTAS MEDIATAMA BANDUNG RIWAYAT PENDIDIKAN :
1. 1997-2003 : SDN 6 CIPARAY 2. 2003-2006 : SMPN 1 CIPARAY 3. 2006-2009 : SMAN 1 CIPAYAR
(5)
G-2
DAFTAR RIWAYAT HIDUP
NAMA : DANANG AGUSTIAN
NIM : 10109433
TEMPAT/TANGGAL LAHIR : BANDUNG, 21 AGUSTUS 1991 JURUSAN/PROGRAM : TEKNIK INFORMATIKA/S1
ALAMAT : JL. Makam Caringin Gg Mesjid syamdasyah RT 06 / RW 02 NO 1 BANDUNG
NO. TELPON : 085320176176
E-MAIL : [email protected]
JENIS KELAMIN : LAKI – LAKI
AGAMA : ISLAM
WARGA NEGARA : INDONESIA
JUDUL KERJA PERAKTEK : PENGEMBANGAN WEBSITE
DI PT. LINTAS MEDIATAMA BANDUNG RIWAYAT PENDIDIKAN :
5. 1997-2003 : SDN 5 BACIP
6. 2003-2006 : SMPN 36 BANDUNG ( PAKET B )
7. 2006-2009 : STM PRAKARYA INTERNASIONAL ‘ 52
(6)
G-3
DAFTAR RIWAYAT HIDUP
NAMA : RIZQIANA TRINENDA
NIM : 10109418
TEMPAT/TANGGAL LAHIR : BANDUNG, 19 JULI 1990 JURUSAN/PROGRAM : TEKNIK INFORMATIKA/S1
ALAMAT : KOMPLEK CIGADO REGENCY B9
BALENDAH BANDUNG
NO. TELPON : 088801845285
E-MAIL : [email protected]
JENIS KELAMIN : LAKI – LAKI
AGAMA : ISLAM
WARGA NEGARA : INDONESIA
JUDUL KERJA PERAKTEK : PENGEMBANGAN WEBSITE
DI PT. LINTAS MEDIATAMA BANDUNG RIWAYAT PENDIDIKAN :
9. 1996-2002 : SDN 5 DAYEUHKOLOT 10. 2002-2005 : SMPN 3 BANDUNG 11. 2005-2009 : SMKN 1 CIMAHI 12. 2009-SEKARANG : UNIKOM
(7)
iii
DAFTAR ISI LEMBAR JUDUL
LEMBAR PENGESAHAAN
KATA PENGANTAR ... i
DAFTAR ISI ... iii
DAFTAR TABEL ... vi
DAFTAR GAMBAR ... vii
DAFTAR SIMBOL ... xiii
DAFTAR LAMPIRAN ... xiv
BAB 1 PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Identifikasi Masalah ... 1
1.3 Maksud dan Tujuan ... 2
1.4 Batasan Masalah ... 2
1.5 Metode Penelitian ... 2
1.6 Sistematika Penulisan ... 4
BAB II TUJUAN PUSTAKA ... 5
2.1 Profil Tempat Kerja Praktek ... 5
2.1.1 Sejarah Singkat ... 5
2.1.2 Logo Instansi ... 7
2.1.3 Struktur Organisasi dan Job Description ... 7
2.1.3.1 Struktur Organisasi ... 7
2.1.3.2 Job Description ... 8
2.2 Landasan Teori ... 9
(8)
iv
2.2.2 Definisi Website ... 9
2.2.2 Pengertian Sistem ... 10
2.2.3 Konsep Dasar Sistem ... 11
2.2.4 Karakteristik Sistem ... 11
2.2.6 Klasifikasi Sistem ... 12
2.2.7 Definisi Sistem Informasi ... 13
2.2.8 Konsep Dasar Sistem Informasi ... 13
2.2.9 Perancangan System ... 13
2.2.9.1 Diagram Konteks (Context Diagram) ... 14
2.2.9.2 DFD (Data Flow Diagram) ... 14
2.2.9.3 ERD (Entity Relationship Digital) ... 14
2.2.10 Analisis Sistem ... 15
2.3 Software pendukung ... 16
2.3.1 MySQL ... 16
2.3.2 Html5 ... 17
2.3.3 PHP ... 18
2.3.4 Adobe Dreamweaver CS5 ... 18
2.3.5 XAMP Server ... 19
BAB III PEMBAHASAN ... 20
3.1 Sistem Kerja Praktek ... 20
3.1.1 Jadwal Kerja Praktek ... 20
3.1.2 Tugas Kerja Praktek ... 20
3.2 Analisis Sistem ... 20
3.2.1 Analisis Masalah ... 20
3.2.2 Analisis Kebutuhan Non – Fungsional ... 21
3.2.2.1 Analisis Pemakai ... 21
3.2.2.2 Analisis perangkat Keras ... 22
(9)
v
3.3 Perancangan Sistem ... 23
3.3.1 SKPL (Spesifikasi Kebutuhan Perangkat Lunak) ... 23
3.3.2 Batasan Perangkat Lunak ... 25
3.3.3 ERD (Entity Relationship Diagram) ... 25
3.3.4 DFD (Data Flow Diagram) ... 26
3.3.4.1 DFD Level Konteks ... 26
3.3.4.2 DFD Level 1 ... 26
3.3.4.3 DFD Level 2 Proses Login ... 28
3.3.4.4 DFD Level 2 Proses Pengolahan Data Category ... 28
3.3.4.5 DFD Level 2 Proses Pengolahan Data Content ... 29
3.3.4.6 DFD Level 2 Proses Pengolahan Data Gallery ... 30
3.3.4.7 DFD Level 2 Proses Pengolahan Data Services ... 31
3.3.4.8 DFD Level 2 Proses Pengolahan Data Career ... 32
3.3.4.9 DFD Level 2 Proses Pengolahan Data Client ... 33
3.3.5 Spesifikasi Proses ... 33
3.3.6 Kamus Data ... 50
3.3.7 Skema Relasi ... 52
3.3.8 Struktur Tabel ... 53
3.3.9 Struktur Menu ... 56
3.3.9.1 Perancangan Menu Login Admin ... 57
3.3.9.2 Perancangan Menu Pengunjung ... 57
3.4 Perancangan Interface ... 58
3.5 Implementasi Interface ... 101
3.6 Jaringan Semantik ... 122
3.6.1 Jaringan Semantik Pengunjung ... 122
3.6.2 Jaringan Semantik Halaman Admin ... 124
BAB IV KESIMPULAN DAN SARAN ...127
4.1 Kesimpulan ... 127
4.2 Saran ... 127
(10)
i
KATA PENGANTAR
Penulis panjatkan puji dan syukur ke hadirat Tuhan Yang Maha Esa, atas hidayah dan inayah-Nya, sehingga dapat menyelesaikan penulisan laporan kegiatan kerja praktek yang bertempat di PT Lintas Mediatama sesuai dengan waktu yang telah ditentukan.
Penulisan laporan ini diajukan untuk memenuhi salah satu syarat menyelesaikan Mata Kuliah Kerja Praktek Program Strata (S-1) Teknik Informatika di Universitas Komputer Indonesia.
Penulis menyadari masih terdapat banyak kekurangan dan jauh dari kesempurnaan dalam penulisan laporan ini dikarenakan oleh keterbatasan ilmu dan wawasan yang penulis miliki, namun atas bantuan dan bimbingan dari berbagai pihak akhirnya laporan ini dapat diselesaikan dengan baik.
Keberhasilan penulis dalam menyelesaikan laporan ini tidak terlepas dari dukungan berbagai pihak. Untuk itu penulis mengucapkan terima kasih yang sebesar-besarnya kepada : 1. Kepada Allah SWT, yang telah memberikan kemudahan dan lindungannya dalam
mengerjakan Laporan Kerja Praktek ini.
2. Kepada Kedua Orang Tua penulis atas dukungan materil dan moril, izin serta do’a restunya penulis dapat menyelesaikan penulisan Laporan Kerja Praktek ini.
3. Kepada Ibu Sufa’atin, S.T., selaku dosen pembimbing dan dosen wali IF-10 yang telah banyak meluangkan waktunya dan memberikan pengarahan kepada penulis.
4. Kepada Bapak Irawan Afrianto .S.T., M.T. selaku Ketua Prodi Jurusan Teknik Informatika, Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia.
5. Kepada Bapak Agus, selaku pembimbing dan Admin di PT lintas Mediatama yang telah sabar memberikan bantuan, bimbingan, dan dukungan sehingga Kerja Praktek ini dapat diselesaikan dengan baik.
6. Rekan – rekan mahasiswa universitas computer Indonesia yang telah membantu dalam penyelesaian Laporan Kerja Praktek ini.
(11)
ii
Penulis menyadari bahwa laporan ini masih jauh dari sempurna. Semiga laporan ini dapat bermanfaat bagi rekan- rekan lainnya serta dapat digunakan sebagai referensi untuk pembuatan laporan yang lebih baik lagi.
Bandung, Januari 2013
(12)
128
DAFTAR PUSTAKA
David, M. (2010). Designing Rich Internet Applications. burlington: Elsevier.
Geary, D. (2012). Html5 Canvas Grapichs, Animation, And Game Development.
Crawfordsville: U.S. Corporate and Government Sales.
Hakim, L. (2009). Trik Rahasia Master PHP Terbongkar Lagi. Yogyakarta: Lokomedia. Rogers S. Pressman, P. D. (2010). Software Engineering a Practitioner's Approach 7th
(13)
1
BAB 1 PENDAHULUAN 1.1 Latar Belakang
PT LINTAS MEDIATAMA merupakan perusahaan yang bergerak dibidang advertising. Sebelumnya, PT LINTAS MEDIATAMA menggunakan media internet(website) untuk mempublikasikan informasi profil perusahaannya, dikarenakan perusahaan ini adalah perusahaan advertising, oleh karena itu desain website perusahan haruslah menarik, kreatif dan inovatif, tapi desain website tersebut dirasa kurang kreatif dan inovatif yang menyebabkan banyak konsumen yang belum mengenal PT LINTAS MEDIATAMA.
Dalam perkembangannya, pihak perusahaan merasa ada kekurangan dalam media tersebut yaitu desain website yang kurang kreatif dan inovatif dalam menginformasikan profil perusahaan serta produk yang dimiliki perusahaan. Bila dilihat dari sisi konsumen ternyata bukan hanya desain dan informasi perusahaan yang sulit untuk disukai oleh konsumen. Oleh karena itu sidikitnya konsumen yang mengenal lebih dalam tentang informasi dan produk perusahaan(PT LINTAS MEDIATAMA).
Untuk mengatasi masalah – masalah tersebut penulis mencoba membantu pihak perusahaan (PT LINTAS MEDIATAMA) untuk membuat sebuah website yang dapat menyampaikan informasi – informasi profil perusahaan secara menarik, kreatif dan inovatif serta dapat memberikan informasi profil, produk dan pihak – pihak yang bekerjasama dengan perusahaaan.
Berdasarkan latar belakang yang telah dijelaskan diatas maka laporan kerja praktek ini diberi judul “PENGEMBANGAN WIBSITE DI PT LINTAS MEDIATAMA BANDUNG”.
1.2 Identifikasi Masalah
Berdasarkan latar belakang yang telah dijelaskan,maka identifikasi masalah dalam hal ini adalah :
1. Belum ter-updatenya website lama
2. Pada dasarnya sebuah perusahaan advertising perlu memiliki sarana berupa website yang menawarkan informasi terupdate tentang perusahaan baik profil, produk maupun pihak – pihak yang bekerja sama dengan perusahaan. Hal tersebut menuntut perusahaan untuk memiliki website yang menarik dan kreatif agar masyarakat lebih mengenal perusahaan(PT LINTAS MEDIATAMA).
(14)
2
Berdasarkan identifikasi masalah yang ada, maka langkah yang diperlukan adalah bagaimana membuat website yang menarik dan inovatif dalam mempublikasikan profil maupun produk perusahaan.
1.3 Maksud dan Tujuan
Adapun maksud dari pembuatan aplikasi berbasis website ini adalah membuat website yang mempermuda PT LINTAS MEDIATAMA menyampaikan informasi – informasi profil perusahaan secara menarik, kreatif dan inovatif serta dapat memberikan informasi profil, produk dan pihak – pihak yang bekerjasama dengan perusahaaan. Adapun tujuan dari pembuatan websiteini adalah :
Untuk mempermudah pihak PT LINTAS MEDIATAMA menginformasikan dan menyampaikan informasi – informasi profil perusahaan secara menarik, kreatif, cepat dalam pengaksesan website dan inovatif agar dapat memberikan informasi se-efektif mungkin tentang profil, produk dan pihak – pihak yang bekerjasama dengan perusahaaan. agar nantinya perusahaan lebih dikenal oleh masyarakat luas.
1.4 Batasan Masalah
Batasan masalah dalam pembuatan website ini adalah: 1. Website tidak menyediakan layanan pemesanan.
2. Tools perancangan sistem yang digunakan adalah DFD (Data Flow Diagram) dan
ERD (Entity Relationship Diagram).
3. Pembuatan website menggunakan PHP, HTML5, dan JQUERY. 1.5 Metode Penelitian
Metode yang digunakan antara lain : 1. Metode pengumpulan data
a. Studi Pustaka
Metode pengumpulan data dengan mencari data, mempelajari banyak data dari berbagai sumber buku, modul, artikel baik perpustakaan maupun internet yang berhubungan dengan masalah yang dibahas.
b. Wawancara (interview)
Pengumpulan data yang dilakukan dengan cara berkomunikasi langsung dengan pihak-pihak yang dianggap mampu memberikan informasi (narasumber) yang lebih terinci terhadap permasalahan yang sedang diteliti.
(15)
3
c. Observasi
Teknik pengumpulan data dengan mengadakan penelitian dan peninjauan langsung terhadap permasalahan yang diambil.
2. Metode pengembang perangkat lunak
Metode Pengembang perangkat lunak menggunakan metode prototyping menurut referensi buku dari Roger S. Pressman, yang meliputi beberapa proses diantaranya :
Gambar 1.1 BaganPrototyping
a. Komunikasi
Merupakan awal pembangunan system untuk mencari kebutuhan dengan cara berkomunikasi langsung dengan pihak-pihak yang dianggap mampu memberikan informasi (narasumber) yang lebih terinci terhadap permasalahan yang sedang diteliti dan mengalokasikan pembentukan perangkat lunak.
b. Quick Plan
Merupakan tahap perencangan dengan cepat. c. Quick Design
Tahap perancangan dan penerjemahan secara cepat dari data yang dianalisis kedalam bentuk yang mudahdimengerti oleh user.
d. Prototype Construction
(16)
4 e. Delivery & Feedback
Merupakan tahap pengujian website oleh pihak perusahaan dan pemberian komentar tentang kekurangan website yang dibuat agar sesuai kebutuhan perusahaan. f. Maintenance
Tahap akhir dimana suatu perangkat lunak yang sudah selesai dapat mengalami perubahan-perubahan atau penambahan sesuai dengan permintaan user.
1.6 Sistematika Penulisan
Laporan kerja praktek ini disusun dengan sistematika penulisan sebagai berikut:
BAB I PENDAHULUAN
Dalam bab ini diuraikan mengenai latar belakang masalah, perumusan masalah, maksud dan tujuan, atasan masalah, metode penelitian, dan sistematika penulisan.
BAB II TUJUAN PUSTAKA
Bab ini berisi tantang profil tempat kerja praktek, sejarah instansi, logo instansi, badan hukum instansi, struktur organisasi dan job description, serta berisi landasan teori yang membahas teori-teori yang berkaitan dengan permasalahan yang dibahas.
BAB III PEMBAHASAN
Bab ini berisi tanrang uraian teori pembahasan berkaitan dengan judul atau software yang dibangun.
BAB IV KESIMPULAN DAN SARAN
Bab ini berisikan ulasan kesimpulan dari keseluruhan isi laporan kerja praktek dan beberapa saran untu pengembangan aplikasi lebih jelas.
(17)
5
BAB II
TINJAUAN PUSTAKA 2.1 Profil Tempat Kerja Praktek
2.1.1 Sejarah Singkat
Nama Perusahaan : PT. Lintas Mediatama Alamat : Jl. Menado No. 32 Bandung Workshop : Jl. Jakarta No. 36 Bandung
Telp. Office : +62 22 4202505, Fax : +62 22 4202506 Telp. Workshop : +62 22 91818165
Web Site : www.lintasmediatama.com Email : [email protected]
PT. Lintas Mediatama (PT. LIMA) adalah sebuah perusahaan periklanan yang berkonsentrasi pada media promo outdoor. PT. Lintas Mediatama (PT. LIMA) menempatkan kualitas sebagai prioritas utama, dengan memberikan pelayanan perencanaan, pemilihan media promo yang sesuai dengan kebutuhan dan penempatan lokasi media promo serta maintenance yang optimal sehingga dapat meningkatkan Brand Image dan target pemasaran yang diharapkan.
PT. Lintas Mediatama (PT. LIMA) berdiri pada tanggal 16 Desember 2005, dengan melihat peluang bisnis Outdoor Advertising di Bandung cukup bagus, maka dua saudri ; Ibu Yanyan Wahdanihmar dan Ibu Yeni Wahyuningsih membentuk sebuah perusahaan PT. Lintas Mediatama (PT. LIMA) yang bergerak di bidang Outdoor Advertising. Pada awalnya Ibu Yanyan dan Ibu Yeni membantu sebuah perusahaan Outdoor Advertising Jakarta dalam urusan perijinan reklame di kota Bandung. Dengan melihat peluang yang cukup bagus mereka bersama teman-temannya membuat perusahaan ini. Mereka bersama tiga orang teman yaitu : Ibu Yanyan Wahdanimar, Ibu Yeni Wahyuningsih, Bapak Alit Solihat, Bapak Rudi dan Bapak Asep Waluyodjati.
(18)
6
Pada awal januari 2006, PT. Lintas Mediatama membeli asset titik lokasi dari PT. Satria Sarana Media (SSM). Inilah awal pekerjaan perusahaan PT. Lintas Mediatama (PT. LIMA) membangun sayapnya. Asset yang dibeli dari SSM sudah memiliki Klien yaitu PT. DJARUM dan PT. HM. Sampoerna.
Untuk melakukan maintenance ( perawatan ) titik lokasi yang dibeli dari SSM, PT. LIMA memerlukan sebuah workshop, maka PT. LIMA mulai membangun sebuah workshop yang lokasinya di jalan Jakarta no. 36 Bandung.
Pada awalnya kantor pertama PT. LIMA terletak di jalan Ciumbuleuit no. 113 D, dengan jumlah karyawan 5 orang untuk di kantor dan 7 orang di workshop. Pekerjaan awal PT. LIMA adalah melakakukan perbaikan titik-titik lokasi yang dibeli dari SSM, yang kemudian mulai mengajukan titik-titik lokasi reklame baru. PT. LIMA hanya berkonsentrasi pada media outdoor (Billboard / Reklame) dan itu terus dilakukan hingga sekarang.
Visi :
“Menjadi perusahaan bersumber daya manusia kreatif, produktif di bidang komunikasi, informasi, tekhnologi dan memberikan pelayanan terbaik.“
Misi:
Kami ingin merealisasikan keinginan klien dengan cepat, tepat serta fleksible dan menempatkan kualitas dan kreatifitas sebagai prioritas utama.
(19)
7
2.1.2 Logo Instansi
Gambar 2.1 PT. LintasMediatama
2.1.3 Struktur Organisasi dan Job Description 2.1.3.1Struktur Organisasi
Struktur Organisasi Utama
DIREKTUR
GENERAL MANAGER
Marketing Manager
Staff Staff
Finance Manager
Staff :Kasir
Staff : Admin Keu
GA&HRD Manager
Production Manager
Asisten Manager
Technical Supervisor : LED
Supervisor
Produksi Admin Produksi Head of Creative
Design
(20)
8
2.1.3.2Job Description
Berikut ini adalah uraian jabatan pada stuktur organisasi utama di PT. Lintas Mediatama (PT. LIMA).
1. Direktur
- Pemberi arahan perusahaan secara umum.
- Pengambil keputusan/kebijakan strategis perusahaan.
- Perumus visi-misi serta sasaran / tujuan perusahaan bersama para karyawan. 2. General Manager
- Bertanggung jawab atas keseluruhan bagian / fungsional perusahaan.
- Memimpin beberapa unit bidang fungsi pekerjaan yang mengepalai beberapa atau seluruh manajer fungsional.
3. Marketing Manager
- Sebagai peneliti dan pengembangan produk/jasa pelayanan, promosi serta kerjasama dengan pihak luar.
- Menganalisa dan mengembangkan strategi marketing untuk meningkatkan jumlah pelanggan dan layanan sesuai dg target yang ditentukan.
4. Finance Manager
- Bertanggung jawab atas segala hal yang bersangkutan dengan keuangan perusahaan., mulai dari pembelian, gaji karyawan, mengatur keluar masuknya uang perusahaan yang tejadi pada transaksi setiap harinya.
- menyediakan Laporan keuangan (Neraca, Laporan Rugi/Laba, dan Laporan Perubahan Modal).
5. GA & HRD Manager - Menetapkan analisa jabatan - Pengadaan tenaga kerja. - Pengembangan tenaga kerja.
(21)
9
6. Production Manager
- Mengkoordinir dan mengawasi serta memberikan pengarahan kerja kepada setiap seksi di bawahnya untuk menjamin terlaksananya kesinambungan dalam proses produksi. - Memonitor pelaksanaan rencana produksi agar dapat dicapai hasil produksi sesuai
jadwal, volume, dan mutu yang ditetapkan
- Bertanggung jawab penuh atas keseluruhan apa yang ada di workshop. 2.2Landasan Teori
2.2.1Pengertian Basis Data (Database)
Database dapat diartikan sebagai kumpulan data yang terdiri atas satu atau lebih Tabelyang terintegrasi satu sama lain, dimana setiap user diberi wewenang (otoritas) untuk dapatmengakses (mengubah, menghapus, menganalisis, menambah, memperbaiki) data dalamtabel-tabel tersebut.
Tabel-tabel tersebut berfungsi untuk menyimpan data dan merupakansuatu kumpulan data yang berhubungan dengan topik tertentu. Beberapa istiah yang harusdiketahi pada saat bekerja dengan sebuah tabel database adalah:
Field ; merupakan tempat dimana data atau informasi dalam kelompok yang sama atau sejenis dimasukkan. Field itu pada umumnya tersimpan dalam bentuk kolom vertikal pada tabel.
Record; merupakan data lengkap dalam jumlah tunggal yang biasanya tersimpan dalam bentuk baris secara horizontal pada tabel.
2.2.2 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.
(22)
10
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 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.3 Pengertian Sistem
Dalam perancangan suatu sistem informasi diarahkan kepada pemanfaatan teknologi secara maksimal yang terdiri dari beberapa elemen atau komponen yang membentuk jaringan kerja dan mempunyai tujuan yang ingin dicapai. Pendekatan yang menekankan pada prosedur, mendefinisikan sebuah sistem sebagai berikut :
“Suatu sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk
menyelesaikan suatu sasaran tertentu”.
Dari pengertian diatas dapat diambil suatu kesimpulan bahwa suatu sistem merupakan elemen yang saling berkaitan dan saling mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan tertentu.
(23)
11
2.2.4 Konsep Dasar Sistem
Perancangan Suatu program aplikasi terdiri dari satu kesatuansistem.Terdapat dua kelompok pendekatan di dalam mendefinisikan sistem, yaitu yang menekankan pada prosedur dan yang menekankan padakomponen. Pendekatan sistem yang lebih menekankan pada prosedur mendefinisikan pada prosedur mendefinisikan sistem sebagai berikut:
“Sistem adalah suatu jaringan kerja dari prosedur-prosedur
yangsalingberhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau
menyelesaikan suatu sasaran tertentu”
Pengertian dari prosedur itu sendiri menurut Richard F. Neuschel adalah suatu urutan-urutan operasi tulis menulis biasanya melibatkan beberapa orang di dalam satu atau lebih departemen yang diterapkan untuk menjamin penanganan yang seragam dari transaksi-transaksi yang terjadi.
Lebih lanjut Ferry Fitz Gerald, Andra F. Fitz Gerald dan Warren D. Stalling, Jr mendefinisikan prosedur sebagai berikut:
“Prosedur adalah urutan-urutan yang tepat dari tahapan-tahapan instruksi yang menerapkan apa (what) yang harus dikerjakan, siapa (who) yang mengerjakan, kapan
(when) dikerjakan dan bagaimana (how) mengerjakan”
Pendekatan sistem yang lebih menekankan pada elemen atau komponen mendefinisikan sistem sebagai berikut :
“Sistem adalah kumpulan dari elemen-elemen yang berinteraksi untuk mencapai
suatu tujuan tertentu” . 2.2.5 Karakteristik Sistem
Suatu sistem mempunyai karakteristik atau sifat-sifat tertentu yaitu: 1. Komponen sistem (Components)
Suatu sistem memiliki sejumlah komponen yang saling berinteraksi, dimana setiap komponen akan membentuk suatu kerjasama. Komponen sistem dapat berupa sub sistem yang merupakan bagian dari sistem yang lebih besar.
2. Batasan Sistem (Boundary)
Merupakan suatu daerah yang membatasi suatu sistem dengan sistem yang lain / lingkungan luar, dan dengan batasan ini kita bisa mengetahui ruang lingkup suatu sistem.
(24)
12
3. Lingkungan Luar Sistem (Environtment )
Apapun yang berada diluar batas sistem yang mempengaruhi operasi suatu sistem. 4. Penghubung Sistem (Interface)
Merupakan media penghubung antara satu sub sistem dengan sistem lainnya. Dengan penghubung ini akan mengalir data–data antar sub sistem dimana keluaran (output) dari sistem akan menjadi masukan (input) untuk sub sistem yang lain, sehingga antara sistem dan sub sistem akan saling berinteraksi membentuk satu kesatuan.
5. Masukan Sistem (Input)
Merupakan energi yang dimasukkan kedalam sistem, dimana masukan ini dapat berupa masukan perawatan ( maintenance input) dan masukan sinyal (signal input).
6. Keluaran Sistem (Output)
Merupakan hasil dari energi yang diolah dan diidentifikasikan menjadi keluaran yang berguna dan mampu menjadi masukan baru / informasi yang dibutuhkan.
7. Pengolahan Sistem (Process)
Setiap sistem pasti mempunyai pengolahan data masukan untuk diolah menjadi sebuah informasi.
8. Sasaran Sistem (Object)
Merupakan penentu dari tujuan untuk menentukan masukan yang dibutuhkan dan keluaran yang akan dihasilkan sebuah sistem
2.2.6 Klasifikasi Sistem
Sistem memiliki sasaran yang berbeda untuk setiap kasus yang terjadi, oleh karena itu sistem dapat diklasifikasikan kedalam beberapa sudut pandang, yaitu:
1. Sistem Abstrak adalah sistem yang berupa pemikiran atau ide-ide yang tidak tampak secara fisik, misalnya: sistem teologia, yaitu sistem yang berupa pemikiran-pemikiran hubungan antara manusia dengan tuhan.
2. Sistem Fisik merupakan sistem yang ada secara fisik, misalnya sistem komputer, sistem akuntansi dan lain sebagainya.
3. Sistem Alamiah (natural sistem) adalah sistem yang terjadi melalui proses alam, misalnya: perputaran bumi.
4. Sistem Buatan Manusia (human made sistem) adalah sistem yang dirancang manusia. Sistem yang melibatkan interaksi antara manusia dengan mesin disebut human-machine sistem/man-human-machine system, misalnya: sistem informasi.
(25)
13
5. Sistem Tertentu (deterministic sistem) adalah sistem yang beroperasi dengan tingkah laku yang sudah dapat diprediksi, misal: sistem computer.
6. Sistem Tak Tentu adalah sistem yang kondisinya masa depannya tidak dapat diprediksi karena mengandung unsur probabilitas.
7. Sistem Tertutup (closed sistem) merupakan sistem yang tidak berhubungan dengan dan tidak berpengaruh dengan lingkungan luarnya.
8. Sistem terbuka adalah sistem yang berhubungan dan terpengaruh dengan lingkungan luarnya.
2.2.7 Definisi Sistem Informasi
Informasi merupakan hal yang sangat penting bagi manajemen dalam mengambil suatu keputusan. Suatu informasi dapat diperoleh dari system informasi atau juga disebut dengan processing system atau information processing system atau information-generating system. Sistem informasi didefinisikan oleh Robert A. Leitchdan K. Roscoe Davis adalah “suatu system didalam sebuah organisasi yang mempertemukan kebutuhan pengolahan
transaksi harian, mendukung orperasi, bersifat menejerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang
diperlukan”.
2.2.8 Konsep Dasar Sistem Informasi
Sebuah sistem informasi merupakan kumpulan dari perangkat keras dan perangkat lunak komputer serta perangkat manusia yang akan mengolah data menggunakan perangkat keras dan perangkat lunak tersebut. Informasi merupakan hal yang sangat penting dalam pengambilan keputusan, permasalahannya adalah dimana informasi tersebut didapat. Informasi dapat diperoleh dari sistem informasi. Robert A Leitch dan K. Roscoe Davis mendefinisikan sistem informasi sebagai berikut:
“Sistem informasi adalah suatu sistem di dalam suatu organisasi yang
mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.”
2.2.9 Perancangan System
Perancangan sistem dapat berarti membuat sistem yang baru untuk menggantikan sistem yang lama secara keseluruhan atau memperbaiki sistem yang sudah ada. Dalam merancang sebuah sistem biasanya menggunakan alat bantu berupa
(26)
14
2.2.9.1Diagram Konteks (Context Diagram)
Diagram konteks digambarkan dengan sebuah lingkaran yang menjelaskan tentang batasan sistem yang saling berhubungan dengan kesatuan luar (external entity) yang akan memberikan masukan dan menerima keluaran dari sistem tersebut.
“Diagram konteks adalah diagram yang tidak detail dari sebuah sistem informasi yang menggambarkan aliran-aliran data masuk dan keluar dari sistem. Diagram ini digambarkan dengan sebuah lingkaran yang menjelaskan tentang batasan sistem yang saling berhubungan dengan kesatuan luar (external entity ) yang akan memberikan masukan dan menerima keluaran dari sistem tersebut yang dihubungkan dengan aliran
yang menghubungkan sebuah sistem dengan lingkaran sistem”. (Sidharta, Sistem
Informasi Bisnis,1995).
2.2.9.2DFD (Data Flow Diagram)
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 penggambarn analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program.
Dibawah ini terdapat fungsi - fungsi dari 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.
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.9.3 ERD (Entity Relationship Digital)
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.
(27)
15
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. Entitas
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 sebagaimana 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:
a. 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. b. 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.
c. Banyak ke banyak (Many to many)
Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B.
2.2.10 Analisis Sistem
Analisis sistem (sistem analis) merupakan tahapan yang sangat kritis dan penting karena kesalahan dalam tahap ini dapat mempengaruhi tahapan selanjutnya, Analisa sistem didefinisikan sebagai berikut :
“Penguraian dari suatu sistem informasi yang utuh kedalam 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
(28)
16
Dalam tahap analisis terdapat langkah-langkah sebagai berikut: a. Identify yaitu mengidentifikasi masalah.
b. Understand yaitu memahami kerja dari sistem yang ada. c. Analyze yaitumenganalisissistem.
d. Report yaitu membuat laporan hasil analisis.
2.3Software pendukung
Dalam membangun sistem informasi diperlukan software pendukung yang menunjang dalam proses pembuatannya. Berikut ini adalah software- softwarenya :
2.3.1 MySQL
SQL adalah sebuah konsep pengoperasian database, terutama untukpemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis. Keandalan suatu sistem database (DBMS) dapat diketahui dari cara kerja optimizernya dalam melakukan proses perintah-perintah SQL, yang dibuat oleh
user maupun program-program aplikasinya. Sebagai database server, MySQL dapat dikatakan lebih unggul dibandingkan database server lainnya dalam query data. Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan query MySQL bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan
Interbase.
Menurut ANSI (American National Standars Institut), bahasa ini merupakan standar untuk relational database management sistem (RDBMS). Pertanyataan-pernyataan SQL digunakan untuk melakukan beberapa tugas seperti: update data pada database, atau menampilkan data dari database. Beberapa software RDBMS dan dapat menggunakan SQL seperti Oracle, Sybase, Microsoft SQL server, Microsoft Access, dan sebagainya. Setiap software database mempunyai bahasa perintah atau sintak yang berbeda, namun pada prinsipnya mempunyai arti dan fungsi yang sama.
Perintah – perintah berikut adalah :
a. Create, yaitu digunakan untuk membuat table baru.
b. Select, yaitu digunakan untuk menampilkan data sesuai kriteria yang kita tentukan. c. Insert, digunakan untuk menyisipkan atau menambah baris pada tabel.
d. Update, yaitu digunakan untuk merubah isi data dalam tabel.
(29)
17
f. Drop, yaitu digunakan untuk menghapus tabel. Contoh penggunaan MySQL :
2.3.2 Html5
HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.
HTML5 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web, contoh struktur bahasa HTML :
<!DOCTYPE html> <html>
<head>
<title>Title of the document</title> </head>
<body>
The content of the document...
</body> </html>
CREATE TABLE user (
users varchar(20) NOT NULL, password varchar(32) NOT NULL, PRIMARY KEY (users)
(30)
18
2.3.3 PHP
PHP adalah bahasa scripting server – side, artinya bahasa yang digunakan pada server dengan tanpa perlu melakukan kompilasi tetapi cukup menuliskan tulisan dalam bentuk ASCII-nya saja. PHP sangat mirip dengan bahasa C, juga mempunyai karakteristik yang mirip dengan Perl. PHP dapat digunakan untuk mengolah data dari berbagai macam database, contoh struktur bahasa PHP adalah sebagai berikut :
<?php
echo ” Syntax Program”;
?>
2.3.4 Adobe Dreamweaver CS5
Adobe Dreamweaver CS5 merupakan program penyuntinghalaman web keluaran Adobe Systems yang dulu dikenal sebagai Macromesia Dreamweaver keluaran
Macromedia.Program inibanyakdigunakanolehpengembang web karenafitur – fiturnya yang menarikdankemudahanpenggunaannya.Program inimerupakanversiterbarusetelah Adobe Dreamweaver CS4.Dreamweaver adalahalat yang sangat berguna baik pemula dan profesioanal web. Hal ini dikarenakan Dreamweaver medukung berbagai teknologi web dan berbagai server- side scripting languages. Dreamweaver dapat digunakan sebagai sebuah program perangkatlunak yang berdirisendiriataumenggunakannyabersamadengan web designing tools lainnya. Adobe Dreamweaver mempunyaikeunggulan disbanding program sejenisantara lain.
1. Adobe Dreamweaver mempunyai ruang kerja, fasilitas, dan kemampuan yang mampu meningkatkan produktifitas dan efektifitas dalam desain maupun membangung suatu web.
2. Fasilitas penyunting secara visual dari dreamweaver memungkingkan untuk menambah desain dan fungsionalitas halaman – halaman web.
(31)
19
3. Pada Adobe Dreamweaver terdapat beberapa kemampuan bukan hanya sebagai software untuk mendesain web saja, tetapi juga untuk menyunting kode serta pembuatan aplikasi web, antara lain JPS, PHP, ASP, dan ColdFusion.
4. Lebih mudah dan cepat dalam mendesain web karena tidak perlu harus menuliskan tag
– tag html.
5. Pada Adobe dreamweaver CS5 ini didukung fitur Adobe Browser Lab yaitu sebuah CS baru Live layanan yang mengungkapkan bagaimana halaman Anda akan terlihat pada berbagai versi browser dan platform, dan membuatnya mudah untuk membandingkan hasil.
2.3.5 XAMP Server
XAMPP merupakan pengembangan dari LAMP (Linux Apache, MySQL,PHP and PERL). XAMPP ini merupakan project non-profit yang dikembangkanoleh Apache Friends yang didirikan Kai 'Oswalad' Seidler dan Kay Vogelgesang pada tahun 2002, project mereka ini bertujuan mempromosikan pengunaan apacheweb server.
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.
(32)
127
BAB IV
KESIMPULAN DAN SARAN 4.1Kesimpulan
Setelah membuat website PT Lintas Mediatama, penulis dapat menyimpulkan beberapa hal antara lain :
1. Pengembangan website ini dapat memperjelas informasi PT Lintas Mediatama di internet 2. Pengembangan website ini lebih cepat pengaksesannya dibandingkan dengan website
sebelumnya
3. Pengembangan website ini di desain minimalis namun kreatif yang menunjukan karakteristik PT Lintas Mediatama.
4. Pengembangan website ini menghapus fungsi – fungsi yang tidak dibutuhkan pada website sebelumnya.
4.2Saran
Saran yang penulis kemukakan diharapkan dapat meningkatkan hasil yang lebih baik dari sistem yang dijalankan sekarang dapat ditemukan sistem yang lebih baik lagi.
1. Masih perlu adanya pengembangan dan penyempurnaan website sehingga website tampak lebih menarik.
2. Diharapkan pihak perusahaan (PT LINTAS MEDIATAMA) mempekerjakan seorang petugas (admin) yang dapat mengontrol dan mengelolah website ini dengan baik dan benar.
3. Diperlukannya fungsi yang memudahkan pengunjung dan interaktif untuk proses pemesanan produk.
(33)
20
BAB III PEMBAHASAN 3.1Sistem Kerja Praktek
3.1.1 Jadwal Kerja Praktek
Jadwal kerja praktek dilaksanakan mulai tanggal 9 Juli 2012 sampai tanggal 9 Agustus 2012. Pelakasanaannya dilaksanakan setiap jam kerja tentunya disesuaikan dengan yang melaksanakan kerja prakteknya yaitu sebagai mahasiswa aktif.
3.1.2 Tugas Kerja Praktek
Selama pelaksanaan kerja praktek kami dibimbing dan ditugaskan untuk membuat sebuah
website dinamis namun kretif yang nantinya akan difungsikan untuk menginformasikan perusahaannya kepada masyarakat luas. Berdasarkan kesepakatan yang sudah disepakati maka penulis membuat sebuah website menggunakan php, jquery, dan MySql.
3.2Analisis 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
Penyampaian informasi yang cepat, tepat, akurat dan ruang penyimpanan yang besar terhadap data yang baik dapat dinilai dari sistem informasinya. Semakin baik sistem informasi yang dipergunakan maka semakin baik pula informasi yang akan dihasilkan.
Penyampaian informasi yang sebelumnya dilakukan oleh PT Lintas Mediatama melalui
website terdahulu, dirasa kurang efisien dan menarik karena butuh waktu yang lama untuk mengenal system lebih dalam.
Dikarnakan PT Lintas Mediatama dinilai belum mempunyai sebuah website dinamis yang bisa memberikan informasi kepada masyarakat secara cepat, tepat dan bisa langsung
(34)
21
memberikan pengetahuan tentang isi dari website. Maka dari itu penulis yang sudah berkonsultasi dengan pihak perusahaan membuat sebuah website dinamis dan kreatif untuk PT Lintas Mediatama yang bergerak di bidang Advertising.
Penggunan website yang baru ini akan di publikasikan dengan media internet setelah mendapat persetujuan dari pihak perusahaan. Website ini akan dikelolah oleh seorang admin. Seorang admin akan merawat, mengembangkan, dan menjalankan website ini.
3.2.2 Analisis Kebutuhan Non – Fungsional
Analisis ini dilakukan untuk menghasilkan spesifikasi kebutuhan non fungsional yang artinya adalah spesifikasi yang rinci tentang hal yang akan dilakukan sistem ketika di implementasikan. Analisis kebutuhan ini diperlukan untuk menentukan keluaran yang dihasilkan sistem, masukan yang diperlukan sistem, proses yang akan digunakan untuk mengolah masukan menjadi keluaran, volume data yang ditangani sistem, jumlah pemakai dan kategori pemakai, serta kontrol sistem.
3.2.2.1Analisis Pemakai
Sistem yang akan dibangun digunakan oleh tiga jenis pengguna yaitu admin, user dan non user. Admin dapat melakukan semua operasi di dalam back site, seperti menambah gambar, dll. User dapat melakukan semua operasi di dalam front site, seperti mengirim testimoni dan mengirim pesan. Sedangkan pengunjung hanya dapat melihat fitur yang ada di front site dan mengirim testimoni, dan mengirim pesan.
(35)
22
Tabel Karakteristik Pengguna Kategori
Pengguna
Tanggung Jawab
Hak Akses Tingkat Pedidikan Tingkat Ketrampilan Pengala man Jenis Pelatihan Admin Mengolah
data
Akses penuh ke semua data termasuk menambah, mengurangi, mengubah, hapus data, cari data
SMK Jurusan Komputer atau setingkat yang memahami bidang komputer. Operator program aplikasi
- 1 hari pelatihan
Pengguna - Hanya dapat melihat informasi data pada website
SMP Mengerti komputer dan internet
- -
Tabel 3.1 karekteristik pengguna 3.2.2.2 Analisis perangkat Keras
Kebutuhan perangkat keras yang digunakan pada perancangan dan pembuatan website ini antara lain :
a) Processor Minimal (1,8 GHz)
b) Memory Minimal 128 MB
c) VGA Onboard
d) HDD minimal 20 GB
(36)
23
3.2.2.3 Analisis Perangkat Lunak
Kebutuhan perangkat lunak yang digunakan untuk membuat website ini antara lain : a) Sistem Operasi Windows
b) Webserver XAMPServer 2.0
c) Apache Webserver 2.2.11
d) MySQL database 5.0.5
e) phpMyAdmin Database Manager 5.3.0
f) Adobe Dreamweaver CS5
Sedangkan kebutuhan minimum perangkat lunak untuk mengakses website baik sebagai admin atau pengunjung adalah Google Chrome, Mozilla Firefox, Opera atau web browser
lain.
3.3Perancangan Sistem
Perancangan sistem merupakan bagian dari metode penelitian pengembangan suatu perangkat lunak yang dilakukan setelah tahap analisis. Perancangan bertujuan untuk memberikan gambaran secara terperinci. Perancangan sistem diharapkan dapat memecahkan permasalahan yang ada.
3.3.1 SKPL (Spesifikasi Kebutuhan Perangkat Lunak)
Berdasarkan analisis masalah yang dibutuhkan oleh website yang dibangun pada sub bab 3.2.1, maka website yang dibangun harus memenuhi kriteria – kriteria sebagai berikut :
Kriteria untuk Admin: 1. Login
Admin harus login terlebih dahulu agar bisa mengakses halaman admin. 2. Pengolahan Data Portofolio Category
Admin dapat melakukan pengolahan data portofolio category yang diolah oleh admin. Di dalam proses pengolahan data portofolio category, admin dapat melakukan tambah, hapus, ubah dan cari data portofolio category.
(37)
24
3. Pengolahan Data Content Portofolio
Admin dapat melakukan pengolahan data content portofolio yang diolah oleh admin. Di dalam proses pengolahan data content portofolio, admin dapat melakukan tambah, hapus, ubah dan cari data content portofolio.
4. Pengolahan Data Gallery
Admin dapat melakukan pengolahan data gallery yang diolah oleh admin. Di dalam proses pengolahan data gallery, admin dapat melakukan tambah, hapus, ubah dan cari data gallery.
5. Pengolahan Data Services
Admin dapat melakukan pengolahan data services yang diolah oleh admin. Di dalam proses pengolahan data services, admin dapat melakukan tambah, hapus, ubah dan cari data services.
6. Pengolahan Data Career
Admin dapat melakukan pengolahan data career yang diolah oleh admin. Di dalam proses pengolahan data career, admin dapat melakukan tambah, hapus, ubah dan cari data career. 7. Pengolahan Data Client
Admin dapat melakukan pengolahan data client yang diolah oleh admin. Di dalam proses pengolahan data client, admin dapat melakukan tambah, hapus, ubah dan cari data client. Kriteria untuk pengguna :
1. Pengguna hanya dapat melihat info banner yang ditampilkan dalam website.
2. Pengguna hanya dapat melihat info portofolio category yang ditampilkan dalam website. 3. Pengguna hanya dapat melihat info content portofolio yang ditampilkan dalam website. 4. Pengguna hanya dapat melihat info gallery yang ditampilkan dalam website.
5. Pengguna hanya dapat melihat info services yang ditampilkan dalam website. 6. Pengguna hanya dapat melihat info career yang ditampilkan dalam website. 7. Pengguna hanya dapat melihat info client yang ditampilkan dalam website.
(38)
25
3.3.2 Batasan Perangkat Lunak
Pengembangan website PT. Lintas Mediatama ini memiliki batasan – batasan sebagai berikut :
1. Website ini dikembangkan dengan menggunakan bahasa pemrograman PHP yang digabungkan dengan J-Query.
2. Website ini menggunakan database MySQL.
3. Website ini hanya menampilkan informasi tentang PT. Lintas Mediatama. 3.3.3 ERD (Entity Relationship Diagram)
ERD 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 pembuatan website ini dapat dilihat pada
Entity Relationship Diagram berikut ini :
Admin Client
Career
Category Content
Services
Gallery Mengolah
Mengolah Mengolah
Mengolah
Menggunakan Menggunakan
1
1 1 1
1 1
n n
n
n
n
n n
(39)
26
3.3.4 DFD (Data Flow Diagram)
DFD adalah suatu model logika data atau proses yang dibuat untuk menggambarkan dari mana asal data dan kemana tujuan data yang keluar, dimana data disimpan, proses apa yang dihasilkan data tersebut.
3.3.4.1DFD Level Konteks
Untuk membatasi sistem yang menunjukan adanya interaksi sistem dengan komponen luar sistem maka perlu dibuat diagram konteks yang merupakan suatu diagram yang menggambarkan sistem dalam satu lingkungan dan hubungan dengan entitas luar. Diagram konteks dari sistem yang diusulkan dapat dilihat pada halaman berikutnya yaitu :
Website PT. Lintas Mediatama
Admin Pengunjung
Info career, info client, info services, info gallery Data career, data client, data
services, data content, data gallery, data category, data admin
Info career, info client, info services, info content, info gallery, info category, info admin
Gambar 3.2Diagram konteks 3.3.4.2DFD Level 1
Data Flow Diagram (DFD)adalah representasi dari suatu sistem yang menggambarkan bagian-bagian dari sistem tersebut beserta seluruh keterlibatan diantara bagian yang ada. Arus data pada Data Flow Diagram (DFD) dapat berupa masukan untuk sistem ataupun keluaran dari sistem, sehingga akan menghasilkan sebuah keluaran yang akan disampaikan kepada pengguna sistem.
(40)
27 1 Login 6 Pengolahan Data Career 7 Pengolahan Data Client 2 Pengolahan Data Category 4 Pengolahan Data Gallery 3 Pengolahan Data Content 5 Pengolahan Data Services Admin Pengunjung Data Admin Info Admin In fo Ga lle ry In fo Se rvi ce s In fo C a rre r In fo C lie n t Data Category Info Category Data Category D a ta C o n te n t Info Content D a ta Ga lle ry Data Content In fo G a lle ry D a ta Se rvi ce s In fo Se rvic e s Da ta C a re e r In fo Se rvi ce s In fo C lie n t D a ta C lie n t
(41)
28
3.3.4.3DFD Level 2 Proses Login
Diagram data pada proses login adalah sebagai berikut:
1.1 Penginputan Username dan Password 1.2 Pengecekan Username dan Password Admin Data Admin Data Admin Admin
Diasumsikan Penginputan Username dan password sudah disertai penekanan tombol login
D a ta Ad min D a ta Ad mi n Info Admin
Diasumsikan setelah login admin bisa mengakses menu admin untuk mengolah data
Gambar 3.4 DFD Level 2 Proses Login 3.3.4.4DFD Level 2 Proses Pengolahan Data Category
Diagram data pada proses olah Pengolahan Data Category adalah sebagai berikut:
2.1 Tambah Data 2.2 Ubah Data 2.3 Hapus Data 2.4 Cari Data Admin Category 2.5 Tampil Data
Data Category Data Category
Data Category Data Category Data Category Data Category Data Category Info Category Info Category Data Category D at a C at eg or y Pengunjung Info Category
(42)
29
3.3.4.5DFD Level 2 Proses Pengolahan Data Content
Diagram data pada proses olahPengolahan Data Content adalah sebagai berikut:
3.1 Tambah Data 3.2 Ubah Data 3.3 Hapus Data 3.4 Cari Data Admin Content 3.5 Tampil Data Data Content Data Content Data Content Data Content Data Content Data Content Data Content Info Content Info Content D a ta C o n te nt D a ta C o nten t Category Data Category Data Category Data Category Pengunjung Info Content
(43)
30
3.3.4.6DFD Level 2 Proses Pengolahan Data Gallery
Diagram data pada proses olahPengolahan Data Gallery adalah sebagai berikut :
4.1 Tambah Data 4.2 Ubah Data 4.3 Hapus Data 4.4 Cari Data Admin Gallery 4.5 Tampil Data Data Gallery Data Gallery Data Gallery Data Gallery Data Gallery Data Gallery Data Gallery Info Gallery Info Gallery D a ta G a ll e ry D a ta G a ll e ry Content Data Content Data Content Pengunjung Info Gallery
(44)
31
3.3.4.7DFD Level 2 Proses Pengolahan Data Services
Diagram data pada proses Pengolahan Data Services adalah sebagai berikut:
5.1 Tambah Data
5.2 Ubah Data
5.3 Hapus Data
5.4 Cari Data Admin
Services
5.5 Tampil Data
Pengunjung
Data Services Data Services
Data Services
Data Services
Data Services Data Services
Data Services
Info Services
Info Services
D
at
a
Se
rv
ic
e
s
D
at
a
Se
rv
ic
e
s
c
(45)
32
3.3.4.8DFD Level 2 Proses Pengolahan Data Career
Diagram data pada proses Pengolahan Data Career adalah sebagai berikut:
6.1 Tambah Data
6.2 Ubah Data
6.3 Hapus Data
6.4 Cari Data Admin
Career
6.5 Tampil Data
Pengunjung
Data Career Data Career
Data Career
Data Career
Data Career Data Career
Data Career Info Career
Info Career
D
a
ta
C
a
re
e
r
D
a
ta
C
a
re
e
r
Info Career
(46)
33
3.3.4.9DFD Level 2 Proses Pengolahan Data Client
Diagram data pada proses Pengolahan Data Client adalah sebagai berikut:
7.1 Tambah Data
7.2 Ubah Data
7.3 Hapus Data
7.4 Cari Data Admin
Client
7.5 Tampil Data
Pengunjung
Data Client Data Client
Data Client
Data Client
Data Client Data Client
Data Client Info Client
Info Client
D
a
ta
C
lie
n
t
D
a
ta
Cl
ie
n
t
Info Client
Gambar 3.10 DFD Level 2 Proses Pengolahan Data Client
3.3.5 Spesifikasi Proses
Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang terjadi pada DFD. Spesifikasi proses dari gambaran DFD diatas menjelaskan pada tabel 3.1 berikut ini :
(47)
34
Tabel 3.2 Spesifikasi Proses
No. Proses Keterangan
1 No. Proses 1
Nama Proses Login
Source (sumber) 1. Admin
Input 1. Data login admin
Output 1. Info admin
Logika Proses 1. Admin memasukan data login sesuai hak akses. 2. Databases merespon data masukan.
3. Jika username dan password benar maka antarmuka akan terbuka sesuai hak akses.
4. Jika username dan password salah maka akan
menampilkan pesan error “ Login gagal, Ulangi lagi”.
5. Jika username dan password tidak diisi maka akan menampilkan pesan error “Anda belum mengisi username
dan password”.
2 No. Proses 1.1
Nama Proses Penginputan Username dan Password
Source (sumber) 1. admin
Input 1. Data admin
Output 1. Data Admin
Logika Proses 3.2.2.1Admin memasukan data password
3.2.2.2Data admin akan diolah di proses 1.2 pengecekan username dan password
(48)
35
pesan error “Login gagal, Ulangi lagi”.
3.2.2.4Jika password benar atau valid maka sistem akan menampilkan halaman menu utama.
3 No. Proses 1.2
Nama Proses Pengecekan Username dan Password
Source (sumber) 7.1.1.1. Admin
Input 7.1.1.2. Data Admin
Output 7.1.1.3. Data Admin
7.1.1.4. Info Admin
Logika Proses 7.1.1.4.1.1.1. Proses akan
mencocokan data admin dengan data yang ada pada database
7.1.1.4.1.1.2. Jika
username salah maka sistem akan menampilkan pesan error “Login gagal, Ulangi lagi”
3. Jika username benar atau valid maka sistem akan menampilkan halaman menu utama.
4 No. Proses 2
Nama Proses Pengolahan data category
Source (sumber) Admin
Input Data Category
Output Info Category
Logika Proses 1. Admin melihat category
2. Admin mendapatkan info data category
(49)
36
pencarian dan penghapusan data category yang ada 5 No. Proses 2.1
Nama Proses Tambah Data
Source (sumber) 1. admin
Input 2. Data Category
Output 3. Data Category
Logika Proses 1. Admin melakukan penambahan data category 2. Data category yang baru disimpan di database 6 No. Proses 2.2
Nama proses Ubah_data
Source (sumber) 1. Admin
Input 2. Data Category
Output 3. Data Category
Logika proses 1. Admin melakukan pengubahan data pada proses data category
2. Data category baru yang diubah disimpan di databse 3. Akan tampil alert / pesan pada admin ketika pengubahan
data berupa “anda yakin mengubah data tersebut”
7 No. Proses 2.3
Nama proses Hapus Data
Source (sumber) 1. Admin
Input 2. Data Category
(50)
37
Logika proses 1. Admin melakukan penghapusan data
2. Data category akan dihapus dari database sesuai dengan pilihan admin
3. Akan tampil alert / pesan pada admin ketika
penghapusan data berupa “anda yakin hapus data
tersebut”
8 No. Proses 2.4 Nama proses Cari Data
Source (sumber) 1. Admin
Input 2. Data Category
Output 3. Info Category
Logika proses 1. Admin melakukan pencarian data
2. System akan mencocokan data yang dicari admin dengan data yang ada pada database
3. Setelah data ditemukan sesuai maka system akan memberikan info yang dicari admin
4. Jika data category yang dicari tidak ada maka system
akan menampilkan alert / pesan “data yang dicari tidak ada”
9 No. Proses 2.5
Nama proses Tampil data
Source (sumber) 1. Admin
Input 2. Data Category
Output 3. Info Category
Logika proses Setelah mendapat info category dari database maka system akan memunculkan data category yang diminta
(51)
38
10 No. Proses 3
Nama proses Pengolahan data category
Source (sumber) 1. Admin
Input 2. Data Content
Output 3. Info Content
Logika proses 1. Admin melihat content dan mendapatkan info data content
2. Admin bisa mengolah penambahan, pengeditan, pencarian dan penghapusan data content yang ada
11 No. Proses 3.1
Nama proses Tambah Data
Source (sumber) 1. Admin
Input 2. Data Content
3. Data Category Output 4. Data Content
Logika proses 1. Admin melakukan penambahan data content
2. Data content yang akan ditambahkan akan disesuaikan dengan data categorinya
3. Data conten yang baru disimpan di database 12 No. Proses 3.2
Nama proses Ubah data
Source (sumber) 4. Admin
Input 5. Data Content
(52)
39
Output 7. Data Category
8. Data Content
Logika proses 1. Admin melakukan pengubahan data content
2. Data content yang akan diubah akan disesuaikan dengan data categorinya
3. Data content baru yang diubah disimpan di databse 4. Akan tampil alert / pesan pada admin ketika pengubahan
data berupa “anda yakin mengubah data tersebut”
13 No. Proses 3.3
Nama proses Hapus Data
Source (sumber) 1. Admin
Input 2. Data Content
Output 3. Data Content
Logika proses 1. Admin melakukan penghapusan data content
2. Data content akan dihapus dari database sesuai dengan pilihan admin
3. Akan tampil alert / pesan pada admin ketika
penghapusan data berupa “anda yakin hapus data tersebut”
14 No. Proses 3.4 Nama proses Cari Data
Source (sumber) 1. Admin
Input 2. Data Content
Output 3. Info Content
Logika proses 1. Admin melakukan pencarian data content
(53)
40
data yang ada pada database
3. Setelah data ditemukan sesuai maka system akan memberikan info content yang dicari admin
4. Jika data yang dicari tidak ada maka system akan
menampilkan alert / pesan “data yang dicari tidak ada”
15 No. Proses 3.5
Nama proses Tampil data
Source (sumber) 1. Admin
Input 2. Data Content
Output 3. Info Content
Logika proses Setelah mendapat info content dari database maka system akan memunculkan info data content yang diminta
16 No. Proses 4
Nama proses Pengolaha Data Galery
Source (sumber) 1. Admin
2. Pengunjung
Input 3. Data Galery
Output 4. Info services admin
5. Info service pengunjung
Logika proses 1. Admin melihat content dan mendapatkan info data content
2. Pengunjung hanya mendapatkan info gallery
3. Admin bisa mengolah penambahan, pengeditan, pencarian dan penghapusan data galery yang ada
17 No. Proses 4.1
(54)
41
Source (sumber) 1. Admin
Input 2. Data Content
3. Data Galery
Output 4. Data Galery
Logika proses 1 Admin melakukan penambahan data galery
2 Data galery yang akan ditambahkan akan disesuaikan dengan data contentnya
3 Data galery yang baru disimpan di database 18 No. Proses 4.2
Nama proses Ubah data
Source (sumber) 1. Admin
Input 2. Data Content
3. Data Gallery
Output 4. Data Gallery
Logika proses 1. Admin melakukan pengubahan data gallery
2. Data gallery yang akan diubah akan disesuaikan dengan data contentnya
3. Data gallery baru yang diubah disimpan di databse
4. Akan tampil alert / pesan pada admin ketika pengubahan
data berupa “anda yakin mengubah data tersebut”
19 No. Proses 4.3
Nama proses Hapus Data
Source (sumber) 1. Admin
Input 2. Data Gallery
(55)
42
Logika proses 1. Admin melakukan penghapusan data Gallery
2. Data gallery akan dihapus dari database sesuai dengan pilihan admin
3. Akan tampil alert / pesan pada admin ketika
penghapusan data berupa “anda yakin hapus data tersebut”
20 No. Proses 4.4 Nama proses Cari Data
Source (sumber) 1. Admin
Input 2. Data Gallery
Output 3. Info Gallery
Logika proses 1. Admin melakukan pencarian data gallery
2. System akan mencocokan data yang dicari admin dengan data yang ada pada database
3. Setelah data ditemukan sesuai maka system akan memberikan info gallery yang dicari admin
4. Jika data yang dicari tidak ada maka system akan
menampilkan alert / pesan “data yang dicari tidak ada”
21 No. Proses 4.5
Nama proses Tampil data
Source (sumber) 1. Admin
2. Pengunjung
Input 4. Data Gallery
Output 5. Info gallery pengunjung
6. Info gallery admin
Logika proses Setelah mendapat info gallery dari database maka system akan memunculkan info data gallery yang diminta oleh
(56)
43
admin dan pengunjung 22 No. Proses 5
Nama proses Pengolahan Data Services
Source (sumber) 1. Admin
2. Pengunjung
Input 3. Data Services
Output 4. Info services admin
5. Info services pengunjung
Logika proses 1. Admin melihat services dan mendapatkan info data services
2. Pengunjung hanya bisa melihat info data services saja 3. Admin bisa mengolah penambahan, pengeditan,
pencarian dan penghapusan data services yang ada 23 No. Proses 5.1
Nama proses Tambah Data
Source (sumber) 1. Admin
Input 2. Data Services
Output 3. Data Services
Logika proses 1. Admin melakukan penambahan data services 2. Data services yang baru disimpan di database 24 No. Proses 5.2
Nama proses Ubah Data
Source (sumber) 1. Admin
(57)
44
Output 3. Data Services
Logika proses 1. Admin melakukan pengubahan data pada proses data services
2. Data cservices baru yang diubah disimpan di database 3. Akan tampil alert / pesan pada admin ketika pengubahan
data berupa “anda yakin mengubah data tersebut”
25 No. Proses 5.3
Nama proses Hapus Data
Source (sumber) 1. Admin
Input 2. Data Services
Output 3. Data Services
Logika proses 1. Admin melakukan penghapusan data services
2. Data services akan dihapus dari database sesuai dengan pilihan admin
3. Akan tampil alert / pesan pada admin ketika penghapusan
data berupa “anda yakin hapus data tersebut”
26 No. Proses 5.4 Nama proses Cari Data
Source (sumber) 1. Admin
Input 2. Data Services
Output 3. Info Services
Logika proses 1. Admin melakukan pencarian data
2. System akan mencocokan data yang dicari admin dengan data yang ada pada database
(58)
45
memberikan info services yang dicari admin
4. Jika data career yang dicari tidak ada maka system akan
menampilkan alert / pesan “data yang dicari tidak ada”
27 No. Proses 5.5
Nama proses Tampil data
Source (sumber) 1. Admin
2. Pengunjung
Input 3. Data Services
Output 4. Info Services
Logika Proses 1. Setelah mendapat info services dari database maka system akan memunculkan data services yang diminta 2. System hanya menampilkan services ke pengunjung
tanpa hak akses 28 No. Proses 6
Nama proses Pengolahan Data Career
Source (sumber) 1. Admin
2. Pengunjung
Input 3. Data Career
Output 4. Info Career admin
5. Info Career pengunjung
Logika Proses 1. Admin melihat Career dan mendapatkan info data Career 2. Pengunjung hanya bisa melihat info data Career saja 3. Admin bisa mengolah penambahan, pengeditan,
pencarian dan penghapusan data Career yang ada 29 No. Proses 6.1
(59)
46
Source (sumber) 1. Admin
Input 2. Data Career
Output 3. Data Career
Logika Proses 1. Admin melakukan penambahan data Career 2. Data Career yang baru disimpan di database 30 No. Proses 6.2
Nama proses Ubah Data
Source (sumber) 1. Admin
Input 2. Data Career
Output 3. Data Career
Logika Proses 1. Admin melakukan pengubahan data pada proses data Career
2. Data Career baru yang diubah disimpan di database 3. Akan tampil alert / pesan pada admin ketika pengubahan
data berupa “anda yakin mengubah data tersebut”
31 No. Proses 6.3
Nama proses Hapus Data
Source (sumber) 1. Admin
Input 2. Data Career
Output 3. Data Career
Logika Proses 1. Admin melakukan penghapusan data Career
2. Data Career akan dihapus dari database sesuai dengan pilihan admin
(60)
47
data berupa “anda yakin hapus data tersebut”
32 No. Proses 6.4 Nama proses Cari Data
Source (sumber) 1. Admin
Input 2. Data Career
Output 3. Info Career
Logika Proses 1. Admin melakukan pencarian data
2. System akan mencocokan data yang dicari admin dengan data yang ada pada database
3. Setelah data ditemukan sesuai maka system akan memberikan info Career yang dicari admin
4. Jika data career yang dicari tidak ada maka system akan
menampilkan alert / pesan “data yang dicari tidak ada”
33 No. Proses 6.5
Nama proses Tampil data
Source (sumber) 1. Admin
2. Pengunjung
Input 3. Data Career
Output 4. Info Career
Logika Proses 1. Setelah mendapat info Career dari database maka system akan memunculkan data Career yang diminta admin 2. System hanya menampilkan Career ke pengunjung tanpa
hak akses 34 No. Proses 7
(61)
48
Source (sumber) 1. Admin
2. Pengunjung
Input 3. Data Client
Output 4. Info Client admin
5. Info Client pengunjung
Logika Proses 1. Admin melihat Client dan mendapatkan info data Client 2. Pengunjung hanya bisa melihat info data Client saja 3. Admin bisa mengolah penambahan, pengeditan,
pencarian dan penghapusan data Client yang ada 35 No. Proses 6.1
Nama proses Tambah Data
Source (sumber) 1. Admin
Input 2. Data Client
Output 3. Data Client
Logika Proses 1. Admin melakukan penambahan data Client 2. Data Client yang baru disimpan di database 36 No. Proses 6.2
Nama proses Ubah Data
Source (sumber) 1. Admin
Input 2. Data Client
Output 3. Data Client
Logika Proses 1. Admin melakukan pengubahan data pada proses data Client
2. Data Client baru yang diubah disimpan di database 3. Akan tampil alert / pesan pada admin ketika pengubahan
(62)
49
data berupa “anda yakin mengubah data tersebut”
37 No. Proses 6.3
Nama proses Hapus Data
Source (sumber) 1. Admin
Input 2. Data Client
Output 3. Data Client
Logika Proses 1. Admin melakukan penghapusan data Client
2. Data Client akan dihapus dari database sesuai dengan pilihan admin
3. Akan tampil alert / pesan pada admin ketika penghapusan
data berupa “anda yakin hapus data tersebut”
38 No. Proses 6.4 Nama proses Cari Data
Source (sumber) 1. Admin
Input 2. Data Client
Output 3. Info Client
Logika Proses 1. Admin melakukan pencarian data
2. System akan mencocokan data yang dicari admin dengan data yang ada pada database
3. Setelah data ditemukan sesuai maka system akan memberikan info Client yang dicari admin
4. Jika data Client yang dicari tidak ada maka system akan
menampilkan alert / pesan “data yang dicari tidak ada”
39 No. Proses 6.5
(63)
50
Source (sumber) 1. Admin
2. Pengunjung
Input 3. Data Client
Output 4. Info Client
Logika Proses 1. Setelah mendapat info Client dari database maka system akan memunculkan data Client yang diminta admin 2. System hanya menampilkan Client ke pengunjung tanpa
hak akses
3.3.6 Kamus Data
Kamus data dibuat agar dapat digunakan sebagai panduan dalam membuat program. Dalam kamus data tercantum tabel-tabel yang ada dalam basis data beserta detailnya.
Tabel 3.3 Kamus data pada DFD Sistem
No Kamus Keterangan
1.
Nama Aliran Data Data admin
Deskripsi Berisi Data admin
Struktur Data Id_Admin+Username+password Id_Admin
Username Password
[0..9]
[A..Z|a..z|0..9] [A..Z|a..z|0..9] 2. Nama Aliran Data Data Kategori
Deskripsi Berisi Data Kategori Struktur Data Id_Category+Id_Admin+
Nama_cat Id_category
Id_Admin Nama_cat
[0..9] [0..9]
[A..Z|a..z|0..9]
(64)
51
Deskripsi Berisi Data Content
Struktur Data Id_Content+id_Cat+Id_Admin +Content+img_content Id_Content id_Cat Id_Admin Content img_content [0..9] [0..9] [0..9] [A..Z|a..z|0..9] [A..Z|a..z|0..9]
4. Nama Aliran Data Data Gallery
Deskripsi Berisi Data galeri Struktur Data Id_galeri+Id_Admin
+nama_cat+Content+img_gallery Id_galeri Id_Admin nama_cat Content img_gallery [0..9] [0..9] [A..Z|a..z|0..9] [A..Z|a..z|0..9] [A..Z|a..z|0..9]
5. Nama Aliran Data Data Service
Deskripsi Berisi Data Service Struktur Data Id _Services+ Id_Admin
+Services+deskripsi_services Id _Services Id_Admin Services deskripsi_services [0..9] [0..9] [A..Z|a..z|0..9] [A..Z|a..z|0..9]
6 Nama Aliran Data Data Career
Deskripsi Berisi data career Struktur Data Id_career+ Id_Admin
+Nama_career+Deskripsi_career
(65)
52 Id_Admin Nama_career Deskripsi_career [0..9] [A..Z|a..z|0..9] [A..Z|a..z|0..9]
7 Nama Aliran Data Data Client
Deskripsi Berisi data client
Struktur Data Id_client+ Id_Admin +client+logo Id_client Id_Admin client logo [0..9] [0..9] [A..Z|a..z|0..9] [A..Z|a..z|0..9] 3.3.7 Skema Relasi
Skema relasi adalah model data dimana hubungan antar data, arti data dan batasannya dijelaskan dengan baris dan kolom. Secara formal, semuanya itu digambarkan kedalam diagram skema.
Adapun untuk lebih jelasnya tentang diagram relasi pada website PT Lintas Mediatamadi jelaskan pada skema di Gambar 3.11 :
admin PK id username password category_portofolio PK id_cat FK1 id nama_cat services PK id_services FK1 id services deskripsi client PK id_client FK1 id career PK id_career FK1 id nama_career deskripsi_career tanggal content_portofolio PK id_content FK1 id FK2 id_cat content img_content gallery PK id_gallery FK1 id FK2 id_content img_gallery
(66)
53
3.3.8 Struktur Tabel
Struktur tabel adalah penjelasan mengenai spesifikasi tabel. Tabel - tabel yang terdapat dalam basis data yang digunakan adalah :
1. Tabel admin
Tabel 3.4 Data Admin
2. Tabel Category
Tabel 3.5 Data category Nama Tabel : admin
Primary key : id_admin
No Field Type Panjang Null Keterangan
1 Id_Admin integer 11 No Primary key
2 Username varchar 20 No -
3 Password varchar 20 No -
Nama Tabel : Category Primary key : id_Category
No Field Type Panjang Null Keterangan
1 Id_category integer 11 No Primary key
2 Id_Admin integer 11 No FK, Ref admin (id_admin)
(67)
54
3. Tabel Content
Tabel 3.6 Data content
4. Tabel Gallery
Tabel 3.7 Data Gallery Nama Tabel : Content
Primary key : id_Content
No Field Type Panjang Null Keterangan
1 Id_Content integer 11 No Primary key
2 id_Category integer 11 No FK, ref category (id_category) 2 Id_Admin integer 11 No FK, ref admin (id_admin)
3 Content Varchar 50 No -
4 img_content Varchar 50 No -
Nama Tabel : gallery Primary key : id_galeri
No Field Type Panjang Null Keterangan
1 Id_galeri integer 11 No Primary key
2 Id_Admin integer 11 No FK, Ref admin (id_admin)
3 nama_cat varchar 50 No -
4 Content varchar 50 No -
(68)
55
5. Tabel Services
Tabel 3.8 Data testimoni
6. Tabel Career
Tabel 3.9 Data Career Nama Tabel : testimony
Primary key : id_testimoni
No Field Type Panjang Null Keterangan
1 Id _Services integer 11 No Primary key
2 Id_Admin integer 11 No FK, Ref admin (id_admin)
3 Services integer 50 No -
4 deskripsi_services varchar 200 No -
Nama Tabel : Career Primary key : id_career
No Field Type Panjang Null Keterangan
1 Id_career integer 11 No Primary key
2 Id_Admin Integer 11 No FK, Ref admin (id_admin)
3 Nama_career varchar 50 No -
(69)
56
7. Tabel Client
Tabel 3.10 Data Client
3.3.9 Struktur Menu
Struktur menu adalah gambaran jalur pemakaian website sehingga website yang dibangun mudah dipahami dan mudah digunakan. Terdapat …. bagian struktur menu dalam penggunaan website PT Lintas Mediatama ini yaitu :
Nama Tabel : client Primary key : id_client
No Field Type Panjang Null Keterangan
1 Id_client integer 11 No Primary key
2 Id_Admin Integer 11 No FK, Ref admin (id_admin)
3 Client varchar 50 No -
(70)
57
3.3.9.1Perancangan Menu Login Admin
Struktur menu login admin dapat dilihat pada Gambar 3.12 dibawah ini :
Admin
Services Portofolio Category Content Portofolio Galeery Career Client Logout
Edit Hapus Tambah
Edit Hapus Tambah
Edit Hapus Tambah
Edit Hapus Tambah
Edit Hapus Tambah
Edit Hapus Tambah
Gambar 3.12 Perancangan Menu Login Admin
3.3.9.2 Perancangan Menu Pengunjung
Struktur menu pengunjung dapat dilihat pada Gambar 3.13 dibawah ini :
(71)
58
3.4Perancangan Interface
Spesifikasi antarmuka merupakan suatu bentuk tampilan dari program yang akan dibuat untuk kebutuhan interface dengan user.
1. Perancangan interface halaman Utama website
Gambar pada 3.14 di bawah ini merupakan perancangan antarmuka halaman utama setelah pengunjung masuk ke website PT Lintas Mediatama.
L01
LOGO
Services Us
Home Portofolio Client Contact Sitemap
CONTENT
FOOTER Nama Layer : L01
Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06
5. Klik Client menuju L07 6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Career menuju L19
Neon BOX Branding Vanue LED Fix Installation
LED Portable LED Mobile Bandung Blossom
Djarum Coklat Ngabubuit
Services Us
Home Portofolio Client Contact Sitemap
(72)
59
2. Perancangan interface halaman About Us website
Gambar pada 3.15 di bawah ini merupakan perancangan antarmuka halaman About us (semua hal tentang perusahaan) setelah pengunjung masuk ke website PT Lintas Mediatama.
L02
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Deskripsi About US Company
FOOTER Nama Layer : L02
Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06
5. Klik Client menuju L07 6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Career menuju L19 Services
Us
Home Portofolio Client Contact Sitemap
(73)
60
3. Perancangan interface halaman Services website
Gambar pada 3.16 di bawah ini merupakan perancangan antarmuka halaman Services (semua hal yang berkaitan dengan kegiatan bisnis perusahaan) setelah pengunjung masuk ke website PT Lintas Mediatama.
L03
LOGO
Services Us
Home Portofolio Client Contact Sitemap
Deskripsi Services Company
Nama Layer : L03 Ukuran Layer : 842 x 595 Warna Background : Hitam Font : Myriad Pro
1. Klik Home menuju L01 2. Klik Us menuju L02 3. Klik Sevices menuju L03 4. Klik Portofolio menuju L04, L05, L06
5. Klik Client menuju L07 6, Klik Contact menuju L08 7. Klik Sitemap menuju L09 8. Klik Career menuju L19
FOOTER Services
Us
Home Portofolio Client Contact Sitemap
(1)
121
40.Tampilan Menu Halaman pengolahan Delete services
Gambar 3.102 Tampilan Menu Halaman Delete services
41.Tampilan Menu Halaman Lihat Services
(2)
122
3.6 Jaringan Semantik
Jaringan semantic menggambarkan keterhubungan antara navigasi menu dari halaman ke
halaman lainya. Jaringan semantik pada website di PT Lintas Mediatama Bandung terbagi
menjadi dua bagian yaitu jaringan semantic untuk tampilan pengunjung dan tampilan admin.
3.6.1 Jaringan Semantik Pengunjung
Berikut ini adalah jaringan semantic untuk tampilan pengunjung.
L01 L02
L03
L04
L05
L06
L07
L08
L10 L09 L11
L12 L13
L14
L15
L16
L17
L19
(3)
123
Keterangan :
L01 Form Home (halaman utama) L02 Form About Us
L03 Form Services
L04 Form Convetional Media Advertise L05 Form LED Screen Media Advertise L06 Form Event Management
L07 Form Client L08 Form Contact L09 Form Sitemap L10 Form Career L11 Form Bilboard L12 Form Neon Box L13 Form Branding Venue
(4)
124
3.6.2 Jaringan Semantik Halaman Admin
Berikut ini adalah jaringan semantic untuk tampilan pengunjung.
T01
T03 T04
T05 A13 T06 A15 A14 A06 A07 A08 A05 A17 A18 A19 A20 A09 A10 A11 A12 A16 T07 T02 A02 A03 A04 A01 A21 A23 A22 A24
(5)
125
Keterangan : L01 Form Login L02 Form Career
L03 Form Category Portofolio L04 Form Content Portofolio L05 Form Client
L06 Form Gallery L07 Form Services A01 Form tambah career A02 Form edit career A03 Form hapus career A04 Form lihat career
A05 Form tambah category portofolio A06 Form edit category portofolio A07 Form hapus category portofolio A08 Form lihat category portofolio A09 Form tambah content portofolio A10 Form edit content portofolio A11 Form hapus content portofolio A12 Form lihat content portofolio A13 Form tambah client
(6)
126
A14 Form edit client A15 Form hapus client A16 Form lihat cient A17 Form tambah gallery A18 Form edit gallery A19 Form hapus gallery A20 Form lihat gallery A21 Form tambah services A22 Form edit services A23 Form hapus services A24 Form lihat services