BAB I

PENDAHULUAN

A. LATAR BELAKANG.

Internet digunakan dalam banyak kegiatan yang berhubungan dengan

komunikasi dan informasi yang dapat diakses dari manapun dengan cepat dan

akurat. Kegiatan ini salah satunya adalah website yang kini makin

memasyarakat. Website dapat diterapkan dalam banyak bidang baik itu usaha,

entertainment, personal website, periklanan dan yang saat ini sedang populer

adalah e-commerce, e-banking, dan masih banyak lagi lainnya.

Mengingat sistem informasi merupakan bagian dari teknologi

informasi, maka hal ini adalah hal yang sangat penting pada saat ini. Dengan

adanya sistem teknologi informasi, suatu instansi atau perusahaan dapat

menyampaikan informasi-informasi atau promosi produk yang diinginkan

kepada konsumen atau objek sasaran secara cepat, tepat, dan akurat. Sistem

Informasi yang berkembang saat ini sangat beragam, mulai dari sistem

informasi yang berbasis visual dengan dukungan animasi, sistem informasi

yang berbasis visual dengan dukungan database yang terintegrasi hingga

sistem informasi database berbasis web.

Penyampaian informasi melalui Internet sangat mendukung

kelancaran kinerja dari suatu instansi atau perusahaan seperti pada CV.

Serotama Teknologi Informatika. Serotama teknologi Informatika merupakan

salah satu perusahaan yang bergerak dibidang teknologi informasi, berupa

1

pembuatan sistem informasi manajemen dan layanan informasi melalui SMS

sehingga solusi total dan integral di bidang teknologi Informasi dengan fokus

bisnis utama pada penyelenggara jasa konsultatif perencanaan dan

pengembangan sistem informasi serta pengembangan infrastruktur komunikasi

data bagi perusahaan melalui pembenahan Sistem Informasi Manajemen

perusahaan yang ada. Pada saat ini Serotama TI tidak hanya bergerak dibidang

teknologi informasi dalam hal pembuatan sistem informasi, akan tetapi

Serorama TI telah mengembangkan usaha baru berupa penjualan pulsa tronik.

Untuk mendukung penyampaian informasi, berupa promosi pulsa tronik

kepada khalayak ramai maka dibutuhkan sebuah sistem informasi yang tepat.

Sistem informasi berbasis website merupakan solusi dari

permasalahan diatas, dimana sebelumnya penyampaian informasi masih

dilakukan dengan cara yang lama seperti penggunaan liflet. Penggunaan

media penyampaian informasi dengan cara lama tersebut kurang begitu

memadai karena terbatasnya waktu, tempat dan orang yang akan membagikan

liflet tersebut. Berdasarkan hal itu Serotama TI menginginkan sebuah sistem

yang dapat menyampaian informasi mengenai penawaran pulsa tronik kepada

siapa saja, dimana saja dan kapan saja.

B. IDENTIFIKASI MASALAH

Berdasarkan latar belakang masalah tersebut diatas, maka

identifikasi masalah yang diangkat dalam laporan Kerja Praktek ini adalah

sebagai berikut:

2

1. Perlu adanya sebuah sistem untuk memberikan promosi penjualan pulsa

tronik di serotama secara online yang bisa dimanfaatkan atau diakses oleh

siapa saja, kapan saja, dan dimana saja.

2. Kurang memadainya penggunaan media penyampaian informasi dengan

cara yang lama seperti penggunaan liflet.

C. BATASAN MASALAH

Berdasarkan latar belakang masalah dan identifikasi masalah, agar

penelitian ini dapat mencapai kinerja yang maksimal maka permasalahan ini

dibatasi pada:

1. Pembuatan website sero tronik sebagai sistem informasi penjualan

pulsa tronik secara online dibatasi hanya pada penyampaian

informasi penjualan pulsa tronik.

2. Dalam website ini tidak terjadi transaksi antara pihak sero tronik

dengan pelanggan, karena website ini hanya menampilkan

informasi cara transaksi yang dilakukan melalui handphone atau

rekening bank .

D. RUMUSAN MASALAH

Dari uraian batasan masalah diatas, dimana website dirancang untuk

menampung dan menyalurkan informasi maka dapat di rumuskan

permasalahannya yaitu:

3

1. Bagaimana membangun website di CV. Serotama Teknologi

Informatika dalam hal informasi penjualan pulsa tronik?.

2. Bagaimana informasi dapat senantiasa dapat dilihat dimanasaja dan

kapan saja serta dapat di update secara berkala.

3. Bagaimana mengatasi keterbatasan biaya dan waktu sehingga

untuk membangun website dengan cepat dan murah.

E. TUJUAN KERJA PRAKTEK

Tujuan Kerja Praktek ini adalah :

1. Membantu perusahaan dalam mempromosikan perusahaanya dalam hal

penjualan pulsa tronik melalui website.

2. Melaksanakan Kerja Praktek yang bersifat wajib bagi mahasiswa Teknik

Informatika Universitas Ahmad Dahlan.

F. MANFAAT KERJA PRAKTEK

1. Bagi Mahasiswa

a. Dapat menguasai metode-metode perancangan sistem informasi dan

disiplin ilmu Informatika yang dimplementasikan dalam dunia industri.

b. Sebagai persiapan diri untuk

terjun ke dunia kerja.

c. Mengembangkan pola keilmuan dan membuka wawasan pengetahuan

baru sesuai dengan bidang teknologi informasi pada umumnya. Dan

4

multimedia interaktif pada khususnya dikaitkan dengan fungsi untuk

penyajian informasi suatu produk.

2. Bagi Perguruan Tinggi

a. Membantu Perguruan Tinggi dalam menyiapkan tenaga kerja yang

siap dipakai.

b. Memberi kesempatan pada mahasiswa untuk terjun dan

bersentuhan secara langsung dengan sebuah perusahaan.

3. Bagi Suatu Lembaga atau Perusahaan

a. Dengan merancang sistem aplikasi berbasi web, suatu lembaga akan

melihat bagaimana nilai tambah dari penggunaan pengembangan

sistem informasi dengan memanfaatkan Teknologi Informatika

b. Sebagai masukan bagi suatu lembaga dalam pengembangan

menyampaikan suatu informasi.

c. Sebagai media promosi yang cepat dan akurat dalam memberikan

informasi mengenai produk yang ditawarkan.

G. WAKTU DAN TEMPAT PENELITIAN

Tanggal : 13 Mei – 20 Mei 2007

Tempat : CV. Serotama Teknologi Informatika

Hasil : survei dan observasi tempat

Tanggal : 20 Mei – 7 Juni 2007

Tempat : CV. Serotama Teknologi Informatika

5

Hasil : pembuatan website

BAB II

GAMBARAN UMUM SEROTAMA TEKNOLOGI

INFORMATIKA

A. PROFIL SEROTAMA TEKNOLOGI INFORMATIKA

Serotama teknologi Informatika merupakan salah satu perusahaan

yang bergerak dibidang teknologi informasi berupa pembuatan Sistem

Informasi Manajemen dan Layanan Informasi Melalui SMS sehingga solusi

total dan integral di bidang teknologi informasi dengan fokus bisnis utama

pada penyelenggara jasa konsultatif perencanaan dan pengembangan sistem

informasi serta pengembangan infrastruktur komunikasi data bagi perusahaan

melalui pembenahan sistem informasi manajemen perusahaan yang ada.

Dengan berbasis pada riset pengembangan teknologi dimasa yang

akan dating, Serotama memiliki salah satu komitmen untuk menjadi sebuah

sentral industri teknologi informasi dengan kualifikasi kompetensi secara

nasional dan memiliki orientasi pengembangan bisnis secara profesional.

Sistem Informasi Manajemen Perusahaan merupakan suatu sistem

yang dirancang secara khusus untuk pengintegrasian data-data dan informasi

di berbagai bagian lingkungan sekolah, hal ini akan sangat bermanfaat bagi

6

pengambilan keputusan-keputusan strategis yang membutuhkan informasi

yang cepat dan akurat. Sebab data-data dan informasi dari berbagai instansi

yang diperlukan dapat diakses secara on-line. Disamping itu sistem informasi

yang terpadu akan mempermudah proses pengendalian (control) setiap bagian,

sebab segala aktivitas mereka dapat dipantau dengan sistem ini.

B. VISI DAN MISI

1. Visi

Serotama memiliki komitmen menjadi pusat pengembangan teknologi

informasi disegala bidang dunia bisnis atau usaha baik swasta maupun

pemerintahan.

2. Misi

Pertama:

“Mengembangkan segala industri software dan teknologi informasi ber-

orientasi bisnis secara profesional”

kedua:

“Meningkatkan dan melakukan pengembangan peluang-peluang

kerjasama dengan para pihak yang terkait sehingga dapat saling

menguntungkan dari kedua belah pihak”

ketiga:

“Megembangkan tingkat kesadaran dari para pelaku dunia usaha untuk

dapat segera menerapkan teknologi informasi di era globalisasi dalam

pelaksanaan tugas sehari-hari”

7

C. STRUKTUR ORGANISASI

Gambar 1. Struktur Organisasi Serotama TI

Direktur Utama - Sony Davian Y, S.E, Akt

General Manager - Eka Chandra L, S.E

General Programmer - Sigit Bimo D, ST

General Affairs - Yudhawati, Amd

Divisi Software :

a. Tim Analisa Data dan Perancangan / Database - Sony Davian Y, S.E, Akt

Direktur Utama

General Manager

Divisi Marketing

General Affairs

Divisi Hardware

General Programer

Divisi Software

Senior Account Executive

Account Executive

Senior Teknisi

Teknisi Hardware

Tim Analisa Datadan Perancangan /

Database

Tim Implementasi

Tim Web Design & Programer

8

- Sigit Bimo D, ST

- S. Suyono, ST

- Andik Danang P, Amd

b . Tim Implementasi - Chandra Widyawati

- Puji Astutiek

- Achmad Yachdi F, ST

c. Tim Web Design & Programer - Kokoh Iman Z, Amd

Divisi Hardware :

a. Kepala Adm. Teknisi - Yanuar R, Amd

b. Senior Teknisi - Ahmad Jalaludin

- Sigit Jogjantoro, ST

c. Teknisi Hardware - M. Doni, Amd

- Sugiyanto

- Suherman, Amd

- Widiatmoko, SE

- Yusdwiyanto, Amd

Divisi Marketing :

9

a. Senior Account Executive - Niken Septarini, Amd

b. Account Executive - Sari Oktantias, S.Sos

- Ari Sigit Pramono, Amd

- Nina Septarini, Amd

- Emarosita

10

BAB III

LANDASAN TEORI

A. Sistem Informasi

Sistem adalah tatanan yang terdiri atas sejumlah komponen fungsional

yang saling berhubungan dan secara bersama-sama bertujuan untuk memenuhi

proses atau pekerjaan tertentu.

Informasi adalah suatu data yang diolah menjadi bentuk yang lebih

berguna dan lebih berarti bagi yang menerimanya. Sumber informasi adalah

data. Data adalah faktor yang menggambarkan suatu kejadian dan kesatuan

yang nyata.

Informasi hasil pengolahan data yang diharapkan mempunyai kualitas

yang baik, kualitas dari informasi yang dihasilkan harus jelas tergantung dari

tiga hal yaitu :

1. Akurat, berarti informasi yang dihasilkan harus jelas mencerminkan

maksudnya.

2. Tepat waktu, berarti informasi yang sampai ke penerima tidak boleh

terlambat.

3. Relevan, berarti informasi tersebut mempunyai manfaat bagi pemakainya.

Sistem informasi adalah suatu sistem di dalam suatu organisasi

mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi,

11

bersifat manegerial dan kegiatan strategi dari suatu organisasi dan

menyediakan pihak tertentu dengan laporan-laporan yang diperlukan.

B. Internet

Internet berasal dari kata interconnection networking yang mempunyai arti

hubungan berbagai komputer dan berbagai tipe komputer yang membentuk

sistem jaringan yang mencakup seluruh dunia (jaringan global) dengan

melalui jalur komunikasi seperti telepon, wireless, dan lainnya (Sutarman,

2003)

Internet juga merupakan suatu sistem komputer yang saling berhubungan

sehingga memungkinkan komputer dapat menukar data, pesan dan file-file

dengan berjuta-berjuta komputer lain yang terhubung ke Internet. Dari sisi

arsitekturnya Internet berupa jaringan komputer atau jaringan pada jaringan.

Internet menggunakan berbagai sambungan telepon yang mirip digunakan

dirumah-rumah. Jaringan-jaringan ini digalang untuk membentuk jaringan

komputer yang berskala lebih luas ( Douglas Steve, 1998)

C. WWW

World Wide Web (WWW) bukanlah Internet namun keduanya sangat

berkaitan dengan yang lainnya. Jika Internet merupakan suatu jaringan

komputer global, sedangkan WWW tidak hanya sekedar jaringan tetapi di

dalamnya terdapat suatu set aplikasi komunikasi dan sistem perangkat lunak.

Cara kerja World Wide Web dapat digambarkan sebagai berikut :

12

Gambar 2 Cara Kerja World Wide Web

Suatu web akan mempunyai kemampuan melakukan pertukaran data di

Internet. Secara teknis web terdiri dari dua bagian utama, yaitu :

1. Web Server

Web Server merupakan suatu komputer dan software yang disimpan serta

mendistribusikan data ke komputer lain yang meminta informasi.

2. Web Browser

Web Browser sering disebut browser, yaitu suatu progam aplikasi atau

software yang bekerja pada setiap komputer (client) yang meminta

informasi dari server serta menampilkan datanya sehingga dapat langsung

diakses.

D. HTTP

HTTP (HyperText Transfer Protocol) adalah suatu protokol yang

menentukan aturan yang perlu diikuti oleh web browser dalam meminta atau

mengambil suatu dokumen dan oleh web server dalam menyediakan dokumen

yang diminta web browser. Protokol ini merupakan protokol standar yang

digunakan untuk mengakses dokumen HTML (Sutarman, 2003).

E. HTML

HTTP

13

Client Server Retreive/ execute

Hipertext Markup Language (HTML) digunakan untuk membangun suatu

halaman web. HTML sebenarnya bukan merupakan bahasa pemrograman,

karena seperti tercermin dari namanya adalah suatu bahasa markup

(penandaan). Tanda tersebut digunakan untuk menentukan format atau style

dari teks yang ditandai.

Dokumen HTML diawali dengan penulisan tag <HTML> dan di akhiri

dengan tag </HTML>. Sedangkan tag <!...> pada struktur HTML menyatakan

suatu keterangan yang tidak akan diproses. Tag ini dapat diletakkan baik pada

bagian HEAD maupun BODY dalam dokumen HTML (Sampurna, 1998).

Struktur dasar dari dokumen HTML adalah sebagai berikut:

<HTML>

<HEAD>

<! Bagian kepala dari dokumen HTML>

</HEAD>

<BODY>

<! Isi dari dokumen HTML>

</BODY>

</HTML>

Ada beberapa kelebihan dan kekurangan yang dimiliki oleh HTML yang

akan di jelaskan satu persatu.

1. Kelebihan HTML

14

Merupakan bahasa pengkodean yang bersifat lintas platform (cross

platform) dimana HTML dapat digunakan pada berbagai jenis media

komputer yang berbeda pada berbagai macam sisterm operasi yang berbeada

pula. Dapat disispi gambar baik statis maupun dinamis dan juga dapat

dijadikan hyperlink. Dapat disisipi pemrograman script server side seperti

PHP, Perl, JSP, dan lain sebagainya,.

2. Kekurangan HTML

Hanya mampu menghasilkan halaman web yang statis. Memiliki tag-tag

yang cukup membingungkan terutama bagi penguna yang masih awam. Tidak

mampu menghasilkan halaman yang interaktif antara client dan server.

F. PHP

PHP (PHP Hypertext Preprocessor) merupakan bahasa yang mampu

menghasilkan aplikasi web dinamis. PHP merupakan bahasa interpreter yang

mempunyai kemiripan dengan bahasa C dan Perl yang mempunyai

kesederhanaan dalam perintah. PHP dapat digunakan bersama dengan HTML

sehingga memudahkan dalam membangun aplikasi web dengan cepat. PHP

dapat digunakan untuk mengupdate database menciptakan database dan

mengerjakan perhitungan matematika. Seperti halnya dengan program open

source lainnya, PHP dibuat di bawah GNU, general public license yang dapat

di download gratis melalui situs www.php.net

Pada awal tahun 1995, Rasmus Lerdorf membuat produk bernama PHP/FI

(Personal Home Page / Forms Interpreter). Produk ini ditulis menggunakan

bahasa C, dan memiliki kemampuan untuk berkomunikasi dengan database

15

serta membuat halaman dinamis. Tepatnya November 1997, Rasmus melepas

PHP/FI 2.0. Namun tidak lama kemudian, Andi Gutmans dan Zeev Suraski

melepas PHP 3.0 yang dihasilkan dengan menulis ulang PHP/FI. Pada

generasi ini pula disepakati bahwa PHP merupakan singkatan dari PHP

Hypertext Preprocessor.

G. Web Server Apache

Web server Apache merupakan komponen penting untuk membangun

suatu server Internet untuk Web. Dengan menggunakan Apache, web server

ini akan mampu untuk menjalankan script PHP.

Apache dihasilkan dari Apache Project, sebuah proyek dari Apache

Software Foundation yang bertujuan untuk menghasilkan sebuah web server

yang tangguh dan non komersial. Proyek ini telah dimulai sejak tahun 1995.

Berikut beberapa faktor yang membuat Apache lebih unggul dibanding

dengan web server yang lainnya :

1. Apache merupakan web server yang tangguh

Apache telah diuji coba oleh banyak pengguna dan terbukti sebagai server

HTTP yang tangguh

2. Apache dapat digunakan pada berbagai sistem operasi

Apache telah didukung oleh berbagai sistem operasi mulai dari Linux

hingga Windows.

3. Apache mudah dikonfigurasi ulang

Apache sangat mudah dikonfigurasi ulang. File konfigurasinya berupa file

teks sehingga mudah dipahami dan dibaca.

16

4. Apache dikembangkan oleh banyak programmer

Apache dikembangkan oleh banyak programmer yang bekerja sebagai

tenaga sukarela. Dengan demikian apabila terdapat bug akan segera dapat

diperbaiki.

5. Apache memiliki dokumentasi yang lengkap

Apache memiliki dokumentasi yang lengkap dengan demikian pengguna

tidak akan mengalami kesulitan dalam menguasai Apache.

6. Apache memiliki kerjasama dengan berbagai vendor lainnya

Apache menjalin kerjasama dengan berbagai vendor penting, sehingga

bisa dikolaborasikan dengan teknologi seperti SSL (Secure Socket Layer),

JSP (Java Server Pages), PHP (PHP Hypertext Preprocessor), dan lain-

lain.

Informasi lebih jauh mengenai Apache bisa Anda temukan dengan

mengunjungi http://www.apache.org

H. MySQL

MySQL adalah database engine atau server database yang mendukung

bahasa database pencarian SQL. SQL merupakan paket standar untuk

berkomunikasi dengan database manapun untuk melakukan proses pencarian,

penyimpanan dan pengambilan data.

MySQL merupakan database yang sangat cepat yang

mengimplementasikan subset dari SQL. MySQL terus dikembangkan, dapat

kita download pada http://www.mysql.com. MySQL sangat handal dan sangat

17

cepat terbukti telah digunakan untuk berbagai aplikasi, bahkan untuk tingkat

aplikasi enterprise. MySQL menyimpan data dalam bentuk file-file hardisk.

MySQL mendukung database raksasa. Pembuat MySQL memiliki database

MySQL yang menyimpan tidak kurang dari 50 juta record. Ukuran file

maksimum untuk sistem file ext2 di Linux adalah kira-kira 2GB. Oleh karena

itu setiap file dibatasi sampai 2GB jika dijalankan pada sistem file ext2.

Sistem database MySQL yang akan datang mungkin akan mampu menangani

jauh lebih banyak lagi.

Keistimewaan MySQL adalah:

1. Standart supported

MySQL mendukung leve, memasukkan ANSI SQL -92 dan ODBC level

0-2 SQL standart.

2. Language support

database server mysqld dapat menampilkan pesan error dalam bahasa

Czech, Belanda, Inggris, Estonia dan lainnya. MySQL menggunakan ISO-

8859-1 karakter tertentu untuk pengurutan data.

3. Bahasa pemrograman API untuk mengakses database

aplikasi database MySQL dpat ditulis dengan bahasa tertentu seperti C,

Perl, PHP dan lainnya.

4. Large table

MySQL menyimpan masing-masing table dalam database seperti file,

terpisah dalam direktory database. Ukuran maksimum table berkisar antara

4 GB dan system operasi mendekati ukuran maksimum file.

18

5. Kecepatan kekuatan dan kemudahan

MySQL lebih cepat empat atau tiga kali dari database komersial

lainnya. MySQL sangat mudah untuk dikendalikan dan tidak

membutuhkan database administratror terlatih untuk menginstall MySQL.

I. Joomla

Joomla merupakan salah satu aplikasi Content Management System (CMS)

yang dapat digunakan oleh siapa saja untuk keperluan pembuatan website,

mulai dari yang sangat sederhana sampai dengan website yang sangat

kompleks. Joomla mempunyai prinsip, fleksibel, simple, elegant, customizable

dan powerful..[4]

Joomla merupakan solusi untuk membuat portal yang dapat dimodifikasi

dan diperluas pada pemberian style dan content dari situs-situs yang Anda

buat. Tim pengembang joomla lebih memfokuskan pada pembangunan

framework aplikasi yang solid daripada membangun solusi untuk membuat

portal, sehingga mengembangkan Joomla melalui kustomisasi dan modul-

modul yang dapat di dugunakan pada Joomla.

Joomla memiliki fitur-fitur yang lengkap sehingga cocok untuk membuat

website dari yang sederhana sampai kelas korporat. Berikut ini adalah fitur-

fitur dari joomla :

Source code yang lengkap dan free

Memilki komonitas developer yang besar

Bantuan secara online

Mekanisme caching halaman yang bagus

19

Memiliki search engine yang user friendly

Sistem template yang simple tapi powerfull

Memiliki trash manager

20

BAB IV

PEMBAHASAN

A. PENGUMPULAN DATA

Dalam melaksanakan kerja praktek, agenda pertama yang dilakukan adalah

mengumpulkan data-data yang nantinya akan di tampilkan dalam situs web.

Agenda ini cukup penting, web yang dibuat berupa keserasian dari isi sangat

mempengaruhi keberadaan sebuah situs web, dimana isi yang ada haruslah

memiliki keterkaitan antara satu dengan dengan yang lainnya. Adapun metode

pegumpulan data yang dilakukan adalah:

1. Metode pengamatan (observasi)

metode yang dilakukan dengan cara pengamatan langsung objek dan

permasalahan yang terjadi pada perusahaan tempat kerja praktek

terutama yang berhubungan dengan penyampaian informasi dari

kantor serta penyampaian informasi kepada konsumen tentang

pemasaran pulsa tronik yang di tawarkan.

2. Metode wawancara (interview)

merupakan metode yang dilakukan dengan cara tanya jawab atau

wawancara langsung dengan orang yang memiliki kapasitas dan

informasi yang dibutuhkan dalam hal ini adalah Bapak Sigit.

Wawancara dilakukan antara lain tentang profil perusahaan, visi dan

misi, struktur organisasi serta kebutuhan dan harapan tentang

perolehan dan penyampain informasi di masa yang akan datang.

21

3. Metode referensi

merupakan metode yang dilakukan dengan cara pembacaan referensi

baik berupa buku profil perusahaan, dan sumber lain yang berkenaan

dengan objek.

Berdasar informasi yang didapat dari pihak perusahaan, penulis memperoleh

informasi tentang kebutuhan dan keigininan terhadap pembuatan situs web.

Secara garis besar, data informasi yang didapat di klarifikasikan sebagai berikut.

1. Informasi tentang profil perusahaan

informasi ini berisi tentang profil perusahaan, perkembangan perusahaan,

konsep perusahaan, visi dan misi perusahaan dan sebagainya. Informasi ini

akan sangat dibutuhkan oleh pengunjung situs web yang ingin meliha lebih

jauh tentang profile perusahaan.

2. Informasi tentang jenis produk yang ditawarkan

informasi ini meliputi jenis produk yang ditawarkan oleh Serotama TI

3. Informasi tentang fasilitas

informasi ini meliputi fasilitas-fasilitas yang disediakan oleh Serotama TI

kepada pelanggan. Salah satu contohnya adalah fasilitas bisa mendaftarkan

downline dan transfer saldo lewat hp upline (sms), sub master terbaik dapat

menjadi master tanpa harus dikenakan biaya.

B. PERANGKAT YANG DIGUNAKAN

Hardware

1. Prosesor intel pentium 4 2.40 MHz

22

2. RAM Visipro 256 MB

3. Harddisk Seagete 40 GB

4. CD Rom Combo LiteOn52 X

5. FDD Sony 1,44 Inch

Software

1. Macromedia DreamWeaver MX

2. Adobe Photoshop CS

3. VertrigoServ

4. Power Designer 9

5 Joomla

C. PERANCANGAN WEBSITE

Perancangan Desain

Desain yang dibuat berbentuk simpel tapi menarik, dengan warna yang

silver. Web akan di bagi menjadi empat bagian, atas, kanan, kiri, dan tengah.

Bagian atas digunakan untuk Banner, bagian kanan digunakan untuk tombol

navigasi, dan di bagian kiri digunakan untuk poling, dan untuk tengah digunakan

sebagai isi dari website diberikan sedikit ruang ditengah atas untuk memasang

iklan.

Perancangan Isi

Website yang akan dibuat berupa website informasi penjualan yang berisi

tentang daftar harga, cara pendaftaran, transaksi dan berbagai informasi lainnya

yang berkaitan dengan penjualan pulsa tronik.

23

1. Home

Berisi tentang ucapan selamat datang dari Serotama TI, berita-beita

terbaru yang ada hubungannya dengan pulsa tronik dan poling tentang

kepuasan pelanggan dan pendapat tentang website Sero Tronik

2. Buku Tamu

Berisi tentang daftar pengunjung website sero tronik yang isinya berupa

nama pengunjung, email dan pesan..

3. Daftar Harga

Berisi tentang daftar harga pulsa tronik yang ditawarkan oleh Serotama TI.

4. Blog

Berisi semua artikel yang ada di website Sero Tronik.

5. Links

Merupakan link yang memiliki keterkaitan dengan Serotama.

6. Pendaftaran

Berisi tentang informasi cara pendaftaran untuk berlangganan pulsa tronik

di Sero Tronik.

7. Transaksi

Berisi tentang cara melakukan transaksi dalam pembelian pulsa tronik.

8. Search

Merupakan fasilitas untuk mencarian apasaja yang ada di website Sero

Tronik, dan juga yang diluar Sero Tronik.

9. Contact Us

24

Merupakan fasilitas untuk menghubungi pihak sero tronik ketika ada

sesuatu yang belum jelas dalam hal penyampaian informasi penjualan

pulsa tronk melalui email.

Perancangan implementasi

Website akan dibuat dengan menggukan software joomla, joomla di pilih

karena mudah dalam pengoperasiannya, selain itu joomla adalah software

opensource yang isinya dapat kita atur sendiri.

D. INSTALASI JOOMLA DAN PEMBUATAN WEBSITE

Penginstalan joomla dilakukan sesetelah kita menginstal software

pendukungnya terlebih dahulu. Software yang di instal adalah VertrigoServ.

VertrigoServ adalah software yang pendukung yang berisi Apache yang

digunakan sebagai webserver dan MySQL serta PHP sebagai script database

server.

1. VertrigoServ

Untuk dapat menggunakan joomla, terlebih dahulu kita harus mempunyai

web server. VertrigoServ dipilih karena sudah berisi semua software yang

dibutuhkan untuk kelancaran dan kemudahan perancangan website yang

dibuat, seperti MySQL digunakan untuk database, Apache digunakan untuk

server, dan PHP untuk menjalankan script PHP yang dipakai. Yang pertama

jalankan file installer (Vertrigo_119.exe), secara otomatis Apache(1.3.33),

MySQL(4.1.14) dan PHP(5.0.5) juga akan terinstal. Jika VertrigroServ sudah

25

terinstall, file akan menempati direktori C:\Program File\VertrigoServ\ secara

default yang berisi webserver dan MySQL, kita dapat melihatnya dengan

menjalankan start VertrigoServ yang ada di program. Maka akan terlihat pada

web browser pada localhost

Gambar 3. VertrigoServ

2. instalasi Joomla version 1.0.11

Pada umumnya instalasi joomla dapat dilakukan dengan dua cara yaitu

secara manual dan dengan joomla installer.

Menggunakan joomla installer

Sebelum melakukan instalasi joomla terlebih dahulu harus

mengaktifkan VertrigoServ yang akan mengaktifkan apache server.

Berikut adalah langkah-langkah instalasi joomla 1.0.11

1. langkah 1

menggunakan program unzip(seperti winzip atau Archiver pada

linux), unzip distribusi joomla ke folder C:\Program

File/VertrigoServ /Apache/htdocs, dan beri nama serotama.

26

2. langkah 2

cobalah ke homepage http://localhost/serotama/. jika berjalan

dengan benar akan muncul tampilan sebagai berikut.

Gambar 4. Halaman Untuk Memeriksa Instalasi

jika sudah, kemudian tekan next untuk melanjutkan.

3. langkah 3

setelah ditekan tombol next akan muncul gambar berikut

Gambar 5. Halaman Untuk License

27

halaman ini berisi tentang license yang berkaitan dengan

persetujuan joomla. Lanjutkan dengan next untuk langkah

berikutnya.

4. langkah 4

jika telah disetujui maka muncul tampilan berikut

Gambar 6. Halaman Untuk Langkah Pertama

pada halaman ini akan terdapat informasi yang berhubungan

dengan konfigurasi database MySQL. Dalam halaman konfigurasi

MySQL terdapat beberapa pilihan berikut:

Host Name : Nama host tempat MySql di install.

MySql User Name : Nama user MySQL.

MySQL Password : Password user MySQL .

MySQL Database Name : Nama untuk database sero tronik.

MySQL Table Prefix : Memberi prefix dari setiap table

Check Box Drop Existing Table : untuk menghapus table yang

telah ada

28

Check Box Backup Old Table : Untuk mem-backup table yang

lama

Check Box Install Sample Data : Menandakan bahwa web Joomla

yang dibuat hasilnya nanti akan diberikan dengan data contoh.

Setelah semua diisi tekan tombol next.

5. langkah 5

selanjutnya masukkan nama situs

Gambar 8. Halaman Untuk Langkah Kedua

tekan next untuk melanjutkan.

6. langkah 6

pada halaman selanjutnya akan diminta untuk memasukkan URL,

path folder Joomla, email dari super Administrator, dan

passwordnya,

29

Gambar 9. Halaman Untuk Langkah Ketiga

password ini adalah password untuk super Administrator sehingga

harus diingat.

7. langkah 7

semua informasi yang diperlukan telah dimasukkan, proses

instalasi selesai. Sebelum membuka website, direkomendasikan

untuk menghapus folder installasi, guna mencegah user mengakses

dan mengubah seting installasi

Gambar 10. Halaman Untuk Langkah Keempat

8. langkah 8

30

jika folder installasi belum dihapus, akan muncul pesan, untuk

menghapus folder installasi demi alasan keamanan.

Gambar 11. Halaman Klarifikasi Folder

untuk mencoba melihat tampilan default Joomla yang telah

terinstall, tekan tombol run. Anda akan melihat tampilan seperti

pada gambar di bawah ini, tampilan ini disebut dengan frontend,

yaitu tampilan dari situs web yang telah di perlihatkan kepada user.

Sedangkan untuk bagian administrasi, disebut bagian backend.

Frontend menampilkan semua content sesuai dengan yang diatur di

backend.

Gambar 12. Tampilan Frontend

31

D. DFD (Data Flow Diagram)

1. konteks diagram

Gambar 13. Konteks Diagram

Diagram konteks merupakan diagram tingkat atas. Diagram konteks

menempatkan system dalam konteks lingkungan dimana berguna sebagai

identifikasi semua input serta output yang terlibat dalam system.

Diagram konteks dari website sero tronik ini menggambarkan pihak-pihak

yang bersinggungan langsung dengan website ini meliputi admin yang merupakan

orang yang mengelola website dan user yang merupakan orang yang dapat

mengakses website ini dan mendapatkan informasi penjualan pulsa tronik di sero

tronik.

2. DFD level 0 untuk proses sistem informasi sero tronik

32

Gambar 14. DFD Level 0

Pada level ini menunjukkan adanya 2 proses yang terjadi yaitu proses user

memilih pilihan home, poling, buku tamu, fasilitas, daftar harga, pendaftaran,

transaksi, link, blog, search dan contact us. Pada sisi admin, admin memberikan

input berupa data home, buku tamu, fasilitas, daftar harga, pendaftaran, transaksi,

poling, blog, links, search, dan contact us. Semuanya disimpan dalam database

masing-masing.

3. DFD level 1 untuk proses input data

Gambar 15. DFD Level 1 Proses Input Data

33

pada level ini, menunjukkan proses input data yang dilakukan oleh admin

yaitu menyimpan, mengedit, menghapus data dalam database.

4. DFD level 1 untuk proses fasilitas yang dipilih

Gambar 16. DFD Level 1 Fasilitas Yang Dipilih

Pada level ini, proses user memilih fasilitas yang membutuhkan inputan

dari user sendiri, maka proses yang terjadi adalah user mengimputkan data atau

user memilih data yang akan ditampilkan kemudian dari data penyimpanan akan

menampilkan informasi kepada user.

5. DFD level 2 untuk proses fasilitas input data dari user

Gambar 17. DFD Level 2 Proses Fasilitas Input Data Dari User

34

Pada level ini, proses menunjukkan terjadinya proses input data dari user

yang berupa pemasukan data, kemudian data akan disimpan dalam tempat

penyimpanan dan user dapat memilih informasi data tersebut sesuai dengan menu

yang ada.

6. DFD level 2 untuk proses fasilitas yang dipilih

Gambar 18. DFD Level 2 Proses Fasilitas Yang dipilih

Pada level ini, menunjukkan adanyua salah satu menu yang dipilih oleh

user dimana menu yang telah dipilih selanjutnya diproses dan informasi akan

ditampilkan.

E. IMPLEMENTASI JOOMLA DALAM PEMBUATAN

WEB

Pada pembuatan website ini penulis membagi proses pembuatan menjadi

beberapa tahap/fase agar dalam pelaksanaan pembuatannya lebih terstruktur

dan terarah dengan harapan target pembuatan situs dapat tercapai. Berikut

tahapan masing-masing web:

35

1. Sistem Menu

Tahapan ini merupakan tahapan dimana semua informasi yang

berhubungan dengan pembuatan situs dikumpulkan guna pencapaian dan

pendefinisian target pembuatannya, baik berkenaan dengan users,

kebutuhan teknis pengembangan (seperti browser atau pluginnya),

kebutuhan asset, dan organisasi situs. Seperti pada gambar dibawah ini

system navigasi antar halaman.

Gambar 19. Sistem Menu Website Sero Tronik

2. Desain

Pada tahapan ini menggunakan informasi selama proses perencanaan

akan diadakan desain baik content, link dan fitur yang dipakai. Pada fase

ini dapat dibangun dengan mendownload theme, dengan nama ms_flash3.

Berikut adalah perancangan desain yang digunakan.

36

Gambar 20. Desain Tampilan Grafis Website Sero Tronik

3. Gambaran Umum Halaman Website

Website Sero Tronik berisikan tentang informasi penjualan pulsa tronik

yang dilakukan di Serotama TI, yaitu memilih layanan daftar harga untuk

melihat daftar harga pulsa tronik yang ditawarkan oleh sero tronik,

kemudian mengenai cara melakukan transaksi serta fasilitas yang

disediakan untuk pelanggan pulsa tronik. Halaman-halaman yang ada pada

webisite sero tronik adalah sebagai berikut:

a. Halaman Index/Home

Halaman Home berisi tentang isi dari website yang dibangun

diantaranya link-link halaman selanjutnya, dalam halaman ini

ditampilkan ucapan selamat datang di website sero tronik .

37

Gambar 21. Halaman Index

b. Halaman Buku Tamu

Halaman buku tamu dari website Sero tronik ini berisikan tentang

daftar tamu yang pernah atau sedang mengunjungi website sero tronik.

Gambar 22. Halaman Buku Tamu

c. Halaman Fasilitas Sero Tronik

Halaman fasilitas sero tronik ini berisikan tentang fasilitas-fasilitas

yang disediakan oleh sero tronik kepada pelanggannya. Adapun

halaman fasilitas sero tronik adalah sebagai berikut : .

38

Gambar 23. Halaman Fasilitas

d. Halaman Blog

Halaman blog dari website sero tronik ini berisikan tentang artikel

–artikel yang ada berhubungan dengan pulsa tronik yang ditulis oleh

administrator.

Gambar 24. Halaman Blog

e. Halaman Daftar Harga

Halaman Daftar harga dari website sero tronik ini berisikan tentang

daftar harga pulsa tronik dari berbagai operator.

39

Gambar 25. Halaman Daftar Harga

f. Halaman Links

Halaman links dari website sero tronik ini berisikan tentang link-

link yang berkaitan dengan sero tronik seperti operator pulsa

(telkomsel, indosat, xl dan lain-lain), produk handphone, Joomla

forum, dan Php.

Gambar 26. Halaman Links

g. Halaman Contact Us

Halaman contact us dari website sero tronik ini berisikan tentang

cara untuk menghubungi sero tronik, alamat sero tronik atas nama

40

lembaga Serotama Teknologi Informatika, penanggung jawab sero

tronik. Dan kritik atau saran dari pelanggan pulsa tronik di sero tronik.

Gambar 27. Halaman Contact Us

h. Halaman Pendaftaran

Halaman pendaftaran dari website sero tronik ini berisikan tentang

cara untuk melakukan pendaftaran sebagai pelanggan pulsa tronik.

Gambar 28. Halaman Pendaftaran

i. Halaman Transaksi

41

Halaman transaksi dari website sero tronik ini berisikan tentang

cara untuk melakukan transaksi beserta ketentuan – ketentuan yang

ada di sero tronik dalam pembelian pulsa tronik.

Gambar 29. Halaman Transaksi

j. Halaman Search

Halaman search dari website sero tronik ini berisikan tentang

tempat untuk mecari keterangan yang ada di sero tronik, kata atau frase

yang berhubungan dengan pulsa tronik yang ada dalam website sero

tronik.

42

Gambar 30. Halaman Search

k. Halaman Menu Admin

Halaman menu admin dari website sero tronik ini berisikan tentang

menu-menu yang ada di tampikan admin, digunakan untuk mengedit

semua keterangan yang di tampilkan di website sero tronik, misalnya

help, allcontent items, static content, frontpage, section, categories,

media, trash, menus, users, dan global configurations,

gambar 31. Halaman Menu Admin

43

BAB V

PENUTUP

A. KESIMPULAN

Berdasar hasil kerja praktek yang telah dilakukan di Serotama Teknologi

Informatika dapat di ambil kesimpulan bahwa website yang di buat sudah sesuai

dengan yang diharapkan oleh serotama teknologi informatika dan siap untuk

dipakai sesuai dengan kebutuhan.

Terbukti CMS mampu digunakan dalam pembuatan situs yang dinamis

dan interaktif pada Serotama Teknologi Informatika. Hal ini dibuktikan dengan

tampilan web yang senantiasa dapat berubah dengan cepat, juga kemudahan

dalam hal proses administrasi situs web, joomla merupakan salah satu alternatif

media yang dapat dimanfaatkan untuk membangun sebuah website yang

berbasiskan CMS yang mudah dan murah bahkan gratis. Keberadaan situs web

dimanis seperti ini akan sangat bermanfaat pada Serotama Tekonologi

Informatika, informasi yang dihasilkan pada aplikasi web ini dapat diperoleh

dengan cepat dan disajikan sesuai permintaan pemesan.

B. SARAN

Aplikasi web yang dibangun dalam kerja praktek ini belum dapat

dikatakan sempurna oleh karena itu masih diperlukan pengembangan lebih lanjut

agar lebih maksimal lagi, artinya masih banyak bagian-bagian yang masih dapat

dikembangkan dengan penambahan fasilitas. Semoga dengan adanya kerja

44

praktek ini Serotama Teknologi Informatika dapat mengikut sertakan mahasiswa

Universitas Ahmad Dahlan khususnya Teknik Informatika dalam pengembangan

usahanya di bidang teknologi informasi.

45

DAFTAR PUSTAKA

[1] Fachrududyan, Nur, 2004, Membangun Web CV.Mitra Gama Yogyakarta dengan menggunakan Mambo Open source (MOS), Laporan KP, Universitas Ahmad Dahlan, Yogyakarta.

[2] Jhonsen., 2004, Panduan Lengkap menjadi Web designer untuk Pemula, Elex Media Komputindo, Jakarta.

[3] Kadir, Abdul., 2002, Dasar Pemrograman Web Dinamis Menggunakan PHP, Andi, Yogyakarta.

[4] Kadir, Abdul., 2005, Cara Mudah Membangun Website Interaktif Menggunakan Content Management System Joomla, Elex Media Komputindo, Jakarta.

.

[5] Prasetyo, Didik., 2004, Tip & Trik PHP dan MySQL, Elex Media Komputindo, Jakarta.

[6] Supriadi, Moh. Arief, 2004, Membangun Website sebagai media informasi on-line di Borobudur group Yogyakarta, Laporan KP, Universitas Ahmad Dahlan, Yogyakarta.

[7] www.mosforge.com, mambo.

[8] www.konze.de, mambo theme,

46