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

(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

website utama PT. Bio Farma (Persero).

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 website utama PT. Bio Farma (Persero).

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

(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 kembali menjadi tempat berlokasinya kegiatan produksi vaksin dan sera.

(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, atau mendapatkan pekerjaan secara on-line dan lainnya.

(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 pula mengimplementasikan mekanisme pengaksesan melalui protokol HTTPS.

(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

Membuat record 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 entitas pada himpunan entitas B, demikian juga sebaliknya.

(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 sedang berjalan :

(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

Website Biofarma pengunjung

(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 (pengunjung dan admin). Sistem ini juga memiliki fungsi seperti dibawah ini :

(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 bawah ini :

(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 Penggunakan pustaka tertentu yang hanya terdapat

(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 yang dibuat akan menghasilkan sumber informasi yang dibutuhkan dan tujuan

(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 foto & video

informasi kritik saran informasi produk

informasi kegiatan informasi csr informasi berita informasi foto & video

informasi karir informasi penyakit

informasi faq informasi profil

data login

informasi login 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 login kembali.

(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 3 data login informasi login data admin informassi admin

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 T_admin informasi produk informasi kegiatan informasi csr informasi berita informasi foto & video

informasi karir informasi penyakit informasi faq T_kritk saran 2 1

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 foto & video 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

vi ew kegi atan

vi ew csr

vi ew foto & vi deo

vi ew kari r

vi ew penyaki t

vi ew faq 3.8 3.5 3.3

3.6

3.7 3.2

(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

Algoritma 1. Pengunjung mengakses website PT. Bio Farma

(Persero).

2. Pengunjung mengakses menu produk pada website PT.

Bio Farma (Persero).

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

(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

Algoritma 1. Pengunjung mengakses website PT. Bio Farma

(Persero).

2. Pengunjung mengakses menu kegiatan pada website PT.

Bio Farma (Persero).

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

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

website PT. Bio Farma (Persero).

Input Pengunjung  alamat halaman csr

Output Pengunjung  informasi csr

Algoritma 1. Pengunjung mengakses website PT. Bio Farma

(Persero).

2. Pengunjung mengakses menu CSR pada website PT. Bio

Farma (Persero).

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

(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

Algoritma 1. Pengunjung mengakses website PT. Bio Farma

(Persero).

2. Pengunjung mengakses menu foto & video pada website

PT. Bio Farma (Persero).

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

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

Algoritma 1. Pengunjung mengakses website PT. Bio Farma

(Persero).

2. Pengunjung mengakses menu karir pada website PT. Bio

Farma (Persero).

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

(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

Algoritma 1. Pengunjung mengakses website PT. Bio Farma

(Persero).

2. Pengunjung mengakses menu penyakit pada website PT.

Bio Farma (Persero).

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

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

Algoritma 1. Pengunjung mengakses website PT. Bio Farma

(Persero).

2. Pengunjung mengakses menu FAQ pada website PT.

Bio Farma (Persero).

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

(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 hapus maka akan ter-update ke T_kritik saran.

(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 website PT. Bio Farma (Persero).

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 penyakit yang diakibatkan oleh Vaksin/Sera.

(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

email pesan

(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 LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T02

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 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBOOK TWITTER

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 PENELTIAN DAN PENGEMBANGAN PROFIL EKSEKUTIF SEJARAH PERUSAHAAN FASILITAS JARINAGN

(37)

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T03

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

T03 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK 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 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 VASKIN KOMBINASI VAKSIN BAKTERI LAYANAN DIAGNOSTIK SERUM

Gambar 3.10 Tampilan Produk Perusahaan

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T04

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 T04 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

(38)

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T05

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 T05 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

PKBL

LAINNYA

Gambar 3.12 Tampilan CSR

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T06

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

T06 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

(39)

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T07

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 T07 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

Gambar 3.14 Tampilan Karir

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T08

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

Warna Latar : Biru

GAMBAR

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

T08 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

(40)

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T09

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

T09 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK 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 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 LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T10

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

Warna Latar : Biru GAMBAR

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

T10 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

(41)

HEADER LOGO

GAMBAR BERITA

LINK BERITA

Nama Form : T11

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

Warna Latar : Biru

GAMBAR

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

T11 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER Nama Email Pesan Button Submit Reset

Gambar 3.18 Tampilan Kontak

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T12

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 T12 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

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 Klik Link Berita menuju T04 VISI DAN MISI

PENGHARGAAN PERAN NASIONAL &

GLOBAL PENELTIAN DAN PENGEMBANGAN PROFIL EKSEKUTIF SEJARAH PERUSAHAAN FASILITAS JARINAGN

(42)

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T13

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

Warna Latar : Biru

GAMBAR

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

T13 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

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 Klik Link Berita menuju T04 VISI DAN MISI

PENGHARGAAN PERAN NASIONAL &

GLOBAL PENELTIAN DAN PENGEMBANGAN PROFIL EKSEKUTIF SEJARAH PERUSAHAAN FASILITAS JARINAGN

Gambar 3.20 Tampilan Peran Nasional & Global

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T14

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 T14 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

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 Klik Link Berita menuju T04 VISI DAN MISI

PENGHARGAAN PERAN NASIONAL &

GLOBAL PENELTIAN DAN PENGEMBANGAN PROFIL EKSEKUTIF SEJARAH PERUSAHAAN FASILITAS JARINAGN

(43)

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T15

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

T15 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

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 Klik Link Berita menuju T04 VISI DAN MISI

PENGHARGAAN PERAN NASIONAL &

GLOBAL PENELTIAN DAN PENGEMBANGAN PROFIL EKSEKUTIF SEJARAH PERUSAHAAN FASILITAS JARINAGN

Gambar 3.22 Tampilan Sejarah Perusahaan

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T16

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 T16 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

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 Klik Link Berita menuju T04 VISI DAN MISI

PENGHARGAAN PERAN NASIONAL &

GLOBAL PENELTIAN DAN PENGEMBANGAN PROFIL EKSEKUTIF SEJARAH PERUSAHAAN FASILITAS JARINAGN

(44)

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T17

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

Warna Latar : Biru

GAMBAR

BERANDA TENTANG KAMI PRODUK KAMI BERITA CSR FOTO&VIDEO KARIRKEGIATAN PENYAKIT FAQ KONTAK T17 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

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 Klik Link Berita menuju T04 VISI DAN MISI

PENGHARGAAN PERAN NASIONAL &

GLOBAL PENELTIAN DAN PENGEMBANGAN PROFIL EKSEKUTIF SEJARAH PERUSAHAAN FASILITAS JARINAGN

Gambar 3.24 Tampilan Penelitian dan Pengembangan

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T18

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

T18 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

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 Klik Link Berita menuju T04 VISI DAN MISI

PENGHARGAAN PERAN NASIONAL &

GLOBAL PENELTIAN DAN PENGEMBANGAN PROFIL EKSEKUTIF SEJARAH PERUSAHAAN FASILITAS JARINAGN

(45)

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T18

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

Warna Latar : Biru

GAMBAR

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

T18 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

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 Klik Link Berita menuju T04 VISI DAN MISI

PENGHARGAAN PERAN NASIONAL &

GLOBAL PENELTIAN DAN PENGEMBANGAN PROFIL EKSEKUTIF SEJARAH PERUSAHAAN FASILITAS JARINAGN

Gambar 3.26 Tampilan Fasilitas

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T20

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

Warna Latar : Biru

GAMBAR

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

T20 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

VAKSIN VIRUS VASKIN KOMBINASI VAKSIN BAKTERI LAYANAN DIAGNOSTIK SERUM

(46)

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T21

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

Warna Latar : Biru

GAMBAR

BERANDA TENTANG KAMI PRODUK KAMI BERITA CSR FOTO&VIDEO KARIRKEGIATAN PENYAKIT FAQ KONTAK T21 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

Gambar 3.28 Tampilan Vaksin Bakteri

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T22

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

Warna Latar : Biru

GAMBAR

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

T22 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

(47)

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T23

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

T23 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

VAKSIN VIRUS VASKIN KOMBINASI VAKSIN BAKTERI LAYANAN DIAGNOSTIK SERUM

Gambar 3.30 Tampilan Serum

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T24

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

T24 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

(48)

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T25

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

T25 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

Gambar 3.32 Tampilan Layanan

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T26

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 T26 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

PKBL

(49)

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T27

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

Warna Latar : Biru

GAMBAR

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

T27 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK TWITTER

LAINNYA

Gambar 3.34 Tampilan CSR Lainnya

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T28

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

T28 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK 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 Penyakit yang berhubungan dengan vaksin menuju T28 Klik Penyakit umum menuju T29 Klik Link Berita menuju T04

PENYAKIT BERHUBUNGAN DENGAN VAKSIN PENYAKIT UMUM

(50)

HEADER LOGO ISI GAMBAR BERITA GAMBAR BERITA LINK BERITA

Nama Form : T29

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 T29 BAHASA INGGRIS BAHASA INDONE SIA YOUTUB E FACEBO OK 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 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.36 Tampilan Penyakit Umum

Nama Form : T30

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

Warna Latar : Biru

Logo Bio Farma

Mewujudkan Strategi Riset Nasional Dalam Kemandirian Produksi Vaksin

Silahkan Login terlebih dahulu Login

Username

password

(51)

Nama Form : T31

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

Warna Latar : Biru

Logo Bio Farma

Mewujudkan Strategi Riset Nasional Dalam Kemandirian Produksi Vaksin

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

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

Warna Latar : Biru

Pesan gagal login T32

(52)

Nama Form : T33

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

Warna Latar : Biru

Logo Bio Farma

Mewujudkan Strategi Riset Nasional Dalam Kemandirian Produksi Vaksin

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

UNIVERSITAS KOMPUTER INDONESIA

BANDUNG

(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)

(71)

(1)