Pembuatan Web Profile Di CV. Pramega Hanitama

(1)

CV. Pramega Hanitama merupakan suatu perusahaan yang bergerak di bidang teknologi informasi dan komunikasi, yaitu jasa Total IT Solution, IT & Manajemen Training dan Konsultasi Manajemen & Engineering, dimana dalam perkembangannya ke depan tidak menutup kemungkinan untuk bergerak di bidang lainnya.

Mekanisme yang digunakan CV. Pramega Hanitama dalam mendapatkan proyek-proyek baik dari pemerintah maupun pihak swasta yaitu lewat pembicaraan dari satu perusahaan ke perusahaan lainnya yang pernah memberikan proyek ke CV. Pramega Hanitama dan merasa puas terhadap hasil yang diberikan CV. Pramega Hanitama. Selama ini CV. Pramega Hanitama menggunakan persentasi sebagai cara memperkenalkan perusahaan ke instansi lain pada saat ada acara lelang proyek ataupun acara lainnya. Namun, terkadang masih terdapat kendala dalam memperkenalkan CV. Pramega Hanitama dengan pengalaman kerja yang pernah dikerjakan ke masyarakat luas ataupun relasi bisnis karena kurangnya promosi dalam bentuk apapun .

(2)

1.2 Perumusan Masalah

Dengan melihat latar belakang masalah, maka permasalahan CV. Pramega Hanitama yang diangkat antara lain sebagai berikut :

1. Informasi yang didapat oleh masyarakat tentang adanya CV. Pramega Hanitama sangat kurang karena belum adanya promosi yang memadai. 2. Bagaimana membangun sebuah web profile yang dapat memperkenalkan

CV. Pramega Hanitama dengan pengalaman kerja yang pernah didapat ke masyarakat luas.

1.3 Maksud dan Tujuan

Maksud dan tujuan dalam suatu masalah harus saling berkaitan satu sama lain.

1.3.1 Maksud

Maksud dari pembuatan web perusahaan ini adalah :

1. Untuk memperkenalkan CV. Pramega Hanitama ke masyarakat luas dan perusahaan lain juga kalangan bisnis.

2. Membantu dalam usaha pengembangan CV. Pramega Hanitama yang baru berkembang.

1.3.2 Tujuan

Berdasarkan latar belakang masalah, tujuan perancangan sistem dalam kegiatan ini adalah :

1. Memberikan informasi kepada masyarakat tentang adanya CV. Pramega Hanitama yang bekerja di bidang Consultant IT.

2. Web ini diharapkan dapat membuka relasi bisnis untuk CV. Pramega Hanitama dengan perusahaan atau instansi lain dalam mempromosikan produk dan jasa yang ditawarkan CV. Pramega Hanitama.

1.4 Batasan Masalah

(3)

1. Data yang diolah yaitu data profil perusahaan, data pengalaman kerja, dan data produk juga service yang dikelola perusahaan.

2. Proses yang terdapat pada aplikasi web profile ini adalah pengolahan data profil perusahaan, pengolahan data pengalaman kerja yang selalu diperbaharui setiap mendapat proyek baru dan pengolahan data produk juga service yang dikelola perusahaan.

3. Keluaran yang dihasilkan berupa informasi pengalaman kerja dan produk serta service tyang ditawarkan CV. Pramega Hanitama.

4. Aplikasi ini dibangun menggunakan Macromedia Dreamweaver 8, dan MySql.

5. Model analisis perangkat lunak yang digunakan adalah Data Flow Diagram(DFD) dan Entity Relationalship Diagram(ERD).

1.5 Metode Penelitian

Penelitian ini menggunakan metode analisis deskriptif kualitatif, yaitu memaparkan permasalahan melalui analisis dari hasil studi literatur dan studi lapangan, sehingga tercipta gambaran mengenai permasalahan. Untuk mempermudah menggambarkan permasalahan, dilakukan dua tahap yaitu, tahap pengumpulan data dan tahap pembuatan perangkat lunak yang dapat diuraikan sebagai berikut :

1.5.1 Tahap Pengumpulan Data

Tahap pengumpulan data adalah tahap dimana mengumpulkan semua data yang berkaitan dengan masalah yang diatangani. Tahap pengumpulan data dilakukan dengan 2 cara yaitu studi literatur dan studi lapangan.

1.5.1.1 Studi Literatur

a. Mengambil data dari berbagai sumber

(4)

dibangun di CV. Pramega Hanitama, seperti dari internet, buku, artikel ilmiah, dll.

1.5.1.2 Studi Lapangan

a. Melakukan wawancara dengan pihak terkait

Wawancara merupakan tahap pengumpulan data yang dilakukan dengan cara melakukan tanya jawab dengan Manajer Divisi IT yang bertujuan untuk memperoleh informasi tentang apa saja yang ingin ditampilkan dalam web perusahaan CV. Pramega Hanitama, sehingga dapat dilakukan analisis untuk pembuatan web yang akan dirancang dan dibangun.

b. Observasi Langsung

Observasi merupakan tahap pengumpulan data yang dilakukan dengan cara mendatangi langsung ke CV. Pramega Hanitama yang berada di Jl. Kencana Wangi Dalam No. 14 Bandung, untuk melihat keadaan perusahaan dan kegiatan apa saja yang dilakukan oleh CV. Pramega Hanitama.

1.5.2 Tahap Pembuatan Perangkat Lunak

Tahap pembuatan perangkat lunak yang digunakan adalah metode

Classical Life Cycle (CLC) atau yang biasa disebut dengan Waterfall. Adapun tahap-tahap pengembangan yang digunakan terdapat pada gambar 1.1 diantaranya adalah sebagai berikut :

1. Rekayasa dan pemodelan sistem/informasi (System engginering)

Pembuatan suatu perangkat lunak yang merupakan bagian terbesar dari pengerjaan suatu proyek. Untuk pekerjaan dimulai dengan menempatkan segala hal yang diperlukan dalam pelaksanaan proyek.

2. Analisis perangkat Lunak (Software Analysis)

(5)

menentukan prosedur-prosedur yang bekerja. Adapun fungsi-fungsi tersebut meliputi fungsi masukan, fungsi proses dan fungsi keluaran. 3. Perancangan perangkat Lunak (Software Design)

Perancangan perangkat lunak merupakan perancangan perangkat lunak yang dilakukan berdasarkan data-data yang telah dikumpulkan pada tahap sebelumnya. Perancangan tersebut meliput perancangan struktur file, stuktur menu, stuktur program, format masukan (input) dan format keluaran (output).

4. Implementasi perangkat lunak (Coding)

Implementasi perangkat lunak yaitu kegiatan yang mengimplementasikan hasil dari perancangan perangkat lunak ke dalam kode program yang dimengerti oleh bahasa mesin.

5. Pengujian perangkat lunak (Testing)

Memfokuskan pada logika internal dari perangkat lunak, fungsi eksternal, dan mencari segala kemungkinan kesalahan, memeriksa apakah input sesuai dengan hasil yang diinginkan setelah proses.

6. Pemeliharaan (Maintenance)

Penerapan secara keseluruhan disertai pemeliharaan jika terjadi perubahan struktur baik dari segi software maupun hardware.

(6)

1.6 Sistematika Penulisan

Sistematika pembahasan dari penulisan laporan kerja praktek ini terbagi atas empat bagian utama. Alur pembahasannya, akan disajikan dengan sistematika sebagai berikut :

BAB I PENDAHULUAN

Pada bab ini menjelaskan tentang dasar-dasar pemikiran yang berisi tentang latar belakang masalah, identifikasi dan batasan masalah, maksud dan tujuan, metodologi penelitian, serta sistematika penulisan.

BAB II TINJAUAN PUSTAKA

Pada bab ini memaparkan tentang profil tempat kerja praktek seperti sejarah instansi, visi misi, logo dan badan hukum, teori-teori yang menunjang dalam pembuatan dan perancangan serta sebagai acuan dalam pembuatan web, sehingga perancangan tersebut sesuai dengan teori yang sudah ada.

BAB III PEMBAHASAN

Pada bab ini menjelaskan tentang pembuatan dan perancangan web profile yang dikerjakan untuk CV. Pramega Hanitama.

BAB IV KESIMPULAN DAN SARAN

(7)

Waktu pelaksanaan kerja praktek dimulai dari tanggal 26 Juli 2010 sampai

dengan 24 Agustus 2010 dengan hari kerja mulai dari senin hingga jum’at mulai

dari pukul 09.00 wib hingga 16.00 wib.

Lokasi pelaksanaan kerja praktek yaitu CV. Pramega Hanitama yang beralamat di Jalan Kencana Wangi Dalam No. 14 Bandung, No Telp 022-7276154, Fax. 022-7506471.

3.2 Analisis Masalah

Analisis dapat didefinisikan sebagai penguraian dari suatu masalah yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk memudahkan mengevaluasi kekurangan–kekurangan yang ada, sehingga dapat diusulkan perbaikan yang jauh lebih baik.

Analisis permasalahan pembuatan web profile di CV. Pramega Hanitama adalah masih menggunakan media persentasi berupa brosur untuk memperkenalkan CV. Pramega Hanitama.

3.2.1 Analisis Prosedur yang sedang berjalan

Analisis prosedur digunakan untuk menganalisa proses-proses yang terjadi yaitu memahami seluruh informasi yang terdapat pada suatu sistem, menganalisa situasi untuk mengetahui apa yang sedang terjadi, serta memutuskan tindakan apa yang harus dilakukan untuk memecahkan masalah. Analisa prosedur yang sedang berjalan akan digambarkan dalam bentuk

flowmap.

(8)

1. Manajer memberikan data profile CV yang akan dijadikan bahan untuk informasi yang ada di dalam brosur ke pegawai.

2. Pegawai membuat sketsa brosur profile CV.

3. Pegawai memberikan hasil sketsa yang telah dibuat ke Manajer dan menyimpan data profile CV yang diberikan ke dalam arsip.

4. Manajer melakukan persetujuan pada sketsa brosur dan menyerahkan kembali sketsa brosur yang telah disetujui ke pegawai.

5. Pegawai memberikan hasil sketsa yang telah disetujui untuk dibuat ke bagian percetakan.

6. Bagian percetakan membuat brosur dari hasil sketsa brosur dan menghasilkan file berupa brosur profile CV.psd yang siap dicetak.

7. Bagian percetakan melakukan pencetakan brosur profile CV.psd yang telah siap dicetak sejumlah n.

8. Bagian percetakan menyerahkan hasil brosur profile CV yang telah dicetak sejumlah n ke pegawai untuk siap diterbitkan.

Berdasarkan tahapan tersebut, maka terbentuklah prosedur yang terpaparkan dalam flowmap prosedur promosi CV. Pramega Hanitama pada gambar 3.1.

(9)

Flowmap Promosi CV. Pramega Hanitama profile CV yang

telah dibuat

Sketsa brosur profile CV yang

tidak disetujui

tidak disetujui 1

telah dibuat profile CV yang

disetujui

Brosur profile CV yang siap diterbitkan

1

Brosur profile CV yang siap

A1 : Arsip Data Profile CV

A2 : Arsip Brosur Profile yang telah mengalami proses pencetakan

Gambar 3.1 Flowmap promosi di CV. Pramega Hanitama

3.2.2 Analisis Kebutuhan Non Fungsional

(10)

yang dilakukan dibagi dalam 3 tahap, yaitu analisis kebutuhan perangkat keras, perangkat lunak dan perangkat pikir atau pengguna (user).

3.2.2.1 Analisis Kebutuhan Perangkat Keras

Perangkat keras yang dimiliki oleh CV. Pramega Hanitama ada 4 unit komputer dengan spesifikasi yang sama, yaitu:

1. Processor Intel Pentium IV 3,00 GHz 2. Memory (RAM) 1 GB DDR 2

3. Hardisk 80 GB 4. Monitor 17"

5. Optical Drive DVD±RW 6. Mouse dan keyboard

Sedangkan spesifikasi perangkat keras yang dibutuhkan untuk dapat menjalankan aplikasi yang akan dibangun memiliki spesifikasi sebagai berikut :

1. PC yang terhubung dengan koneksi internet. 2. Monitor,Keyboard dan mouse

3. Selebihnya, aplikasi ini tidak membutuhkan antarmuka perangkat keras yang spesifik.

Spesifikasi perangkat keras yang dimiliki CV. Pramega Hanitama sudah memenuhi syarat untuk pembutan web profile yang akan dibuat. 3.2.2.2 Analisis Kebutuhan Perangkat Lunak

Perangkat lunak merupakan hal yang penting dalam mendukung kinerja sebuah aplikasi web profile, perangkat lunak yang digunakan di bagian front office di CV. Pramega Hanitama adalah sebagai berikut : 1. Microsoft Windows XP Profesional Service Pack 2

2. Browser Mozilla Firefox 3.5

(11)

1. Microsoft Windows XP sebagai sistem operasi yang digunakan untuk menjalankan aplikasi.

2. Browser Mozilla Firefox 3.5

Perangkat lunak yang terdapat di CV. Pramega Hanitama sudah memenuhi syarat untuk membangun web profile yang akan dibuat.

3.2.2.3 Analisis Jaringan

CV. Pramega Hanitama saat ini telah menggunakan jaringan komputer. Topologi jaringan yang digunakan pada CV. Pramega Hanitama adalah star, dimana sebuah hub berfungsi untuk menggabungkan beberapa komputer menjadi satu buah kelompok jaringan. hub adalah sebuah pemisah sinyal (signal splitter).

Model hubungan jaringan di CV. Pramega Hanitama menggunakan model hubungan LAN (Local Area Network). Sedangkan untuk provider internet yang digunakan adalah Telkom speedy dengan kecepatan

bandwitch up to 3.1 Mbps.

3.2.2.4 Analisis Kebutuhan Pengguna

Analisis pengguna digunakan untuk mempermudah menggunakan aplikasi yang dibuat.

1. Fakta Lapangan

Fakta lapangan yang terjadi di CV. Pramega Hanitama adalah tidak adanya admin untuk mengelola web profile dikarenakan CV. Pramega Hanitama selama ini belum menggunakan web profile sebagai media promosi ke masyarakat luas.

2. Kebutuhan Pengguna

(12)

1. Admin Website

Admin website bertugas untuk mengelola dan bertanggung jawab terhadap keseluruhan data yang diolah dalam web profile, keahlian yang harus dimiliki oleh seorang admin, yaitu :

a. Mempunyai kemampuan dasar di bidang komputer. b. Mengerti dasar-dasar internet.

c. Terbiasa menggunakan browser seperti Internet Explorer atau Mozilla Firefox.

2. Pengunjung Website

Pengguna website merupakan orang yang mendapatkan informasi dari website yang dikunjungi, keahlian yang perlu dimiliki oleh pengunjung website yaitu :

a. Terbiasa menggunakan komputer

Terbiasa menggunakan browser seperti Internet Explorer atau Mozilla Firefox.

3. Evaluasi

Evaluasi yang dilakukan setelah adanya web profile di CV. Pramega Hanitama adalah untuk bagian admin dapat dengan mudah mengelola data mengenai CV. Pramega Hanitama untuk diinformasikan ke masyarakat luas sedangkan untuk bagian user sebagai pengunjung website dapat dengan leluasa untuk mengakses web profile kapan pun dan dimana pun untuk mengetahui perkembangan CV. Pramega Hanitama atau menginginkan adanya kerjasama dengan CV. Pramega Hanitama sebagai rekan bisnis.

3.2.3 Analisis Basis Data

Basis data merupakan kumpulan file-file yang yang mempunyai kaitan satu sama lain sehingga membentuk kesatuan yang terintegrasi.

3.2.3.1 Enitity Relationalship Diagram (ERD)

(13)

penghubungnya, tujuan utama dari ERD adalah untuk mewakili obyek data dan hubungan antar entitas. ERD yang ada pada aplikasi pengolahan data produksi dapat dilihat pada gambar 3.2.

admin

Gambar 3.2 Entity Relationship Diagram (ERD) Web Profile CV. Pramega Hanitama

3.2.4 Analisis Fungsional

Analisis fungsional memaparkan bagaimana aliran data yang berjalan dari setiap prosedur yang sedang berjalan saat ini. Analisis fungsional sistem yang dilakukan yaitu menggambarkan sistem yang sedang berjalan dengan Diagram konteks dan DFD.

3.2.4.1 Diagram Konteks Web Profile

(14)

Gambar 3.3 Diagram Konteks Web Profile CV. Pramega Hanitama

3.2.4.2 DFD Level 0 Web Profile

DFD 0 memaparkan bagaimana aliran data yang terjadi dari setiap proses, serta dapat diturunkan sesuai dengan kebutuhan pembuatan web

profile yang dibangun. DFD level 0 dapat dilihat pada gambar 3.4.

(15)

3.2.4.3 DFD level 1 proses 1.2 Pengolahan Data Profile

DFD level 1 proses 1.2 menjelaskan turunan dari proses 1.2, yaitu pengolahan data profile dengan penurunannya yaitu tampil, tambah dan edit data profile. DFD level 1 proses 1.2 dapat dilihat pada gambar 3.5.

Gambar 3.5 DFD level 1 proses 1.2 Pengolahan data profile

3.2.4.4 DFD Level 1 proses 1.3 Pengolahan Data Product

DFD level 1 proses 1.3 menjelaskan turunan dari proses 1.3, yaitu pengolahan data product dengan penurunannya yaitu tampil, tambah dan edit data product. DFD level 1 proses 1.3 dapat dilihat pada gambar 3.6.

(16)

3.2.4.5 DFD Level 1 proses 1.4 Pengolahan Data Service

DFD level 1 proses 1.4 menjelaskan turunan dari proses 1.4, yaitu pengolahan data service dengan penurunannya yaitu tampil, tambah dan edit data service. DFD level 1 proses 1.4 dapat dilihat pada gambar 3.7.

Gambar 3.7 DFD Level 1 Proses 1.4 Pengolahan data service

3.2.4.6 DFD Level 1 proses 1.5 Pengolahan Data Experience

DFD level 1 proses 1.5 menjelaskan turunan dari proses 1.5, yaitu pengolahan data experience dengan penurunannya yaitu tampil, tambah dan edit data experience. DFD level 1 proses 1.5 dapat dilihat pada gambar 3.8.

(17)

3.2.4.7 Spesifikasi Proses

Spesifikasi proses memaparkan keterangan untuk setiap proses.

Tabel 3.1 Spesifikasi Proses

No Proses Keterangan

1 No Proses 1.1

Nama Proses Login

Source (sumber) Admin

Input Data Login admin

Output Info Validasi

Destination (Tujuan) Admin

Logika Proses 1. Admin memasukan data login

2. Jika username dan password benar, maka memasuki halaman utama

3. Jika username dan password salah tidak dapat memasuki halaman utama

2 No Proses 1.2.1

Nama Proses Tampil Data Profile

Input Data Profile

Output Informasi Data Profile

Logika Proses 1. Admin membuka menu profile 2. Admin melihat informasi data profile

3 No Proses 1.2.2

Nama Proses Tambah Data Profile

Source (sumber) 1.2.1 Tampil Data Profile, Admin

Output Data Profile

(18)

Logika Proses 1. Admin menambahkan data profile baru ke data profile

2. Jika penambahan data profile benar maka akan tersimpan ke dalam database

3. Jika tidak benar maka data tidak akan tersimpan

4 No Proses 1.2.3

Nama Proses Edit Data Profile

Source (sumber) 1.2.1 Tampil Data Profile, Admin

Output Data Profile

Logika Proses 1. Admin memilih data profile yang akan diedit

2. Data profile yang telah diedit akan tersimpan kembali ke dalam database

5 No Proses 1.3.1

Nama Proses Tampil Data Produk

Input Data Produk

Output Informasi Data Product

Logika Proses 1. Admin membuka menu product 2. Admin melihat informasi data product

6 No Proses 1.3.2

Nama Proses Tambah Data Product

Source (sumber) 1.3.1 Tampil Data Product, Admin

Input Data Product

Output Informasi Data Product

(19)

Logika Proses 1. Admin menambahkan data product baru ke data product

2. Jika penambahan data product benar maka akan tersimpan ke dalam database

7 No Proses 1.3.3

Nama Proses Edit Data Product

Source (sumber) 1.3.1 Tampil Data Product, Admin

Input Data Product

Output Data Produk

Logika Proses 1. Admin memilih data product yang akan diedit

2. Data product yang telah diedit akan tersimpan kembali ke dalam database

8 No Proses 1.4.1

Nama Proses Tampil Data Service

Input Data Service

Output Data Service

Logika Proses 1. Admin membuka menu service 2. Admin melihat informasi data service

9 No Proses 1.4.2

Nama Proses Tambah Data Service

Source (sumber) 1.4.1 Tampil Data Service, Admin

(20)

Logika Proses 1. Admin menambahkan data service baru ke data service

2. Jika penambahan data service benar maka akan tersimpan ke dalam database

10 No Proses 1.4.3

Nama Proses Edit Data Service

Source (sumber) 1.4.1 Tampil Data Service, Admin

Logika Proses 1. Admin memilih data service yang akan diedit

2. Data service yang telah diedit akan tersimpan kembali ke dalam database

11 No Proses 1.5.1

Nama Proses Tampil Data Experience

Input Data Experience

Output Data Experience

Logika Proses 1. Admin membuka menu profile 2. Admin melihat informasi data profile

12 No Proses 1.5.2

Nama Proses Tambah Data Experience

Source (sumber) 1.5.1 Tampil Data Experience, Admin

(21)

Logika Proses 1. Admin menambahkan data experience baru ke data experience

2. Jika penambahan data experience benar maka akan tersimpan ke dalam database 3. Jika tidak benar maka data tidak akan

tersimpan

13 No Proses 1.5.3

Nama Proses Edit Data Experience

Source (sumber) 1.5.1 Tampil Data Experience, Admin

Logika Proses 1. Admin memilih data experience yang akan diedit

2. Data experience yang telah diedit akan tersimpan kembali ke dalam database 3.2.4.8 Kamus Data

Kamus data merupakan katalog fakta tentang data kebutuhan informasi yang digunakan untuk mendefinisikan data yang mengalir dalam sistem secara lengkap.

Tabel 3.2 Kamus Data

Kamus Keterangan

Nama

Where Used / How used

Deskripsi Struktur Data id_admin username password

Data Login Admin 1.1Login (input)

Berisi data login untuk Admin id_admin+username+ password [0..9]

(22)

nama Struktur Data id_profile nama_profile deskripsi filegambar

Data Profile

Pengolahan Data Profile(1.2), Tampil Data Profile (1.2.1), Edit Data Profile (1.2.3)

Berisi data profile

id_profile+ nama_profile+ deskripsi+ filegambar [0..9] Struktur Data

id_product Product (1.3.1), Edit Data Product (1.3.3)

Berisi data product

id_product+nama_product+nama_service+deskrip Struktur Data id_service nama_service macam_service

Data Service

Pengolahan Data Service(1.4), Tampil Data Service (1.4.1), Edit Data Service (1.4.3)

Berisi data service

id_service+nama_service+macam_service [0..9]

(23)

Nama

Where Used / How used

Deskripsi Struktur Data

id_exp

Pengolahan Data Experience(1.5), Tampil Data Experience (1.5.1), Edit Data Experience (1.5.3) Berisi data experience

Id_exp+paketpekerjaan+lokasi+penggunajasa+ala

3.3 Perancangan Data

Perancangan data mencakup diagram relasi, struktur tabel dan perancangan arsitektur perangkat lunak.

3.3.1 Diagram Relasi

(24)

product

Gambar 3.9 Skema Relasi Web Profile CV. Pramega Hanitama

3.3.2 Struktur Tabel

Struktur tabel yang dibangun daam aplikasi web ini, yaitu: a. Tabel admin

Tabel 3.3 Tabel Admin

Field Type

id_admin Int(11) PK

Username varchar(50)

Password varchar(50)

Nama varchar(50)

Level enum('admin', 'user')

b. Tabel Profile

Tabel 3.4 Tabel Profile

Field Type

id_profile Smallint(5) PK

id_admin Int(11) FK

nama_profile Varchar(50)

deskripsi Text

(25)

c. Tabel Product

Tabel 3.5 Tabel Product

d. Tabel Service

Tabel 3.6 Tabel Service

Field Type

id_service Smallint(5) PK

nama_service Varchar(100) macam_service Text

e. Tabel Experience

Tabel 3.7 Tabel Experience

Field Type

id_experience Smallint(5) PK

id_service Smallint(5) FK

nama_service Varchar(100) paketpekerjaan Varchar(120)

lokasi Varchar(30)

penggunajasa Varchar(100)

alamat Varchar(100)

telepon Varchar(20)

Field Type

id_product Smallint(5) PK

id_service Smallint(5) FK

nama_product Varchar(100)

deskripsi Text

(26)

nokontrak Varchar(30) nilaikontrak Varchar(20)

tgl Date

3.3.3 Perancangan Arsitektur Perangkat Lunak

Perancangan arsitektur perangkat lunak mencakup struktur keseluruhan perangkat lunak dan cara di mana struktur memberikan integrasi konseptual bagi suatu sistem. Perancangan arsitektur perangkat lunak dari terdiri dari :

3.3.3.1 Perancangan Struktur Menu

Perancangan menu dibuat dengan harapan agar pengguna dapat menggunakan aplikasi tanpa kesulitan.

1. Perancangan Struktur Menu Pengunjung

Perancangan struktur menu untuk pengunjung dapat dilihat pada gambar 3.9

Home

Menu Utama

Profile Product Service Expereince Admin

Gambar 3.10 Struktur Menu Pengunjung

2. Perancangan Struktur Menu Admin

(27)

3.3.3.2 Perancangan Antarmuka

Setelah melakukan perancangan data, maka dibuatlah perancangan antarmuka sebagai tempat tampilan data. Perancangan antarmuka dilakukan untuk mempermudah dalam mengimplementasikan sistem yang akan dibangun.

3.3.3.2.1 Perancangan Form

Perancangan form meliputi form-form yang terdapat dalam web profile CV.Pramega Hanitama yakni sebagai berikut

1. Perancangan Antarmuka Admin

Perancangan antarmuka admin terdiri dari perancangan antarmuka untuk halaman login, halaman utama (home), halaman profile dengan view, hapus dan edit, halaman product dengan view, hapus dan edit, halaman service dengan view, hapus dan edit, halaman experience dengan view, hapus dan edit dan halaman admin dengan view, hapus dan edit.

1. Perancangan Menu Login

Perancangan menu login dibuat untuk admin agar dapat mengakses aplikasi yang dibuat dan melakukan pengolahan data yang dapat dilihat dari gambar 3.12.

Klik Tombol Login, Jika akun ada akan masuk ke T02, jika tidak akan muncul

Ukuran 1024 x 768

warna sesuai dengan setting windows Warna tema orange – merah marun font 12 Arial

(28)

2. Perancangan Menu Utama

Perancangan menu utama dibuat untuk menampilkan halaman setelah login berhasil yang dapat dilihat dari gambar 3.13

Data Profile

- Klik Home untuk ke T02 - Klik Data Profile untuk ke T03A

- Klik Data Product untuk ke T04A

- Klik Data Service untuk ke T05A

- Klik Data Experience untuk ke T06A

- klik Data Admin untuk ke T07A

- Klik Logout untuk ke T01

Ukuran 1024 x 768

Logout Profile CV Product/Service Experience Admin Logout Home

Gambar 3.13 Perancangan Menu Utama

3. Perancangan Tampil Data Profile

Perancangan menu tampil data profile menampilkan data profile CV. Pramega Hanitama yang dapat dilihat dari gambar 3.14

- Klik Add Profile untuk ke T03B

Add Profile

Profile CV Product/Service Experience Admin Logout Home

(29)

4. Perancangan Tampil Data Product

Perancangan menu tampil data product menampilkan data product

yang ditawarkan CV. Pramega Hanitama yang dapat dilihat dari gambar 3.15

- Klik Logout untuk ke T01 - Klik Add Product untuk ke T04B

Add Product

Gambar 3.15 Perancangan Tampil Data Product

5. Perancangan Tampil Data Service

Perancangan menu tampil data service menampilkan data service yang ditawarkan CV. Pramega Hanitama yang dapat dilihat dari gambar 3.16

- Klik Add Service untuk ke T05B

Add Service

(30)

6. Perancangan Tampil Data Experience

Perancangan menu tampil data experience menampilkan data

experience yang telah dikerjakan oleh CV. Pramega Hanitama yang dapat dilihat dari gambar 3.17

- Klik Logout untuk ke T01 - Klik Add Experience untuk ke T06B

Add Experience

Gambar 3.17 Perancangan Tampil Data Experience

7. Perancangan Tampil Data Admin

Perancangan menu tampil data admin menampilkan data admin yang mengelola CV. Pramega Hanitama yang dapat dilihat dari gambar 3.18

(31)

8. Perancangan Tambah Data Profile

Perancangan menu tambah data profile dibuat untuk menambahkan data profile CV. Pramega Hanitama yang dapat dilihat dari gambar 3.19

- Klik Browse untuk mencari Gambar/bagan - Klik Save untuk menyimpan data dan kembali ke T03A - Klik Cancel untuk membatalkan dan kembali ke T03A

Gambar 3.19 Perancangan Tambah Data Profile

9. Perancangan Tambah Data Product

Perancangan menu tambah data product dibuat untuk menambahkan data product yang ditawarkan CV. Pramega Hanitama yang dapat dilihat dari gambar 3.20

- Klik Save untuk menyimpan data dan kembali ke T04A - Klik Cancel untuk membatalkan dan kembali ke T04A

(32)

10.Perancangan Tambah Data Service

Perancangan menu tambah data service dibuat untuk menambahkan data service yang ditawarkan CV. Pramega Hanitama yang dapat dilihat dari gambar 3.21

- Klik Logout untuk ke T01 - Klik Save untuk menyimpan data dan kembali ke T05A - Klik Cancel untuk membatalkan dan kembali ke T05A

Save Cancel

Nama Service Macam Service

Gambar 3.21 Perancangan Tambah Data Service

11.Perancangan Tambah Data Experience

Perancangan menu tambah data experience dibuat untuk menambahkan data experience yang pernah dikerjakan oleh CV. Pramega Hanitama yang dapat dilihat dari gambar 3.22

- Klik Save untuk menyimpan data dan kembali ke T06A - Klik Cancel untuk membatalkan dan kembali ke T06A

Paket Pekerjaan No Kontrak

Lokasi Nilai Kontrak

Tgl Selesai *) YYYY-MM-DD Profile CV Product/Service Experience Admin Logout Home

Save Cancel Pengguna Jasa

Alamat Telepon

(33)

3.3.3.3 Perancangan Pesan

Perancangan pesan pada pembangunan aplikasi meliputi pesan-pesan yang terdapat dalam admin CV. Pramega Hanitama yakni sebagai berikut :

LOGIN GAGAL

Ada kesalahan pada username atau password anda!! Silahkan masukkan kembali

username dan passwordnya.

M01

FORBIDDEN ACCESS!

Anda tidak berhak mengakses halaman ini

M02

!

Gambar 3.23 Perancangan Pesan

3.3.3.4 Jaringan Semantik

Setelah melakukan perancangan antarmuka dan perancangan pesan maka dilakukanlah perancangan terhadap hubungan antara form dan pesan. Untuk menggambarkan hubungannya digambarkan dalam sebuah jaringan semantic yang dijelaskan pada gambar 3.24.

T01

T02

T03A T04A T05A T06A

T03B T04B T05B T06B

M01

M02

Gambar 3.24 Jaringan Semantik

3.3.3.5 Perancangan Prosedural

(34)

3.3.3.5.1 Perancangan Prosedural Login

Cek Username & password Memasukan Username dan

Password

Login Salah

Masuk ke Menu Utama Login Benar

Gambar 3.25 Flowchart Login

3.4 Implementasi Sistem

Tujuan dari implementasi sistem adalah untuk mengkonfirmasikan modul program perancangan pada para pelaku sistem. Implementasi sistem mencakup pada implementasi perangkat keras, perangkat lunak dan basis data.

3.4.1 Implementasi Perangkat Keras

Spesifikasi perangkat keras minimal yang dibutuhkan untuk mengimplementasikan perangkat lunak antara lain:

1. Processor Intel Pentium IV 3,00 GHz 2. Memory (RAM) 1 GB DDR 2

3. Hardisk 80 GB 4. Monitor 17"

(35)

3.4.2 Implementasi Perangkat Lunak

Perangkat lunak yang dibutuhkan untuk mengimplementasikan aplikasi ini adalah:

1. Microsoft Windows XP Profesional Service Pack 2 2. Browser Mozilla Firefox 3.5

3.4.3 Implementasi Basis Data

Pembuatan basis data dilakukan dengan menggunakan aplikasi pemrograman MySql. Implementasi basis data yang ada yaitu :

1. Tabel Admin

CREATE TABLE IF NOT EXISTS `admin` (

`id_admin` int(11) NOT NULL AUTO_INCREMENT,

`username` varchar(50) NOT NULL,

`password` varchar(50) NOT NULL,

`nama` varchar(50) NOT NULL,

`level` enum('ADMIN','SUPERADMIN') NOT NULL,

PRIMARY KEY (`id_admin`)

) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=3

;

2. Tabel Profile

CREATE TABLE IF NOT EXISTS `profile` (

`id_profile` smallint(5) unsigned NOT NULL

AUTO_INCREMENT,

`nama_profile` varchar(50) NOT NULL,

`deskripsi` text NOT NULL,

`filegambar` varchar(100) DEFAULT NULL,

`dihapus` varchar(1) NOT NULL DEFAULT 'T',

PRIMARY KEY (`id_profile`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=6

;

3. Tabel Product

(36)

`id_product` smallint(5) unsigned NOT NULL

AUTO_INCREMENT,

`nama_product` varchar(100) NOT NULL,

`deskripsi` text NOT NULL,

`pelayanan` text NOT NULL,

PRIMARY KEY (`id_product`)

;

4. Tabel Service

CREATE TABLE IF NOT EXISTS `service` (

`id_service` smallint(5) unsigned NOT NULL

AUTO_INCREMENT,

`nama_service` varchar(100) NOT NULL,

`macam_service` text NOT NULL,

PRIMARY KEY (`id_service`)

;

5. Tabel Experience

CREATE TABLE IF NOT EXISTS `experience` (

`id_exp` smallint(5) unsigned NOT NULL AUTO_INCREMENT,

`paketpekerjaan` varchar(120) NOT NULL,

`lokasi` varchar(30) NOT NULL,

`penggunajasa` varchar(100) NOT NULL,

`alamat` varchar(100) NOT NULL,

`telepon` varchar(20) NOT NULL,

`nokontrak` varchar(30) NOT NULL,

`nilaikontrak` varchar(20) NOT NULL,

`tgl` date NOT NULL,

`dihapus` char(1) NOT NULL DEFAULT 'T',

PRIMARY KEY (`id_exp`)

(37)

3.4.4 Implementasi Antarmuka

Implementasi antarmuka merupakan tampilan dari aplikasi yang dibangun. Aplikasi web profile memilki beberapa bagian tampilan menu untuk admin maupun pengunjung, yaitu:

3.4.4.1 Tampilan Antarmuka Admin

Tampilan dari apilkasi web profile untuk bagian admin dibagi menjadi beberapa menu.

1. Tampilan Menu Login

(38)

2. Tampilan Menu Utama

Gambar 3.27 Tampilan Menu Utama

(39)

4. Tampilan Menu Product

Gambar 3.29 Tampilan Menu Product

(40)

6. Tampilan Menu Experience

Gambar 3.31 Tampilan Menu Experience

7. Tampilan Menu Admin

(41)

8. Tampilan Menu Tambah Data Profile

Gambar 3.33 Tampilan Menu Tambah Data Profile

(42)

Gambar 3.34 Tampilan Menu Tambah Data Product

10.Tampilan Menu Tambah Data Service

Gambar 3.35 Tampilan Menu Tambah Data Service

(43)

Gambar 3.36 Tampilan Menu Tambah Data Experience

3.4.4.2 Tampilan Antarmuka Pengunjung

Tampilan dari apilkasi web profile untuk bagian pengunjung dibagi menjadi beberapa menu.

1. Tampilan Menu Utama

(44)

2. Tempilan Menu Profile

Gambar 3.38 Tampilan Menu Profile

3. Tampilan Menu Product/Service

(45)

4. Tampilan Menu Service

Gambar 3.40 Tampilan Menu Service

5. Tampilan Menu Experience

(46)

6. Tampilan Menu Contact Us

(47)

BAB 4

KESIMPULAN DAN SARAN 4.1 Kesimpulan

Berdasarkan permasalahan yang ada pada Pembuatan Web Profile di CV. Pramega Hanitama maka dapat disimpulkan sebagai berikut :

1. Dengan adanya web profile di suatu perusahaan dapat menciptakan citra yang baik di kalangan masyarakat juga perusahaan lain, selain untuk memperkenalkan perusahaan ke masyarakat luas juga.

2. Dapat membantu perkembangan perusahaan di bidang promosi 4.2 Saran

Saran-saran yang diharapkan dapat lebih meningkatkan hasil yang telah didapatkan. Berikut beberapa saran yang dikemukakan:

1. Tampilan form lebih diperindah sesuai dengan tema perusahaan

(48)

DAFTAR PUSTAKA

[1] Harry Susanto, pramega.doc.

[2] Proposal RPL, http://nin9r0emz.files.wordpress.com/2008/02/proposal-rpl.doc diakses pada Senin, 11/10/2010, 10.10

[3] Proses Software, Arna Fariza,

http://repository.usu.ac.id/bitstream/123456789/16955/4/Chapter%20II.pdf

(49)

PEMBANGUNAN WEB PROFILE

DI CV. PRAMEGA HANITAMA

KERJA PRAKTEK

Diajukan untuk Memenuhi Tugas Mata Kuliah Kerja Praktek

Program Strata Satu Jurusan Teknik Informatika Fakultas Teknik dan Ilmu Komputer

Universitas Komputer Indonesia

ARNI ARDIANY NUR RAHMAN

10107256

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER

(50)

(51)

menyelesaikan laporan kerja praktek dengan tepat waktu.

Laporan ini dapat diselesaikan, tidak lain atas bantuan dari berbagai pihak, oleh karena itu, penulis ingin mengucapkan terima kasih kepada:

1. Ibu Tati Harihayati S.Kom, yang telah membimbing penulis dalam menyelesaikan laporan kerja praktek ini.

2. Bapak Asep Barkah, S.T selaku pembimbing penulis di tempat kerja praktek yakni CV. Pramega Hanitama yang telah membimbing penulis dalam menyelesaikan tugas dan laporan kerja praktek.

Penulis sangat menyadari dalam pembuatan laporan ini masih banyak terdapat kekurangan, untuk itu penulis mohon saran dan kritik yang membangun agar kedepannya lebih baik lagi. Penulis juga berharap agar laporan ini dapat bermanfaat bagi kita semua.

Bandung, 26 Agustus 2010

(52)

KATA PENGANTAR ... i

DAFTAR ISI ... ii

DAFTAR TABEL ... vi

DAFTAR GAMBAR ... vii

DAFTAR SIMBOL ... ix

DAFTAR LAMPIRAN ... x

BAB 1 PENDAHULUAN ... 1

1.1 Latar Balakang Masalah ... 1

1.2 Perumusan Masalah ... 2

1.3 Maksud dan Tujuan ... 2

1.3.1 Maksud... 2

1.3.2 Tujuan ... 2

1.4 Batasan Masalah ... 2

1.5 Metode Penelitian ... 3

1.5.1 Tahap Pengumpulan Data ... 3

1.5.1.1 Studi Literatur ... 3

1.5.1.2 Studi Lapangan ... 4

1.5.2 Tahap Pembuatan Perangkat Lunak ... 4

1.6 Sistematika Penulisan ... 6

BAB 2 TINJAUAN PUSTAKA ... 7

(53)

2.1.4 Struktur Organisasi dan Job Description ... 9

2.2 Landasan Teori ... 10

2.2.1 Definisi Web Profile ... 10

2.2.2 Metode Pengembangan Sistem ... 10

2.2.2.1 Metode Waterfall [2] ... 10

2.2.3 Perangkat Lunak Pendukung [3] ... 12

2.2.3.1 Macromedia Dreamweaver 8 ... 12

2.2.3.2 Ruang Kerja Macromedia Dreamweaver 8... 13

2.2.3.3 MySQL ... 14

BAB 3 PEMBAHASAN ... 15

3.1 Waktu dan Tempat Kerja Praktek ... 15

3.2 Analisis Masalah ... 15

3.2.1 Analisis Prosedur yang sedang berjalan ... 15

3.2.2 Analisis Kebutuhan Non Fungsional ... 17

3.2.2.1 Analisis Kebutuhan Perangkat Keras ... 18

3.2.2.2 Analisis Kebutuhan Perangkat Lunak ... 18

3.2.2.3 Analisis Jaringan ... 19

3.2.2.4 Analisis Kebutuhan Pengguna ... 19

3.2.3 Analisis Basis Data ... 20

3.2.3.1 Enitity Relationalship Diagram (ERD)... 20

3.2.4 Analisis Fungsional ... 21

(54)

3.2.4.5 DFD Level 1 proses 1.4 Pengolahan Data Service ... 24

3.2.4.6 DFD Level 1 proses 1.5 Pengolahan Data Experience ... 24

3.2.4.7 Spesifikasi Proses ... 25

3.2.4.8 Kamus Data ... 29

3.3 Perancangan Data ... 31

3.3.1 Diagram Relasi ... 31

3.3.2 Struktur Tabel ... 32

3.3.3 Perancangan Arsitektur Perangkat Lunak ... 34

3.3.3.1 Perancangan Struktur Menu ... 34

3.3.3.2 Perancangan Antarmuka ... 35

3.3.3.2.1 Perancangan Form ... 35

3.3.3.3 Perancangan Pesan ... 41

3.3.3.4 Jaringan Semantik ... 41

3.3.3.5 Perancangan Prosedural ... 41

3.3.3.5.1 Perancangan Prosedural Login ... 42

3.4 Implementasi Sistem ... 42

3.4.1 Implementasi Perangkat Keras ... 42

3.4.2 Implementasi Perangkat Lunak ... 43

3.4.3 Implementasi Basis Data ... 43

3.4.4 Implementasi Antarmuka ... 45

3.4.4.1 Tampilan Antarmuka Admin ... 45

(55)

(56)

Tabel 3.3 Tabel Admin ... 32

Tabel 3.4 Tabel Profile ... 32

Tabel 3.5 Tabel Product ... 33

Tabel 3.6 Tabel Service ... 33

(57)

Gambar 2.2 Struktur Organisasi CV. Pramega Hanitama ... 9

Gambar 2.3 Metode Waterfall ... 10

Gambar 2.4 Tampilan ruang kerja pada Macromedia Dreamweaver 8 ... 13

Gambar 3.1 Flowmap promosi di CV. Pramega Hanitama ... 17

Gambar 3.2 Entity Relationship Diagram (ERD) Web Profile CV. Pramega Hanitama ... 21

Gambar 3.3 Diagram Konteks Web Profile CV. Pramega Hanitama... 22

Gambar 3.4 DFD Level 0 Web Profile ... 22

Gambar 3.5 DFD level 1 proses 1.2 Pengolahan data profile ... 23

Gambar 3.6 DFD Level 1 Proses 1.3 Pengolahan data product ... 23

Gambar 3.7 DFD Level 1 Proses 1.4 Pengolahan data service ... 24

Gambar 3.8 DFD Level 1 Proses 1.5 Pengolahan data experience ... 24

Gambar 3.9 Skema Relasi Web Profile CV. Pramega Hanitama ... 32

Gambar 3.10 Struktur Menu Pengunjung ... 34

Gambar 3.11 Perancangan Menu Admin ... 34

Gambar 3.12 Perancangan Menu Login ... 35

Gambar 3.13 Perancangan Menu Utama ... 36

Gambar 3.14 Perancangan Tampil Data Profile ... 36

Gambar 3.15 Perancangan Tampil Data Product ... 37

Gambar 3.16 Perancangan Tampil Data Service ... 37

Gambar 3.17 Perancangan Tampil Data Experience ... 38

Gambar 3.18 Perancangan Tampil Data Admin ... 38

Gambar 3.19 Perancangan Tambah Data Profile ... 39

Gambar 3.20 Perancangan Tambah Data Product ... 39

Gambar 3.21 Perancangan Tambah Data Service ... 40

Gambar 3.22 Perancangan Tambah Data Experience ... 40

(58)

Gambar 3.28 Tampilan Menu Profile ... 46

Gambar 3.29 Tampilan Menu Product ... 47

Gambar 3.30 Tampilan Menu Service ... 47

Gambar 3.31 Tampilan Menu Experience ... 48

Gambar 3.32 Tampilan Menu Admin ... 48

Gambar 3.33 Tampilan Menu Tambah Data Profile ... 49

Gambar 3.34 Tampilan Menu Tambah Data Product ... 50

Gambar 3.35 Tampilan Menu Tambah Data Service ... 50

Gambar 3.36 Tampilan Menu Tambah Data Experience ... 51

Gambar 3.37 Tampilan Menu Utama ... 51

Gambar 3.38 Tampilan Menu Profile ... 52

Gambar 3.39 Tampilan Menu Product/Service ... 52

Gambar 3.40 Tampilan Menu Service ... 53

Gambar 3.41 Tampilan Menu Experience ... 53

(59)

No Simbol Keterangan

1. Proses

Menunjukan transformasi dari masukan menjadi keluaran, dalam hal ini sejumlah masukan dapat menjadi hanya satu keluaran ataupun sebaliknya

2. Terminator

Mewakili entitas luar dimana sistem berkomunikasi

3. Penyimpanan

Untuk memodelkan kumpulan data/paket data

4. Aliran

(60)

(61)

Jurusan : Teknik Informatika

Fakultas : Teknik dan Ilmu Komputer

Program : Strata I

Tempat/Tanggal Lahir: Bandung, 25 September 1989 Anak ke : 1 dari 2 bersaudara

Alamat : Jl. OTISTA Gg. Tegallega No. 36 A/20 C Bandung 40252

RIWAYAT PENDIDIKAN

1995 – 2001 : SDN Mohammad Toha 22 Bandung 2001 – 2004 : SMP N 10 Bandung

2004 – 2007 : SMA N 17 Bandung

(62)

CV. Pramega Hanitama merupakan suatu perusahaan yang bergerak di bidang teknologi informasi dan komunikasi, yaitu jasa Total IT Solution, IT & Manajemen Training dan Konsultasi Manajemen & Engineering, dimana dalam perkembangannya ke depan tidak menutup kemungkinan untuk bergerak di bidang lainnya.

2.1.1 Sejarah CV. Pramega Hanitama

Berawal dari berkumpulnya beberapa orang professional yang banyak berpengalaman, terutama dalam perdagangan dan jasa, maka didirikan perusahaan berbentuk CV, yang disebut CV. Pramega Hanitama. Setelah kurun waktu yang panjang, akhirnya perusahaan ini memilih bidang teknologi informasi dan komunikasi, yaitu jasa Total IT Solution, IT & Manajemen Training dan Konsultasi Manajemen & Engineering, dimana dalam perkembangannya ke depan tidak menutup kemungkinan untuk bergerak ke bidang-bidang lain.

Dengan berbekal pengalaman para professional yang telah banyak berkiprah dalam pengerjaan projek-projek Perencanaan dan Pengembangan serta Pemeliharaan Sistem dan Teknologi Informasi (IT), Implementasi IT, dan Pelatihan IT, CV. Pramega Hanitama siap untuk menyumbangkan tenaga dan pikiran untuk berperan serta dalam membantu berbagai instansi atau perusahaan baik pemerintah maupun swasta, dalam bidang Perencanaan, Pelatihan, Implementasi dan Pengembangan Sistem & Teknologi Informasi, untuk mendapatkan solusi yang terbaik bagi terlaksananya mekanisme kerja yang lebih efektif dan efisien.

2.1.2 Logo CV. Pramega Hanitama

(63)

dan Teknologi Informasi (IT), Implementasi IT, dan Pelatihan IT memakai logo instansi yang terdapat dalam gambar 2.1.

Gambar 2.1 Logo CV. Pramega Hanitama

Penjelasan dari gambar 2.1 adalah :

1. Huruf P dengan warna hijau, diharapkan dapat berkembang maju sebagaimana pohon yang segar terus tumbuh ke atas dan berkembang.

2. Warna merah melambangkan Pramega juga berani bersaing dengan pesaing-pesaing di dunia bisnis.

2.1.3 Badan Hukum Instansi

CV. Pramega Hanitama adalah sebuah perusahaan swasta nasional yang bergerak dalam bidang jasa Total IT Solution, IT Training dan Konsultasi Manajemen & Engineering. Didirikan di Bandung dengan Nomor Akta 21 tanggal 05 Oktober 1983 di depan Notaris Albertus Sutjipto Budihardjoputra, SH. Data dan legalitas perusahaan, adalah sebagai berikut :

1 Akta Pendirian : CV Pramega Utama

Nomor Akta : 21

Tgl/bln/thn berdiri perusahaan : 05-10-1983

Nama Notaris : Albertus Sutjipto Budihardjoputra, SH

2 Akta Perubahan terakhir CV Pramega Hanitama

Nomor Akta : 30

Tgl/bln/thn : 18 April 2009

(64)

2.1.4 Struktur Organisasi dan Job Description

CV. Pramega Hanitama dipimpin oleh Dewan Direksi yang dipimpin oleh Direktur Utama, bertanggung jawab kepada Rapat Umum Pemegang Perusahaan melalui Komisaris. Struktur CV. Pramega Hanitama adalah sebagai berikut:

Gambar 2.2 Struktur Organisasi CV. Pramega Hanitama

Keputusan-keputusan strategis dilakukan oleh dewan direksi yang dipimpin oleh Direktur Utama. Seperti tampak pada gambar di atas, Direktur Utama dibantu oleh Direktur Operasi.

(65)

2.2 Landasan Teori

2.2.1 Definisi Web Profile

Web Profile merupakan suatu prasarana untuk memperkenalkan profile suatu tempat atau suatu instansi yang ada dengan berbasis web. Jadi user manapun dapat mengetahui bagaimana profile suatu tempat ataupun suatu instansi dari web profile yang dimiliki. Siapapun dapat mengakses web profile tersebut dengan tujuan user agar dapat lebih mengenal Profile instansi ataupun tempat tersebut.

2.2.2 Metode Pengembangan Sistem

Metode yang digunakan pada sistem informasi ini adalah metode sekuensial linear atau sering juga disebut dengan metode waterfall.dengan pengembangan sistemnya SDLC (Sistem Development Life Cycle).

2.2.2.1 Metode Waterfall [2]

Model sekuensial linier untuk software engineering, sering disebut juga dengan siklus kehidupan klasik atau model air terjun. Model ini mengusulkan sebuah pendekatan kepada perkembangan yang sistematik dan sekuensial yang mulai pada tingkat dan kemajuan sistem pada seluruh analisis, desain, kode, pengujian, dan pemeliharaan. Dimodelkan setelah siklus rekayasa konvensional, model sekuensial linier melingkupi aktivitas – aktivitas yang dijelaskan pada gambar 2.3.

(66)

1. Rekayasa dan pemodelan sistem/informasi (Sistem Engineering) Pandangan sistem ini penting ketika software harus berhubungan dengan elemen-elemen yang lain seperti software, manusia, dan database. Rekayasa dan anasisis system menyangkut pengumpulan kebutuhan pada tingkat sistem dengan sejumlah kecil analisis serta disain tingkat puncak. Rekayasa informasi mancakup juga pengumpulan kebutuhan pada tingkat bisnis strategis dan tingkat area bisnis.

2. Analisis kebutuhan software (Software Analys)

Proses pengumpulan kebutuhan diintensifkan dan difokuskan, khusunya pada software. Untuk memahami sifat program yang dibangun, analis harus memahami domain informasi, tingkah laku, unjuk kerja, dan interface yang diperlukan. Kebutuhan baik untuk sistem maupun software didokumentasikan dan dilihat lagi dengan pelanggan. 3. Desain (Design)

Desain software sebenarnya adalah proses multi langkah yang berfokus pada empat atribut sebuah program yang berbeda; struktur data, arsitektur software, representasi interface, dan detail (algoritma) prosedural. Proses desain menerjemahkan syarat/kebutuhan ke dalam sebuah representasi software yang dapat diperkirakan demi kualitas sebelum dimulai pemunculan kode. Sebagaimana persyaratan, desain didokumentasikan dan menjadi bagian dari konfigurasi software.

4. Generasi kode (Coding)

Desain harus diterjemahkan kedalam bentuk mesin yang bisa dibaca. Langkah pembuatan kode melakukan tugas ini. Jika desain dilakukan dengan cara yang lengkap, pembuatan kode dapat diselesaikan secara mekanis.

5. Pengujian (Testing)

(67)

mengarahkan pengujian untuk menemukan kesalahan – kesalahan dan memastikan bahwa input yang dibatasi akan memberikan hasil aktual yang sesuai dengan hasil yang dibutuhkan.

6. Pemeliharaan (Maintenance)

Software akan mengalami perubahan setelah disampaikan kepada pelanggan (perkecualian yang mungkin adalah software yangdilekatkan). Perubahan akan terjadi karena kesalahan – kesalahan ditentukan, karena software harus disesuaikan untuk mengakomodasi perubahan – perubahan di dalam lingkungan eksternalnya (contohnya perubahan yang dibutuhkan sebagaiakibat dari perangkat peripheral atau sistem operasi yang baru), atau karena pelanggan membutuhkan perkembangan fungsional atau unjuk kerja. Pemeliharaan software mengaplikasikan lagis etiap fase program sebelumnya dan tidak membuat yang baru lagi.

2.2.3 Perangkat Lunak Pendukung [3]

Perangkat lunak yang digunakan untuk menunjang pembuatan aplikasi sehingga dapat menjalankan aplikasi sesuai dengan yang diharapkan.

2.2.3.1 Macromedia Dreamweaver 8

Salah satu software web editor adalah Macromedia Dreamweaver 8 yang merupakan penyempurnaan dari versi sebelumnya dan tentu saja semakin mudah dalam penggunaannya.

(68)

Fasilitas terbaru dari Macromedia Dreamweaver 8 adalah Zoom Tool and Guides, Panel CSS yang baru, Code Collapse, Coding Toolbar, dan Insert Flash Video. Macromedia Dreamweaver 8 mendukung pemrograman script server-side, seperti PHP, ASP, ASP.NET, ColdFusion dan JSP. Pemrograman script server-side maksudnya adalah script yang digunakan dalam pemrograman web dinamis dimana semua perintahnya dieksekusi pada server. Fungsi server disini adalah sebagai pemroses script dan hasilnya dikembalikan dalam bentuk tag-tag HTML yang kemudian ditampilkan dalam browser.

2.2.3.2 Ruang Kerja Macromedia Dreamweaver 8

Komponen-komponen yang terdapat pada ruang kerja Macromedia Dreamweaver 8 adalah :

Gambar 2.4 Tampilan ruang kerja pada Macromedia Dreamweaver 8

1. Insert Bar

Insert bar merupakan tool yang digunakan untuk menyisipkan objek ke dalam dokumen web. Ada enam kelompok kategori yang digunakan untuk insert bar yaitu Common, Layout, Form, Text, HTML, dan Application yang masing-masing memiliki beberapa tool beserta kegunaannya.

2. Document Window

(69)

3. Panel Groups

Panel pada Macromedia Dreamweaver 8 merupakan suatu media yang berfungsi sebagai fasilisator. Kumpulan berbagai panel disebut Panel Groups, terletak pada sebelah kanan layar kerja. Panel-panel tersebut diantaranya CSS, Application, Tag Inspector, Files dan History yang masing-masing memiliki bagian dan fungsi.

4. Property Inspector

Property Inspector merupakan area kerja untuk mengatur dalam mengelola properti-properti seperti pada text, image, maupun tabel dalam suatu dokumen web. Cara kerja Property Inspector hanya dengan memasukkan nilai-nilai parameter yang sudah disediakan. Secara umum Property Inspector terdiri dari Page Property, Table Property, Image Property, dan Form Property.

5. Page Property

Page Property berguna untuk mengatur properti halaman. Page Property Inspector juga menyediakan fasilitas Page Properties.

2.2.3.3 MySQL

MySQL adalah salah satu jenis database server yang sangat terkenal. Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar untuk mengakses databasenya. Pada MySQL, sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu atau beberapa kolom. Untuk mengelola database MySQL ada beberapa cara yaitu melalui prompt DOS (tool command line) dan dapat juga menggunakan program utility seperti:

1. PHP MyAdmin 2. MySQLGUI