PERANCANGAN SISTEM INFORMASI PRODUK TELEKOMUNIKASI BERBASIS WEB PADA PT MULTICORD KARYASAKTI JAKARTA

Achmad Badrowi : 12098338 badrowhy@gmail.com

Jurusan Manajemen Informatika Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika Jakarta 2012

Abstrak Perkembangan teknologi dibidang komputer sangat maju dan pesat, untuk memenuhi kebutuhannya mendapatkan informasi, para pengguna komputer menjadikan internet sebagai salah satu media tukar menukar informasi. Internet diartikan sebagai global networks atau sebuah jaringan komputer dalam skala global (mendunia), sehingga informasi dapat diakses dengan mudah karena memiliki jaringan yang luas dan menyediakan informasi yang disajikan dalam halaman website. PT Multicord Karyasakti adalah perusahaan yang bergerak dalam bidang produk telekomunikasi yang menyediakan dan melayani pemasangan produk telekomunikasi seperti Private Automatic Exchange (PABX), Telephone, Facsimile dan lain-lain. Namun, PT Multicord Karyasakti mempunyai kekurangan dalam media promosi yang lebih luas dan mudah untuk dilihat banyak orang, yaitu belum mempunyai website. Oleh karena itu, penulis tertarik untuk mencoba membuat contoh suatu website Produk Telekomunikasi pada PT Multicord Karyasakti. Karena, dengan pembuatan website ini merupakan solusi terbaik untuk menyelesaikan masalah tersebut. Maka dengan adanya website ini diharapkan dapat mengatasi kekurangan media informasi dalam mempromosikan produk telekomunikasi perusahaan tersebut. Kata Kunci: Sistem Informasi, Website Produk Telekomunikasi

Abstract

Developments in the field of computer technology is very advanced and rapidly, to meet the needs of information, computer users make the Internet as a medium of exchange of information. Interpreted as the global Internet or a network of computer networks on a global scale (global),so that information can be accessed easily because it has a wide network and provide the information presented in website pages. PT Multicord Karyasakti is a company that operates in the field of telecommunications products that provide installation and service of telecommunications products such as Private Automatic Exchange (PABX), Telephone, Facsimile and etc. However, PT Multicord Karyasakti have deficiencies in the wider media campaign and easy to see many people, that they do not have a website. Therefore, the authors are interested in trying to make an example of a Telecommunications Products website at PT Multicord Karyasakti. Because, by making this website is the best solution to resolve the issue. So with this website is expected to overcome the lack of information media in promoting the company's telecommunications products. Key Word: Information System, Telecommunications Products Website .

1. Pendahuluan 1.1. Latar Belakang Perkembangan teknologi komputer di bidang teknologi informasi yang semakin modern, cepat dan praktis sangat mempengaruhi kehidupan masyarakat luas. Kecepatan dan keakuratan informasi yang biasanya memerlukan waktu yang lama, kini hanya dalam hitungan detik informasi tersebut sudah dapat kita terima. dengan adanya kebutuhan informasi yang tak terbatas Internet sebagai teknologi yang menyatukan dunia, yang menghilangkan batas jarak, waktu, negara. Menjadi sebuah teknologi yang sangat menjanjikan dalam segala bidang, baik dibidang pendidikan, penjualan, maupun dibidang media sosial. PT. Multicord Karyasakti adalah suatu perusahaan yang bergerak dibidang penjualan sistem teknologi telekomunikasi yang menyediakan dan melayani pemasangan produk-produk telekomunikasi dengan mengadopsi teknologi terbaru dan termodern. Akan tetapi, PT. Multicord Karyasakti mempunyai kekurangan dalam media promosi yang lebih luas dan mudah dilihat banyak orang dalam memasarkan produk perusahaan tersebut yaitu belum mempunyai website. Berdasarkan pada hal-hal tersebut diatas, maka penulis melakukan analisa dan merumuskan masalah dengan jalan membuat suatu perancangan web design 1.2. Maksud dan Tujuan Maksud dari penulisan Tugas Akhir ini adalah sebagai berikut: 1. Mengembangkan ilmu pengetahuan yang penulis terima di Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika (AMIK BSI). 2. Menyediakan kemudahan bagi siapa pun untuk mengetahui informasi produk-produk telekomunikasi yang terdapat pada PT.Multicord Karyasakti yang dapat di akses dengan mudah.

3. Meningkatkan kemampuan penulis dalam pembuatan website. Adapun tujuan dari penulisan Tugas Akhir ini merupakan salah satu syarat kelulusan dari program Diploma Tiga (D.III) Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika (AMIK BSI). 1.3. Metode Penelitian Adapun penulis dalam rangka mengumpulkan data yang akan dipergunakan dalam penulisan Tugas Akhir ini dengan menggunakan metode observasi , wawancara dan studi pustaka. 1.4. Ruang Lingkup Dalam penulisan Tugas Akhir ini, penulis hanya membatasi pada Perancangan Website PT.Multicord Karyasakti Jakarta yang dapat dia akses oleh setiap orang yang membutuhkan informasi tentang produk telekomunikasi pada PT.Multicord Karyasakti kapan pun dan dimana pun secara online. 2. Pembahasan 2.1.1. Konsep Dasar Sistem 1. Sistem Secara umum sistem merupakan kumpulan dari elemen-elemen atau komponen-komponen atau sub-sub sistem yang saling berhubungan membentuk suatu kesatuan hingga atau sasaran tersebut tercapai 2. Informasi Informasi merupakan data yang telah diolah menjadi bentuk yang lebih berguna dan berarti bagi yang menerimanya. Informasi dapat pula didefinisikan sebagai data yang telah diklasifikasikan atau diolah atau diinterprestasikan untuk digunakan dalam proses pengambilan keputusan 3. Sistem Informasi Sistem Informasi didefinisikan oleh Robert A. Leitch dan K. Roscoe Davis di dalam Hartono (2005:11) sebagai berikut. Sistem informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar dengan laporan-laporan yang diperlukan. 4. Perancangan Sistem Perancangan sistem menurut Hartono (2005:196) Perancangan sistem adalah penggambaran, perencanaan, dan pembuatan sketsa atau peraturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi. 2.1.2. Tools Program 1. Internet/website Menurut Shalahuddin (2008:3) Internet atau Internetwork adalah sekumpulan jaringan berbeda yang saling berhubungan bersama sebagai salah satu kesatuan dengan menggunakan berbagai macam protokol, salah satunya adalah protokol TCP/IP (Transmission Control Protocol/Internet Protocol). Menurut Oetomo (2007:24) adapun fasilitas yang tersedia di internet meliputi E-mail, Mailing List, Internet Relay Chat (Chatting), USENET dan Newsgroup, File Transfer

Protocol, Telnet, Web Browser, Word Wide Web (WWW) , Universal Resource Locator (URL), HTTP (Hypertext Transfer Protocol), Hypertext Markup Language (HTML), Homepage (file) 2. Dreamweaver CS5 Menurut Sadeli (2011:2) Dreamweaver CS5 merupakan suatu perangkat lunak web editor keluaran Adobe System yang digunakan untuk membangun dan mendesign suatu website dengan fitur-fitur yang menarik dan kemudahan dalam penggunaannya. 3. PHP menurut Arief (2011:43) PHP (PHP:Hypertext Preprocessor) adalah bahasa server-side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. 4. Mysql menurut Nugroho (2008:91) MySQL (My Structured Query Languange) atau yang biasa dibaca mai-se-kuel adalah sebuah program pembuatan dan pengelola database atau yang sering disebut DBMS (DataBase Management System). 5. Photoshop CS3 Adobe Photoshop CS3 merupakan suatu software yang powerfull yang memiliki kemampuan spesialisasi untuk mengedit file gambar-gambar, dan tidak hanya itu masih banyak lagi kelebihan yang bisa didapat pada Adobe Photoshop CS3 ini, seperti membuat efek teks atau gambar pada website. 6. flash Slide show maker v501 flash Slide show maker adalah software yang sangat membantu dalam membuat album foto maupun tayangan slide di dalam pembuatan website dalam bentuk flash (swf). Didalam software ini terdapat puluhan tema menarik tanpa flash coding ataupun xml coding sehingga sangat mudah digunakan. 7. Struktur Navigasi
Menurut Henky Prihatna (2005:51) Struktur Navigasi adalah Susunan menu atau hirarki dari suatu situs yang menggambarkan isi dari setiap halaman dan link atau navigasi tiap halaman pada suatu situs web. Struktur navigasi terbagi menjadi empat, yaitu :

a. Struktur Navigasi Linear (Satu Alur) Linear merupakan struktur yang hanya mempunyai satu rangkaian cerita yang berurut. . Gambar II.1 Struktur Navigasi Linear b. Struktur Navigasi Non Linear (Tidak Berurut) Struktur penjejakan Non Linear (tidak berurut) merupakan pengembangan dari struktur penjejakan Linear, pada percabangan Non Linear ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama tidak ada Master Page dan Slave Page.

Gambar II.2 Struktur Navigasi Non Linear

c. Struktur Navigasi Hierarchical (Hirarki) Struktur Hierarchi ini percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master Page (halaman utama kesatu), halaman utama ini akan mempunyai halaman percabangan yang dikatakan Slave Page (halaman pendukung).

Gambar II.3 Struktur Navigasi Hierarchical

d. Struktur Navigasi Composite (campuran) Composite (campuran) atau disebut juga struktur penjejakan bebas merupakan gabungan dari ketiga struktur sebelumnya yaitu Linear, Non Linear dan Hierarchi.

Gambar II.4 Struktur Navigasi Composite 2.2. Analisa Perancangan Website 2.2.1. Tinjauan Perusahaan PT Multicord Karyasakti merupakan perusahaan profesional di bidang produk telekomunikasi di indonesia dengan mempunyai nomor Surat Izin Usaha Perdagangan (SIUP) : 4257 / 1.824.221 / 0409. Perusahaan yang Berlokasi di Jalan Prof.DR. Latumenten Komp. Ruko Perkantoran Blok C no.33 Grogol Permai ini menyediakan dan melayani pemasangan alat-alat telekomunikasi maupun keamanan kantor berupa Private Automatic Branch Exchange (PABX), IP CAMERA, FACSIMILE dan lain-lain. Bentuk organisasi yang digunakan pada PT Multicord Karyasakti adalah organisasi lini, dimana Manajer dipandang sebagai sumber wewenang pimpinan. Segala keputusan mutlak dipegang Direktur.

DIREKTUR

WAKIL DIREKTUR

MARKETING

ADMINISTRASI

TEKNISI

GUDANG

Gambar II.5 Struktur Organisasi PT Multicord Karyasakti 2.2.2. Tinjauan Kasus Pada umumnya PT Multicord Karyasakti merupakan perusahaan yang sudah lama bergerak di bidang produk telekomunikasi, akan tetapi dengan kurangnya media informasi banyak masyarakat kurang mengetahui dan bahkan tidak mengetahui informasi produk yang terdapat pada perusahaan ini. Dari kasus diatas dapat disimpulkan bahwa PT Multicord Karyasakti sangat membutuhkan sekali adanya suatu media informasi berupa website, Karena website merupakan solusi terbaik agar informasi yang disampaikan lebih efisien dan mudah di akses dimanapun dan kapanpun. Oleh karena itu dalam kesempatan ini penulis membuat sebuah halaman website informasi produk telekomunikasi ditambah dengan adanya halaman berita terbaru tentang produk terbaru maupun informasi terbaru tentang perusahaan PT Multicord Karyasakti dan juga kepada masyarakat dapat memberi komentar dan saran pada setiap produk, berita ataupun guest book. 2.2.3. Spesifikasi Perancangan Web 1. Rancangan Utama User a. Index (Home)
Banner Kops Perusahaan

ID_Yahoo M Menu Link 1 Menu Link 2 Menu Link 3 Menu Link 4 Menu Link 5

Flash Time and date Menu Link 5

Animation Text Berjalan

Flash Link

Berita Terbaru Judul Gambar Tgl Keterangan

Produk terbaru Nama Gambar Kategori Keterangan

Official Partner

Image Link Berjalan

Footer

Gambar II.6 Rancangan Halaman Index (home)

Keterangan: Nama Program : Halaman Utama Akronim : home.php Fungsi : Untuk menampilkan halaman utama Bahasa Programan : PHP Bentuk Tampilan : Lihat lampiran A.1 Proses : 1) Buka web browser (IE,Mozilla, dan lain-lain). 2) Ketikan alamat website (URL) pada addres bar, contoh : http://localhost/web_pabx/ 3) Maka tampil halaman utama dan menyajikan menu pada web. b. Ruang Admin
Banner Kops Perusahaan
Animasi Text Berjalan Selamat datang,badro,logout Menu Link 1 Menu Link 2 Menu Link 3 Menu Link 4

Animasi komentar pelanggan berjalan

Gambar

Animasi Komentar Produk berjalan

Footer

Gambar II.7 Rancangan Halaman Ruang Admin Keterangan: Nama Program : Ruang Utama Admin Akronim : ruang_admin.php Fungsi : Untuk menampilkan halaman utama admin Bahasa Programan : PHP Bentuk Tampilan : Lihat lampiran B.2 Proses : 1) Klik privacy pada footer di halaman utama 2) Kemudian isi username dan password dengan benar 2.2.4. Struktur Navigasi Strukur navigasi website produk telekomunikasi pada PT Multicord Karyasakti ini adalah struktur navigasi campuran (Composite).

Index

Home

News

Product

Guet Book

Gallery

Profile

HT Series About Us PABX Unit TDA Series Contact Us Single Line Telephone TDE Series

Facsimile Digital Line Telephone Wireles Product SIP Telephone IP Camera

Gambar II.8 Struktur Navigasi Umum website PT.Multicord Karyasakti

Ruang_Admin

Home

Edit Berita

Edit Product

Edit Komentar

Logout

Komentar Tamu

Komentar Produk

Komentar Berita

Gambar II.9 Struktur Navigasi Ruang Admin website PT.Multicord Karyasakti

2.2.5. Spesifikasi File Database adalah sekumpulan data yang saling berkaitan satu sama lain, terpusat dan terorganisir sehingga dapat dimanfaatkan dengan cepat dan mudah untuk berbagai macam kebutuhan pengolahan data. Dalam pembuatan website ini penulis disini membuat satu database yang bernama : pabx.mdb. Adapun spesifikasi file-file tersebut antara lain : 1. File Admin Nama file Akronim Tipe file Panjang Record Media file Field Key No. 1 2 3 2.

: File Admin : admin.MYD : File master : 31 karakter : Hard disk : id Table II.1 Tabel File Admin Elemen Data Akronim Type Width ID Admin id_admin Int 11 Username Admin username Varchar 10 Password Admin password Varchar 10

Ket Primary key

File Barang Nama file Akronim Tipe file Panjang Record Media file Field Key : File Barang : barang.MYD : File master : 191 karakter : Hard disk : idbarang Table II.2 Tabel File Barang Akronim Type Width Idbarang nmbrg gmbr_brg kategori keterangan Int Varchar Varchar Varchar Text 11 50 100 30

No. 1 2 3 4 5 3.

Elemen Data ID Barang Nama Barang Gambar Barang Kategori Barang Keterangan

Ket Primary key

File Berita Nama file : File Berita

Akronim Tipe file Panjang Record Media file Field Key

: berita.MYD : File master : 131 karakter : Hard disk : idberita Table II.3 Tabel File Berita Akronim Type Width idberita judul gmbr_brt wkt isi_berita Int Varchar Varchar Varchar Text 11 50 50 20

No. 1 2 3 4 5 4.

Elemen Data ID Berita Judul Berita Gambar Berita Waktu Isi Berita

Ket Primary key

File Buku_tamu Nama file Akronim Tipe file Panjang Record Media file Field Key : File Buku_Tamu : buku_tamu.MYD : File master : 166 karakter : Hard disk : no Table II.4 Tabel File Buku Tamu Elemen Data No Tamu Nama Tamu Email Tamu Kontak Isi kontak Waktu Komentar Akronim no nama email kontak isi_kontak waktu komentar Type Int Varchar Varchar Varchar Varchar Varchar Text Width 11 50 50 15 25 20 Ket Primary key

No. 1 2 3 4 5 6 7 5.

File Komentar_barang Nama file : File Komentar Barang

Akronim Tipe file Panjang Record Media file Field Key

: komentar_ barang.MYD : File master : 407 karakter : Hard disk : nkbar Table II.5 Tabel File komentar Barang Akronim Type Width Ket nkbar idbarang name e_mail tgl wkt_brg komenbrg tanggapan Int Int Varchar Text Text time Varchar text 11 11 35 Primary key Foreign key

No. Elemen Data 1 2 3 4 5 6 7 8 6.

No Komentar Barang ID Barang Nama Komentar Email Komentar Tgl Waktu Komentar Tanggapan Admin

350

File Komentar_berita Nama file Akronim Tipe file Panjang Record Media file Field Key No. Elemen Data 1 2 3 4 5 6 7 8 : File Komentar Berita : komentar_berita.MYD : File master : 407 karakter : Hard disk : nkber Table II.6 Tabel File komentar berita Akronim Type Width nkber idberita namewa mail tgl_brt wkt_brt komenbrt jawaban Int Int Varchar Text Text time Varchar text 11 11 35

Ket Primary key Foreign key

No Komentar Berita ID Berita Nama Komentar Email Komentar Tgl Waktu Komentar Tanggapan Admin

350

2.2.6. Sarana Pendukung Program Untuk pembuatan website ini diperlukan sistem perangkat keras (hardware) dan perangkat lunak (software) tertentu supaya dapat berjalan dengan baik. Adapun spesifikasi sistem perangkat keras (hardware) dan perangkat lunak (software) serta ditambah konfigurasi komputer yang penulis gunakan adalah sebagai berikut: 1. Perangkat Keras (Hardware) Pada pembuatan website ini penulis mengunakan komputer dengan spesifikasi sebagai berikut : a. Processor : Intel Core Duo CPU T2350 @ 1.86GHZ b. Memory size : 1014MB RAM c. Monitor : SVGA 14 d. Hard Disk : 250GB e. Keyboard : 86 tombol f. Mouse : Standard Mouse g. Printer : Cannon ip 1800 series 2. Perangkat Lunak (Software) Adapun perangkat lunak yang digunakan untuk pembuatan website maupun dokumentasinya adalah sebagai berikut : a. Sistem Operasi : Windows XP b. Program Aplikasi : Dreamweaver CS5, Photoshop CS3, Flash Slideshow Maker Profesional V501 c. Bahasa Script : PHP d. Web Server : Apache e. Database : MySql f. Web Browser : Mozilla Firefox 13.0 3. Penutup 3.1 Kesimpulan Dari urain bab sebelumnya penulis dapat menarik kesimpulan sebagai berikut : 1. Dengan dibuatnya website ini diharapkan dapat memberikan kemudahan bagi para pengunjung untuk dapat mengetahui produk-produk yang ada pada PT. Multicord Karyasakti kapan saja dan dimana saja. 2. Website ini juga dapat dimanfaatkan perusahaan PT. Multicord Karyasakti dalam mempromosikan dirinya melalui internet sehingga diharapkan terciptanya brand image perusahaan yang baik. 3. Website ini dibuat se-dinamis mungkin, agar para pengunjung dapat berinteraksi dan bertanya secara langsung tentang perusahaan PT. Multicord Karyasakti melalui website ini. 4. Dengan menggunakan website ini secara online dapat membuat bisnis berjalan dengan mudah dan perkembangan bisnis berjalan lebih maju. 3.2 Saran Dari kesimpulan yang penulis jelaskan diatas, maka penulis memberikan beberapa saran yang dapat membantu agar website ini dapat berkerja secara optimal. Adapun saran-saran dari penulis adalah sebagai berikut :

1.

2.

3. 4.

5.

Dalam pemilihan software yang akan digunakan dalam membangun sebuah website hendaknya disesuaikan dengan kemampuan penguasaan dan pemahaman akan software tersebut. Untuk merancang suatu website, diharapkan memperhatikan website yang akan dirancang dari memberikan informasi yang lengkap dan memiliki navigator yang jelas agar memudahkan dan memberikan kenyamanan pengunjung. Selalu melakukan pembaharuan data, sehingga informasi yang disampaikan dapat disesuaikan dengan perkembangan PT. Multicord Karyasakti. Agar dapat menarik pengunjung suatu website, diharapkan untuk selalu melakukan pengupdatean website secara berskala sehingga website menjadi lebih dinamis karena informasi didalamnya selalu mengikuti perkembangan zaman yang up to date. Untuk menghindari kehilangan data, sebaiknya dibuatkan file-file back-up sehingga apabila terjadi suatu kesalahan atau kehilangan data, dapat dengan mudah diperbaiki.

4. Daftar Pustaka Arief, M.Rudyanto.2011.Pemrograman Web Dinamis Menggunakan PHP dan MySQL.Yogyakarta: ANDI. Hartono, Jogiyanto.2005.Analisis & Desain Sistem Informasi: Pendekatan Terstruktur Teori dan Praktik Aplikasi Bisnis. Yogyakarta: ANDI. Kadir, Abdul.2008. Dasar Pemrograman Web Dinamis Menggunakan PHP (Revisi). Yogyakarta: ANDI. Nugroho, Bunafit.2008.Latihan Membuat Aplikasi Web PHP dan MySQL Dengan Dreamweaver MX(6,7,2004) dan 8.Yogyakarta:Gava Media. Oetomo, Budi Sutedjo Dharma, Ester Wibowo, Eddy Hartono dan Samuel Prakoso.2007.Pengantar Teknologi Informasi Internet, Konsep dan Aplikasi.Yogyakarta: ANDI. Prihatna, Henky.2005.Kiat Praktis Menjadi Webmaster Profesional.Jakarta: PT Elex Media Komputindo. Sadeli, Muhammad.2011.7 Jam Belajar Interaktif Dreamweaver CS5 Untuk Orang Awam.Palembang: Maxikom. Shalahuddin, M dan Rosa A.S. 2008. Java di Web. Bandung: Informatika. Sutabri, Tata.2005.Analisa Sistem Informasi. Jakarta: Akademi Manajemen Bina Sarana Informatika.