Pencatat aktivitas website menggunakan PHP dan MySQL : naskah, phptriad, MySQL front, source code - USD Repository

MENGGUNAKAN PHP DAN MYSQL

s k r i p s i

Diajukan untuk memenuhi salah satu syarat memperoleh Gelar Sarjana Teknik

Jurusan Teknik Informatika

Disusun oleh :

Nama : HENDRO SULISTYANTO NIM : 985314027

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS SANATA DHARMA

YOGYAKARTA

HALAMAN PERSEMBAHAN

Penulis mempersembahkan tugas akhir ini kepada :

Jesus Christ Tuhan-ku dan Allah-ku

Terima kasih untuk cinta kasih yang tak pernah padam

walau aku kadang melupakanMu dan marah padaMu

bapak F.C Widanarto, ibu D Asih S dan adik Lidya R

Terima kasih untuk segala bentuk doa, restu, dan dukungannya.

aku takkan ada tanpa kasih kalian.

Nyonya A.Ajeng Sanny P

Untuk segala pengorbanan tenaga, waktu, cinta, doa, dan apapun wujudnya.

Semoga kau tetap menjadi pelindungku

HALAMAN TERIMA KASIH

Betapa aku harus berterimakasih dalam sepenggal perjalanan yang harus kulalui untuk tetap bertahan dan berakhir dengan selesainya tugas akhir ini

kepada :

bapak F.C Widanarto, ibu D. Asih S dan adik Lidya R karena kalian aku ada, karena kalian aku bertahan, karena kalian aku mengerti akan arti sebuah perjuangan, maafkan aku karena masih membiarkan kalian tetap bekerja di usia senja, terimakasih atas cinta, doa, dan restunya.

Nyonya A.Ajeng Sanny P untuk kebersamaan, pengertian, perhatian,dan cinta dalam suka maupun duka hanya kau yang selalu mengerti dan menerima aku apa adanya terimakasih untuk segala yang telah dan akan kau berikan

Mas Gugus dan Heri tanpa kalian aku tidak akan pernah lulus

Mas Johan untuk semangat yang kau berikan dan pengobatan yang dilakukan sehingga aku dapat mengikuti ujian ini

Pak Bele (Laboran TI) untuk perbaikan komputetku sehingga aku bisa ikut ujian

Sickness Groupen (Yudhie, Ronny, Kamra, Luwaq, Oki, Topo) and Nana + Flora untuk persaudaraan, tempat bermain dan berlindung saatnya untuk bangkit bro !!, genggam dunia..

Komunitas SADHARAHOLIC (Mami Ndut, Bam-punk, Sronggot, Ipik, Sastro, Tito, Simbah, Jack, Andi,, Endro, ) untuk kehidupan dan persahabatan yang kita jalani bersama

Komunitas TIDAK SADHAR ’98 untuk kekompakan, kebersamaan, bantuan, dan dukungannya yang telah memberikan semangat, mendahului, dan didahului penyusun. Untuk Heru yang meminjamkan baju dan Teguh atas kabel UTP-nyas.

Intel P4 1.8 Cel, Canon BJC 1000SP, dan My PaintKiller untuk kerjasamanya sampai tugas akhir ini dapat kuselesaikan

HALAMAN MOTTO

Sakit adalah suatu kenikmatan yang me’nyayat

Berbuat baik dengan hati yang tulus selagi hidup di dunia

Pelajari dan coba sesuatu yang baru

Pahami, Resapi dan Rasakan

Kegagalan adalah proses keberhasilan

Pantang Mundur walau terjatuh

KATA PENGANTAR

Puji syukur penyusun panjatkan ke hadirat Tuhan Yang Maha Esa, atas

limpahan kasih sayang dan berkat-Nya, sehingga penyusun dapat menyelesaikan

Tugas akhir Pencatat Aktivitas Website menggunakan PHP dan MySQL ini

dengan baik, tanpa menemui halangan yang berarti.

Tugas Akhir ini disusun untuk memenuhi salah satu syarat memperoleh

gelar sarjana teknik Program Studi Teknik Informatika, di Fakultas Teknik

Universitas Sanata Dharma Yogyakarta.

Dalam menyelesaikan Tugas Akhir ini, penyusun telah memperoleh banyak

bantuan dari berbagai pihak. Untuk itu dalam kesempatan ini penyusun dengan

tulus menyampaikan banyak terimakasih yang tak terhingga dan penghargaan

kepada :

1. Ir. Greg. Heliarko S.J.,S.S., B.S.T., M.A., M.Sc. selaku Dekan Fakultas

Teknik Universitas Sanata Dharma Yogyakarta.

2. Ibu AM. Polina, S.Kom, M.Sc. selaku Ketua Jurusan Teknik Informatika

Universitas Sanata Dharma.

3. Ibu Ridowati Gunawan, S.Kom, M.T. yang telah membimbing dan

mendampingi penyusun dengan penuh kesabaran hingga penyusun dapat

menyelesaikan Tugas Akhir ini.

4. Bp Ds. Bambang Soelistijanto, S.T. yang telah memberikan judul skripsi

5. Seluruh Dosen, Laboran, dan Staf Sekretariat (khususnya Bp. Djito)

Jurusan Teknik Universitas Sanata Dharma Yogyakarta.

6. Bp. F.C Widanarto dan keluarga besar serta saudara-saudara yang tidak

dapat penyusun sebutkan satu-persatu.

7. Nyonya Sanny yang selalu membantu dalam penyusunan dan penulisan

tugas akhir ini.

8. Teman-teman seperjuangan (Ageng, Ronny, Yudhie, Heru, Teguh, Indra

‘cecak’), seluruh teman-teman Teknik Informatika angkatan 98, kakak dan

adik angkatan yang tidak dapat penyusun sebutkan satu-persatu.

9. Sickness Groupen (Yudhie, Ronny, Kamra, Luwaq, Oki, Topo), dan Flora.

Akhir kata, penyusun menyadari bahwa Tugas Akhir yang penyusun buat ini

masih jauh dari sempurna, hal ini disebabkan karena kemampuan dan

pengetahuan penyusun yang terbatas. Oleh karena itu penyusun sangat

mengharapkan saran dan kritik yang membangun dari semua pihak sehingga

Tugas Akhir ini akan menjadi lebih sempurna dan dapat bermanfaat bagi

penyusun serta seluruh civitas akademika Universitas Sanata Dharma Yogyakarta.

Yogyakarta, Februari 2006

Penyusun

DAFTAR ISI

HALAMAN JUDUL ……….……...………....i

HALAMAN PERSETUJUAN ………ii

HALAMAN PENGESAHAN ……….……….……...iii

HALAMAN PERSEMBAHAN ………..……….……...iv

HALAMAN TERIMA KASIH……….. ……….……...v

HALAMAN MOTTO ………. ……….……...vii

KATA PENGANTAR ……….……….……...viii

DAFTAR ISI ……….…...x

DAFTAR GAMBAR ………xiii

DAFTAR TABEL . ………xiv

INTISARI ………xv

ABSTRACT ………xvi

PERNYATAAN KEASLIAN NASKAH ………xvii

BAB I PENDAHULUAN ……….……...1

1.1 Latar Belakang Masalah ..……….……….……...1

1.2 Rumusan Masalah ……….……….……...2

1.3 Batasan Masalah ………..……….…...2

1.4 Tujuan dan Manfaat ………..……….…...2

1.5 Metodologi Penelitian ………..……….…...3

1.6 Sistematika Pembahasan ……….…...5

BAB II LANDASAN TEORI ……….…...6

2.1 Internet ………....6

2.2 WWW (World Wide Web) ..……….……….……...7

2.3 HTML ……….……….………...8

2.4 Web Server……….………...11

2.5 PHP (Personal Home Page) ……….……….………...12

2.6 MySQL ……….……….………...16

2.7 Tahapan Proses Pembangunan Perangkat Lunak... …… 19

BAB III ANALISIS dan PERANCANGAN SISTEM ………. ……….……...24

3.1 Analisis Sistem ……….……….……...24

3.2 Gambaran Umum Sistem ……….……….……….…...24

3.3 Analisis Kebutuhan …….……….……….…...25

3.4 Diagram E-R……….……….……...28

3.5 Diagram Arus Data ……….. ……….……...29

3.5.1 Diagram Arus Data Level 0 ……….……….……...29

3.5.2 Diagram Arus Data Level 1 ……….……….……...31

3.5.3. Diagram Arus Data Level 1 proses 2………….. ……….……...32

3.5.4. Diagram Penggabungan sistem Admin dan User……….……...33

3.6.Hirarki Modul ………..………... ……….………...35

3.7 Perancangan Sistem……….……...37

3.8 Perancangan Database……….……….……...37

BAB IV IMPLEMENTASI ………...………..39

4.1 Tampilan Utama Web Counter………...………... 39

4.2 Analisis Kebutuhan ………..………... 40

4.2.1 Kebutuhan Spesifikasi Perangkat Lunak ………... 40

4.2.2 Kebutuhan Spesifikasi Perangkat Keras ……..………... 41

4.3 Analisis Pengunjung ………..………... 42

4.4 Implementasi Modul Program …………..………... 43

4.4.1 Skrip Koneksi ke Basis Data ……….………... 43

4.4.2 Modul Program untuk Administrator ….………... 43

4.4.3 Modul Program untuk Pengunjung …….………... 48

4.5 Implementasi Antar-muka …………..………... 54

4.5.1 Implementasi Antar-muka untuk Administrator . ………... 54

4.5.2 Implementasi Antar-muka untuk Pengunjung ….………... 56

BAB V KESIMPULAN DAN SARAN ..………... 59

5.1 Kesimpulan ……..……….………... 59

5.2 Saran ………..………... 59

DAFTAR PUSTAKA

LAMPIRAN

DAFTAR GAMBAR

Gambar 3.1 Gambar Arsiektur Sistem……… ………….... 27

Gambar 3.2 Diagram E-R ………..……… ………….... 24

Gambar 3.3 Diagram Arus Data Level 0 ……….. ……… ………….... 30

Gambar 3.4 Diagram Arus Data Level 1………..……….. ……….…… 31

Gambar 3.5 Diagram Arus Data Level 2... ………..…... 33

Gambar 3.6 Diagram Penggabungan Server dan Domain.. ………..……. ………..…... 34

Gambar 3.7 Diagram Hirarki Modul... ………..…… ………..…... 35

Gambar 4.1 Tampilan Utama Web Counter...………..…... 39

Gambar 4.2 Implementasi Administrator….. ……… ………..…... 54

Gambar 4.3 Implementasi Admin Tambah Data...………..…... 55

Gambar 4.4 Implementasi Pendaftaran ...………..…... 56

Gambar 4.5 Implementasi Pendaftaran………... ………..…... 57

Gambar 4.6 Implementasi Pendaftaran ……….….. ………..…... 57

Gambar 4.7 Implementasi lihat daftar anggota... ………..…... 58

DAFTAR TABEL

Tabel 3.1 Rancangan tabel...……… ………….... 38

INTISARI

Penelitian ini dilakukan karena belum diketahuinya jumlah pengunjung yang mengakses suatu wbsite. Didasarkan pada keinginan untuk menganalisa perkembangan traffic suatu web sehingga menjadikan prioritas bagi pengunjung dalam pencarian website disitus pencarian. Berpijak dari hal tersebut, maka penelitian ini bertujuan untuk membuat web counter yang berfungsi untuk menghitung jumlah pengunjung website yang sudah menjadi anggota. Metodologi yang digunakan menggunakan Rekayasa Perangkat Lunak (RPL) terstruktur SADT (Structured Analisys and Design Technique). Web conuter dapat menghitung traffic web serta rating pengunjung. Penggunaan PHP dan MySQL mendukung pembuatan web counter dan pada perkembangan lebih lanjut perlu adanya kelengkapan fasilitas pemilihan pengunjung berdasarkan negara.

ABSTRACT

Generally the aim of this research is is to now a number of visitors who use the web. In order to analyze the traffic development in a web, the frequent of visitors who search a website becomes priority. Based on the problem above, this research is rendered to make aweb counter to count a number of the visitor who has become the member. This research apply SADT (Structured Analysis Design Technique) method. Web counter could count the traffic web and visitor rating. The application of PHP and MySQL support the web counter. It is hoped that the selection of the member based on their citizenship as an additional facility could be applied for the further development.

PERNYATAAN KEASLIAN NASKAH

Saya menyatakan dengan sesungguhnya bahwa skripsi yang saya tulis ini tidak memuat karya atau bagian karya orang lain, kecuali yang telah disebutkan dalam kutipan dan daftar pustaka sebagaimana layaknya karya ilmiah.

Yogyakarta, Februari 2006 Penulis

Hendro Sulistyanto

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Keterbatasan waktu dan kesibukan yang melanda negara Indonesia,

dewasa ini sangat dirasakan oleh sebagian warga Indonesia sebagai sesuatu yang

berarti bagi kehidupan mereka dalam menghargai waktu yang ada , hal ini dapat

dilihat dari tingkat kesibukan masyarakat yang semakin meninkat. Dari sekian

banyak masyarakat yang kesibukan hidupnya meningkat itu disebabkan oleh

adanya banyaknya suatu pekerjaan dilakukan oleh perusahaan atau instansi

dimana mereka bekerja, sehinga waktu amat berharga bagi mereka, akibat dari

kebutuhan yang semakin meningkat.

Sehingga Internet adalah pilihan yang tepat untuk mencari informasi yang

dibutuhkan oleh sebagian besar masyarakat yang ingin memperoleh berita terbaru

dengan waktu yang cukup singkat. Dan membuat para web master membuat disain yang menarik agar dikunjungi oleh para pengguna.

Sebagaimana diketahui, informasi ibarat darah yang mengalir di dalam

tubuh suatu perusahaan, dengan kata lain informasi adalah hal yang sangat

penting didalam suatu organisasi. Suatu sistem yang tidak mendapat informasi

akan luruh, kerdil, dan berakhir. Pada kesempatan skripsi ini, diketahui

bagaimana membuat sistem untuk melihat jumlah pengunjung pada beberapa

website dan melihat hasil dari perhitungan yang ada.

1.2 Rumusan Masalah

Rumusan masalah dari sistem ini adalah :

Bagaimana web counter dapat menghitung jumlah pengunjung secara

akurat dan bermanfaat.

1.3 Batasan Masalah

Mengingat kompleksnya informasi yang dibutuhkan untuk perbandingan para web master, maka permasalahannya dibatasi pada :

Membuat web counter menggunakan PHP dan MySQL.

1.4 Tujuan dan Manfaat

Membuat web counter untuk menghitung jumlah pengunjung yang

mengunjungi website yang sudah menjadi anggota dan manfaat sistem ini kita

1.5 Metodologi Pembuatan Sistem

Metodologi yang dilakukan adalah:

1. Mengunjungi beberapa website yang bertujuan untuk :

a. Mengamati tampilan yang ada pada beberapa website. b. Melihat isi dari beberapa website.

c. Mengamati proses dari jalannya suatu website. d. Mengamati proses .

2. Studi literatur

Mempelajari buku-buku tentang pembuatan sistem berbasis

komputer yang baik.

3. Menerapkan tahapan rekayasa perangkat lunak (RPL) tersetruktur

menggunakan Structure Analist Design Tecnic (SADT) yang meliputi :

a. Analisis

Analisis sistem dengan menggunakan Diagram Berjenjang,

DAD, Diagram prosedur.

b. Design

Perancangan sistem meliputi:

1. Disain database dengan menggunakan diagram entity

2. Disain interface 3. Disain Out-put c. Implementasi dan Testing

Implementasi dan testing mencakup:

1. Mengkonversi semua rancangan kedalam bentuk

program aplikasi.

1.6 Sistematika Pembahasan

Pembahasan laporan ini meliputi :

Bab I Pendahuluan

Meliputi didalamnya antara lain, latar belakang masalah, rumusan

masalah, batasan masalah, tujuan dari penelitian dan metodologi

penelitian.

Bab II, Dasar Teori

Bab ini berisi tentang dasar-dasar teori yang didapat, untuk membuat

sistem dan merencanakan system serta mengimplementasikan sistem

yang telah direncanakan tersebut

Bab III Perancangan Sistem

Bab ini berisi tentang perancangan sistem informasi yang

direncanakan .

Bab IV Implementasi

Bab ini memuat tentang pengimplementasian sistem yang telah

dirancang sebelumnya dan cara pengoperasian sistem yang dibuat.

Bab V Penutup

Bab ini berisi kesimpulan setelah sistem yang telah dibuat

digunakan.

BAB II

LANDASAN TEORI

2.1 Internet

Internet berasal dari kata Interconnection Networking adalah jaringan komputer yang terdiri dari berbagai jenis ukuran jaringan komputer diseluruh dunia

mulai dari sebuah PC (Personal Computer), jaringan-jaringan lokal berskala kecil, jaringan-jaringan kelas menegah hingga jaringan utama yang menjadi tulang

punggung internet seperti NSFnet, NEARnet, SURAnet dan lain-lain.

Awalnya Internet berasal dari jaringan komputer yang dibentuk pada tahun

1970-an. Jaringan komputer tersebut disebut dengan Advanced Research Projects

Agency (Arpanet), yaitu jaringan komputer yang dibentuk oleh Departemen pertahanan Amerika Serikat

Pada awalnya ARPAnet hanya menghubungkan empat buah situs saja, yaitu : • Stanford Research Institute (SRI)

• University of California at Santa Barbara (UCSB)

• University of California at Los Angeles (UCLA)

• University of Utah

Pada tahun 1970, penelitian yang dilakukan di Stanford University

menghasilkan sebuah protikol yang disebut TCP/IP. Protokol TCP/IP inilah yang

2.2 WWW ( World Wide Web )

Pertama-tama harus diketahui bahwa World Wide Web (www) bukanlah internet, demikian pula sebaliknya. Namun demikian, www dan internet sangat

berkaitan satu sama lain. Internet adalah suatu jaringan komputer global, sedangkan

www bukan sekedar jaringan tetapi didalamnya terdapat suatu set aplikasi

komunikasi dan sistem perangkat lunak yang memiliki karakteristik sebagai berikut: • Umumnya terletak pada internet host dan client

• Umumnya menggunakan protokol TCP/IP

• Mengerti HTML

• Mengikuti model client/server untuk komunikasi dua arah

• Memungkinkan client untuk mengakses server dengan berbagai protokol

seperti http, ftp, telnet, dan Gopher.

• Memungkinkan client untuk mengakses informasi dalam berbagai media,

seperti teks, audio dan video.

• Menggunakan alamat Uniform Resource Locators (URL)

Konstitusi yang terdapat pada www sekarang ini berkembang dari ide dan

konsep yang ditelurkan oleh Tim Berners-Lee, seorang peneliti pada CERN Particle

Physics Lab di Jenewa, Swiss. Pada tahun 1989, Benners-Lee merumuskan suatu

• Antarmuka yang konsisten untuk semua platform. Antarmuka ini harus

menyediakan akses yang dapat digunakan oleh berbagai jenis komputer. • Akses informasi yang universal. Setiap pengguna harus dapat mengakses

setiap informasi yang tersedia.

• Antarmuka yang menyediakan akses terhadap berbagai jenis dokumen dan

protokol.

Perkembangan selanjutnya dari konsep Benners-Lee ini melahirkan mosaic, sebuah

web browser grafis yang pertama.

2.3 HTML (Hyper Text Markup Language).

HTML merupakan suatu bahasa penandaan (mark up). HTML digunakan

untuk membangun suatu halaman web, maupun melakukan proses penandaan (

Mark-up) terhadap sebuah dokumen teks. Tanda tersebut digunakan untuk menentukan format atau style dari teks yang ditandai. HTML dapat dibuat dengan berbagai macam teks editor yang seserhana seperti Notepad, editplus, wordpad dan lain-lain.

Selain itu banyak dijumpai HTML editor yang berorientasi what you see what you get

(WYSWYG), yang berarti user dapat membuat HTML dan melihat hasilnya

langsung dalam wujud visual. Beberapa contoh editor tersebut adalah Microsoft

Frontpage, Macromedia Dreamweaver dan Adobe Pagemill.

HTML terdiri dari dua bagian yaitu header dan body. Struktur HTML diapit

dokumen HTML sedangkan bagian yang diapit oleh tag <TITLE>dan </TITLE>

menunjukkan judul dari halaman web. Standar penulisan dokumen HTML adalah :

<HTML> <HEAD>

Deskripsi Dokumen <TITLE> judul</TITLE>

</HEAD> <BODY>

Isi Dokumen </BODY>

</HTML>

Beberapa perintah HTML lainnya adalah :

1. Heading

Heading digunakan untuk menampilkan judul bab atau kalimat tertentu yang

dianggap sebagai topik utama. Heading dapat juga digunakan untuk mengatur

ukuran font. Ada enam level heading pada HTML, dimulai dari level terbesar

<H1> sampai dengan level terkecil <H6>.

Posisi heading dapat diatur dengan menggunakan atribut ALIGN. Nilai dari

atribut ALIGN dapat berupa “LEFT” untuk rata kiri, “CENTER” untuk

menuliskan tepat ditengah, dan “RIGHT” untuk rata kanan. Contoh penulisan

ALIGN pada heading :

<H1 Align=”Left”>Heading rata kiri</H1>

Tag untuk membuat baris baru tanpa baris kosong adalah line break <BR>.

Sedangkan tag paragraph <P> digunakan untuk membuat baris baru dengan

sebuah baris kosong. Biasanya untuk membuat alinea.

3. Garis Horizontal

Tag tunggal horizontal rule <HR> digunakan untuk membuat garis horizontal.

Tag ini akan membuat garis horizontal sepanjang jendela browser.

4. Huruf

Tag untuk mengatur huruf adalah <FONT>…..</FONT>. Beberapa atribut yang

digunakan untuk mengatur formatting style suatu font adalah;

- Size = n, dengan 0 < n < 7, digunakan untuk mengatur besarnya text.

- FACE = string, string berupa nama font, digunakan untuk mengatur jenis

font.

- COLOR = #RRGGBB merupakan kombinasi angka dalam bilangan hexa

yang menunjukan kapasitas warna merah, hijau, dan biru. Digunakan

untuk mengatur warna text.

5. Menghubungkan halaman web.

Pasangan tag <A>…..</A> digunakan untuk menghubungkan suatu halaman web

ke halaman web yang lainnya. Pemakaian tag ini yang diikuti dengan atribut

HREF, akan menghubungkan ke halaman web yang lain. Contoh :

Sedangkan untuk menguhubungkan atau melakukan link ke bagian lain dari

halaman web itu sendiri, digunakan atribut NAME yang menandai suatu daerah.

Contoh :

<A NAME = “tanda”>tujuan link </A>

Kemudian sebagai penghubung digunakan kode berikut :

<A HREF = “#tanda”>menuju link. </A>

2.4 Web Server

Teknologi yang digunakan dalam pemrograman web dibagi menjadi dua yaitu

server side dan client side. Pada server side, perintah-perintah program dijalankan di server dan dikirimkan ke browser sudah dalam bentuk HTML. Sedangkan client side, proses akan dilakukan di web browser. Biasanya client side digunakan untuk hal-hal

yang membutuhkan interaksi user tetapi data yang ditampilkan tetap dan seragam.

2.4.1 Web Server

Web Server berfungsi untuk mengolah permintaan browser web dan

mengirimkan kode-kode dinamis ke server aplikasi. Apache merupakan suatu

server web yang sangat populer di Internet khususnya pada sistem Unix dan

Linux. Server Web Apache hanya mendukung penggunaan PHP dan tidak

mengenali kode-kode yang lain, seperti: kode-kode pada ASP. Selain sangat

2.4.2 Browser

Agar aplikasi yang dibuat dapat ditampilkan, maka dibutuhkan sebuah

browser yang berfungsi sebagai menerjemahkan bahasa pemrograman HTML,

sehingga user dapat mengakses situs serta aplikasinya. Saat ini banyak terdapat

browser-browser yang masing-masing memiliki kelebihan dan kekurangan

masing-masing, contohnya Netscape Navigator dan Internet Explorer.

2.5 PHP (Personal Home Page)

PHP merupakan sebuah bahasa scripting yang menyatu dengan tag - tag

HTML, dieksekusi diserver, dan digunakan untuk membuat halaman web yang

dinamis seperti halnya Asp (Active Server Page). Php dapat berjalan dalamweb server yang berbeda dalam hal system operasi yang berbeda pula. Sintaks – sintaks pada

PHP mirip dengan bahasa C dan perl.Php dapat diinstal sebagai bagian atau modul

dari Apache web server atau sebagai CGI script yang mandiri. Selain itu PHP

mendukung banyak paket database, misalnya MySql, Oracle, Microsoft Sql Server

dan lain sebagainya.

Untuk menulis perintah – perintah PHP, digunakan suatu editor teks misalnya

Notepad, Unltraedit dan Crismon Editor. Fungsi – fungsi yang telah ada dalam phpp

tidaklah case sensitive (membedakan huruf besar dengan huruf kecil), namun

variabelnya case sensitive. Kode PHP diawali dengan tanda lebih kecil (<) dan

Ada tiga cara untuk menulis script Php yaitu : 1. <?

Script PHP ?>

2. <?php

Script PHP ?>

3. <SCRIPT LANGUAGE = “PHP”> Script PHP

</SCRIPT>

cara pertama akan lebih sering digunakan karena lebuh singkat, sedangkan cara

kedua digunakan untuk kombinasi dengan XML, sebuah bahasa yang merupakan

pengembangan dari HTML. Cara ketiga digunakan di Microsoft Frontpage.

Bentuk dan script PHP

1. Variabel

Variabel dalam script PHP merupakan case sensitive, dan biasanya ditandai

dengan tanda dollar ($). Sebagai contoh :

Stanggal = date (“d F Y”)

2. Kondisional

Pada script PHP juga mengenal adanya ekspresi kondisi, yaitu :

a. If

Digunakan untuk menjalankan suatu atau lebih perintah yang

menyatakan keadaan.

hanya digunakan untuk banyak kondisi.

c. Switch

Dengan perintah ini, perintah percabangan akan semakin mudah

dibuat. Perintah switch diugunakan bersama perintah case.

3. Pengulangan

a. For

Digunakan untuk mengulangi perintah dengan jumlah pengulangan

yang sudah diketahui.

b. While

Digunakan untuk mengulangi suatu perintah sampai jumlah tertentu.

Pengulangan akan terus berjalan selama kondisi masih bernilai benar.

c. do...while

Akan terus dijalankan jika kondisi while masih benar.

4. Fungsi

PHP hanya mengenal perintah untuk membuat fungsi, sedangkan untuk

procedure digunakan perintah yang sama, tetapi tidak menggunakan perintah

return, standar penulissan fungsi :

Function nma_fungsi (argumen)

{ kode perintah}

5. Tipe Data

Tipe data yana dikenal oleh Php yaitu : string, floating point dan integer.

6. Operator

Operator adalh symbol yang dipakai unntuk memanipulasi data, seperti

penambahan dan pengurangan. Contoh operator, yaitu :

a. Operator Aritmatika

Operator Operasi

+ Penambaahan

- Pengurangan

* Perkalian

/ Pembagian Bulat

% Modulus

++ Inkrementasi

-- DEkrementasi

b. Operator Logika

Operator Operasi

= = Sama dengan

! = Tidak sama dengan

> Lebih besar

<= Lebih kecil sama dengan

>= Lebih besar sama dengan

AND && Logika AND

OR !! Logika OR

XOR Logika XOR

! Logika Not

2.6 MySQL

MySQL adalah multi user database yang menggunakan bahasa SQL

(Structured Query Language). MySQL mampu menangani data yang cukup besar, karena menerapkan suatu metode yang sangat cepat dalam relasi antar table

databasenya.

MySQL juga memproses bahasa yang sering digunakan dalam mengakses database,

1. DDL (Data Definition Language)

Bahasa ini digunakan untuk membuat table baru, membuat indeks, mengubah

table. Perintah-perintah yang digunakan dalam MySQL untuk mengerjakan semua itu

yaitu :

a. Membuat tabel

Create table (

Namafield1 typedata yang digunakan (ukuran yang disediakan),

Namafield2 typedata (ukuran yang disediakan)

...

);

jika field tersebut merupakan primary key, maka dibelakang typedata

ditambah “primary key”. Dan jika angka dan tidak boleh kosong, maka

dibelakang primary key ditambahkan “not null auto_increment”.

b. Mengubah tabel

Untuk merubah suatu table (field – field), maka digunakan perintah :

Alter table namaTabel perintah namafield tipedata;

Perintah disini adalah perintah yang akan dikerjakan misalnya : • Add : untuk menambah field

• Modify : untuk memodify suatu range suatu field

• Drop : untuk mendlete suatu field

2. DML (Data Manipulasi Language)

Merupakan bahasa yang bertujuan memudahkan pemakai untuk mengakses

data sebagaimana direprensentasikan oleh model data, misalnya untuk menyisipkan,

menambah, mengahapus dan emgubah data dalam suatu database. Dalam MySQL

perinta – perintah yang digunakan, yaitu :

a. Menambah

INSERT INTO namatabel (field1,field2,…)

VALUES (‘nilai field1’,’nilai field2’,…) ;

b. Mengahapus

DELETE FROM namatabel WHERE criteria;

c. Mengubah

3. Tipe Data MySQL

Nilai data yang terdapat di dalam field-field tabel memiliki tipe sendiri

sendiri. MySQL mengenal beberapa tipe data yaitu :

Tabel tipe data numerik MySQL

Tipe Data Diskripsi

TINYINT Integer 1 byte

SMALLINT Integer 2 byte MEDIUMINT Integer 3 byte

INTEGER Integer 4 byte

BIGINT (length) Integer 8 byte

FLOAT Bilangan Floating-point

DOUBLE Bilangan precision floating-point DOUBLE PRECISION Bilangan precision floating-point REAL Bilangan precisoin floating-point DECIMAL (length, dec) Desimal

NUMERIC Desimal

2.7 Tahapan Proses Pembangunan Perangkat Lunak

2.7.1 Manajemen Proyek

Tahapan manajemen proyek bertanggung jawab pada keseluruhan

manajemen aplikasi, termasuk anggaran dan manusianya. Tahapan manajemen

proyek terdiri dari beberapa hal sebagai berikut : • Perencanaan proyek (project planning)

• Perencanaan ulang (interation Planning)

• Manajemen Resiko (Risk Management)

• Pemantauan Kemajuan (Progess Monitoring)

Ada Tiga hal yang memiliki pengaruh mendasar pada manajemen proyek perangkat

lunak, yaitu : • Manusia

• Masalah

• Proses

2.7.2 Mengumpulkan Kebutuhan

Tujuan dari pengumpulan kebutuhan adalah untuk menyatakan secara jelas

usulan apa yang harus dilakukan sistem, bukan bagaimana melakukan tetapi apa

2.7.3 Analisis

Analsisa adalah proses memeriksa kebutuhan dan membuat sebuah model yang

konseptual dari sistem yang akan dibangun. Bagian analisis juga dilakukan dengan

dengan sasaran sebagi berikut : • Mengidentifikasi kebutuhan.

• Mengevaluasi sistem untuk feasibilitas.

• Melakukan analisis teknis dan ekonomis, mengaloksikan fungsi–fungsi

untuk perangkat keras, perangkat lunak, dan database. • Membuat batasan biaya dan jadwal.

2.7.4 Desain

Tujuan utama desain adalah membuat model analisis sistem dapat di capai di

perangkat lunak. Ini adalah pertama kali bahwa perangkat lunak diperkenalkan pada

abstrak konsep bisnis.

2.7.5 Implementasi

Implementasi memerlukan hasil dari desain dan memakai alat Bantu

pengembangan perangkat lunak. Alat Bantu tersebut biasanya berupa editor dan

compiler. Aplikasi web biasanya melibatkan beberapa teknologi bahasa

pemograman. Bahasa pemograman untuk pengembangan sisi client secara

2.7.6 Pengujian

Dalam tahap pengujian, perekayasa menciptakan sederetan test case untuk

menguji perangkat lunak yang sudah dibangun. Terdapat sejumlah aturan yang

berfungsi sebagai sasaran pengujian.

Untuk pegujian ada beberapa cara, yaitu :

1. Pengujian Unit

Pengujian ini berfokus pada usaha verifikasi pada inti terkecil dari

desain perangkat lunak, yaitu berupa modul - modul.

2. Pengujian Integrasi

Pengujian ini adalah teknik sistematis untuk mengkontruksi struktur

program sambil melakukan pengujian untuk mengungkap kesalahan

sehubungan dengan interfacing. Sasarannya adalah untuk mngambil modul

yang dikenai pengujian unit dan membangun struktur program yang telah

ditentukan oleh desain.

3. Pegujian Sistem

Tujuan utama pengujian ini adalah sepenuhnya menggunakan sistem

berbasis computer. Pengujian ini melakukan pemeriksaan apakah semua

elemen sistem telah diinterigasi dengan tepat dan melakukan fungsi–fungsi

yang dialokasikan.

4. Pengujian Penerimaan

Pengujian ini merupakan pengujian formal yang dilakukan oleh para

tersebut, para pengguna siap menerima sistem tersebut dan sistem tersebut

BAB III

ANALISIS dan PERANCANGAN SISTEM

3.1 Analisis Sistem

Tahapan Analisis dan perancangan pada sebuah program wajib dilakukan

agar sistem yang dihasilkan dapat berjalan sesuai keinginan, dan apabila terjadi

kesalahan dapat ditelusuri dengan mudah. Dan bila dikemudian hari akan

dikembangkanakan mudah dipahami cara kerja dari sistem yang sudah ada.

Analis sistem dapat mendesain model dari sistem informasi yang

diusulkan dalam bentuk physical system dan logical model. Bagan alir sistem

(system flowchart) merupakan alat yang tepat untuk menggambarkan physical system. Simbol-simbol bagan alir sistem ini menunjukkan secara tepat arti fisiknya, seperti simbol terminal, hard disk, dan laporan-laporan.

Logical model lebih menjelaskan kepada pengguna bagaimana nantinya fungsi-fungsi di sistem informasi secara logika akan bekerja. Logical model dapat digambarkan dengan menggunakan DAD. Arus data dari DAD dapat dijelaskan

dengan menggunakan kamus data (data dictionary).

3.2 Gambaran Umum Sistem

Gambaran sistem secara umum yaitu menjelaskan sistem yang yang dibuat

dan batasan sistem.

3.2.1 Sistem yang Dibangun

Sistem yang dibuat adalah data counter dari hasil pengumpulan data yang

diambil dari beberapa website menurut jumlah pengunjung yang masuk. Sehingga

admin maupun user dapat melihat total perhitungan dari pengguna yang

mengunjungi website yang diperbandingkan.

3.2.2 Batasan Sistem

Batasan dari sistem yang dibangun adalah sebagai berikut:

Menbangun web counter untuk menghitung jumlah pengunjung.

3.3 Analisis Kebutuhan

Analisis kebutuhan sistem dilakukan untuk mengetahui fasilitas yang

disediakan oleh sistem agar dapat dipahami dan berguna bagi orang lain

3.3.1 Analisis Peran Sistem

Peran dari sistem yang diperlukan adalah sebagai berikut:

1. Menyediakan informasi bagi admin dan pengolahan data berupa

tambah data dan hapus data.

2. Menberikan informasi hasil perhitungan bagi user.

3.3.2 Analisis Peran Pengguna

Sistem ini mempunyai dua pengguna yaitu administrator dan user yang

berperan sebagai berikut:

1. Administrator dapat menambah data maupun menghapus data sesuai

dengan kebutuhan.

2. User menerima tampilan data dari hasil perhitungan.

3.3.3 Perangkat lunak yang Dibutuhkan

Analis sistem dapat mendesain model dari sistem informasi yang

diusulkan dalam bentuk physical system dan logical model. Bagan alir sistem

(system flowchart) merupakan alat yang tepat untuk menggambarkan physical system. Simbol-simbol bagan alir sistem ini menunjukkan secara tepat arti fisiknya, seperti simbol terminal, hard disk, dan laporan-laporan.

Logical model lebih menjelaskan kepada pengguna bagaimana nantinya fungsi-fungsi di sistem informasi secara logika akan bekerja. Logical model dapat

digambarkan dengan menggunakan DAD. Arus data dari DAD dapat dijelaskan

Sistem yang dibangun meliputi dua pengguna, yaitu administrator dan

user. Arsitektur perangkat lunak dari sistem yang dibangun pada Gambar 3.1.1

dan 3.1.2 dibawah ini:

Data

administrator

Tampilan User

Gambar 3.1.1 Arsitektur sistem Admin

Data

User

Tampilan

3.4 Diagram E-R

Diagram E-R dibuat dengan tujuan untuk menggambarkan hubungan antar

entitas yang digunakan oleh sistem secara keseluruhan. Hal ini dapat dilihat pada

Gambar 3.2.1 dan Gambar 3.2.2di bawah ini:

Ip_address

Nama_Web jumlah

id_web

pencatat2

Gambar 3.2.1 Diagram E-R Admin

1. Tampilan website akan menampilkan ip_address, nama_web, jumlah dan

Gambar 3.2.2 Diagram E-R User

Tampilan Website yang dikunjungi akan memberitahukan kepada user sebagai

pengguna website tersebut sesuai urutannya.

3.5 Diagram Arus Data(DAD)

DAD dibuat untuk menggambarkan dari mana asal aliran yang terlibat

dalam suatu prosedur awal (event) dan tujuan data keluaran serta dimana data

tersebut disimpan. Diagram ini tidak menekankan pada bagaimana sistem

diterapkan, tetapi penekanannya hanya pada logika dari kebutuhan-kebutuhan

sistem, yaitu proses yang secara logika dibutuhkan oleh sistem.

3.5.1 Diagram Arus Data level 0

Diagram konteks adalh merupakan awal DAD sebslum masuk kedalam

diagram yang lebih rinci. Berikut ini adalah diagram konteks perangkat-lunak

pencatat aktivitas website. Yang terlibat disini adalh administrator yang

melakukan login untuk menambah data, menghapus data dan menampilkan data.

Dan user menerima tampilan dari admin. Diagram konteks pencatat aktivitas web

0 Sistem pencatatat

aktiv itas

3

Reset 1

Tampil

2

Hapus

4

Tambah

Gambar 3.3.1 Diagram Konteks Admin

Diagram pada sistem ini menggambarkan bagaimana administrator bekerja

dan berinteraksi dengan sistem.

Diagram sistem internet pada user menggambarkan bagaimana user

berinteraksi dengan sistem. Aktifitas user dicatat pada saat user memulai

membuka website dan menampilkan urutan.

DAD level 0 merupakan cara yang digunakan untuk mendokumentasikan proses dalam sistem. Tujuannya adalah memberikan pandangan proses dalam

sistem secara umum. Ada pihak menerima input dan menerima output dari sistem.

3.5.2 Diagram Arus Data Level 1

Diagram arus data level 1 adalah didapat dari pemecahan pada diagram

arus data level 0 (diagram konteks). Diagram arus data level 1 proses 1 dan proses

untuk user dapat dilihat pada Gambar 3.4.1 dan Gambar 3.4.2 berikut ini:

Diagram level 1 berikut akan menjelaskan tentang aliran data yang terjadi

dalam sistem dan menunjukkan proses apa saja yang dilakukan oleh administrator

terhadap data yang ada pada database. Data yang ada akan dihapus dan ditambah

akan ditampilkan.

1

Tambah

2

Tampil Pengguna

domain D1 Pencatat 1

Data inf o Data

Data Hasil Inf o Data

Gambar 3.4.2 DAD level 1 User

Pada diagram level 1, ditunjukkan data apa saja yang diproses oleh sistem.

User yang masuk oleh sistem yang tersimpan di dalam database.

3.5.3 Diagram Arus Data Level 1 proses 2

Diagram berikut menunjukan proses yang pemecahan yang terjadi dari

diagram diatasnya yang dilakukan oleh admin dalam menggunakan dengan sistem

1

Diagram level 1 berikut akan menjelaskan tentang aliran data yang terjadi

dalam sistem dan menunjukkan proses apa saja yang dilakukan oleh administrator

terhadap data yang ada pada database. Data yang ada akan dihapus dan ditambah

akan ditampilkan.

3.5.4 Diagram Penggabungan sistem Admin dan User

Penggabungan dari sistem admin dan sistem user merupakan hal yang

paling penting. Pada gambar diagram berikut ini akan memperjelas bagaimana

2

Tambah Data Proses Tambah Data

Data Hasil

3.6 Hirarki Modul

Hirarki modul ini mengambarkan tentang alur dari form-form yang akan

terbentuk. Dalam hirarki modul terbagi atas dua modul, yaitu modul untuk user

dan modul untuk administrator. Dimana dalam modul user hanya menggambarkan

tampilan data saja, sedangkan untuk modul administrator digunakan untuk

pengupdate-an data yang dilengkapi dengan adanya form password.

Seperti yang telah dijelaskan di atas, yaitu tampilan untuk data-data yang

ada akan ditampilkan dalam suatu form, yang terbagi atas beberapa frame. Untuk

alur modul dapat dilihat pada diagram di bawah ini:

Index php

Admin php A

B

tampil php tambah php

hapus php

simpan php prosessimpan php prosestampil php prosestambah php

proseshapus php

C

c tampil php

3.7 Perancangan Sistem

Perancangan sistem merupakan langkah multi proses yang memusatkan

kerja pada struktur data, arsitektur perangkat lunak (PL), prosedur rinci serta

karakteristik antar muka. Proses ini akan mengubah kebutuhan-kebutuhan sistem

menjadi sebuah representasi PL yang dapat dimengerti sebelum proses penulisan

program dimana hasil rancangan harus didokumentasikan dan menjadi bagian

konfigurasi PL.

Tahap perancangan sistem ini merupakan kelanjutan dari tahap analisis.

Perancangan sistem untuk website yang dibuat, meliputi perancangan PL untuk

pengunjung, dan perancangan PL untuk administrator. Terdapat beberapa tahap

perancangan yaitu perancangan database, perancangan modul program serta

perancangan antar muka.

3.8 Perancangan Database

Pada perancangan database ini, pengembang merancang suatu database

yang berasal dari pemodelan sistem dalam bentuk diagram E-R. Database yang

dibangun terdiri dari beberapa tabel yang akan menyimpan data-data dari sebuah

entitas, sedangkan record dalam tabel akan menyimpan nilai atribut-atribut dari

suatu entitas. Dengan demikian, tabel akan memiliki field-field yang identik

dengan atribut-atribut dari sebuah entitas.

Database sistem ini terdiri dari tiga tabel, yaitu tabel pencatat1(dalam

komputer domain), tabel pencatat2(dalam komputer server)dan tabel

pncacah(hasil perhitungan antar omain dalam komputre server). Rancangan

Pencatat 1 : tabel yang digunakan untuk menyimpan urutan

Pengunjung.

Pencatat 2 :tabel yang digunakan untuk menyinpan jumlah

pengunjung setelah proses perhitungan.

Rancangan tabel untuk masing-masing field dalam sistem ini dapat dilihat

sebagai berikut:

Tabel 3.1 Rancangan Tabel Pencatat 1

Nama Field Tipe Ukuran Null

Ip_address Int 20 Yes Tanggal Char 30 Yes

Tabel 3.1 Rancangan Tabel Pencatat 2

Nama Field Tipe Ukuran Null

Ip_addres int 20 Yes Tanggal Char 30 Yes Nama Char 30 Yes

3.8 Perancangan Antar Muka

Dalam sistem ini, terdapat tiga antar muka PL, yaitu yang digunakan oleh

administrator(2 buah) dan pengunjung. Kedua PL tersebut mempunyai tampilan

antar muka yang berbeda. Di bawah ini akan dibahas perancangan antar muka dari

masing-masing PL tersebut.

1.Perancangan antar muka PL untuk user dalam komputer domain

Pada rancangan antar muka ini dibuat supaya pengguna mengetahui urutan

berapa dalam meng_akses suatu website. Dibawah ini rancangan antar muka

untuk user( dalam komputr domain) :

Gambar 3.9.1 rancangan antar muka User dalam komputer Domain

Pada modul ini pengguna akan secara otomatis memasukan data pada pencatat 1 bila mengakses website tertentu dan akan mendapati pesan seperti ini.

2.Perancangan antar muka PL untuk Server

Perancangan PL untuk pengunjung hanya dimaksudkan untuk memberikan

informasi tentang beberapa jumlah pengunjung dari beberapa website. Semua

data yang tertampil akan mengambil dari tabel yang dimiliki dalam database dari

masing-masing domain. Dibawah ini rancangan modul/menu yang akan dibuat

Gambar 3.9.2 rancangan antar muka User dan Admin dalam Server

Gambar 3.9.2 Rancangan antar muka menu utama pengunjung dan admin.

Rancangan antar muka di atas merupakan menu utama, dimana dalam menu ini

3.Perancangan antar muka PL untuk Server (Admin)

Perancangan PL untuk pengunjung dimaksudkan untukmeng_edit data yang

sudah ada. Semua data yang tertampil akan mengambil dari tabel yang dimiliki

dalam database server(pencacah). Dibawah ini rancangan modul/menu yang akan

dibuat untuk admin :

Gambar 3.9.3 rancangan antar muka Admin dalam Server

Gambar 3.9.3 Rancangan antar muka menu admin. Rancangan antar muka

di atas merupakan menu dimana admin dapat meng_edit data yang sudah masuk

Kesatuan Luar Masukan Keluaran

Pembeli Order penjualan Nota penjualan Supplier Nota pembelian Order barang

Manager Acc order barang Order barang, laporan pembelian, laporan penjualan, laporan stock barang dan laporan laba rugi

3.6.4 Diagram Konteks

Diagram konteks menggambarkan hubungan sistem dan kesatuan luar

serta mewakili proses dari seluruh sistem, Hal ini dapat dilihat pada Gambar 3.4

berikut ini:

Gambar 3.4 Diagram konteks.

0

Sistem Informasi CV Gerhana Seluler

B

Laporan pembelian, laporan penjualan, laporan stock barang, laporan rugi laba

Order Barang Order Barang

3.6.5 Diagram Berjenjang

Diagram berjenjang Hal ini dapat dilihat pada Gambar 3.5 di bawah ini:

3.6.6 Diagram Arus Data Level 0 (Over ViewDiagram)

DAD level 0 sistem dapat dilihat pada Gambar 3.6 di bawah ini:

1 Acc data order barang

3.6.7 Diagram Arus Data Level 1 Proses 1 (proses Order Pembelian)

Acc data order barang

Data order barang C

Manager

Gambar 3.7 DAD level 1 Proses 1.

3.6.8 Diagram Arus Data Level 1 Proses 2 (Transaksi Pembelian)

3.6.9 Diagram Arus Data Level 1 Proses 3 (Transaksi Penjualan)

DAD pada level 1 proses 3 dapat dilihat pada Gambar 3.9 di bawah ini:

Data Data Penjualan

3.6.11 Diagram Arus Data Lengkap Data Penjualan

Data penjualan Gambar 3.11 DAD lengkap.

3.7 Kamus Data

Kamus data atau data dictionary atau sering disebut dengan istilah sistem

data dictionary adalah katalog fakta tentang data dan kebutuhan-kebutuhan informasi dari suatu sistem yang dibangun. Berikut ini adalah kamus data yang

ada dalam sistem informasi CV Gerhana:

Kamus data

Kamus data

Struktur data : Informasi order pembelian terdiri dari beberapa item data, yaitu :

3.8 Perancangan Sistem

Perancangan sistem merupakan langkah multi proses yang memusatkan

kerja pada struktur data, arsitektur perangkat-lunak, prosedur rinci serta

karakteristik antar-muka. Proses ini akan mengubah kebutuhan-kebutuhan sistem

menjadi sebuah representasi perangkat-lunak yang dapat dimengerti sebelum

proses penulisan program dimana hasil rancangan harus didokumentasikan dan

menjadi bagian konfigurasi perangkat-lunak.

Tahap perancangan sistem ini merupakan kelanjutan dari tahap analisis.

** : Foreign Key

3.8.1 Relasi Antar Tabel

Relasi antar tabel dalam sistem ini dapat dilihat pada Gambar 3.13 berikut ini:

Keterangan

3.8.2 Perancangan Database

Pada perancangan database ini, pengembang merancang suatu database yang berasal dari pemodelan sistem dalam bentuk diagram E-R. database yang

dibangun terdiri dari beberapa tabel yang akan menyimpan data-data dari sebuah

entitas, sedangkan record dalam tabel akan menyimpan nilai atribut-atribut dari

suatu entitas. Dengan demikian, tabel akan memiliki field-field yang identik dengan atribut-atribut dari sebuah entitas.

Database sistem informasi phone cell CV Gerhana Yogyakarta terdiri dari tujuh tabel, yaitu tabel petugas, tabel supplier, tabel pembelian, tabel pembeli,

tabel penjualan, tabel barang dan tabel stock barang. Rancangan field-field untuk

masing-masing tabel dituangkan ke dalam tabel-tabel berikut:

Tabel 3.2 Rancangan tabel petugas.

Nama Field Tipe Ukuran Keterangan

Id Petugas Text 6 Id Petugas Nama Petugas Text 30 Nama Petugas Alamat Text 30 Alamat Petugas Telepon Text 15 Nomer Telepon Petugas

Username Text 10 Nama Yang Digunakan Oleh Petugas Kata kunci Text 10 Kata Kunci Petugas

Jabatan Text 15 Jabatan Petugas Atau Manager

Tabel 3.3 Rancangan tabelsupplier.

Nama Field Tipe Ukuran Keterangan

Tabel 3.4 Rancangan tabel pembelian.

Nama Field Tipe Ukuran Keterangan

Nota Pembelian Text 10 Nomer Nota pembelian Barang Kode Supplier Text 5 Kode Supplier

Kode Barang Text 8 Kode Barang Yang Dibeli

Tanggal Date Tanggal Pembelian Barang Id Petugas Text 6 Id Petugas

Jumlah Integer Jumlah Pembelian Barang

Harga beli Currency Harga Pembelian Barang

Tabel 3.5 Rancangan tabel pembeli.

Nama Field Tipe Ukuran Keterangan

Kode pembeli Text 6 Kode Pembeli Nama Text 30 Nama Pembeli Alamat Text 30 Alamat Pembeli Telepon Text 15 Nomer Telepon Pembeli

Tabel 3.6 Rancangan tabel penjualan.

Nama Field Tipe Ukuran Keterangan

Nota penjualan Text 6 Nomer Nota Penjualan Barang Kode pembeli Text 6 Kode Pembeli Barang Kode barang Text 8 Kode Barang Yang Dibeli Tanggal Date Tanggal Penjualan Barang Jumlah Integer Jumlah Penjualan Barang

Diskon Integer Diskon Yang Diberikan Id petugas Text 6 Id Petugas

Tabel 3.7 Rancangan tabel barang.

Nama Field Tipe Ukuran Keterangan

Kode barang Text 8 Kode Barang

Nama barang Text 30 Nama Barang Yang Ditawarkan Status Text 5 Status Barang Baru Atau Bekas Gambar

Gambar Barang Handphone Atau Aksesoris

Jumlah Barang Harga Jual

Tabel 3.8 Rancangan tabel detail pembelian.

Nama Field Tipe Ukuran Keterangan

Kode barang Text 8 Kode Stock Barang

3.8.3 Perancangan Antar-muka

Pada tahap ini akan dibuat rancangan antar-muka perangkat-lunak yang

akan dibuat. Antar-muka ini yang nantinya akan berinteraksi langsung dengan

pengguna. Rancangan sistem yang akan dibuat dapat diuraikan seperti di bawah

ini.

3.8.3.1 Tampilan Star up

Tampilan star up merupakan tampilan awal untuk masuk ke program

dengan memberikan informasi awal program. Tampilan star up merupakan tampilan yang dikontrol oleh waktu. Hal ini dapat dilihat pada Gambar 3.14

berikut ini:

CV GERHANA SELULER

logo

Selamat Datang

SISTEM INFORMASI PHONE CELL

Gambar 3.14 Antar-muka star up.

3.8.3.2 Tampilan Splash

Tampilan Splash berupa form login untuk masuk ke menu utama. Pada

form ini, jika pengguna salah memasukan nama atau password, maka akan muncul kesalahan dan pengguna akan mengulang kembali menu pengisian

Gambar 3.15 Antar-muka menu login. Foto dan Simbol

Hp Gerhana Seluler

Gambar 3.15 Antar-muka menu login.

3.8.3.3Tampilan Utama

Tampilan utama merupakan bagian dari form utama yang berisi menu

pilihan untuk menuju ke menu yang lain. Daftar tampilan tersebut antara lain

menu pihak luar, menu transaksi, menu sistem, menu laporan, menu help, menu

window dan menu keluar yang berfungsi untuk keluar dari program. Hal ini dapat dilihat pada Gambar 3.16 berikut ini:

Pihak Luar Laporan rugi laba

Window Cascade Title

Help Log out Keluar Sistem Informasi CV Gerhana Seluler

3.8.3.4Perancangan Menu Pembeli

Rancangan tampilan menu pembeli merupakan antar-muka untuk

memasukan data-data pembeli, melakukan update data pembeli dan hapus data

pembeli. Pada rancangan tampilan menu pembeli dilengkapi dengan proses

pencarian data. Hal ini dapat dilihat pada Gambar 3.17 berikut ini:

Cari

>I > <

I < Keluar

No Kode Pembeli Nama Alamat Telepon

Hapus Edit Tambah

No Telepon Alamat Nama Pembeli ID Pembeli

Data Pembeli

Gambar 3.17 Menu pembeli.

3.8.3.5 Perancangan Menu Supplier

Rancangan tampilan menu supplier merupakan antar-muka untuk

memasukan data-data supplier, melakukan update data supplier dan hapus data supplier. Pada rancangan tampilan menu supplier dilengkapi dengan proses

Cari

>I > <

I < Keluar

No Kode Supplier Nama Alamat Telepon

Hapus Edit Tambah

No Telepon Alamat Nama Supplier Kode Supplier

Data Supplier

Gambar 3.18 Menu supplier.

3.8.3.6Perancangan Menu Barang

Pada menu ini selain ditampilkan tabel data jenis barang yang ada pada

CV Gerhana, juga dilengkapi fasilitas untuk menipulasi data jenis barang antara

lain, yaitu: input data, cari data, update data (merubah data) dan hapus data. Serta

untuk mengetahui jumlah stock barang yang ada dan kisaran harga jual dari setiap

>I > < I <

Aksesoris Phone Cell

Jenis barang

Cari Keluar

No Kode Barang Nama Barng Status

Tambah Gambar

Hapus Edit

Tambah

Kode Barang Nama Barang

Status Baru Bekas Harga

Gambar HP

Jumlah

Data Barang

Gambar 3.19 Menu data barang.

3.8.3.7 Perancangan Menu Transaksi Penjualan

Menu ini merupakan menu untuk merekam data transaksi penjualan yang

dilakukan oleh CV Gerhana Seluler. Pada menu ini disertai fasilitas untuk

mencetak nota penjualan setelah data transaksi disimpan. Hal ini dapat dilihat

Tanggal

Harga Status Jumlah

User name Simpan Keluar

Kode Barang Nama Barang Status

Tambah Edit Hapus

Harga

Gambar 3.20 Menu penjualan.

3.8.3.8 Perancangan Menu Transaksi Pembelian

Menu ini merupakan menu untuk merekam data transaksi pembelian yang

dilakukan oleh CV Gerhana Seluler. Pada menu ini disertai fasilitas untuk

mencetak nota pembelian setelah data transaksi disimpan. Hal ini dapat dilihat

Tanggal

Harga Status Jumlah

Simpan

Gambar 3.21 Menu pembelian.

3.8.3.9Perancangan Form About

Menu ini merupakan menu untuk memberikan informasi tentang pembuat

program Sistem Informasi CV Gerhana Seluler. Hal ini dapat dilihat pada Gambar

Keluar Jurusan Teknik Informatika

Fakultas Teknik Universitas Sanata Dharma

2004 Disusun oleh Rina Kanti Lestari

985314043

Dosen Pembimbing II

DR. Riyad Mubarak B.Sc., M.Sc. Dosen Pembimbing I

Ir. F. Soesianto B.Sc., Ph.D

Gambar logo

SISTEM INFORMASI PHONE CELL CV. GERHANA SELULER

Gambar 3.22 Menu form about.

3.8.3.10Perancangan Menu Petugas

Rancangan tampilan menu data petugas merupakan antar-muka untuk

memasukan data-data petugas, melakukan update data petugas dan hapus data petugas. Pada rancangan tampilan menu data petugas dilengkapi dengan fasilitas

Cari

Gambar 3.23 Menu data petugas.

3.8.3.11 Perancangan Menu Acc Manager

Menu acc manager disajikan untuk memasukan data barang yang

disetujui oleh manager dari data order barang untuk dilakukan pembelian. Gambar

perancangan menu acc manager dapat dilihat pada Gambar 3.24 dibawah ini :

Tambah Edit Hapus

Data ACC Manager

BAB IV

IMPLEMENTASI

4.1. Tampilan Utama Web Counter

Tampilan utama website dapat dilihat pada gambar 4.1 berikut :

Gambar 4.1 Tampilan halaman index Web Counter

Halaman index adalah halaman utama yang ditampilkan saat pengguna

mengakses web counter. Halaman index berisi tentang informasi nama-nama web

yang sudah ikut dihitung dan menampilkan Ip_web masing-masing beserta jumlah

pengunjung yang masuk. Juga menampilkan menu reset yaitu menu yang digunakan

untuk melakukan reset jumlah pengunjung secara manual. Menu hapus yaitu menu

untuk menghapus website yang ada dalam daftar dan menu tambah data yaitu menu

untuk menambahkan suatu website dalam daftar secara manual.

4.2. Analisis Kebutuhan

Analisis kebutuhan meliputi kebutuhan yang diperlukan untuk pengaksesan

website ini, yaitu kebutuhan spesifikasi perangkat lunak, perangkat keras, dan sumber

daya manusia.

4.2.1. Kebutuhan Spesifikasi Perangkat Lunak

Perangkat lunak dibutuhkan dalam pembuatan suatu sistem, dalam hal ini

adalah pembuatan visualisasi berbasis web. Untuk itu dibutuhkan suatu spesifikasi

Spesifikasi perangkat lunak yang dipakai dibagi menjadi dua bagian, yaitu :

a. Kebutuhan spesifikasi perangkat lunak bagi administrator

Spesifikasi yang dibutuhkan oleh admin antara lain PHP dengan dukungan

basis data MySQL, pengolah skrip program seperti Macromedia

Dreamweaver MX, pengolah gambar seperti Adobe Photoshop 7, serta

browser seperti Internet Explorer 5 keatas, dengan komputer yang terhubung dengan internet.

b. Kebutuhan spesifikasi perangkat lunak bagi pengguna

Spesifikasi yang dibutuhkan oleh pengguna antara lain browser seperti Internet Explorer 5 keatas dan komputer yang terhubung dengan internet.

4.2.2. Kebutuhan Spesifikasi Perangkat Keras

Agar situs terakses dengan baik, komputer harus terhubung ke internet sehingga

syarat minimum perangkat keras harus dipenuhi. Spesifikasi minimum perangkat

keras untuk pengaksesan website ini dibagi menjadi dua bagian, yaitu :

a. Unit sistem yang dibutuhkan administrator, antara lain :

a. Monitor LG 15”

b. Prosesor Intel Pentium IV 1.8 Ghz

c. VGA GeForce 4 mx 64 Mb. d. RAMVisipro 256 Mb e. HDD 40 Gb Seagate

g. CDRW Liteon 52x32x52x

h. Keyboard PS/2 i. Mouse PS/2

j. Modem dan LAN card.

b. Unit sistem yang dibutuhkan pengunjung, antara lain :

a. Monitor Samsung 15”

b. Prosesor Intel Pentium III 500 Mhz

c. RAM Apacher 128 Mb d. HDD 10 Gb Seagate

e. FDD 1,44 Mb

f. Keyboard PS/2 g. Mouse PS/2 scroll

h. Modem dan LAN card

4.3. Analisis Pengunjung

Website ini ditujukan bagi semua kalangan dan tidak terbatas, serta dikhususkan

bagi mereka yang ingin mengetahui informasi tentang jumlah pengunjung pada

website tertentu dan bagi mereka yang website_nya ingin ikut dihitung dalam web

4.4. Implementasi Modul Program

Bab ini membahas tentang logika pemrograman yang dipakai penulis untuk

membangun web counter. Pembahasan meliputi skrip-skrip utama beserta

tampilannya.

4.4.1. Skrip Koneksi ke Basis Data

Dalam memulai suatu penulisan pemrograman yang banyak berhubungan

dengan penulisan kode-kode berbentuk skrip dan memerlukan suatu koneksi dan

pengaksesan ke basis data, maka agar efisien dibuat suatu skrip untuk bisa terkoneksi

ke basis data.

<?

$server="169.254.100.244"; $db="jarot";

$link=@mysql_connect("$server",'root',''); ?>

4.4.2. Modul Program Untuk Administrator

1.Modul Administrator

Modul ini berguna untuk menampilkan form untuk melakukan input

<head>

<base target="_self"> </head>

<style type="text/css"> <!--

A:link {text-decoration: none} A:visited {text-decoration: none} A:active {text-decoration: none} -->

FONT-SIZE: 12px; COLOR: #f0f2f3; FONT-FAMILY: Verdana,Arial; TEXT-DECORATION: none }

.link1 {

FONT-SIZE: 12px; COLOR: #0000FF; FONT-FAMILY: Verdana,Arial; TEXT-DECORATION: none }

.tabelz1 {

BORDER-RIGHT: black 1px outset; BORDER-TOP: white 1px outset; BACKGROUND: #0099CC; BORDER-LEFT: white 1px outset; BORDER-BOTTOM: black 1px outset

}

.tabelz2 {

BORDER-RIGHT: black 1px outset; BORDER-TOP: white 1px outset; BACKGROUND: #FF0000; BORDER-LEFT: white 1px outset; BORDER-BOTTOM: black 1px outset

}

</STYLE>

<body background="latar.bmp" align="right"> <?

echo("<table border=0 cellpadding=0 cellspacing=0 style='position: absolute; left:5; top:10' width=75% >");

echo(" <tr>");

echo(" <td width=100% >");

echo("<img border='0' src='jarotcom.bmp' width='980' height='72'>"); echo(" </td>");

echo(" </tr>"); echo("</table>");

echo ("<form action='simpan_tambah_data1.php?koco=$hal ' method=post >"); echo ("<table border=1 cellpadding=5 cellspacing=5 style=float:right

bordercolor=#111111 width=50% style='position: absolute; left: 275; top:140' align=left class=tabele>");

echo (" <tr>");

echo (" <td ><b>Nama WEB<font color=#FF0000>*</font></b></td>"); echo (" <td align=center><b>:</b></td>");

echo (" <td >&nbsp&nbsp;");

echo (" <input type=text size=25 name=remote value='$namax'></td>"); echo (" </tr>");

echo (" <tr>");

echo (" <td align=center><b>:</b></td>"); echo (" <td >&nbsp&nbsp;");

echo (" <input type=text size=25 name=remote_host value='$alamatx' ></td>"); echo (" </tr>");

echo (" </td>");

echo (" <td align=center colspan=3>");

echo (" <input type=submit value='SIMPAN' name=tambah></td>"); echo (" </td>");

echo (" </tr>"); echo (" <td>");

echo (" <input type=hidden name=tambah1 value=$hal ></td>"); echo (" </td>");

echo ("</table>"); echo ("</form>");

?> </body>

2.Modul reset data administrator (reset_jumlah.php)

Modul ini berguna untuk mereset jumlah data pengunjung pada suatu

website menjadi 0(nol). Berikut adalah skrip reset pada administrator.

<?

include("koneksi.php"); mysql_select_db($db,$link);

$tambah_1 =mysql_query("update tabel_hitung set jumlah=0 where id_web='$urutan'"); header("location:http://169.254.100.244/info_web.php?hal=$hal");

?>

3.Modul menu pilihan hapus administrator (admin.php)

Modul ini berguna untuk menghapus nama website ataupun ip_number suatu website dalam tampilan info_web. Berikut adalah skrip menu pilihan

<?

session_start();

include("koneksi.php"); mysql_select_db($db,$link);

$tambah_1 =mysql_query("delete from tabel_hitung where id_web='$urutan' ") ; header("location:http://169.254.100.244/info_web.php?hal=$hal");

?>

4. Modul menu tambah data administrator (data_baru.php)

Modul ini berguna untuk menambahkan data anggota secara manual

oleh administrator. Berikut adalah skrip menu pilihan hapus pada

administrator.

<head>

<base target="_self"> </head>

<style type="text/css"> <!--

A:link {text-decoration: none} A:visited {text-decoration: none} A:active {text-decoration: none} -->

FONT-SIZE: 12px; COLOR: #f0f2f3; FONT-FAMILY: Verdana,Arial; TEXT-DECORATION: none }

.link1 {

FONT-SIZE: 12px; COLOR: #0000FF; FONT-FAMILY: Verdana,Arial; TEXT-DECORATION: none }

.tabelz1 {

BORDER-RIGHT: black 1px outset; BORDER-TOP: white 1px outset; BACKGROUND: #0099CC; BORDER-LEFT: white 1px outset; BORDER-BOTTOM: black 1px outset