%
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 eb. !enyampaian
informasi
melalui
Internet
sangat
mendukung
kelancaran kinerja dari suatu instansi atau perusahaan seperti pada "#. Serotama $eknologi 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. !ada saat ini Serotama $I tidak hanya bergerak dibidang teknologi informasi dalam hal pembuatan sistem informasi, akan tetapi Serorama $I telah mengembangkan usaha baru berupa penjualan pulsa tronik. &ntuk mendukung penyampaian informasi, berupa promosi pulsa tronik kepada khalayak ramai maka dibutuhkan sebuah sistem informasi yang tepat. Sistem
informasi
berbasis
ebsite
merupakan
solusi
dari
permasalahan diatas, dimana sebelumnya penyampaian informasi masih dilakukan dengan cara yang lama seperti penggunaan liflet. !enggunaan media penyampaian informasi dengan cara lama tersebut kurang begitu memadai karena terbatasnya aktu, tempat dan orang yang akan membagikan liflet tersebut. 'erdasarka n hal itu Serotama $I menginginkan sebuah sistem yang dapat menyampaian informasi mengenai penaaran pulsa tronik kepada siapa saja, dimana saja dan kapan saja.
B. IDENTIFIKASI MA SALAH 'erdasarkan
latar
belakang
masalah
tersebut
diatas,
maka
identifikasi masalah yang diangkat dalam laporan Kerja !raktek ini adalah sebagai berikut(
*
%. !erlu 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. ). Kurang memadainya penggunaan media penyampaian informasi dengan cara yang lama seperti penggunaan liflet.
C. BATASAN MASALAH 'erdasarkan latar belakang masalah dan identifikasi masalah, agar penelitian ini dapat mencapai kinerja yang maksimal maka permasalahan ini dibatasi pada( %. !embuatan ebsi te sero troni k sebagai sistem informasi penjualan pulsa tronik secara online dibatasi hanya pada penyampaian informasi penjualan pulsa tronik. ). Dalam ebsite ini tid ak terjadi transaksi antara pihak ser o tronik dengan pelanggan, karena ebsite ini hanya menampilkan informasi cara transaksi yang dilakukan melalui handphone atau rekening bank .
D. RUMUSAN MASALAH Dari uraian batasan masa lah diatas, dimana website dirancang untuk menampung
dan
menyalurkan
permasalahannya yaitu(
informasi
maka
dapat
di
rumuskan
%. 'agaimana membangun ebsite di "#. Serotama $eknologi Informatika dalam hal informasi penjualan pulsa tronik+. ). 'agaimana informasi dapat senantiasa dapat dilihat dimanasaja dan kapan saja serta dapat di update secara berkala. *. 'agaimana mengatasi keterbatasan biaya dan aktu sehingga untuk membangun ebsite dengan cepat dan murah.
E. TUJUAN KE RJA PRAKTEK $ujuan Kerja !raktek ini adalah ( %. Membantu perusa haan dalam mempromosikan perusa haanya dalam hal penjualan pulsa tronik melalui website. ). Melaksanakan Kerja !rak tek yang bersi fat ajib bagi maha sisa $eknik Informatika &niversitas hmad Dahlan.
F. MANFAAT KERJA PRAKTEK %. 'agi Mahasisa a. Dapat menguasai metode-metode perancangan sistem inf ormasi dan disiplin ilmu Informatika yang dimplementasikan dalam dunia industri. b.
Sebagai persiapan diri untuk terjun ke dunia kerja.
c. Mengembangkan pola keilm uan dan memb uka aasan pengetahuan baru sesuai dengan bidang teknologi informasi pada umumnya. Dan
4
multimedia interaktif pada khususnya dikaitkan dengan fungsi untuk penyajian informasi suatu produk. ). 'agi !erguruan $inggi a. Membantu !erguruan $inggi dalam menyiapkan tenaga kerja yang siap dipakai. b.
Memberi
kesempatan
pada
mahasisa
untuk
terjun
dan
bersentuhan secara langsung dengan sebuah perusahaan. *. 'agi Suatu embaga atau !erusahaan a. Dengan merancang sistem aplikasi berbasi eb, suatu le mbaga akan melihat bagaimana nilai tambah dari penggunaan pengembangan sistem informasi dengan memanfaatkan $eknologi Informatika b. Sebagai
masukan
bagi
suatu
lembaga
dalam
pengembangan
menyampaikan suatu informasi. c. Sebagai media promosi yang cepat dan akurat dala m memberikan informasi mengenai produk yang ditaarkan.
G. WAKTU DAN TEMPAT PENELITIAN
$anggal
( %* Mei / )0 Mei )001
$empat( "#. Serotama $eknologi Informatika 2asil
( survei dan observasi tempat
$anggal
( )0 Mei / 1 3uni )001
$empat( "#. Serotama $eknologi Informatika
5
2asil
(pembuatan website
BAB II GAMBARAN UMUM SEROTAMA TEKNOLOGI INFORMATIKA
A. PROFIL SEROTAMA TEKNOLOGI INFORMA TIKA Serotama teknologi Informatik a merupakan salah satu perusahaan yang bergerak dibidang teknologi informasi berupa pembuatan Sistem Informasi Manajemen dan ayanan 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 !erusahaan merupakan suatu sistem yang dirancang secara khusus untuk pengintegrasian data-data dan informasi di berbagai bagian lingkungan sekolah, hal ini akan sangat bermanfaat bagi
1
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 6 control7 setiap bagian, sebab segala aktivitas mereka dapat dipantau dengan sistem ini.
B. VISI DAN MISI %. Visi Serotama memiliki komitmen menjadi pusat pengembangan teknologi informasi disegala bidang dunia bisnis atau usaha baik sasta maupun pemerintahan. ). Misi !ertama( 8Mengembangkan segala industri software dan teknologi informasi berorientasi bisnis secara profesional9 kedua( 8Meningkatkan
dan
melakukan
pengembangan
peluang-peluang
kerjasama dengan para pihak yang terkait sehingga dapat saling menguntungkan dari kedua belah pihak9 ketiga( 8Megembangkan tingkat kesadaran dari para pelaku dunia usaha untuk dapat segera menerapkan teknologi informasi di era globalisasi dalam pelaksanaan tugas sehari-hari9
>
C. STRUKTUR OR GANISASI Direktur Ut!
Ge"er# M"$er
Di%isi Mrketi"$
Ge"er# Pr)$r!er
Ge"er# A&&irs
Di%isi Hr'(re
Se"i)r A**)u"t E+e*uti%e
A**)u"t E+e*uti%e
Se"i)r Tek"isi
Tek"isi Hr'(re
Di%isi S)&t(re
Ti! A"#is Dt '" Per"*"$" , Dt-se
Ti! I!#e!e"tsi
Ti! We- Desi$" / Pr)$r!er
Gambar 1. Struktur Organisasi Serotama TI
Direktur &tama
- Sony Davian :, S.;, kt
- ;ka "handra , S.;
- :udhaati, md
Divisi Softare ( a. $im nalisa Data dan !erancangan = Database - Sony Davian :, S.;, kt
- Sigit 'imo D, S$ - S. Suyono, S$ - ndik Danang !, md
b . $im Implementasi
- "handra ?idyaati - !uji stutiek - chmad :achdi @, S$
c. $im ?eb Design A !rogramer
- Kokoh Iman B, md
Divisi 2ardare ( a. K epaladm.$eknisi
b. Senior $eknisi
-:anuarC,md
- hmad 3alaludin - Sigit 3ogjantoro, S$
c.$eknisi2ardare
-M.Doni,md - Sugiyanto - Suherman, md - ?idiatmoko, S; - :usdiyanto, md
Divisi Marketing (
%0
a. Senior ccount ;Eecutive
b. ccount ;Eecutive
- Fiken Septarini, md
- Sari Gktantias, S.Sos - ri Sigit !ramono, md - Fina Septarini, md - ;marosita
%%
BAB III LANDASAN TEORI . 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 adala h suatu data yang diolah menjadi bent uk 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 ( %. kurat, berarti informasi yang dihasilkan harus jelas mencerminkan maksudnya. ). $epat aktu, bera rti informasi yang sampai ke pene rima tidak boleh terlambat. *. Celevan, berarti informasi tersebut mempunyai manfaat bagi pemakainya.
Sistem informasi
adalah suatu sistem di dala m suatu organisasi
mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi,
%)
bersifat
manegerial dan kegiatan strategi
dari
suatu organisasi dan
menyediakan pihak tertentu dengan laporan-laporan yang diperlukan.
'. 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 6jaringan global7 dengan melalui jalur komunikasi seperti telepon, ireless, dan lainnya 6Sutarman, )00*7 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. 3aringan-jaringan ini digalang untuk membentuk jaringan komputer yang berskala lebih luas 6 Douglas Steve, %>7
". ???
World Wide Web 6???7 bukanlah Internet namun keduanya sangat berkaitan dengan yang lainnya. 3ika Internet merupakan suatu jaringan komputer global, sedangkan ??? tidak hanya sekedar jaringan tetapi di dalamnya terdapat suatu set aplikasi komunikasi dan sistem perangkat lunak. "ara kerja World Wide Webdapat digambarkan sebagai berikut (
%*
%lient
2$$!
Server
&etreive= e#ec'te
Gambar 2 Cara Kerja World Wide Web Suatu eb akan mempunyai kemampuan melakukan pertukaran data di Internet. Secara teknis eb 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. 2$$! 2$$! 6 !per"e#t "ransfer $rotocol7 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 . !rotokol ini merupakan protokol standar yang digunakan untuk mengakses dokumen 2$M 6Sutarman, )00*7. ;. 2$M
%
iperte#t ark'p ang'age 62$M7 digunakan untuk membangun suatu halaman eb. 2$M sebenarny a bukan merupakan bahasa pemrograman, karena seperti tercermin dari namanya adalah suatu bahasa markup 6penandaan7. $anda tersebut digunakan untuk menentukan format atau style dari teks yang ditandai. Dokumen 2$M diaali dengan penulisan tag H2$M dan di akhiri dengan tag H=2$M. Sedangkan tag HJ... pada struktur 2$M menyatakan suatu keterangan yang tidak akan diproses. $ag ini dapat diletakkan baik pada bagian 2;D maupun 'GD: dalam dokumen 2$M 6Sampurna, %>7. Struktur dasar dari dokumen 2$M adalah sebagai berikut(
da beberapa kelebihan dan kekurangan yang dimiliki oleh 2$M yang akan di jelaskan satu persatu. %. Kelebihan 2$M
%4
Merupakan bahasa pengkodean yang bersifat lintas platform 6 cross
platform7 dimana 2$M 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 h!perlink. Dapat disisipi pemrograman script server side seperti !2!, !erl, 3S!, dan lain sebagainya,. ). Kekurangan 2$M 2anya mampu menghasilkan halaman eb yang statis. Memiliki tag-tag yang cukup membingungkan terutama bagi penguna yang masih aam. $idak mampu menghasilkan halaman yang interaktif antara client dan server . @. !2! !2! 6!2! !perte#t $reprocessor7 merupakan bahasa yang mampu menghasilkan aplikasi web dinamis. !2! merupakan bahasa interpreter yang mempunyai kemiripan dengan bahasa " dan !erl yang mempunyai kesederhanaan dalam perintah. !2! dapat digunakan bersama dengan 2$M sehingga memudahkan dalam membangun aplikasi web dengan cepat. !2! dapat digunakan untuk mengupdate database menciptakan database dan mengerjakan perhitun gan matematika. Seperti halnya dengan program open
so'rce lainnya, !2! dibuat di baah
%5
serta membuat halaman dinamis. $epatnya Fovember %1, Casmus melepas !2!=@I ).0. Famun tidak lama kemudian, ndi
!perte#t $reprocessor. . Web Server pache Web server pache merupakan komponen penting untuk membangun suatu server Internet untuk ?eb. Dengan menggunakan pache, web server ini akan mampu untuk menjalankan script !2!.
pache dihasilkan dar i pache $ro/ect, sebuah proyek dari pache Software +o'ndation yang bertujuan untuk menghasilkan sebuah web server yang tangguh dan non komersial. !royek ini telah dimulai sejak tahun %4. 'erikut beberapa faktor yang membuat pache lebih unggul dibanding dengan web server yang lainnya ( %. pache merupakan web server yang tangguh
pache telah diuji coba oleh banyak pengguna dan terbukti sebagai server 2$$! yang tangguh ). pache dapat digunakan pada berbagai sistem operasi
pache telah didukung oleh berbagai sistem operasi mula i dari in'# hingga Windows. *. pache mudah dikonfigurasi ulang
pache sangat mudah dikonfigurasi ulang. @ile konfigurasinya berupa file teks sehingga mudah dipahami dan dibaca.
%1
. pache dikembangkan oleh banyak programmer
pache dikembangkan oleh banyak programmer yang bekerja sebagai tenaga sukarela. Dengan demikian apabila terdapat bug akan segera dapat diperbaiki. 4. pache memiliki dokumentasi yang lengkap
pache memiliki dokumentasi yang lengkap dengan demikian pengguna tidak akan mengalami kesulitan dalam menguasai pache. 5. pache memiliki kerjasama dengan berbagai vendor lainnya
pache menjalin kerjasama dengan berbagai vendor penting, sehingga bisa dikolaborasikan dengan teknologi seperti SS 6Sec're Socket a!er7, 3S! 6 0ava Server $ages7, !2! 6!2! !perte#t $reprocessor7, dan lainlain. Informasi lebih jauh mengenai
pache bisa nda temukan dengan
mengunjungi http(==.apache.org
2. MyS MyS adalah database engine atau server database yang mendukung bahasa database pencarian S. S merupakan paket standar untuk berkomunikasi dengan database manapun untuk melakukan proses pencarian, penyimpanan dan pengambilan data. MyS
merupakan
database
yang
sangat
cepat
yang
mengimplementasikan subset dari S. MyS terus dikembangkan, dapat kita donload pada http(==.mysLl.com. MyS sangat handal dan sangat
%>
cepat terbukti telah digunakan untuk berbagai aplikasi, bahkan untuk tingkat aplikasi enterprise. MyS menyimpan data dalam bentuk file-file hardisk. MyS mendukung database raksasa. !embuat MyS memiliki database MyS yang menyimpan tidak kurang dari 40 juta record . &kuran file maksimum untuk sistem file eEt) di inuE adalah kira-kira )<'. Gleh karena itu setiap file dibatasi sampai )<' jika dijalankan pada sistem file eEt). Sistem database MyS yang akan datang mungkin akan mampu menangani jauh lebih banyak lagi. Keistimeaan MyS adalah(
1. Standart s' pported MyS mendukung leve, memasukkan FSI S -) dan GD'" level 0-) S standart.
2. ang'age s'pport database server mysLld dapat menampilkan pesan error dalam bahasa "ech, 'elanda, Inggris, ;stonia dan lainnya. MyS menggunakan ISG>>4-% karakter tertentu untuk pengurutan data. *. 'ahasa pemrograman !I untuk mengakses database aplikasi database MyS dpat ditulis dengan bahasa tertentu seperti ", !erl, !2! dan lainnya.
. arge table MyS menyimpan masing-masing table dalam database seperti file, terpisah dalam direktory database. &kuran maksimum table berkisar antara <' dan system operasi mendekati ukuran maksimum file.
%
4. Kecepatan kekuatan dan kemudahan MyS lebih cepat empat atau tiga kali dari database komersial lainnya.
MyS
sangat
mudah
untuk
dikendalikan
dan
tidak
membutuhkan database administratror terlatih untuk menginstall MyS. I.
3oomla 3oomla merupakan salah satu aplikasi %ontent anagement S!stem 6"MS7 yang dapat digunakan oleh siapa saja untuk keperluan pembuatan ebsite, mulai dari yang sangat sederhana sampai dengan ebsite yang sangat kompleks. 3oomla mempunyai prinsip, fleksibel, simple, elegant, customiable dan poerful..NO 3oomla merupakan solusi untuk membuat portal yang dapat dimodifikasi dan diperluas pada pemberian style dan content dari situs-situs yang nda buat. $im pengembang joomla lebih memfokuskan pada pembangunan frameork aplikasi yang solid daripada membangun solusi untuk membuat portal, sehingga mengembangkan 3oomla melalui kustomisasi dan modulmodul yang dapat di dugunakan pada 3oomla. 3oomla memiliki fitur-fitur yang lengkap sehingga cocok untuk membuat ebsite dari yang sederhana sampai kelas korporat. 'erikut ini adalah fiturfitur dari joomla (
Source code yang lengkap dan free
Memilki komonitas developer yang besar
'antuan secara online
Mekanisme caching halaman yang bagus
)0
Memiliki search engine yang user friendly
Sistem template yang simple tapi poerfull
Memiliki trash manager
)%
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 eb. genda ini cukup penting, eb yang dibuat berupa keserasian dari isi sangat mempengaruhi keberadaan sebuah situs eb, dimana isi yang ada haruslah memiliki keterkaitan antara satu dengan dengan yang lainnya. dapun metode pegumpulan data yang dilakukan adalah( %. Metode pengamatan 6 observasi7 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 taarkan. ). Metode aancara 6 interview7 merupakan metode yang dilakukan dengan cara tanya jaab atau aancara langsung dengan orang yang memiliki kapasitas dan informasi yang dibutuhkan dalam hal ini adalah 'apak Sigit. ?aancara 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.
))
*. Metode referensi merupakan metode yang dilakukan dengan cara pembacaan referensi baik berupa buku profil perusahaan, dan sumber lain yang berkenaan dengan objek. 'erdasar informasi yang didapat dari pihak perusahaan, penulis memperoleh informasi tentang kebutuhan dan keigininan terhadap pembuatan situs eb. Secara garis besar, data informasi yang didapat di klarifikasikan sebagai berikut. %. 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 eb yang ingin meliha lebih jauh tentang profile perusahaan. ). Informasi tentang jenis pr oduk yang ditaarkan informasi ini meliputi jenis produk yang ditaarkan oleh Serotama $I *. Informasi tentang fasilitas informasi ini meliputi fasilitas-fasilitas yang disediakan oleh Serotama $I kepada pelanggan. Salah satu contohnya adalah fasilitas bisa mendaftarkan donline dan transfer saldo leat hp upline 6sms 7, sub master terbai k dapat menjadi master tanpa harus dikenakan biaya.
B. PERANGKAT 0ANG DIGUNAKAN Hr'(re
%. !rosesor intel pentium ).0 M2
)*
). CM #isipro )45 M' *. 2arddisk Seagete 0 <' . "D Com "ombo iteGn4) P 4. @DD Sony %, Inch S)&t(re
%. Macromedia Dream?eaver MP ). dobe !hotoshop "S *. #ertrigoServ . !oer Designer 4 3oomla
C. PERANCANGAN WEB SITE Per"*"$" Desi"
Desain yang dibuat berbentuk simpel tapi menarik, dengan arna yang silver. ?eb akan di bagi menjadi empat bagian, atas, kanan, kiri, dan tengah. 'agian atas digunakan untuk Banner, bagian kanan digunakan untuk tombol
navigasi, dan di bagian kiri digunakan untuk poling, dan untuk tengah digunakan sebagai isi dari ebsite diberikan sedikit ruang ditengah atas untuk memasang iklan. Per"*"$" 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.
)
%. 2ome 'erisi tentang ucapa n selamat datan g
dari Serotama $I, berita -beita
terbaru yang ada hubungannya dengan pulsa tronik dan poling tentang kepuasan pelanggan dan pendapat tentang ebsite Sero $ronik ). 'uku $amu 'erisi tentang daftar pengunjung ebsite sero tronik yang isinya berupa nama pengunjung, email dan pesan.. *. Daftar 2arga 'erisi tentang daftar harga pulsa tronik yang ditaarkan oleh Serotama $I. . 'log 'erisi semua artikel yang ada di website Sero $ronik. 4. inks Merupakan link yang memiliki keterkaitan dengan Serotama. 5. !endaftaran 'erisi tentang informasi cara pendaftaran untuk berlangganan pulsa tronik di Sero $ronik. 1. $ransaksi 'erisi tentang cara melakukan transaksi dalam pembelian pulsa tronik. >. Search Merupakan fasili tas untuk mencarian apasaja yang ada di website Sero $ronik, dan juga yang diluar Sero $ronik. . "ontact &s
)4
Merupakan fasilitas untuk menghubungi pihak sero tronik ketika ada sesuatu yang belum jelas dalam hal penyampaian informasi penjualan pulsa tronk melalui email.
Per"*"$" i!#e!e"tsi
?ebsite akan dibuat dengan menggukan software joomla, joomla di pilih karena mudah dalam pengoperasiannya, selain itu joomla adalah
software
openso'rce yang isinya dapat kita atur sendiri.
D. INSTALASI JOOMLA DAN PEMBUATAN WEBSITE !enginstalan
joomla
dilakukan
sesetelah
kita
menginstal
software
pendukungnya terlebih dahulu. Software yang di instal adalah #ertrigoServ. #ertrigoServ adalah software yang pendukung yang berisi pache yang digunakan sebagai webserver dan MyS serta !2! sebagai script database server. %.
#ertrigoServ &ntuk dapat menggunakan joomla, terlebih dahulu kita harus mempunyai
eb server. #ertrigoServ dipilih karena sudah berisi semua software yang dibutuhkan untuk kelancaran dan kemudahan perancangan website yang dibuat, seperti MyS digunakan untuk database, pache digunakan untuk server, dan !2! untuk menjalankan script !2! yang dipakai. :ang pertama jalankan file installer 6#ertrigoQ%%.eEe7, secara otomatis pache6%.*.**7, MyS6.%.%7 dan !2!64.0.47 juga akan terinstal. 3ika #ertrigroServ sudah terinstall, file akan menempati direktori "(R!rogram @ileR#ertrigoServR secara
)5
defa'lt yang berisi webserver dan MyS, kita dapat melihatnya dengan menjalankan start #ertrigoServ yang ada di program. Maka akan terlihat pada
web browser pada localhost
Gambar 3. VertrigoServ
). instalasi 3oomla version %.0.%% !ada 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 #ertrigoServ yang akan mengaktifkan apache server . 'erikut adalah langkah-langkah instalasi joomla %.0.%% %. langkah % menggunakan program unip6seperti inip atau rchiver pada linuE7,
unip
distribusi
joomla
ke
folder
"(R!rogram
@ile=#ertrigoServ =pache=htdocs, dan beri nama serotama. ). langkah )
)1
cobalah ke homepage http(==localhost=serotama=. jika berjalan dengan benar akan muncul tampilan sebagai berikut.
Gambar . !alaman "ntuk #emeriksa Instalasi
jika sudah, kemudian tekan ne#t untuk melanjutkan. *. langkah * setelah ditekan tombol ne#t akan muncul gambar berikut
Gambar $. !alaman "ntuk %i&ense
)>
halaman ini berisi tentang license yang berkaitan dengan persetujuan joomla. anjutkan dengan ne#t untuk langkah berikutnya. . langkah jika telah disetujui maka muncul tampilan berikut
Gambar '. !alaman "ntuk %angka( )ertama pada halaman ini akan terdapat informasi yang berhubungan dengan konfigurasi database MyS. Dalam halaman konfigurasi MyS terdapat beberapa pilihan berikut(
ost ame
( Fama host tempat MySLl di install.
!S3l 4ser ame
( Fama 'ser MyS.
!S5 $assword
( $assword 'ser MyS .
!S5 6atabase ame
( Fama untuk database sero tronik.
!S5 "able $refi#
( Memberi prefiE dari setiap table
%heck Bo# 6rop 7#isti ng "able ( untuk menghapus table yang telah ada
)
%heck Bo# Back'p 8ld "able
9 &ntuk mem-backup table yang
lama
%heck Bo# nstall Sample 6ata 9 Menandakan baha eb 3oomla yang dibuat hasilnya nanti akan diberikan dengan data contoh. Setelah semua diisi tekan tombol ne#t.
4. langkah 4 selanjutnya masukkan nama situs
Gambar *. !alaman "ntuk %angka( Kedua tekan ne#t untuk melanjutkan. 5. langkah 5 pada halaman selanjutnya akan diminta untuk memasukkan &C,
path folder 3oomla, passordnya,
email
dari super dministrator, dan
*0
Gambar +. !alaman "ntuk %angka( Ketiga
password ini adalah password untuk super dministrator sehingga harus diingat. 1. langkah 1 semua informasi yang diperlukan telah dimasukkan, proses instalasi selesai. Sebel um membuka website, direkomendasikan untuk menghapus folder installasi, guna mencegah 'ser mengakses dan mengubah seting installasi
Gambar 1,. !alaman "ntuk %angka( Keem-at >. langkah >
*%
jika folder installasi belum dihapus, akan muncul pesan, untuk menghapus folder installasi demi alasan keamanan.
Gambar 11. !alaman Klariikasi /older untuk mencoba melihat tampilan default 3oomla yang telah terinstall, tekan tombol r'n. nda akan melihat tampilan seperti pada gambar di baah ini, tampilan ini disebut dengan frontend, yaitu tampilan dari situs eb yang telah di perlihatkan kepada user. Sedangkan untuk bagian administrasi, disebut bagian backend.
+rontend menampilkan semua content sesuai dengan yang diatur di backend.
Gambar 12. Tam-ilan /rontend
*)
D. DFD 1Dt F#)( Di$r!2 3. k)"teks 'i$r!
Gambar 13. Konteks 0iagram 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 'ser yang merupakan orang yang dapat mengakses ebsite ini dan mendapatkan informasi penjualan pulsa tronik di sero tronik.
4. DFD #e%e# 5 u"tuk r)ses siste! i"&)r!si ser) tr)"ik
**
Gambar 1. 0/0 %evel , !ada level ini menunjukkan adanya ) proses yang terjadi yaitu proses user memilih pilihan home, poling, buku tamu, fasilitas, daftar harga, pendaftaran, transaksi, link, blog, search dan contact 's. !ada sisi admin, admin memberikan
inp't berupa data home, buku tamu , fasilitas, daftar harga, pendaftaran, transaksi, poling, blog, links, search, dan contact 's. Semuanya disimpan dalam database masing-masing.
6. DFD #e%e# 3 u"tuk r)ses i"ut 't
Gambar 1$. 0/0 %evel 1 )roses In-ut 0ata
*
pada level ini, menunjukkan proses inp't data yang dilakukan oleh admin yaitu menyimpan, mengedit, menghapus data dalam database. 7. DFD #e%e# 3 u"tuk r)ses &si#its 8"$ 'ii#i9
Gambar 1'. 0/0 %evel 1 /asilitas ang 0i-ili( !ada level ini, proses 'ser memilih fasilitas yang membutuhkan inputan dari user sendiri, maka proses yang terjadi adalah 'ser mengimputkan data atau
'ser memilih data yang akan ditampilkan kemudian dari data penyimpanan akan menampilkan informasi kepada 'ser. :. DFD #e%e# 4 u"tuk r)ses &si#its i"ut 't 'ri 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 1. 0/0 %evel 2 )roses /asilitas In-ut 0ata 0ari "ser
*4
!ada 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. ;. DFD #e%e# 4 u"tuk r)ses &si#its 8"$ 'ii#i9
Gambar 1*. 0/0 %evel 2 )roses /asilitas ang di-ili( !ada 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 !ada pembuatan ebsite ini penulis membagi proses pembuatan menjadi beberapa tahap=fase agar dalam pelaksanaan pembuatannya lebih terstruktur dan terarah dengan harapan target pembuatan situs dapat tercapai. 'erikut tahapan masing-masing eb(
*5
1.
Siste! Me"u
$ahapan 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 6seperti broser atau pluginnya7, kebutuhan asset, dan organisasi situs. Seperti pada gambar dibaah ini system navigasi antar halaman.
Gambar 1+. Sistem #enu Website Sero Tronik 2.
Desi"
!ada tahapan ini menggunakan informasi selama proses perencanaan akan diadakan desain baik content, link dan fitur yang dipakai. !ada fase ini dapat dibangun dengan mendonload theme, dengan nama msQflash*. 'erikut adalah perancangan desain yang digunakan.
*1
Gambar 2,. 0esain Tam-ilan Grais Website Sero Tronik
3.
G!-r" U!u! H#!" Website
Website Sero $ronik berisikan tentang informasi penjualan pulsa tronik yang dilakukan di Serotama $I, yaitu memilih layanan daftar harga untuk melihat daftar harga pulsa tronik yang ditaarkan oleh sero tronik, kemudian mengenai cara melakukan transaksi serta fasilitas yang disediakan untuk pelanggan pulsa tronik. 2alaman-halaman yang ada pada ebisite sero tronik adalah sebagai berikut( a. H#!" I"'e+,H)!e 2alaman 2ome berisi tentang isi dari ebsite yang dibangun diantaranya link-link halaman selanjutnya, dalam halaman ini ditampilkan ucapan selamat datang di website sero tronik .
*>
Gambar 21. !alaman Inde
b. H#!" Buku T!u 2alaman buku tamu dari website Sero tronik ini berisikan tentang daftar tamu yang pernah atau sedang mengunjungi ebsite sero tronik.
Gambar 22. !alaman 4uku Tamu c. H#!" Fsi#its Ser) Tr)"ik 2alaman fasilitas sero tronik ini berisikan tentang fasilitas-fasilitas yang disediakan oleh sero tronik kepada pelanggannya. dapun halaman fasilitas sero tronik adalah sebagai berikut ( .
*
Gambar 23. !alaman /asilitas d. H#!" B#)$ 2alaman blog dari ebsite sero tronik ini berisikan tentang artikel /artikel yang ada berhubungan dengan pulsa tronik yang ditulis oleh administrator.
Gambar 2. !alaman 4log e. H#!" D&tr Hr$ 2alaman Daftar harga dari ebsite sero tronik ini berisikan tentang daftar harga pulsa tronik dari berbagai operator.
0
Gambar 2$. !alaman 0atar !arga f.
H#!" Li"ks
2alaman links dari ebsite sero tronik ini berisikan tentang linklink yang berkaitan dengan sero tronik seperti operator pulsa 6telkomsel, indosat, El dan lain-lain7, produk handphone, 3oomla forum, dan !hp.
Gambar 2'. !alaman %inks g. H#!" C)"t*t Us 2alaman contact us dari ebsite sero tronik ini berisikan tentang cara untuk menghubungi sero tronik, alamat sero tronik atas nama
%
lembaga Serotama $eknologi Informatika,
penanggung jaab sero
tronik. Dan kritik atau saran dari pelanggan pulsa tronik di sero tronik.
Gambar 2. !alaman Conta&t "s h. H#!" Pe"'&tr" 2alaman pendaftaran dari ebsite sero tronik ini berisikan tentang cara untuk melakukan pendaftaran sebagai pelanggan pulsa tronik.
Gambar 2*. !alaman )endataran
i.
H#!" Tr"sksi
)
2alaman transaksi dari ebsite sero tronik ini berisikan tentang cara untuk melakukan transaksi beserta ketentuan / ketentuan yang ada di sero tronik dalam pembelian pulsa tronik.
Gambar 2+. !alaman Transaksi
j.
H#!" Ser*9
2alaman search dari ebsite 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.
*
Gambar 3,. !alaman Sear&( k. H#!" Me"u A'!i" 2alaman 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, 'sers, dan global config'rations,
gambar 31. !alaman #enu 5dmin
BAB V PENUTUP
A. KESIMPULAN
'erdasar hasil kerja praktek yang telah dilakukan di Serotama $eknologi Informatika dapat di ambil kesimpulan baha ebsite yang di buat sudah sesuai dengan yang diharapkan oleh serotama teknologi informatika dan siap untuk dipakai sesuai dengan kebutuhan. $erbukti "MS mampu digunakan dalam pembuatan situs yang dinamis dan interaktif pada Serotama $eknologi Informatika. 2al ini dibuktikan dengan tampilan eb yang senantiasa dapat berubah dengan cepat, juga kemudahan dalam hal proses administrasi situs eb, joomla merupakan salah satu alternatif media yang dapat dimanfaatkan untuk membangun sebuah ebsite yang berbasiskan "MS yang mudah dan murah bahkan gratis. Keberadaan situs eb dimanis seperti ini akan sangat bermanfaat pada Serotama $ekonologi Informatika, informasi yang dihasilkan pada aplikasi eb ini dapat diperoleh dengan cepat dan disajikan sesuai permintaan pemesan.
B. SARAN
plikasi eb 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-b agian yang masih dapat dikembangkan dengan penambahan fasilitas. Semoga dengan adanya kerja
4
praktek ini Serotama $eknologi Informatika dapat mengikut sertakan mahasisa &niversitas hmad Dahlan khususnya $eknik Informatika dalam pengembangan usahanya di bidang teknologi informasi.
5
DAFTAR PUSTAKA
N%O
@achrududyan, Fur, )00, embang'n Web %:.itra ama ;og!akarta dengan mengg'nakan ambo 8pen so'rce (8S) , aporan K!, &niversitas hmad Dahlan, :ogyakarta.
N)O 3honsen., )00, $and'an engkap men/adi Web designer 'nt'k $em'la, ;leE Media Komputindo, 3akarta.
N*O
Kadir, bdul., )00), 6asar $emrograman Web 6inamis engg'nakan $$, ndi, :ogyakarta.
NO Kadir, bdul., )004,
engg'nakan %ontent Komputindo, 3akarta.
%ara 'dah embang'n Website nteraktif anagement
S!stem
0oomla,
;leE
Media
.
N4O
!rasetyo, Didik., )00, "ip < "rik $$ dan !S5 , ;leE Media Komputindo, 3akarta.
N5O
Supriadi, Moh. rief, )00, embang'n Website sebagai media informasi on-line di Borob'd'r gro'p ;og!akarta, aporan K!, &niversitas hmad Dahlan, :ogyakarta.
N1O
.mosforge.com, mambo.
N>O
.kone.de, mambo theme,