Laporan Kp Firman Teknik Informatika

1

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

2

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:

3

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

permasalahannya yaitu:

informasi

maka

dapat

di

rumuskan

4

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

5

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

6

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

7

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 berorientasi 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”

8

C. STRUKTUR ORGANISASI Direktur Utama

General Manager

Divisi Marketing

General Programer

General Affairs

Divisi Hardware

Senior Account Executive

Account Executive

Senior Teknisi

Teknisi Hardware

Divisi Software

Tim Analisa Data dan Perancangan / Database

Tim Implementasi

Tim Web Design & Programer

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

9

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

10

a. Senior Account Executive

- Niken Septarini, Amd

b. Account Executive

- Sari Oktantias, S.Sos - Ari Sigit Pramono, Amd - Nina Septarini, Amd - Emarosita

11

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,

12

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 :

13

HTTP

Client

Server

Retreive/ execute

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

14

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 dan di akhiri dengan tag . 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:

Ada beberapa kelebihan dan kekurangan yang dimiliki oleh HTML yang akan di jelaskan satu persatu. 1. Kelebihan HTML

15

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

16

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.

17

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

18

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

19

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 modulmodul 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 fiturfitur dari joomla :  Source code yang lengkap dan free  Memilki komonitas developer yang besar  Bantuan secara online  Mekanisme caching halaman yang bagus

20

 Memiliki search engine yang user friendly  Sistem template yang simple tapi powerfull  Memiliki trash manager

21

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.

22

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

23

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.

24

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

25

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 terinstall, file akan menempati direktori C:\Program File\VertrigoServ\ secara

26

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

27

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

28

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

29

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,

30

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

31

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

32

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

33

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

34

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 [Bukutamu] User [Polling]

Data_bukutamu 1.2.1.1 proses input data polling dan Data_polling data buku tamu

Data_bukutamu Bukutamu User Polling

Data_polling

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

35

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:

36

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.

37

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 .

38

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

39

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.

40

Gambar 25. Halaman Daftar Harga f. Halaman Links Halaman links dari website sero tronik ini berisikan tentang linklink 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

41

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

42

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.

43

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

44

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

45

praktek ini Serotama Teknologi Informatika dapat mengikut sertakan mahasiswa Universitas Ahmad Dahlan khususnya Teknik Informatika dalam pengembangan usahanya di bidang teknologi informasi.

46

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,