RE-Design Website PT. Biofarma (Persero) Di PT. Bio Farma (Persero)

(1)

1.1 Latar Belakang

Ilmu Teknik Informatika adalah suatu ilmu yang sangat berhubungan erat

dengan teknologi informasi, dimana penerapannya mengarah kepada kemajuan

teknologi masa depan. Perkembangan dunia teknologi informasi saat ini sangat

cepat karena didorong oleh kebutuhan data dan informasi. Data dan informasi

dibutuhkan untuk kelangsungan produksi perusahaan, lembaga maupun kemajuan

sebuah instansi. Adapun kaitannya dengan PT. Bio Farma (Persero) yaitu

mendesain ulang website utama PT. Bio Farma (Persero) agar lebih menarik dan

berguna.

PT. Bio Farma (Persero) mempunyai website utama yaitu

www.biofarma.co.id. Dalam kerja praktek ini kami diberi amanat oleh bagian

divisi IT PT. Bio Farma (Persero) untuk mendesain ulang tampilan website utama

PT. Bio Farma (Persero). Website utama yang sekarang kami merasa tampilannya

kurang menarik dan proses masuk ke websitenya kurang cepat, sedikit berat

mungkin karena membutuhkan bandwidth yang cukup besar.

Maka, dalam kerja praktek ini kami mendesain ulang tampilan website

utama PT. Bio Farma (Persero) agar lebih menarik dan ringan ketika

membukanya karena membutuhkan bandwidth yang sedikit. Dan menambahkan

beberapa fitur baru yang pada website sebelumnya tidak ada.

Dengan mendesain ulang tampilan website PT. Bio Farma (Persero) kami

harap dapat lebih menarik dengan tampilan baru yang kami desain dan membantu

melancarkan proses informasi PT. Bio Farma (Persero) baik bisnis maupun yang

(2)

1.2 Rumusan Masalah

Berdasarkan latar belakang diatas, maka permasalahan yang muncul yaitu

bagaimana membangun dan mendesain ulang tampilan website utama PT.

Biofarma (Persero).

1.3 Maksud dan Tujuan 1.3.1 Maksud

Maksud dari kegiatan kerja praktek ini adalah untuk mendesain ulang

website utama PT. Bio Farma (Persero).

1.3.2 Tujuan

Tujuan dari penulisan laporan kerja praktek ini adalah untuk mendesain

ulang tampilan website utama PT. Bio Farma (Persero) agar lebih menarik dan

ringan ketika membukanya karena membutuhkan bandwidth yang sedikit dan

menambahkan beberapa fitur baru yang pada website sebelumnya tidak ada.

1.4. Batasan Masalah

Re-design website ini hanya terbatas pada masalah-masalah seperti

dibawah ini :

1. Mendesain ulang tampilan website PT. Bio Farma (Persero).

2. Website ini hanya mendesain ulang, segala isi didalamnya berasal dari

3. Pengguna hanya dapat mengakses website dan tidak dapat mengakses

(3)

1.5. Metodologi Penelitian

Pendesainan ulang website ini dimulai dengan melakukan wawancara.

Pada tahap ini penulis memulai dengan wawancara dengan pihak PT. Bio Farma

(Persero) tentang bagaimana isi dari website yang akan dibuat, dan setelah

melakukan wawancara maka diperoleh bahwa isi dari website harus asli dari

Tahap berikutnya adalah melakukan penelitian pada website utama PT.

Bio Farma (Persero). Pada tahap ini penulis memulai dengan mempelajari website

PT. Bio Farma yang utama. Mempelajari isi dari website tersebut dan mengambil

isi dari website untuk pendesainan ulang website PT. Bio Farma (Persero).

Tahap berikutnya adalah melakukan pembuatan ulang website PT. Bio

Farma (Persero) dengan desain baru yang penulis bangun.Isi dari website baru ini

didapat dari website utama PT. Bio Farma (Persero) dan dimasukan ke dalam

website baru hasil desain ulang.

Tahap terakhir adalah melakukan analisa terhadap hasil pendesainan ulang

website. Analisa ditujukan untuk mengetahui sejauh mana efektivitas dan kualitas

penggunaan website tersebut.

1.6. Sistematika Penulisan

Adapun sistematika penulisan tugas akhir ini adalah sebagai berikut :

BAB I PENDAHULUAN

Bab ini menguraikan mengenai latar belakang masalah,

rumusan masalah, maksud dan tujuan kerja praktek, batasan

masalah, metodologi penelitian, dan sistematika penulisan

(4)

BAB II TINJAUAN PUSTAKA

Bab ini berisi tentang profil PT. Bio Farma (Persero) seperti,

sejarah instansi, logo instansi, badan hukum instansi, dan

struktur organisansi. Bab ini juga membahas tentang landasan

teori yang digunakan antara lain menjelaskan tentang definisi

Internet, Situs Web, MySQL (Database), Diagram Konteks,

Data Flow Diagram (DFD) dan Entity Relationalship Diagram

(ERD).

BAB III PEMBAHASAN

Bab ini berisi tentang Analisis Masalah Re-Design Website di

PT Bio Farma (Persero), Perancangan Fungsional seperti

Diagram Konteks, Data Flow Diagram (DFD), dan Deskripsi

Proses, Struktur Tabel juga terakhir Perancangan Antar Muka.

BAB IV KESIMPULAN DAN SARAN

(5)

2.1 PT. BIO FARMA (PERSERO) 2.1.1 Tinjauan Perusahaan

Bio Farma adalah sebuah Badan Usaha Milik Negara di Bandung,

Indonesia yang memproduksi vaksin dan sera untuk mendukung program

imunisasi di Indonesia maupun di negara-negara lainnya. Bio Farma telah masuk

ke dalam daftar prakualifikasi Badan Kesehatan Dunia (WHO).

Tanggal dikeluarkannya Surat Keputusan Pemerintah Hindia Belanda, 6

Agustus 1890 tentang pendirian Parc Vaccinogene atau Landskoepok Inrichting di

rumah sakit tentara Weltevreden-Batavia, merupakan tonggak sejarah awal

berdirinya perusahaan Vaksin dan sera di Indonesia. Dengan berjalannya waktu

dan semakin meningkatnya kegiatan produksi, lembaga ini berubah menjadi Parc

Vaccinogen Instituut Pasteur.

Setelah tahun 1923 menempati gedung barunya di Jalan Pasteur nomor 28

Bandung, lembaga ini kembali mengubah namanya menjadi Landskoepok

Inrichting en Instituut Pasteur dan tahun 1924 - 1942 dipimpin oleh L. Otten. Pada

saat Jepang berkuasa, nama lembaga diubah menjadi Bandung Boeki Kenkyushoo

dan kegiatannya dipusatkan di Gedung Cacar dan Lembaga Pasteur Bandung yang

dipimpin Kikuo Kurauchi.

Kegiatan lembaga ini berpindah ke Klaten, selama Bandung diduduki

Belanda, sehingga Bandung Boeki Kenkyushoo kembali berganti nama menjadi

Landskoepok Inrichting en Instituut Pasteur. Pada periode ini lembaga dipimpin

oleh R. M. Sardjito (1945-1946) dan beliau merupakan orang Indonesia pertama

yang memimpin lembaga ini. Gedung Cacar dan Lembaga Pasteur di Bandung

(6)

Seiring dengan terjadinya nasionalisasi berbagai perusahaan milik

pemerintah Belanda, pemerintah Indonesia pada saat itu mengubah Landskoepok

Inrichting en Instituut Pasteur menjadi Perusahaan Negara Pasteur. Melalui

Peraturan Pemerintah No. 80 tahun 1961 (Lembaran Negara Tahun 1961 No.

101), Perusahaan Negara Pasteur berubah menjadi Perusahaan Negara Bio Farma.

Setelah melalui penelitian dan penilaian, bentuk badan usaha Bio Farma

resmi menjadi Perusahaan Umum Bio Farma dengan Peraturan Pemerintah RI No.

26 tahun 1978. Periode itu Prof. Dr. Konosuke Fukai telah mengawali upaya

transfer teknologi produksi Vaksin Polio dan Campak.

Setelah hampir dua puluh tahun berstatus sebagai Perum, melalui

Peraturan Pemerintah No. 1 tahun 1997 perusahaan berubah menjadi Perseroan

Terbatas (PT) yang selanjutnya dikenal dengan PT. Bio Farma (Persero) sebagai

Badan Usaha Milik Negara Republik Indonesia.

Vaksin yang diproduksi Bio Farma terdiri dari vaksin virus (vaksin

campak, vaksin polio oral, dan vaksin hepatitis B), dan vaksin bakteri (vaksin

DTP, vaksin TT, vaksin DT, dan Vaksin BCG).

Sejak tahun 1997 hingga saat ini, Bio Farma memasok vaksin ke banyak

negara melalui UNICEF, PAHO dan pembeli lainnya. Saat ini kapasitas produksi

mencapai sekitar 1.1 miliar dosis.

(7)

2.1.3 Badan Hukum

PT. BIO FARMA (PERSERO), berkedudukan di Jalan Pasteur Nomor 28

Bandung 40161, yang Akta Pendiriannya telah diumumkan dalam Berita Negara

RI tanggal 16 Juli 2002 Nomor 57 Tambahan Nomor 6884, sebagaimana telah

beberapa kali diubah terakhir berdasarkan Anggaran Dasar Perusahaan diubah

terakhir berdasarkan Anggaran Dasar Perusahaan Perseroan (PT) Perseroan PT.

Bio Farma (Persero) yang telah diumumkan dalam Berita Negara RI tanggal 14

Agustus 2009 Nomor 65 Tambahan Nomor 21702, dansusunan Direksi terakhir

telah dimuat dalam Akta Nomor 45 tanggal 30 Oktober 2009 tentang Pernyataan

Keputusan Menteri Negara Badan Usaha Milik Negara Selaku Rapat Umum

Pemegang Saham Perusahaan Perseroan (Persero) PT. Bio Farma yang dibuat

oleh Notaris Fathiah Helmi, SH., dan telah diterima dan dicatat di dalam Database

Sistem Administrasi Badan Hukum Departemen Hukum dan Hak Asasi Manusia

Republik Indonesia Nomor AHU-AH.01.10.19828 tanggal 9 November 2009,

dalam perbuatan hukum ini diwakili oleh Drs. Iskandar, Apt., MM., jabatan

Direktur Utama dan dr. Elvyn Fajrul Jaya Saputra,jabatan Direktur Perencanaan &

Pengembangan yang bertindak untuk dan atas nama PT. BIO FARMA

(PERSERO), Nomor Pokok Wajib Pajak (NPWP) : 01.000.014.9.051.000.

2.1.4 Struktur Organisasi

Dewan Komisaris :

Komisaris Utama : Sam Soeharto

Komisaris : Chaizi Nasucha

Komisaris : Triono Sundoro

Komisaris : Ahmad Ramli

Komisaris : Herman Ladjidja Djuni

Dewan Direksi :

Direktur Utama : Iskandar

(8)

Direktur Perencanaan & Pengembangan : Elvyn Fajrul Jaya Saputra

Direktur Pemasaran : Sarimuddin Sulaeman

Direktur Produksi : Mahendra Suhardono

2.2 Landasan Teori 2.2.1 Internet

Internet merupakan hubungan antar berbagai jenis komputer dan jaringan

di dunia yang berbeda sistem operasi maupun aplikasinya di mana hubungan

tersebut memanfaatkan kemajuan media komunikasi (telepon dan satelit) yang

menggunakan protokol standar dalam berkomunikasi yaitu protokol TCP/IP yang

berisikan informasi dan sebagai sarana komunikasi data yang berupa suara,

gambar, video dan juga teks.

Dunia dewasa ini menjadi semakin terhubung (interconnected) satu dengan

lainnya. Dengan kata lain kita dapat menggunakan telepon genggam untuk

menghubungi teman yang berada dibelahan dunia lain. Kita dapat menonton

siaran langsung pertandingan bola piala dunia yang berlangsung di benua lain.

Atau bahkan kita dapat berinvestasi dalam ekonomi dunia karena pasar modal di

Tokyo, London dan New York terhubung secara elektronis selama 24 jam sehari.

Keterhubungan inilah yang disebut Interconnected Network atau lebih populer

dengan sebutan internet.

Satu hal terbesar tentang internet adalah bahwa tak seorangpun yang

benar-benar memilikinya. Internet adalah kumpulan global dari orang-orang dan

jaringan komputer besar dan kecil, dimana semuanya tersambung oleh ribuan

kilometer kabel dan line telepon yang semuanya dapat saling berkomunikasi.

Beberapa fungsi internet antara lain: menemukan dan mengakses informasi,

kursus/sekolah jarak jauh, saling bertukar informasi dengan rekan bisnis dan hobi,

(9)

2.2.2 Situs Web

Situs web (bahasa Inggris: web site) atau sering di ingat dengan istilah

situs adalah sejumlah halaman web yang memiliki topik saling terkait, terkadang

disertai pula dengan berkas-berkas gambar, video, atau jenis-jenis berkas lainnya.

Sebuah situs web biasanya ditempatkan setidaknya pada sebuah server web yang

dapat diakses melalui jaringan seperti internet, ataupun jaringan wilayah lokal

(LAN) melalui alamat internet yang dikenali sebagai URL. Gabungan atas semua

situs yang dapat diakses publik di internet disebut pula sebagai Waring Wera

Wanua atau lebih dikenal dengan singkatan WWW. Meskipun setidaknya

halaman beranda situs internet umumnya dapat diakses publik secara bebas, pada

prakteknya tidak semua situs memberikan kebebasan bagi publik untuk

mengaksesnya, beberapa situs web mewajibkan pengunjung untuk melakukan

pendaftaran sebagai anggota, atau bahkan meminta pembayaran untuk dapat

menjadi aggota untuk dapat mengakses isi yang terdapat dalam situs web tersebut,

misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surel

(e-mail), dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena

alasan keamanan, menghormati privasi, atau karena tujuan komersil tertentu.

Sebuah halaman web merupakan berkas yang ditulis sebagai berkas teks

biasa (plain text) yang diatur dan dikombinasikan sedemikian rupa dengan

instruksi-instruksi berbasis HTML, atau XHTML, kadang-kadang pula disisipi

dengan sekelumit bahasa skrip. Berkas tersebut kemudian diterjemahkan oleh

peramban web dan ditampilkan seperti layaknya sebuah halaman pada monitor

komputer.

Halaman-halaman web tersebut diakses oleh pengguna melalui protokol

komunikasi jaringan yang disebut sebagai HTTP, sebagai tambahan untuk

meningkatkan aspek keamanan dan aspek privasi yang lebih baik, situs web dapat

(10)

2.2.3 MySQL

MySQL adalah sebuah implementasi dari sistem manajemen basis data

relasional (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL

(General Public License). Setiap pengguna dapat secara bebas menggunakan

MySQL, namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan

produk turunan yang bersifat komersial. MySQL sebenarnya merupakan turunan

salah satu konsep utama dalam basisdata yang telah ada sebelumnya; SQL

(Structured Query Language). SQL adalah sebuah konsep pengoperasian

basisdata, terutama untuk pemilihan atau seleksi dan pemasukan data, yang

memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.

Kehandalan suatu sistem basisdata (DBMS) dapat diketahui dari cara kerja

pengoptimasi-nya dalam melakukan proses perintah-perintah SQL yang dibuat

oleh pengguna maupun program-program aplikasi yang memanfaatkannya.

Sebagai peladen basis data, MySQL mendukung operasi basisdata transaksional

maupun operasi basisdata transaksional. Pada modus operasi

non-transaksional, MySQL dapat dikatakan unggul dalam hal unjuk kerja

dibandingkan perangkat lunak peladen basis data kompetitor lainnya. Namun

demikian pada modus non-transaksional tidak ada jaminan atas reliabilitas

terhadap data yang tersimpan, karenanya modus non-transaksional hanya cocok

untuk jenis aplikasi yang tidak membutuhkan reliabilitas data seperti aplikasi

blogging berbasis web (wordpress), CMS, dan sejenisnya. Untuk kebutuhan

sistem yang ditujukan untuk bisnis sangat disarankan untuk menggunakan modus

basisdata transaksional, hanya saja sebagai konsekuensinya unjuk kerja MySQL

pada modus transaksional tidak secepat unjuk kerja pada modus

non-transaksional.

2.2.4 Diagram Konteks dan Data Flow Diagram (DFD)

(11)

tertinggi dari DFD yang menggambarkan seluruh input ke sistem atau output dari

sistem. Ia akan memberi gambaran tentang keseluruhan sistem. Sistem dibatasi

oleh boundary (dapat digambarkan dengan garis putus). Dalam diagram konteks

hanya ada satu proses. Tidak boleh ada store dalam diagram konteks. Diagram

konteks berisi gambaran umum (secara garis besar) sistem yang akan dibuat.

Secara kalimat, dapat dikatakan bahwa diagram konteks ini berisi “siapa saja yang

memberi data (dan data apa saja) ke sistem, serta kepada siapa saja informasi (dan

informasi apa saja) yang harus dihasilkan sistem.

Tabel 2.1 Penjelasan simbol-simbol pada Diagram Konteks

Simbol

Arti Contoh

Simbol Entitas eksternal /

terminator menggambarkan asal

atau tujuan data diluar sistem.

Simbol lingkaran menggambarkan

entitas atau proses dimana aliran

data masuk ditransformasikan ke

aliran data keluar.

Simbol aliran data menggambarkan

aliran data. Informasi mahasiswa

Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan

notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya

sangat membantu untuk memahami sistem secara logika, tersruktur dan jelas.

DFD merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang

sedang berjalan logis.Kita dapat menggunakan DFD untuk dua hal utama, yaitu

untuk membuat dokumentasi dari sistem informasi yang ada, atau untuk

menyusun dokumentasi untuk sistem informasi yang baru.

Empat simbol yang digunakan :

Mahasiswa

(12)

Tabel 2.2 Penjelasan simbol-simbol pada Data Flow Diagram (DFD)

Simbol Entitas eksternal / terminator menggambarkan asal

atau tujuan data diluar sistem.

Simbol lingkaran menggambarkan entitas atau proses

dimana aliran data masuk ditransformasikan ke aliran data

keluar.

Simbol aliran data menggambarkan aliran data.

Simbol file menggambarkan tempat data disimpan

2.2.5 Entity Relationalship Diagram (ERD)

Entity Relationalship Diagram adalah suatu model jaringan yang

menggunakan susunan data yang disimpan dalam sistem secara abstrak. Model

data E-R didasarkan pada persepsi terhadap dunia nyata yang tersusun atas

kumpulan objek-objek dasar yang disebut entitas dan relasi. Berikut adalah

elemen-elemen yang terdapat pada ERD, yaitu :

1. Entity (Entitas), yaitu sesuatu apa saja yang ada didalam sistem, baik nyata

maupun abstrak dimana data disimpan.

2. Relationship, yaitu hubungan alamiah yang terjadi antara entitas.

3. Atribut, yaitu deskripsi kelompok data yang mempunyai karakteristik yang

sama, merupakan field yang akan disimpan.

4. Kardinalitas, yaitu menyatakan jumlah anggota entitas yang terlibat didalam

(13)

Setiap entitas pada himpunan entitas A dapat berelasi dengan paling

banyak satu entitas pada himpunan entitas B, demikian juga sebaliknya.

b. Satu Ke Banyak (one to many / 1-N)

Setiap entitas pada himpunan entitas A dapat berelasi dengan banyak

entitas pada himpunan entitas B, tetapi tidak sebaliknya.

c. Banyak Ke Banyak (many to many / N-N)

Setiap entitas pada himpunan entitas A dapat berelasi dengan banyak

(14)

3.1 Analisis Masalah

Setelah melalui proses wawancara dengan Kepala Seksi (pembimbing)

kerja praktek, maka dihasilkan permintaan untuk mendesain ulang website PT.

Bio Farma (Persero). Membangun dan mendesain ulang website PT. Bio Farma

(Persero) dengan semua content asli dari website asli PT. Bio Farma (Persero).

3.1.1 Analisis Sistem yang Berjalan

Analisis data berjalan merupakan penguraian dari suatu informasi yang

utuh ke dalam bagian-bagian komponennya yang dimaksudkan untuk

mengidentifikasi dan mengevaluasi permasalahan-permasalahan,

hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat

diusulkan perbaikannya.

Untuk memahami alur dari informasi dalam sistem, diperlukan

pendokumentasian dalam merancang suatu website, sehingga akan mempermudah

tahap pengembangan sistem.

Sistem yang berjalan sekarang sama dengan sistem yang akan penulis

bangun, karena penulis hanya mendesain ulang tampilan. Jadi, segala sesuatu baik

isi juga informasi didalamnya mengikuti website utama PT. Bio Farma (Persero)

yang merupakan sistem yang sedang berjalan. Berikut Diagram konteks yang

(15)

Gambar 3.1 Diagram Konteks Sistem yang Sedang Berjalan

Diagram Konteks diatas akan dijelaskan oleh tabel 3.1 berikut ini :

Tabel 3.1 Keterangan Diagram Konteks Sistem yang Sedang Berjalan

No. Proses

Nama Proses Website Biofarma

Deskripsi Proses ini menjelaskan pengunjung yang mengakses website

PT. Bio Farma (Persero)

Input - Pengunjung alamat halaman profil

alamat halaman produk

alamat halaman kegiatan

alamat halaman csr

alamat halaman berita

alamat halaman foto & video

alamat halaman karir

alamat halaman penyakit

alamat halaman faq

Output - Pengunjung  Informasi profil

informasi profil informasi produk informasi kegiatan

informasi csr informasi berita informasi foto & video

informasi karir informasi penyakit

informasi faq alamat halaman profil alamat halaman produk alamat halaman kegiatan alamat halaman csr alamat halaman berita alamat halaman foto & video

alamat halaman karir alamat halaman penyakit

alamat halaman faq

(16)

Informasi produk

Informasi kegiatan

Informasi csr

Informasi berita

Informasi foto & video

Informasi karir

Informasi penyakit

Informasi faq

Algoritma 1. Pengunjung membuka situs website PT. Bio Farma

(Persero).

2. Pengunjung akan mendapatkan informasi PT. Bio

Farma (Persero)

3.1.2 Perspektif Produk

Produk yang dibuat merupakan re-design website PT. Bio Farma (Persero)

yang didalamnya terdiri dari halaman utama, halaman profil perusahaan, halaman

produk, halaman kegiatan, halaman csr, halaman berita, halaman foto & video,

halaman karir, halaman halaman penyakit, halaman faq, dan halaman kritik dan

saran. Sistem ini dapat melayani pengunjung untuk mengakses semua halaman

juga mengisi kritik dan saran pada halaman kritik dan saran. Sistem ini juga dapat

melayani admin selain untuk mengakses semua halaman, juga dapat melihat

semua kritik dan saran dari pengunjung yang mengisi kritik dan saran. Admin

juga dapat menghapus data kritik dan saran dari pengunjung.

3.1.3 Fungsi Produk

Secara umum, sistem ini berhubungan dengan komputer dan pengguna

(17)

1. Melayani pengunjung untuk dapat melihat halaman-halaman pada

website PT. Bio Farma (Persero) seperti halaman produk, halaman

berita dan lain-lain.

2. Melayani pengunjung untuk dapat memberikan kritik dan saran

sebagai masukan untuk perusahaan.

3. Melayani admin untuk mengelola data-data yang diberikan oleh

pengunjung pada halaman kritik dan saran.

3.1.4 Batasan-batasan

Batasan dari sistem website PT. Bio Farma (Persero) adalah :

1. Browser yang digunakan sebaiknya Firefox 4.0 dan Opera 9.0.

2. Perangkat lunak harus kebal terhadap segala jenis hacking yang

sifatnya merugikan perusahaan atau pengunjung.

3.1.5 Asumsi dan Kebergantungan

Asumsi dan kebergantungan yang diterapkan pada sistem website PT. Bio

Farma adalah :

1. Sistem ini berupa website, sehingga pengguna dapat mengakses

website dimanapun berada dengan asumsinya harus terhubung ke

internet dengan transmisi jaringan yang baik.

2. Pengunjung dapat membatalkan kritik saran sebelum terjadinya

konfirmasi pengiriman kritik saran.

3.1.6 Analisis Non Fungsional dan Kebutuhan Non Fungsional 3.1.6.1 Analisis User

Pengguna website PT. Bio Farma (Persero) akan di jelaskan pada tabel di

(18)

Tabel 3.2 Analisis User

Pengguna Admin Pengunjung

Tanggung Jawab Memantau kritik dan saran dan

tampilan pada website

Melakukan akses untuk

mendapatkan informasi

dan memberikan kritik

dan saran

Hak Akses Melihat tabel kritik dan saran Melihat informasi PT.

Bio Farma (Persero)

Tingkat

Pendidikan

S1 Lulus SMA/sederajat

Tingkat

Keterampilan

Bisa mengerti secara teknis

cara mengelola website

Bisa mengerti secara

teknis cara menggunakan

internet

Jenis Pelatihan Mengetahui tata cara

mengelola website.

Mengetahui penggunaan

internet

3.1.6.2 Analisis Hardware

Hardware adalah perangkat keras komputer yang sangat mendukung

dalam kinerja sistem. Spesifikasi hardware yang digunakan untuk dapat

mengakses website PT. Bio Farma (Persero) adalah sebagai berikut :

1. Prosesor P IV 2.4 GHz

2. Monitor 15 inchi

3. Hard disk 80 GB

4. Memory DDR 512 MB

5. VGA Card 128 Mb

6. Motherboard PC Chip P256

(19)

3.1.6.3 Deskripsi Kebutuhan Non Fungsional

Kebutuhan non fungsional website PT. Bio Farma agar dapat beroperasi

dengan baik terdiri dari:

1. Reliability tinggi

2. Availability tinggi

3. Security tinggi

4. Maintainability

5. Responsiveness cepat

Penjelasan mengenai masing-masing kebutuhan non fungsional secara

detail ada pada tabel di bawah ini.

Tabel 3.3 Atribut Kualitas Perangkat Lunak

No Atribut Penjelasan

1 Reliability tinggi Website harus reliable, kegagalan karena kerusakan

sistem atau gangguan jaringan ditekan seminimal

mungkin.

2 Availability tinggi Bahasa pemrograman yang digunakan adalah bahasa

yang kecil kemungkinannya tidak digunakan lagi

dalam jangka waktu 5 tahun Menggunakan

antarmuka perangkat keras yang sudah standar dan

tersedia banyak dipasaran

3 Security tinggi Hanya mengunakan port komunikasi sebatas

kebutuhan komunikasi

4 Maintainability Website harus di-maintain agar tetap dapat berfungsi

dengan baik. Perawatan meliputi perangkat lunak

dan perangkat keras.

5 Responsiveness cepat Perangkat lunak dibuat dengan bahasa pemrograman

yang dapat bekerja di berbagai arsitektur komputer

(20)

pada suatu sistem operasi

spesifik hanya boleh berkaitan dengan operasi I/O

dan penampilan antarmuka

3.2 Perancangan Sistem

3.2.1 ERD (Entity Relational Diagram)

Komponen utama pembentukan Entity Relationship Diagram atau biasa

disebut Diagram E-R yaitu Entity (entitas) dan Relation (relasi) yang merupakan

komponen-komponen himpunan entitas dan himpunan relasi yang dideskripsikan

lebih jauh melalui sejumlah atribut-atribut yang menggambarkan sistem. Adapun

diagram ER PT. Bio Farma (Persero) di gambarkan seperti berikut ini :

Gambar 3.2 Diagram ERD

3.2.2 Analisis Kebutuhan Fungsional 3.2.2.1 Diagram Konteks

Diagram Konteks merupakan alat untuk struktur analisis. Pendekatan

struktur ini untuk menggambarkan sistem secara garis besar atau secara

keseluruhan sampai mencapai hasil. Pada diagram konteks ini sistem informasi

(21)

yang ingin dihasilkan. Diagram konteks PT. Bio Farma (Persero) di gambarkan

sebagai berikut :

Gambar 3.3 Diagram Konteks

Penjelasan gambar 3.3 Konteks Diagram akan dijelaskan pada tabel

dibawah ini :

Tabel 3.4 Keterangan Diagram Konteks

No. Proses

Nama Proses Website Biofarma

Deskripsi Proses ini menjelaskan secara umum proses yang ada di

website PT. Bio Farma itu sendiri.

Input - Pengunjung  data kritik saran

- Admin  data login

Output - Pengunjung  Informasi profil

Informasi produk

Informasi kegiatan

Informasi csr

Informasi berita

informasi kritik saran informasi produk

informasi kegiatan informasi csr informasi berita informasi foto & video

informasi karir alamat halaman kritik

saran

Website Biofarma

Admin Pengunjung

alamat halaman profil alamat halaman produk alamat halaman kegiatan

alamat halaman csr alamat halaman berita alamat halaman foto & video

alamat halaman karir alamat halamanpenyakit

(22)

Informasi karir

Informasi penyakit

Informasi faq

Algoritma 1. Admin login

2. Apabila login berhasil makaakan masuk ke menu

admin, bila gagal akan keluar pesan error dan harus

(23)

3.2.2.2 DFD Level 1 website PT. Bio Farma (Persero)

DFD Level 1 website PT. Bio Farma (Persero) dapat dilihat pada gambar

berikut ini :

Gambar 3.4 Data Flow Diagram Level 1

Penjelasan gambar 3.4 Data Flow Diagram Level 1 akan dijelaskan pada

tabel dibawah ini :

informasi website

data kritik saran

informasi profil

data kritik saran informasi kritik

saran

informasi kritik saran login data kritik

saran

alamat halaman profil

data delete kritik saran

informasi delete kritik saran

Admin Pengunjung

login

mengelola kritik saran informasi foto & video

informasi karir

alamat halaman produk alamat halaman kegiatan

alamat halaman csr alamat halaman berita alamat halaman foto & video

alamat halaman karir alamat halaman penyakit

(24)

Tabel 3.5 Keterangan Data Flow Diagram Level 1 Proses Login

No. Proses 1

Nama Proses Login

Deskripsi Proses ini untuk identifikasi admin sebelum memasuki form

admin.

Input - Admin  data login

Output - Admin  informasi login

Algoritma 1. Admin login

2. Apabila login berhasil makan akan masuk ke menu

admin, bila gagal akan keluar pesan error dan harus login

kembali.

Tabel 3.6 Keterangan Data Flow Diagram Level 1 Proses kritik saran

No. Proses 2

Nama Proses Kritik saran

Deskripsi Proses ini untuk di peruntukan bagi pengunjung yang ingin

memberikan pesan bagi PT. Bio Farma (Persero).

Input - Pengunjung  data kritik saran

- Admin  data delete kritik saran

Output - Pengunjung  informasi informasi kritik saran

Algoritma 1. Pengunjung masuk ke halaman kontak

2. Pengunjung mengisi form yang telah di sediakan

3. Pengunjung menekan tombol kirim

4. Pesan akan terkirim dan akan tersimpan di T_kritik saran

Tabel 3.7 Keterangan Data Flow Diagram Level 1 Proses informasi website

No. Proses 3

(25)

mengetahui profil, produk dan lain-lain dari PT. Bio Farma

(persero).

Input Pengunjung  alamat halaman profil

alamat halaman produk

alamat halaman kegiatan

alamat halaman csr

alamat halaman berita

alamat halaman foto & video

alamat halaman karir

alamat halaman penyakit

alamat halaman faq

Output Pengunjung  Informasi profil

Informasi produk

Informasi kegiatan

Informasi csr

Informasi berita

Informasi penyakit

Informasi faq

Algoritma 1. Pengunjung mengakses website PT. Bio Farma (Persero)

2. Pengujung dapat memperoleh informasi mengenai PT. Bio

(26)

3.2.2.3 DFD Level 2 Kritik dan Saran

DFD Level 2 website PT. Bio Farma (Persero) dapat dilihat pada gambar

berikut ini :

Gambar 3.5 DFD level 2 kritik_saran

Penjelasan gambar 3.5 Data Flow Diagram Level 2 Kritik dan Saran akan

dijelaskan pada tabel dibawah ini :

Tabel 3.8 Keterangan DFD Level 2 tambah kritik_saran

No. Proses 2.1

Nama Proses Tambah kritik saran

Deskripsi Proses ini untuk pengunjung yang ingin memberikan kritik dan

sarannya bagi PT. Bio Farma (Persero)

Input Pengunjung  data kritik saran

data kritik saran informasi kritik _saran

data kritik saran yang akan di hapus informasi penghapusan

kritik saran update T_kritik saran

Pengunjung

T_kritk saran

Admin tambah kritik saran

hapus kritik saran 2.2

(27)

Algoritma 1. Pengunjung masuk ke halaman kontak

2. Pengunjung mengisi form yang telah di sediakan

3. Pengunjung menekan tombol kirim

4. Pesan akan terkirim dan akan tersimpan di T_kritik saran

Tabel 3.9 Keterangan DFD Level 2 hapus kritik_saran

No. Proses 2.2

Nama Proses Hapus kritik saran

Deskripsi Proses ini untuk admin yang ingin menghapus kritik dan saran

yang telah di kirimkan oleh pengunjung untuk PT. Bio Farma

(Persero).

Input Admin  data delete kritik saran

Output Admin  informasi delete kritik saran

Algoritma 1. Admin masuk ke menu khusus admin

2. Admin memilih kritik dan saran yang akan dihapus

3. Kritik dan saran dihapus, maka akan ter-upadate ke

(28)

3.2.2.4 DFD Level 2 Informasi Website

DFD Level 2 informasi website PT. Bio Farma (Persero) dapat dilihat

pada gambar berikut ini :

Gambar 3.6 DFD Level 2 Informasi Website

al amat hal aman profi l

i nformasi profi l

al amat hal aman produk

i nformasi produk

al amat hal aman kegi atan

i nformasi kegi atan

al amat hal aman csr

i nformasi csr

al amat hal aman foto& vi deo

i nformasi foto&vi deo

al amat hal aman kari r

i nformasi kari r

al amat hal aman penyaki t

i nformasi penyaki t

al amat hal aman faq

i nformasi faq

vi ew profi l 3.1

Pengunj ung

vi ew produk

(29)

Tabel 3.10 Keterangan DFD Level 2 View Produk

No. Proses 3.1

Nama Proses View Profil

Deskripsi Pada proses ini pengunjung dapat melihat profil perusahaan PT.

Bio Farma (Persero).

Input Pengunjung  alamat halaman profil

Output Pengunjung  informasi profil

Algoritma 1. Pengunjung mengakses website PT. Bio Farma

(Persero).

2. Pengunjung mengakses menu profil perusahaan pada

website PT. Bio Farma (Persero).

3. Website PT. Bio Farma (Persero) akan menampilkan

halaman profil.

Tabel 3.11 Keterangan DFD Level 2 View Produk

No. Proses 3.2

Nama Proses View Produk

Deskripsi Pada proses ini pengunjung dapat melihat produk yang di

produksi oleh PT. Bio Farma (Persero)

Input Pengunjung  alamat halaman produk

Output Pengunjung  informasi produk

(Persero).

2. Pengunjung mengakses menu produk pada website PT.

(30)

Tabel 3.12 Keterangan DFD Level 2 View Kegiatan

No. Proses 3.3

Nama Proses View Kegiatan

Deskripsi Pada proses ini pengunjung bisa melihat kegiatan-kegiatan yang

berhubungan dengan PT. Bio Farma (Persero).

Input Pengunjung  alamat halaman kegiatan

Output Pengunjung  informasi kegiatan

(Persero).

2. Pengunjung mengakses menu kegiatan pada website PT.

halaman kegiatan.

Tabel 3.13 Keterangan DFD Level 2 View CSR

No. Proses 3.4

Nama Proses View CSR

Deskripsi Pada proses ini pengunjung dapat melihat halaman CSR pada

Input Pengunjung  alamat halaman csr

Output Pengunjung  informasi csr

(Persero).

2. Pengunjung mengakses menu CSR pada website PT. Bio

Farma (Persero).

(31)

Tabel 3.14 Keterangan DFD Level 2 View Foto & Video

No. Proses 3.5

Nama Proses View Foto & video

Deskripsi Pada proses ini pengunjung dapat melihat halaman foto dan

video pada website PT. Bio Farma (Persero).

Input Pengunjung  alamat halaman foto & video

Output Pengunjung  informasi foto & video

(Persero).

2. Pengunjung mengakses menu foto & video pada website

PT. Bio Farma (Persero).

halaman foto & video.

Tabel 3.15 Keterangan DFD Level 2 View Karir

No. Proses 3.6

Nama Proses View Karir

Deskripsi Pada proses ini pengunjung dapat melihat halaman karir yang

menyediakan lowongan kerja pada di PT. Bio Farma (Persero).

Input Pengunjung  alamat halaman karir

Output Pengunjung  informasi karir

(Persero).

2. Pengunjung mengakses menu karir pada website PT. Bio

Farma (Persero).

(32)

Tabel 3.16 Keterangan DFD Level 2 View Penyakit

No. Proses 3.7

Nama Proses View Penyakit

Deskripsi Pada proses ini pengunjung dapat melihat halaman tentang

beberapa penyakit yang diakibatkan oleh vaksin/sera.

Input Pengunjung  alamat halaman penyakit

Output Pengunjung  informasi penyakit

(Persero).

2. Pengunjung mengakses menu penyakit pada website PT.

halaman penyakit.

Tabel 3.17 Keterangan DFD Level 2 View FAQ

No. Proses 3.8

Nama Proses View FAQ

Deskripsi Pada proses ini pengunjung dapat melihat halaman tentang

FAQ.

Input Penguinjung  alamat halaman FAQ

Output Pengunjung  informasi FAQ

(Persero).

2. Pengunjung mengakses menu FAQ pada website PT.

(33)

3.2.3 Deskripsi Proses 3.2.3.1 Proses 1.1 Login

Dalam proses ini digunakan untuk menentukan kevalidan data admin yang

meliputi username dan password, jika valid maka admin bias melakukan akses

untuk melihat kritik dan saran dari pengunjung website.

3.2.3.2 Proses 1.2 Kritik_saran

Dalam proses ini pengunjung website dapat memberikan saran yang

berhubungan dengan perusahaan atau yang berhubungan dengan produk

perusahaan dengan cara menginputkan data pada form yang telah di sediakan.

Kritik dan saran dapat dilihat oleh admin apabila admin berhasil melakukan login

pada proses 1.1.

3.2.3.3 Proses 1.3 informasi_website

Dalam proses ini pengunjung website dapat melihat semua informasi yang

berhubungan dengan perusahaan PT. Bio Farma (Persero).

3.2.3.4 Proses 2.1 tambah kritik saran

Dalam proses ini pengunjung dapat memberikan kritik dan sarannya

terhadap kinerja PT. Bio Farma (Persero) ataupun kritik dan saran terhadap

produk hasil dari produksi PT. Bio Farma (Persero). Kritik dan saran kemudian

akan tersimpan di T_kririk saran.

3.2.3.5 Proses 2.2 hapus kritik saran

Dalam proses ini admin dapat menghapus kritik dan saran yang

sebelumnya telah di sampaikan oleh pengunjung website. Setelah berhasil di

(34)

3.2.3.6 Proses 3.1 View Profil

Dalam proses ini pengunjung dapat melihat profil perusahaan PT. Bio

Farma (Persero).

3.2.3.7 Proses 3.2 View Produk

Dalam proses ini pengunjung dapat melihat produk yang diproduksi

oleh PT. Bio Farma (Persero).

3.2.3.8 Proses 3.3 View Kegiatan

Dalam proses ini pengunjung bisa melihat kegiatan-kegiatan yang

berhubungan dengan PT. Bio Farma (Persero).

3.2.3.9 Proses 3.4 View CSR

Dalam proses ini pengunjung dapat melihat halaman CSR pada

3.2.3.10 Proses 3.5 View Foto & Video

Dalam proses ini pengunjung dapat melihat halaman foto dan video

pada website PT. Bio Farma (persero).

3.2.3.11 Proses 3.6 View Karir

Dalam proses ini pengunjung dapat melihat halaman karir yang

menyediakan lowongan kerja pada di PT. Bio Farma (Persero).

3.2.3.12 Proses 3.7 View Penyakit

Dalam proses ini pengunjung dapat melihat halaman tentang beberapa

(35)

3.2.3.13 Proses 3.8 View FAQ

Dalam proses ini pengunjung dapat melihat halaman tentang FAQ

yang didalamnya berisi pertanyaan yang sering ditanyakan khalayak umum.

3.2.4 Skema Relasi

Berikut skema relasi pada website PT. Bio Farma (Persero) dapat

dilihat pada gambar dibawah ini :

Gambar 3.7 Skema Relasi

Struktur tabel dapat mendefinisikan dengan lengkap data yang mengalir

diantara proses, penyimpanan data dan entitas luar pada sistem. Struktur tabel

tersebut sebagai berikut :

Tabel 3.18 Entitas User

Atribut _Representasi _Format _Range Nilai

default Null

Nama_user string - [0-9][A-Z][a-z] - -

password string - [0-9][A-Z][a-z] - -

Tabel 3.19 Entitas Kritik saran

Atribut Representasi Format Range Nilai

default Null

Nama String - [0-9][A-Z][a-z] - -

Email Char - [0-9][A-Z][a-z] - -

Pesan Text - [0-9][A-Z][a-z] - -

mengelol a Tuser

nama_user password

Tkritik_saran nama

(36)

3.3 Perancangan Antarmuka 3.3.1 Spesifikasi Antar Muka

Spesifikasi antarmuka merupakan suatu bentuk tampilan dari program

yang akan dibuat untuk kebutuhan interface dengan user.

CSR NEWS _PRODUCTOUR ABOUT US EVENT CAREER T01

DESEASES FOTO &

VIDEO

Nama Form : T01

Ukuran Layar : dinamis (1024 x 800) Jenis Huruf :

Warna Latar : Biru

Klik About Us menuju T02 Klik Our Product menuju T03 Klik News menuju T04 Klik CSR menuju T05 Klik Foto & Video menuju T06 Klik Career menuju T07 Klik Events menuju T08 Klik Deseases menuju T09

Gambar 3.8 Tampilan menu utama

HEADER

Ukuran Layar : dinamis (1024 x 800) Jenis Huruf : Arial

Warna Latar : Biru GAMBAR

BERANDA TENTANG KAMI PRODUK KAMI BERITA CSR FOTO&VIDEO KARIR KEGIATAN PENYAKIT FAQ KONTAK

T02 E FACEBOOK TWITTER

Klik Tentang Kami menuju T02 Klik Produk Kami menuju T03 Klik Berita menuju T04 Klik CSR menuju T05 Klik Foto & Video menuju T06 Klik Karir menuju T07 Klik Kegiatan menuju T08 Klik Penyakit menuju T09 Klik FAQ menuju T10 Klik Kontak Menuju T11 Klik Visi dan Misi menuju T12 Klik Peran Nasional & Global menuju T13

Klik Penghargaan menuju T14 Klik Sejarah Perusahaan menuju T15

Klik profil Eksekutif menuju T16 Klik Penelitian dan Pengenembangan menuju T17 Klik Jaringan menuju T18 Klik Fasilitas menuju T19

VISI DAN MISI

PENGHARGAAN PERAN NASIONAL &

GLOBAL

(37)

HEADER

Warna Latar : Biru

GAMBAR

T03 BAHASA

INGGRIS

Klik Tentang Kami menuju T02 Klik Produk Kami menuju T03 Klik Berita menuju T04 Klik CSR menuju T05 Klik Foto & Video menuju T06 Klik Karir menuju T07 Klik Kegiatan menuju T08 Klik Penyakit menuju T09 Klik FAQ menuju T10 Klik Kontak Menuju T11 Klik Vaksin Virus menuju T20 Klik Vaksin bakteri menuju T21 Klik Vaksin Kombinasi menuju T22 Klik Serum menuju T23 Klik Diagnostik menuju T24 Klil Layanan menuju T25 Klik Link Berita menuju T04 VAKSIN VIRUS

Gambar 3.10 Tampilan Produk Perusahaan

HEADER

Warna Latar : Biru

GAMBAR

BERANDA TENTANG KAMI PRODUK KAMI BERITA CSR FOTO&VIDEO KARIR KEGIATAN PENYAKIT FAQ KONTAK T04

Klik Tentang Kami menuju T02 Klik Produk Kami menuju T03 Klik Berita menuju T04 Klik CSR menuju T05 Klik Foto & Video menuju T06 Klik Karir menuju T07 Klik Kegiatan menuju T08 Klik Penyakit menuju T09 Klik FAQ menuju T10 Klik Kontak Menuju T11

(38)

HEADER

Warna Latar : Biru

GAMBAR

Klik Tentang Kami menuju T02 Klik Produk Kami menuju T03 Klik Berita menuju T04 Klik CSR menuju T05 Klik Foto & Video menuju T06 Klik Karir menuju T07 Klik Kegiatan menuju T08 Klik Penyakit menuju T09 Klik FAQ menuju T10 Klik Kontak Menuju T11 Klik PKBL menuju T26 Klik Lainnya menuju T27 Klik Link berita menuju T04

PKBL

LAINNYA

Gambar 3.12 Tampilan CSR

HEADER

Warna Latar : Biru

GAMBAR

T06 BAHASA

INGGRIS

(39)

HEADER

Warna Latar : Biru

GAMBAR

Gambar 3.14 Tampilan Karir

HEADER

Warna Latar : Biru

GAMBAR

BERANDA TENTANG KAMI PRODUK KAMI BERITA CSR FOTO&VIDEO KARIRKEGIATAN PENYAKIT FAQ KONTAK

T08 BAHASA

INGGRIS

(40)

HEADER

Warna Latar : Biru

GAMBAR

T09 BAHASA

INGGRIS

Klik Tentang Kami menuju T02 Klik Produk Kami menuju T03 Klik Berita menuju T04 Klik CSR menuju T05 Klik Foto & Video menuju T06 Klik Karir menuju T07 Klik Kegiatan menuju T08 Klik Penyakit menuju T09 Klik FAQ menuju T10 Klik Kontak Menuju T11 Klik Penyakit yang berhubungan dengan vaksin menuju T28 Klik Penyakit umum menuju T29 Klik Link Berita menuju T04

PENYAKIT BERHUBUNGAN DENGAN VAKSIN PENYAKIT UMUM

Gambar 3.16 Tampilan Penyakit

HEADER

Warna Latar : Biru GAMBAR

T10 BAHASA

INGGRIS

(41)

HEADER

Warna Latar : Biru

GAMBAR

T11 BAHASA

INGGRIS

Klik Tentang Kami menuju T02 Klik Produk Kami menuju T03 Klik Berita menuju T04 Klik CSR menuju T05 Klik Foto & Video menuju T06 Klik Karir menuju T07 Klik Kegiatan menuju T08 Klik Penyakit menuju T09 Klik FAQ menuju T10 Klik Kontak Menuju T11 Klik Link Berita menuju T04

Gambar 3.18 Tampilan Kontak

HEADER

Warna Latar : Biru

GAMBAR

Klik profil Eksekutif menuju T16 Klik Penelitian dan Pengenembangan menuju T17 Klik Jaringan menuju T18 Klik Fasilitas menuju T19 Klik Link Berita menuju T04 VISI DAN MISI

GLOBAL

PENELTIAN DAN PENGEMBANGAN

(42)

HEADER

Warna Latar : Biru

GAMBAR

T13 BAHASA

INGGRIS

GLOBAL

Gambar 3.20 Tampilan Peran Nasional & Global

HEADER

Warna Latar : Biru

GAMBAR

GLOBAL

(43)

HEADER

Warna Latar : Biru

GAMBAR

T15 BAHASA

INGGRIS

GLOBAL

Gambar 3.22 Tampilan Sejarah Perusahaan

HEADER

Warna Latar : Biru

GAMBAR

GLOBAL

(44)

HEADER

Warna Latar : Biru

GAMBAR

BERANDA TENTANG KAMI PRODUK KAMI BERITA CSR FOTO&VIDEO KARIRKEGIATAN PENYAKIT FAQ KONTAK T17

GLOBAL

Gambar 3.24 Tampilan Penelitian dan Pengembangan

HEADER

Warna Latar : Biru

GAMBAR

T18 BAHASA

INGGRIS

GLOBAL

(45)

HEADER

Warna Latar : Biru

GAMBAR

T18 BAHASA

INGGRIS

GLOBAL

Gambar 3.26 Tampilan Fasilitas

HEADER

Warna Latar : Biru

GAMBAR

T20 BAHASA

INGGRIS

Klik Tentang Kami menuju T02 Klik Produk Kami menuju T03 Klik Berita menuju T04 Klik CSR menuju T05 Klik Foto & Video menuju T06 Klik Karir menuju T07 Klik Kegiatan menuju T08 Klik Penyakit menuju T09 Klik FAQ menuju T10 Klik Kontak Menuju T11 Klik Vaksin Virus menuju T20 Klik Vaksin bakteri menuju T21 Klik Vaksin Kombinasi menuju T22 Klik Serum menuju T23 Klik Diagnostik menuju T24 Klil Layanan menuju T25 Klik Link Berita menuju T04

VAKSIN VIRUS

(46)

HEADER

Warna Latar : Biru

GAMBAR

BERANDA TENTANG KAMI PRODUK KAMI BERITA CSR FOTO&VIDEO KARIRKEGIATAN PENYAKIT FAQ KONTAK T21

Gambar 3.28 Tampilan Vaksin Bakteri

HEADER

Warna Latar : Biru

GAMBAR

T22 BAHASA

INGGRIS

(47)

HEADER

Warna Latar : Biru

GAMBAR

T23 BAHASA

INGGRIS

Klik Tentang Kami menuju T02 Klik Produk Kami menuju T03 Klik Berita menuju T04 Klik CSR menuju T05 Klik Foto & Video menuju T06 Klik Karir menuju T07 Klik Kegiatan menuju T08 Klik Penyakit menuju T09 Klik FAQ menuju T10 Klik Kontak Menuju T11 Klik Vaksin Virus menuju T20 Klik Vaksin bakteri menuju T21 Klik Vaksin Kombinasi menuju T22 Klik Serum menuju T23 Klik Diagnostik menuju T24 Klil Layanan menuju T25 Klik Link Berita menuju T04

VAKSIN VIRUS

Gambar 3.30 Tampilan Serum

HEADER

Warna Latar : Biru

GAMBAR

T24 BAHASA

INGGRIS

(48)

HEADER

Warna Latar : Biru

GAMBAR

T25 BAHASA

INGGRIS

Gambar 3.32 Tampilan Layanan

HEADER

Warna Latar : Biru

GAMBAR

Klik Tentang Kami menuju T02 Klik Produk Kami menuju T03 Klik Berita menuju T04 Klik CSR menuju T05 Klik Foto & Video menuju T06 Klik Karir menuju T07 Klik Kegiatan menuju T08 Klik Penyakit menuju T09 Klik FAQ menuju T10 Klik Kontak Menuju T11 Klik PKBL menuju T26 Klik Lainnya menuju T27 Klik Link berita menuju T04

PKBL

(49)

HEADER

Warna Latar : Biru

GAMBAR

T27 BAHASA

INGGRIS

Klik Tentang Kami menuju T02 Klik Produk Kami menuju T03 Klik Berita menuju T04 Klik CSR menuju T05 Klik Foto & Video menuju T06 Klik Karir menuju T07 Klik Kegiatan menuju T08 Klik Penyakit menuju T09 Klik FAQ menuju T10 Klik Kontak Menuju T11 Klik PKBL menuju T26 Klik Lainnya menuju T27 Klik Link berita menuju T04 PKBL

LAINNYA

Gambar 3.34 Tampilan CSR Lainnya

HEADER

Warna Latar : Biru

GAMBAR

T28 BAHASA

INGGRIS

(50)

HEADER

Warna Latar : Biru

GAMBAR

Gambar 3.36 Tampilan Penyakit Umum

Nama Form : T30

Warna Latar : Biru

Logo Bio Farma

Mewujudkan Strategi Riset Nasional Dalam Kemandirian Produksi Vaksin

Silahkan Login terlebih dahulu Login

Username

password

Login T30

(51)

Nama Form : T31

Warna Latar : Biru

Logo Bio Farma

Visi dan Misi PT. Bio Farma (Pesero) Menu

Beranda Lihat Kontak T31

Klik Berana menuju T31 Klik Lihat Kontak menuju T33 Klik Logout menuju T30

Logout

Gambar 3.38 Tampilan Beranda pada Halaman Admin

Nama Form : T32

Warna Latar : Biru

Pesan gagal login T32

(52)

Nama Form : T33

Warna Latar : Biru

Logo Bio Farma

Menu Beranda Lihat Kontak T33

Klik Berana menuju T31 Klik Lihat Kontak menuju T33 Klik Logout menuju T30

Logout

Nama Email Pesan

Gambar 3.40 Tampilan Kontak Pada Halaman Admin

3.3.2 Tampilan Hasil Akhir

(53)

Gambar 3.42 Tampilan Tentang Kami

(54)

Gambar 3.44 Tamilan Peran Nasional dan global

(55)

Gambar 3.46 Tampilan Sejarah Perusahaan

(56)

Gambar 3.48 Tampilan Penelitian dan Pengembangan

(57)

Gambar 3.50 Tampilan Fasilitas

(58)

Gambar 3.52 Tampilan Virus Vaksin

(59)

Gambar 3.54 Tampilan Virus Kombinasi

(60)

Gambar 3.56 Tampilan Layanan

(61)

Gambar 3.58 Tampilan CSR

(62)

(63)

Gambar 3.62 Tampilan FAQ

(64)

(65)

4.1 Kesimpulan

Berdasarkan analisis yang penulis buat maka penulis dapat mengambil

kesimpulan sebagai berikut :

1. Setelah mendesain ulang tampilan website utama PT. Bio Farma

(Persero), website lebih menarik dan lebih ringan ketika dibuka karena

membutuhkan bandwidth yang tidak terlalu besar.

2. Ditambahkan pula fitur baru yang dapat memudahkan pemakaian

website oleh user.

3. Terakhir analisis website PT. Bio Farma (Persero) yang dibuat penulis

dapat berguna di PT. Bio Farma (Persero).

4.2 Saran

Berdasarkan informasi yang penulis dapat, serta kesimpulan yang telah

diuraikan sebelumnya, maka saran-saran yang dapat penulis berikan sebagai

berikut :

1. Setelah hasil desain ulang website PT. Bio Farma (Persero) penulis

berharap website dapat terus dikembangkan ke arah yang lebih baik.

2. Dengan hasil desain ulang website PT. Bio Farma (Persero) dapat

(66)

KERJA PRAKTEK

Diajukan Untuk Memenuhi Syarat Mata Kuliah Kerja Praktek Program Strata I Jurusan Teknik Informatika

Fakultas Teknik Dan Ilmu Komputer Universitas Komputer Indonesia

RIYAN ROYAN 1.01.08.339 RUDY GUNTARA 1.01.08.342

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER

(67)

[1] Biofarma. 2011. PT. Biofarma (Persero). http://www.biofarma.co.id.

[2] Kendall, E. Kenneth and Julie E. Kendall. 2011. System Analysis and

Design Eighth Edition. New Jersey. Pearson.

[3] Sutanta, Edhy. 2004. Sistem Basis Data. Yogyakarta. Graha Ilmu.

[4] Universitas Gadjah Mada. 2012. Data Flow Diagram.

http://mti.ugm.ac.id/~panji/dinus/rpl/DATA%20FLOW%20DIAGRAM% 201.doc

(68)

Puji syukur saya ucapkan atas kehadirat Allah SWT, karena dengan

rahmat dan karunia-Nya saya masih diberi kesempatan untuk menyelesaikan

laporan kegiatan kerja praktek yang bertempat di PT Bio Farma (Persero)

sesuai dengan waktu yang telah ditentukan.

Penulisan laporan ini diajukan untuk memenuhi salah satu syarat

menyelesaikan Mata Kuliah Kerja Praktek Program Strata (S-1) Teknik

Informatika di Universitas Komputer Indonesia.

Penulis mengucapkan terima kasih yang setulus-tulusnya dan tidak

terhingga kepada :

1. Allah SWT atas segala rahmat dan karunia-Nya.

2. Orang Tua tercinta beserta seluruh keluarga yang dengan segala kasih

sayang dan doa untuk keberhasilan penulis.

3. Bapak Ir. Eddi Soeryanto Soegoto, M.Sc., selaku rektor Universitas

Komputer Indonesia.

4. Prof. Dr. Denny Kurniadie, Ir., M.Sc, selaku dekan Fakultas Teknik

dan Ilmu Komputer Universitas Komputer Indonesia.

5. Ibu Mira Kania Sabariah, S.T., M.T, selaku Ketua Jurusan Teknik

Informatika Universitas Komputer Indonesia.

6. Bapak Andri Heryandi, S.T., M.T., selaku dosen wali.

7. Seluruh Dosen Pengajar, Staff, dan Karyawan Universitas Komputer

Indonesia.

8. Bapak Dede Wanda S.Kom., M.Kom., selaku Pembimbing di PT. Bio

Farma (Persero).

9. Seluruh Staff dan Karyawan PT Bio Farma (Persero).

(69)

Penulis menyadari bahwa dalam penulisan kegiatan kerja praktek ini

masih banyak kekurangan, oleh sebab itu penulis sangat mengharapkan kritik

dan saran yang membangun. Maka, semoga dengan selesainya laporan

kegiatan kerja praktek ini dapat bermanfaat bagi pembaca dan teman-teman.

Terima Kasih.

Bandung, Februari 2012

(70)