Pengembangan website di PT. Lintas Mediatama Bandung

(1)

LEMBAR JUDUL

(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 : anggy.all@gmail.com

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

NAMA : DANANG AGUSTIAN

NIM : 10109433

TEMPAT/TANGGAL LAHIR : BANDUNG, 21 AGUSTUS 1991

ALAMAT : JL. Makam Caringin Gg Mesjid syamdasyah RT 06

/ RW 02 NO 1 BANDUNG

NO. TELPON : 085320176176

E-MAIL : danang.1991@gmail.com

AGAMA : ISLAM

5. 1997-2003 : SDN 5 BACIP

6. 2003-2006 : SMPN 36 BANDUNG ( PAKET B )

7. 2006-2009 : STM PRAKARYA INTERNASIONAL ‘ 52

(6)

G-3

NAMA : RIZQIANA TRINENDA

NIM : 10109418

TEMPAT/TANGGAL LAHIR : BANDUNG, 19 JULI 1990

ALAMAT : KOMPLEK CIGADO REGENCY B9

BALENDAH BANDUNG

NO. TELPON : 088801845285

E-MAIL : rizqiana.trinenda@yahoo.co.id

AGAMA : ISLAM

9. 1996-2002 : SDN 5 DAYEUHKOLOT

10. 2002-2005 : SMPN 3 BANDUNG

11. 2005-2009 : SMKN 1 CIMAHI

(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

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.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.

(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

(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)

(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

(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 : office@lintasmediatama.com

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.

(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:

(19)

7

2.1.2 Logo Instansi

Gambar 2.1 PT. LintasMediatama

2.1.3 Struktur Organisasi dan Job Description 2.1.3.1 Struktur Organisasi

Struktur Organisasi Utama Head of Creative

Design

(20)

8

2.1.3.2 Job 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).

(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.2 Landasan Teori

2.2.1 Pengertian 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

(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”.

(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)

(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.

(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

(26)

14

2.2.9.1 Diagram 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.2 DFD (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)

(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

(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.3 Software 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.

(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.

(32)

127

BAB IV

KESIMPULAN DAN SARAN 4.1 Kesimpulan

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.2 Saran

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.

(33)

20

BAB III PEMBAHASAN 3.1 Sistem 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.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

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.

(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.1 Analisis Pemakai

(35)

22

Tabel Karakteristik Pengguna Kategori

Pengguna

Tanggung Jawab

Hak Akses Tingkat Pedidikan Admin Mengolah

data

Akses penuh ke semua data 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

(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.3 Perancangan 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

(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.

(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

(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.1 DFD 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.2 DFD 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)

(41)

28

3.3.4.3 DFD Level 2 Proses Login

Diagram data pada proses login adalah sebagai berikut:

1.1

Diasumsikan Penginputan Username dan password sudah disertai penekanan tombol login

D

Diasumsikan setelah login admin bisa mengakses menu admin untuk mengolah data

Gambar 3.4 DFD Level 2 Proses Login 3.3.4.4 DFD Level 2 Proses Pengolahan Data Category

Diagram data pada proses olah Pengolahan Data Category adalah sebagai berikut:

2.1

Data Category Data Category

Data Category

(42)

29

3.3.4.5 DFD Level 2 Proses Pengolahan Data Content

Diagram data pada proses olahPengolahan Data Content adalah sebagai berikut:

3.1

(43)

30

3.3.4.6 DFD Level 2 Proses Pengolahan Data Gallery

Diagram data pada proses olahPengolahan Data Gallery adalah sebagai berikut :

4.1

(44)

31

3.3.4.7 DFD Level 2 Proses Pengolahan Data Services

Diagram data pada proses Pengolahan Data Services adalah sebagai berikut:

5.1

Data Services Data Services

Data Services

(45)

32

3.3.4.8 DFD Level 2 Proses Pengolahan Data Career

Diagram data pada proses Pengolahan Data Career adalah sebagai berikut:

6.1

Data Career Data Career

Data Career

(46)

33

3.3.4.9 DFD Level 2 Proses Pengolahan Data Client

Diagram data pada proses Pengolahan Data Client adalah sebagai berikut:

7.1

Data Client Data Client

Data Client

Gambar 3.10 DFD Level 2 Proses Pengolahan Data Client

3.3.5 Spesifikasi Proses

(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.1 Admin memasukan data password

3.2.2.2 Data admin akan diolah di proses 1.2 pengecekan username dan password

(48)

35

pesan error “Login gagal, Ulangi lagi”.

3.2.2.4 Jika 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

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

(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

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

Output 3. Info Category

(51)

38

10 No. Proses 3

Nama proses Pengolahan data category

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

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

(52)

39

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

13 No. Proses 3.3

Output 3. Data Content

Logika proses 1. Admin melakukan penghapusan data content

2. Data content akan dihapus dari database sesuai dengan pilihan admin

penghapusan data berupa “anda yakin hapus data tersebut”

14 No. Proses 3.4

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

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

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

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

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

19 No. Proses 4.3

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

penghapusan data berupa “anda yakin hapus data tersebut”

20 No. Proses 4.4

Output 3. Info Gallery

Logika proses 1. Admin melakukan pencarian data gallery

3. Setelah data ditemukan sesuai maka system akan memberikan info gallery yang dicari admin

4. Jika data yang dicari tidak ada maka system akan

21 No. Proses 4.5

2. Pengunjung

Output 5. Info gallery pengunjung

6. Info gallery admin

(56)

43

admin dan pengunjung

22 No. Proses 5

Nama proses Pengolahan Data Services

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

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

(57)

44

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

25 No. Proses 5.3

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

Output 3. Info Services

Logika proses 1. Admin melakukan pencarian data

(58)

45

memberikan info services yang dicari admin

4. Jika data career yang dicari tidak ada maka system akan

27 No. Proses 5.5

2. Pengunjung

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

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

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

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

31 No. Proses 6.3

Logika Proses 1. Admin melakukan penghapusan data Career

2. Data Career akan dihapus dari database sesuai dengan pilihan admin

(60)

47

32 No. Proses 6.4

Output 3. Info Career

Logika Proses 1. Admin melakukan pencarian data

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

33 No. Proses 6.5

2. Pengunjung

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

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

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

Logika Proses 1. Admin melakukan pengubahan data pada proses data Client

(62)

49

37 No. Proses 6.3

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

38 No. Proses 6.4

Output 3. Info Client

Logika Proses 1. Admin melakukan pencarian data

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

39 No. Proses 6.5

(63)

50

2. Pengunjung

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

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

2. Nama Aliran Data Data Kategori

Deskripsi Berisi Data Kategori

Struktur Data Id_Category+Id_Admin+

(64)

51

Deskripsi Berisi Data Content

Struktur Data Id_Content+id_Cat+Id_Admin

+Content+img_content

Deskripsi Berisi Data galeri

Struktur Data Id_galeri+Id_Admin

+nama_cat+Content+img_gallery

Deskripsi Berisi Data Service

Struktur Data Id _Services+ Id_Admin

+Services+deskripsi_services

Deskripsi Berisi data career

Struktur Data Id_career+ Id_Admin

+Nama_career+Deskripsi_career

(65)

52

Deskripsi Berisi data client

Struktur Data Id_client+ Id_Admin +client+logo Id_client 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

(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