Pembangunan Web Profile CV. Nugraha Baru Kabupaten Bandung

PEMBANGUNAN WEB PROFILE

CV.NUGRAHA BARU

KABUPATEN BANDUNG

KERJA PRAKTEK

Diajukan untuk Memenuhi Tugas Mata Kuliah Kerja Praktek

Program Strata Satu Jurusan Teknik Informatika Fakultas Teknik dan Ilmu Komputer

Universitas Komputer Indonesia

NOVY WISUDRAJAT

10107243

DESTA PERDANA PUTRA

10107265

M.LUTHFI MAULANA HAQ

10107273

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER

UNIVERSITAS KOMPUTER INDONESIA

BANDUNG

ii

KATA PENGANTAR

Puji syukur kami panjatkan kepada Tuhan Yang Maha Esa yang telah memberikan rahmat serta hidayahnya kepada kami sehingga kami dapat menyelesaikan laporan kerja praktek dengan tepat waktu. Laporan ini dapat kami selesaikan, tidak lain atas bantuan dari berbagai pihak, oleh karena itu, kami ingin mengucapkan terima kasih kepada:

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

2. Drs. H Zaenal Arifin selaku pembimbing kami di tempat kerja praktek yakni CV. Nugraha Baru yang telah membimbing kami dalam menyelesaikan tugas dan laporan kerja praktek.

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

Bandung, 29 Januari 2011

Daftar isi

Lembar Pengesahan ... i

Kata Pengantar...ii

Daftar isi...iii

Daftar Tabel...vi

Daftar Gambar...vii

Daftar Simbol...viii

Daftar Lampiran...x

BAB 1 PENDAHULUAN ... 1

1. 1 Latar Belakang Masalah ...1

1. 2 Perumusan Masalah ...2

1. 3 Maksud dan Tujuan ...2

1. 4 Batasan Masalah ...2

1. Data yang diolah ...2

2. Proses yang dilakukan ...2

4. Basis aplikasi ...3

5. Software pendukung ...3

1. 5 Metode Penelitian ...3

1. 5. 1 Metode pengumpulan data ...4

1. 5. 2 Metode pembangunan sistem perangkat lunak ...4

1. 6 Sistematika Penulisan ...5

BAB 2 TINJAUAN PUSTAKA ... 7

2. 1 Profile perusahaan ...7

2. 1. 1 Sejarah CV.Nugraha Baru ...7

2. 1. 2 Logo CV.Nugraha Baru ...7

2. 1. 3 Badan hukum instansi ...8

2. 1. 4 Struktur organisasi ...8

2. 2 Visi dan Misi Perusahaan ...9

2. 2. 1 Visi Perusahaan ...9

2. 2. 2 Misi perusahaan ...9

2. 3 Landasan teori ...10

2. 3. 2 Webserver ...10

2. 3. 3 Web Browser ...10

2. 3. 4 Website ...10

2. 3. 5 HTML ...11

2. 3. 6 Cascading Style Sheet (CSS) ...11

2. 3. 7 PHP ...12

2. 3. 8 E-mail ...13

2. 3. 9 Pemrograman database ...14

2. 3. 10 UML (Unified Modelling Language) ...14

2. 3. 10. 1 Definisi UML (Unified Modelling Language) ...15

2. 3. 10. 2 Tujuan UML ...16

2. 3. 11 Diagram dan Teknik Pemodelan UML ...16

2. 3. 12 Diagram struktur ...17

2. 3. 13 Diagram perilaku ...17

2. 4 Structure Query Language (SQL) ...19

2. 4. 1 AdobeDreamweaver ...20

2. 4. 2 Adobe flash ...21

2. 4. 3 Adobe photoshop ...21

2. 4. 4 Wamp Server 2.0 ...22

BAB 3 ANALISIS DAN PERANCANGAN ... 23

3. 1 Analisis Sistem ...23

3. 1. 1 Analisis masalah ...23

3. 1. 2 Analisis prosedur yang sedang berjalan ...24

3. 1. 2. 1 Use Case prosedur yang sedang berjalan ...24

3. 1. 3 Analisis kebutuhan non fungsional ...25

3. 1. 3. 1 Analisis perangkat keras (hardware) ...26

3. 1. 3. 2 Analisis Perangkat Lunak ...26

3. 1. 3. 3 Analisis pengguna ...27

3. 1. 4 Analisis kebutuhan fungsional ...27

3. 1. 5 Analisis Perancangn sistem ...28

3. 1. 5. 1 UML (unified modeling language) ...28

3. 1. 6 Pemodelan use case ...29

3. 1. 7 Identifikasi aktor ...29

3. 1. 9 Diagram Use Case ...30

3. 1. 9. 1 Diagram Use case pengunjung ...32

3. 1. 9. 2 Diagram use case lihat halaman utama ...33

3. 1. 9. 3 Diagram use casse lihat produk...34

3. 1. 9. 4 Diagram use case lihat about us ...35

3. 1. 9. 5 Use case lihat outlet ...35

3. 1. 9. 6 Diagram use case kirim e-mail ...36

3. 1. 9. 7 Diagram use case pengelola ...38

3. 1. 9. 8 Diagram use case kelola halaman utama ...39

3. 1. 9. 9 Diagram use case kelola e-mail...40

3. 2 Diagram aktivitas ...42

3. 2. 1 Diagram aktivitas konsumen ...42

3. 3 Perancangan basis data ...42

3. 3. 1 Struktur data ...43

3. 4 Perancangan antar muka(user interface) ...44

3. 4. 1 Perancangan menu ...44

3. 4. 2 Perancangan antarmuka menu utama ...45

3. 4. 3 Perancangan antar muka menu produk ...46

3. 4. 4 Perancangan antar muka menu outlet ...48

3. 4. 5 Perancangan antarmuka menu about-us ...50

3. 4. 6 Perancangan antarmuka menu email ...52

BAB 4 IMPLEMANTASI DAN PENGUJIAN ... 55

4. 1 Kesimpulan ...55

i

Daftar lampiran

Lampiran A Listing Program ... A-1 Lampiran B Surat Balasan Penelitian ...B-1 Lampiran C Daftar Kehadiran Kerja Praktek ... C-1 Lampiran D Nilai Kerja Praktek ...D-1

BAB 1 PENDAHULUAN 1. 1Latar Belakang Masalah

CV. NUGRAHA BARU adalah perusahaan yang bergerak di bidang perdagangan umum makanan dan minuman yang terletak di Kabupaten Bandung. Salah satu produk utamanya adalah kue brownies dengan nama merek VANNISA. Perusahaan ini cukup dikenal sebagai salah satu oleh-oleh dari kota Bandung, CV. NUGRAHA BARU mempunyai cabang dan memproduksi banyak produk brownies setiap harinya yang tersebar luas didalam dan luar kota bandung. Pada saat ini Promosi CV. NUGRAHA BARU saat ini menggunakan media spanduk atau banner

sebagai media promosi.

Berdasarkan hasil wawancara dengan kepala perusahaan, perusahaan ini memiliki beberapa kendala, salah satunya adalah dalam hal media promosi, kurangnya jangkauan media promosi pada perusahaan ini mengakibatkan kurangnya target penjualan yang diharapkan, seringkali masyarakat luar daerah bandung sulit mendapatkan informasi, letak dan cabang-cabang yang tersedia, ataupun masyarakat sulit mengetahui alamat dan informasi cabang terdekat. Dengan demikian kepala perusahaan CV. NUGRAHA BARU berusaha untuk membangun suatu media promosi yang berfungsi agar masyarakat luas baik didalam maupun diluar kota dapat dengan mudah memperoleh informasi cabang-cabang yang terdekat.

Maka, Solusi yang diusulkan adalah untuk membuat suatu aplikasi web yang membahas tentang profile perusahaan dan produk VANNISAyang tersedia sebagai media promosi dan informasi dan juga sebagai sarana yang menyediakan pendaftaran calon agen untuk yang berada diluar kota, danagar masyarakat lebih mudah mencari outlet-outlet yang terdekat melalui media internet dan juga memungkinkan untuk meningkatkan hasil penjualan melalui aplikasi web yang diusulkan.

1. 2Perumusan Masalah

Adapun rumusan masalahnya adalah bagaimana cara membangun web profile CV. NUGRAHA BARU.

1. 3Maksud dan Tujuan

Maksud Pembuatan webprofile adalah untuk memberikan informasi tentang profile dan produk-produk VANNISA kepada masyarakat luas. Adapun Tujuan pembuatan web profile adalah sebagai berikut:

1. Masyarakat dapat dengan mudah mendapatkan informasi tentang outlet-outlet yang tersedia.

2. Meningkatkan target penjualan produk.

1. 4Batasan Masalah

Pembatasan masalah kerja praktek yang kami lakukan di Perusahaan CV. NUGRAHA BARU adalah membuat suatu rancangan website berupa profile dan jenis Produk dari VANNISA.

1. Data yang diolah

Data yang diolah oleh aplikasi website ini adalah data email dan data poling.

2. Proses yang dilakukan

a) Proses mengirimkan pesan email

Proses yang dilakukan adalah pengunjung menginputkan nama, alamat, url, email, dan isi pesan , kemudian pengunjung menekan tombol submit agar pesan tersebut terkirim dan tersimpan ke database, kemudian pesan dari pengunjung tersebut akan tampil dihalaman Email.

b) Proses melakukan poling

Pada proses poling ini pengunjung dan petugas dari perusahaan dapat melihat hasil poling tersebut dan memilih sesuai keinginan, dengan cara memilih salah satu tombal radio button yang masing-masing mempunyai label yang berbeda, dan menekan tombol PILIH

Pengunjung web dapat melihat-lihat jenis produk yang saat ini tersedia dan produk yang terbaru saat ini, dengan cara pengunjung masuk ke halaman PRODUK dan memilih jenis kategori produk yang tersedia, jika pengunjung tertarik dengan produk-produk yang disediakan, pengunjung dapat mengunjungi outlet-outlet yang terdekat untuk membelinya.

d) Proses berkomunikasi menggunakan shoutbox

Pada aplikasi ini pengunjung dapat berkomunikasi dengan sesama pengunjung dan petugas perusahaan seperti memberikan pertanyaan, komentar, bertukar pikiran, dengan cara pengunjung memasukan terlebih dahulu nama, url/website, dan isi pesan dan memilih tombol kirim.

3. Keluaran

keluaran yang dihasilkan pada aplikasi web ini adalah berupa informasidan masukan dari komentar, poling, dan pesan dari pengunjung web. 4. Basis aplikasi

Aplikasi yang digunakan adalah aplikasi berbasis web 5. Software pendukung

Adapun software pendukung yang dipakai adalah: 1. Adobe dreamweaver.

2. Adobe flash. 3. Adobe photoshop. 4. Wamp server 2.0

1. 5Metode Penelitian

Metodologi penelitian merupakan tahapan-tahapan yangdilalui, mulai dari perumusan masalah sampai kesimpulan, yang membentuk sebuah alur yang sistematis.

Metodologi penelitian yang digunakan adalah dengan studi lapangan.metodeini digunakan sebagai pedoman dalam melaksanakan kerja praktek ini agar hasil yang dicapai ini tidak menyimpang dari tujuan yang telah ditentukan sebelumnya.

1. 5. 1Metode pengumpulan data

Adapun metode penelitian yang digunakan adalah :

1. Wawancara (interview),yaitu suatu langkah delam penelitian ilmiah berupa pengguanaan proses komunikasi verbal untuk mengumpulkan informasi dari seseorang ataupun sekelompok orang.

2. Pengamatan (observasi), yaitu suatu alat pengumpul data untuk objek yang belum banyak diketahui.

1. 5. 2Metode pembangunan sistem perangkat lunak

Metode pembangunan sistem yang digunakan adalah metode waterfall.

Seperti pada Gambar 1.1

Gambar 1.1 water fall

Adapun tahap-tahap pengembangan yang digunakan diantaranya adalah sebagai berikut :

1. Sistem engineering.

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

Analisis perangkat lunak merupakan langkah untuk menentukan apakah kegiatan dari sistem engineering dapat diimplementasikan menjadi sebuah sistem informasi atau tidak dan 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).

Pengujian perangkat lunak merupakan metode yang 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. Maintenance atau pemeliharaan.

Maintenance atau pemeliharaan yaitu penerapan secara keseluruhan disertai pemeliharaan jika terjadi perubahan struktur baik dari segi software maupun hardware.

1. 6Sistematika Penulisan BAB I Pendahuluan.

Pada bab ini menjelaskan tentang latar belakang kerja praktek, maksud dan tujuan kerja praktek, sistem pelaksanaan kerja praktek, dan metode penelitian kerja praktek.

BAB II Tinjauan pustaka.

Dalam bab ini memberikan informasi umum tentang perusahaan yaitu mengenai sejarah perusahaan, tempat dan kedudukan perusahaan, bentuk dan badan hukum perusahaan, bidang pekerjaan perusahaan, dan landasan teori yang digunakan.

BAB III Pembahasan.

Bab ini menjelaskan tentang jadwal kerja praktek, cara/teknik kerja praktek, kegiatan yang dilakukan selama kerja praktek, dan mencantumkan data kerja praktek.

BAB IV Kesimpulan dan Saran.

Bab ini merupakan bab terakhir yang berisikan kesimpulan yang didapat dari kerja praktek dan juga saran-saran bagi para pembaca, sehingga dilakukan perbaikan-perbaikan dimasa yang akan datang.

BAB 2

TINJAUAN PUSTAKA 2. 1Profile perusahaan

Pada bab 2 ini akan dijelaskan mengenai profile perusahaan, visi dan misi, logo dan struktur organisasi perusahaan

2. 1. 1Sejarah CV.Nugraha Baru

CV.Nugraha Baru berdiri pada tahun 1990 merupakan perusahaan yang bergerak di bidang perdagangan umum makanan dan minuman, diantara produk minuman temulawak dan didistribusikan ke beberapa kota diluar Bandung khususnya di jawa barat.Juga memproduksi minyak nilam kemudian merambah pemotongan ayam pada tahun 2000 terus memproduksi kerupuk ikan sampai tahun 2004.produk CV.Nugraha Baru merupakan pangsa pasar cukup merata dikota Bandung pada tahun 2005 merambah memproduksi Brownis kukus dengan nama Vannisa.

2. 1. 2Logo CV.Nugraha Baru

VANNISA merupakan singkatan dari kedua putri Drs.H.Ery Zaenal Arifin yang bernama Iva dan Khoerunnisa dalam warna salem adalah melambangkan kefeminiman.

2. 1. 3Badan hukum instansi

Nama Perusahaan :CV.Nugraha Baru Akta Notaris : Ny.Tiktik,SH

Akta No 1 Tahun 2009

Tanda Daftar Perusahaan (TDP) : 10.24.3.52.04292

Surat Ijin Usaha Perdagangan (SIUP) :00922/10-12/PK/VI/2006 NPWP :02.735.935.5-444.000

Keterangan Terdaftar Dirjen Pajak :S-00010652/PPH21/WPJ.09/KP.1403/2010

2. 1. 4Struktur organisasi

Gambar 3.1 struktur organisasi perusahaan

CV.NugrahaBaru dalm menjalankan organisasi perusahaan membuat struktur organisasi terbagi 4 devisi yaitu:

1. Manajer Pemasaran

a. Manajer pemasaran bertanggung-jawab terhadap manajemen bagian pemasaran b. Manajer pemasaran bertanggung-jawab terhadap perolehan hasil penjualan dan

penggunaan dana promosi

Direktur Utama

Manajer Pemasaran

Manajer Adm & Keuangan

Manajer Operasional

Manajer Personalia

c. Manajer pemasaran sebagai koordinator manajer produk dan manajer penjualan d. Manajer pemasaran membina bagian pemasaran dan membimbing seluruh

karyawan dibagian pemasaran

e. Manajer pemasaran membuat laporan pemasaran kepada direksi

2. Manajer Administrasi & Keuangan

a. Menyiapkan dan melaksanakan kegiatan pengolahan keuangan b. Menyiapkan dan melaksanakan kegiatan pengolahan perlengkapan

c. Menyiapkan dan melaksanakan kegiatan administrasi kepegawaian, ketatausahaan dan umum

d. Merencanakan dan menganalisa pembelanjaan perusahaan e. Mengatur struktur aktiva (struktur kekayaan perusahaan) f. Mengatur struktur modal

3. Manajer Operasional

a. Menghasilkan barang dan jasa

b. Mengambil keputusan yang berkaitan dengan fungsi operasi dan sistem transformasi

c. Mengkaji pengambilan keputusan dari suatu fungsi operasi.

4. Manajer Personalia

a. Memotivasi karyawan

b. Memberikan kompensasi yang adil dan merata c. Menetapkan analisa jabatan

2. 2Visi dan Misi Perusahaan 2. 2. 1Visi Perusahaan

Menjadikan Brownies Vannisa sebagai oleh-oleh khas Bandung yang dapat diterima oleh masayarakat di seluruh Indonesia pada umumnya.

2. 2. 2Misi perusahaan

a. Memajukan perekonomian masyarakat setempat.

Tujuan perusahaan kami adalah memproduksi brownies kukus dengan kualitas yang terbaik sebagai pelengkap kuliner yang bisa dinikmati oleh seluruh kalangan masyarakat dan juga ikut berpartisipasi dalam menyediakan lapangan pekerjaan.

2. 3Landasan teori 2. 3. 1Internet

Menurut Connolly & Begg, “Internet adalah sekumpulan jaringan komputer terpisah diseluruh dunia ini yang terkoneksi satu sama lain,dimana semuanya menggunakan aturan komunikasi khusus yang dikenal sebagai

Tranmission Control Protokol/ Internet Protokol (TCP/IP).” Protokol inilah

yang memungkinkan tranmisi data dilakukan antara hampir semua komputer dan system tranmisi yang meliputi kabel,jalur telepon (line telephone),atau satelit.

2. 3. 2Webserver

Web server menurut Minoli, berpendapat bahwa sebuah web server adalah suatu program untuk menawarkan pelayanan yang bisa diperoleh seluruh jaringan.Web server merupakan uatu tipe server khusus yang dapat berkomunikasi langsung dengan client dan menggunakan HTTP,web server meresponnya,biasanya dengan mengembalikan sebuah dokumen atau gambar.

2. 3. 3Web Browser

Menurut Ellsworth, web browser adalah software yang dijalankan pada komputer pemakai yang meminta informasi dari web server dengan menampilkannya sesuai dengan nama file itu sendiri.

2. 3. 4Website

Website merupakn webpage beserta hoepage,merupakan sistem yang luas dari server yang menawarkan informasi ntuk semua orang melalui jaringan.informasi tersebutberupa teks,gambar ,susra dan tipe data link yang merupakan navigasi ke halaman lainnya (hyperlink).Homepage merupakan halaman yang pertama kali dibuka, sedang webpage adalah halaman yang ada pada website (Harley,1996,p14)

2. 3. 5HTML

HTML merupakan singkatan dari hypertext markup language, yang merupakan program penulisan informasi pada sebuah homepage.Penulisan homepage dapat dilakukan menggunakan alat bantu Notepad yang terdapat pada windows atau simple text machintosh.Selain Selain itu juga dapat digunakan editor HTML seperti Macromedia Dreamweaver dan Microsoft Frontpage yang dapat memudahkan dalam menulis HTML dan memungkinkan dokumen HTML yang dibuat dapat diakses oleh berbagai jenis browser.HTML berupa kode-kode tag yang memberikan intruksi pada web browser untuk memberikan tampilan sesuai yang diinginkan.

2. 3. 6Cascading Style Sheet (CSS)

Cascading Style Sheet (CSS) atau yang biasa disingkat dengan CSS merupakan suatu dokumen yang digunakan untuk melakukan pengaturan halaman web yang ditulis dengan HTML atau XHTML.Penggunaan CSS tidak memerlukan perangkat lunak tertentu karena CSS merupakan script yang telah embedded dengan HTML.CSS digunakan oleh web designer untuk menentukan warna,jenis huruf,tata letak,dan berbagai aspek tampilan dokumen.CSS digunakan teruama untuk memisahkan antara isi dokumen (yang ditulis dengan HTML atau bahasa markup lainnya)dengan presentasi dokumen (yang ditulis dengan CSS).Pemisah ini ditujukan agar dapat memisahkan aksesbilitas isi, memberikan lebih banyak keleluasaan dalam kontrol terhadap tampilan,dan mengurangi kompleksitas serta pengulangan pada trukur isi.

CSS atau yang disebut Cascading Style sheets adalah sekumpulan aturan-aturan format mengenai tampilan dari konten sebuah halaman web. Dilihat dari pemasangannya, CSS terbagi ke dalam dua macam kategori; pertama adalah yang disebut dengan External style sheet dimana css ini akan mengatur tampilan halaman web dari luar file konten tersebut (html). Sedangkan yang kedua adalahinternal style sheet dimana css jenis ini dituliskan bersama dengan file konten yang diaturnya dan biasanya diletakan pada bagian

tag <head> pada dokumen html tersebut.CSS sangat memudahkan designer web Karena dengan css pengguna dapat menggunakan style(baca:format tampilan) halaman web terus menerus pada bagian mana saja (masih pada blok script yang sama) tanpa harus mengulang-ngulang menulis format style nya. Hal ini bisa dianalogikan dengan „function„ pada berbagai bahasa

pemrograman, kesimpulannya adalah CSS akan memudahkan pekerjaan kita dalam hal format tampilan web dan mengurangi besarnya ukuran skript yang akan kita buat.

2. 3. 7PHP

PHP adalahbahasa pemorgraman yang memungkinkan para web developer untuk membuat aplikasi web yang dinamis dengan cepat. PHP

merupakan singkatan dari “PHP: Hypertext Preprocessor”. PHP ditulis dan

diperkenalkan pertama kali sekitar tahun 1994 oleh Rasmus Lerdorf melalui situsnya untuk mengetahui siapa saja yang telah mengakses ringkasan online-nya.PHP merupakan salah satu bahasa script yang terbilang baru dan tersedia secara bebas dan masih memungkinkan untuk dikembangkan lebih lanjut. PHP dapat diintegrasikan (embedded) ke dalam web server, atau dapat berperan sebagai program CGI yang terpisah. Karakteristik yang paling unggul dan paling kuat dalam PHP adalah lapisan integrasi database (database integration layer). Database yang didukung PHP adalah: Oracle, Adabas-D, Sybase, FilePro, mSQL, Velocis, MySQL, Informix, Solid, dBase, ODBC, Unix dbm, dan PostgreSQL.

PHP Merupakan Bahasa Pemrograman yang berbasis Web Server, PHP berbeda dengan bahasa pemrograman Java yang berbasis Clinet Service.PHP digunakan untuk membuat aplikasi web yang disusun oleh kode-kode (Sintak) yang diatur berdasarkan algoritma program yang dibuat.Penggunaan PHP semakin luas untuk aplikasi-aplikasi web dalam berbagai keperluan bisnis, bahkan PHP telah banyak banyak digunakan oleh para webmaster karena kemudahannya dan kefektifannya.

PHP sendiri merupakan kependekan dari Personal Home Page atau Situs Personal yang dibuat oleh Rasmus Lerdorf pada tahun 1995. Awalnya PHP bernama FI (Form Interpreted) yaitu sekumpulan script untuk mengolah data

“Form” dari web.Pengkodean yang dibuat oleh Rasmus kemudian dijadikan

“Open Source” sehingga banyak para programmer tertarik untuk

mengembangkan dan menggunakan bahasa pemrograman PHP yang kemudian interpreter PHP sudah diimplementasikan dalam program C dan disertakan modul-modul ekstensi untuk meningkatkan kemampuan PHP/FI.

Pada perkembangannya sekitar tahun 1997, Zend menulis ulang interpreter PHP sehingga menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP dirubah

menjadi akronim berulang “PHP: Hypertext Preprocessing”. Pada pertengahan

tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi. Dalam rentang waktu 5 tahun yakni pada pertengahan 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Dalam versi ini dilengkapi dengan memasukkan model pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek.

2. 3. 8E-mail

E-mail adalah surat melalui media elektronik.Sebenarnya email merupakan singkatan dari “Electronic mail”. Melalui email kita dapat mengirim surat elektronik baik berupa teks maupun gabungan dengan gambar, yang dikirimkan dari satu alamat email ke alamat lain di jaringan internet. Seperti layaknya surat biasa pada umumnya email berfungsi untuk

mengirimkan surat atau pesan kepada oranglain. Perbedaan antara surat biasa dengan email adalah email sudah tidak lagi memerlukan kertas sebagai media penulisan pesan, media yang digunakan adalah berupa data digital yang dikirimkan melalui internet.

2. 3. 9Pemrograman database

Definisi dari database adalah sekumpulan dari beberapa data dalam jumlahbanyak, saling berhubungan dan yang mempunyai arti tertentu (Riyanto, 2003),

Database secara global terdiri dari kumpulan table yang berisi baris dan kolom. Tiap baris dan table memiliki satu unit data yang disebut record dan kolom di dalam table (disebut dengan field) merupakan keterangan dari masing- masing record.

Pemograman database merupakan kegiatan yang dilakukan untuk meningkatkan kemudahan dalam melakukan manajemen dan akses sebuah

database (Riyanto,2003).Pemograman Sebuah Database banyak dilakukan dengan menggunakan bahasa yang disebut dengan Structure Query language

(SQL).Selain SQL,pemograman database juga meliputi manipulasi objek-objek database,analisa query,dan juga interaksi database dengan Open Database Connectivity (ODBC).

2. 3. 10UML (Unified Modelling Language)

Sejarah UML sendiri cukup panjang.Hingga era tahun 19990, seperti telah diketahui, puluhan metodologi pemodelan berorientasi objek telah bermunculan di dunia.Masa itu terkenal dengan masa perang metodologi (method war) dalam pendesainan berorientasi objek. Masing-masing Metodologi membawa notasi sendiri-sendiri, yang mengakibatkan timbul masalah baru apabila bekerja sama dengan group atau perusahaan lain yang menggunakan metodologi yang berlainan.

Metodologi yang paling banyak digunakan dalam OOAD adalah OMT (Object Modeling Technique) dari Rumbaugh, OOAD (Object Oriented

Analysis/Design) dari Shlaer-Mellor, Metode Booch,Responsibility/Driven Design/-Class/Responsibility Coad /Yourdon dan Jacobson OOSE (Object Oriented Software Engineering).Sejarah UML.

2. 3. 10. 1Definisi UML (Unified Modelling Language)

UML adalah bahasa grafis untuk

mendokumentasikan,menspesifikasikan, dan membangun sistem perangkat lunak.UML berorientasi objek ,menerapkan banyak level abtraksi , tidak bergantung pada proses pengembangan, tidak bergantung bahasa dan teknologi, pemaduan beberapa notasi di beragam metodologi, usaha bersama dari banyak pihak, didukung oleh kakas-kakas yang di integrasikan lewat XML standar UML dikelola oleh OMG(Object Management Grou).

UML adalah bahasa pemodelan untuk menspesifikasikan, memvisualisasikan,membangun dan mendokumentasikan artifak-artifak dari sistem.

1. Di dalam system intensive process, metode diterapkan sebagai process untuk menurunkan atau mengevolusikan sistem.

2. Sebagai bahasa UML digunakan untuk komunikasi yaitu alat untuk menangkap pengetahuan mengenai satu subjek dan mengekspresikan pengetahuan (sintaks) yang memperdulikan subjek untuk maksud komunikasi subjek adalah sistem yang di bahas.

3. Sebagai bahasa pemodelan, UML focus pada pemahaman subyek melalui formulasi model dari subyek. Model memuat pengetahuan pada subyek, dan aplikasi dari pengetahuan ini berkaitan dengan intelenjensia.

4. Berkaitan dengan unifikasi UML memadukan praktek rekayasa terbaik sistem informasi dan industri,meliputi beragam tipe sistem (perangkat lunak dan non perangkat lunak),domain (bisnis,perangkat lunak) dan proses siklus hidup.

5. Begitu diterapkan untuk menspesifikasikan sistem, UML dapat

diunakan untuk mengkomunikasikan “apa” yang diperlukan dari sistem dan “bagaimana” sistem dapat direalisasikan.

6. Begitu diterapkan untuk menvisualisasikan sistem, UML dapat digunakan untuk menjelaskan sistem secara visual sebelum direalisasikan.

7. Begitu diterapkan untuk membangun sistem, UML dapat digunakan

untuk memandu realisasi sistem serupa dengan “blueprint”

8. Begitu diterapkan untuk mendokumentasikan sistem, UML dapat digunakan untuk menangkap pengetahuan mengenai sistem pada seluruh siklus hidup.

2. 3. 10. 2Tujuan UML

Tujuan utama perancangan UML adalah :

1. Menyediakan bahasa pemodelan visual yang ekspresif dan siap pakai untuk mengembangkan dan pertukaran model-model yang berarti. 2. Menyediakan mekanismeperluasan dan spesifikasi untuk memperluas

konsep-konsep inti.

3. Mendukung spesifikasi independen bahasa pemograman dan pengembangan tertentu.

4. Meyediakan basis formal untuk pemahaman bahsa pemodelan 5. Mendorong pertumbuhan pasar kakas berorientasi objek

6. Mendukung konsep-konsep pengembangan level lebih tinggi seperti komponen, kolaborasi, framework dan pattern

2. 3. 11Diagram dan Teknik Pemodelan UML

Diagram mengemukakan banyak hal,penggunaan notasi yang terdefinisi baik dan ekspresif adalah penting pada proses pengembangan perangkat lunak, yaitu :

1. Notasi standar yang memungkinkan pengembang mendeskripsikan skenario atau rumusan arsitektur dan kemudian mengkomunikasikan secara tidak ambigu

2. Notasi yang bagus membebaskan otak untuk berkonsentrasi pada masalah-masalah yang lebih lanjut.

3. Notasi yang baik memungkinkan mengeleminasi keperluan pemeriksaan konsisten dan kebenaran keputusan dengan menggunakan

tool terotomatisasi.

2. 3. 12Diagram struktur

Diagram ini untuk memvisualisasikan ,memspesifikasikan,membangun dan mendokumentasikan aspek statik dari sistem.

1. Diagram Kelas (Class diagram) 2. Diagram Objek (Objek diagram)

3. Diagram Komponen (Component diagram) 4. Diagram Pengembangan (Deployment diagram)

2. 3. 13Diagram perilaku

Diagram ini untuk memvisualisasikan,menspesifikasi, membangun dan mendokumentasikan aspek dinamis dari sistem.

1. Diagram use-case (Use case diagram) 2. Diagram sekuen (Sequen diagram)

3. Diagram kolaborasi (Collaboration diagram) 4. Diagram statechart (Statechart diagram) 5. Diagram aktivitas (Activity Diagram)

1. Diagram kelas (Class diagram)

Diagram ini menunjukkan sekumpulan kelas, interface, kolaborasi dan keterhubungannya. Diagram kelas ditujukan untuk pandangan statik terhadap sistem.

2. Diagram objek (Object diagram)

Diagram ini menunjukkan sekumpulan objek dan keterhubungannya.Diagram ini menunjukkan potongan statik dari instan-nstan yang ada di diagram kelas.Diagram ini untuk memperlihatkan satu prototipe atau kasus tertentu yang mungkin terjadi.Diagram objek menyediakan notasi grafis formal guna memodelkan objek,kelas dan saling berhubungan. Diagram objek berguna untuk abstract modeling dan perancangan program-program sesungguhnya.Pada pendekatan ini, bentukan dasar dari sistem perangkat lunak adalah abjek atau kelas.Kelas adalah deskripsi dari objek-objek yang umum.Setiap objek mempunyai indentitas,state dan perilaku.

3. Diagram use-cade (use case diagram)

Diagram ini menunjukkan sekumpulan kasus fungsional dan aktor (jenis kelas khusus) dan keterhubungannya.

4. Diagram Sekuen (Sequence diagram)

Diagram ini menunjukkan interaksi yang terjadi antar objek.Diagram ini menggunakan pandangan dinamis terhadap sistem.Diagram ini menekankan pada basis keberurutan waktu dari pesan-pesan yang terjadi.

5. Diagram kolaborasi (Collaboration diagram)

Diagram ini juga merupakan diagram interaksi. Diagram ini menekankan pada organisasi struktur dari objek-objek yang mengirim dan menerima pesan.

6. Diagram statecahart (Statecahart diagram)

Diagram ini berisi state,transisi,kejadian dan aktivitas. Statechart merupakan pandangan dinamis dari sistem.Diagram ini penting dalam memodelkan perilaku antar muka,kelas,kolaborasi, dan menekannkan pada urutan kejadian. Penting untuk sistem reaktif yang dipicu kejadian di dunia nyata.

7. Diagram aktivitas ( Activity diagram)

Diagram ini untuk menunjukkan aliran aktivitas di sistem. Diagram aktivitas adalah pandangan dinamis terhadap sistem. Diagram aktivitas penting

untukmemodelkan fungsi sistem dan menekankan pada aliran kendali diantara onjek-objek.

8. Diagram komponen (Component diagram)

Diagram ini menunjukkan organisasi dan kebergantungan diantara sekumpulan komponen.Diagram ini merupakan pandangan static terhadap implementasi sistem.

9. Diagram pengembangan (Deployment diagram)

Diagram ini menunjukkan konfigurasi pemroresan saat jalan komponen-komponen yang terdapat didalamnya. Diagram ini merupakan pandangan static dari arsitektur . Pilihan model dan diagram yang digunakan dipengaruhi oleh bagaimana persoalan yang ditangani dan bagaimana solusi dibentuk. Abtraksi, fokus pada relevan sambil mengabaikan rincian-rincian yang tidak relevan merupakan kuncinya.Karena itu, setiap sistem komplek perlu didekati melalui sekumpulan pandangan model yang hampir independent.Tidak ada satu pandangan tunggal yang memadai untuk komplek.

2. 4Structure Query Language (SQL)

SQL adalah bahasa standar yang digunakan oleh Database Management System untuk memapulasi dan memperoleh data dari sebuah database

relational.Dengan SQL kita dapat melakukan hal-hal berikut terhadap basis data : a. Pengubahan struktur sebuah database

b. Pengubahan pengaturan keaman sistem c. Memberikan hak akses kepada pengguna

d. Memperoleh informasi dari database e. Mengupdate database

Perintah-perintah SQL dikelompokkan menjadi lima macam yaitu :

1. Data Definition Language (DDL)

Adalah perintah SQL yang digunakan untuk mendefinisikan kerangka basis data perintah-perintahnya adalah :

a. Create : untuk membuat atau menciptakan objek basis data b. Alter : untuk memodifikasi atau mengubah objek basis data c. Drop : untuk menghapus objek basis data

d. Objek database yang dimaksud adalah basisdata,table,index.

2. Data Manipulation Language (DML)

Adalah perintah yang digunakan untuk mengoperasikan atau memanipulasi isi basis data,SQL menyediakan 4 perintah DML yaitu :

a. Select :digunakan untuk mengambil basis data dari basis data b. Delete :digunakan untuk menghapus data pada basis data c. Insert :digunakan untuk menambah data kedalam table d. Update :digunakan untuk memodifikasi data pada basis data

3. Security

Adalah perintah-perintah yang digunakan untuk menjamin keamanan data.Perintahnya antara lain :

a. Grant : digunakan untuk memberikan akses kepada user tertentu ke basis data b. Revoke : digunakan untuk mencabut hak akses dari user.

4. Integrity

Adalah perintah-perintah yang digunakan untuk menjaga kesatuan data. Contoh recover table : digunakan untuk memperbaiki tabel pada basis data

5. Auxilary

Adalah perintah-perintah pelengkap tambahan seperti : unload dan rename

2. 4. 1AdobeDreamweaver

Adobe Dreamweaver merupakan software dari Adobe yang digunakan sebagai HTML editor professional untuk mendesain web secara visual, dan dapat juga digunakan untuk mengelola situs atau halaman web.

Selain itu Dreamweaver memberikan keleluasaan kapada pengguna untuk menggunakan sebagai media penulisan bahasa pemrograman web.

Dalam perkembangannya saat ini Dreamweaver banyak digunakan para desainer web maupun programmer web.Dengan kemampuan fasilitas yang optimal dalam jendela design, membuat program ini memberikan kemudahan untuk mendisain web untuk para desainer web pemula sekalipun.Sedangkan kemampuan Dreamweaver untuk berinteraksi dengan beberapa bahasa pemrograman seperti PHP, ASP, javascript, dan yang lainnya juga memberikan fasilitas maksimal para desainer web yang menyertakan bahasa pemrograman web didalamnya.

2. 4. 2Adobe flash

Adobe flash merupakan salah satu software animasi yang sangat populer dan sudah diakui kecanggihannya. Kelengkapan fasilitas dan kemampuannya yang luar biasa dalam membuat animasi, menjadikan software ini banyak dipakai oleh animator flash.Keberadaannya sangat membantu dan memudahkan pemakai dalam menyelesaikan pekerjaan, terutama pekerjaan animasi dan presentasi.

2. 4. 3Adobe photoshop

Adobe photoshop adalah sebuah software yang dapat digunakan untuk membuat, mengolah, serta memanipulasi tampilan sebuah gambar atau foto.Selain itu, dapat juga digunakan untuk mengoreksi warna dan memberikan efek-efek tampilan yang sangat menakjubkan hasilnya.Keandalan adobe photoshop dalam berbagai pekerjaan memang tidak diragukan lagi, terbukti beberapa bidang sangat memerlukan software ini unttuk keperluan fotografi, percetakan, animasi, periklanan, maupun untuk membuat website.

Dengan kemampuannya dalam mengolah grafis gambar dan foto, pengguna dapat memanfaatkan untuk membuat desain grafis sebuah halaman web.Selain itu, kemampuan adobe photoshop dalam mengoptimalkan file gambar, sangat mendukung kebutuhan sebuah halaman web dalam penggunaan

gambar.Sebagai contoh, pengguna dapat membuat desain header, footer, menu, tombol, serta animasi pendukungsebuah halaman web dengan menggunakan peranti-peranti dalam adobe photoshop.

2. 4. 4Wamp Server 2.0

Wampserver berasal dari kata-kata windows-apache-mysql-php adalah sebuah program penginstal ciptaan Romain Bourdon.program ini mengemas mysql, php, dan apache sehingga memudahkan para pengembang system yang hendak menggunakan ketiga perangkat lunak tersebut untuk membuat aplikasi web berbasis database.

Wampserver tergolong sebagai free software, suatu jenis software yang bisa dipakai dan didistribusikan secara bebas kepada siapa saja.Selain ketiga software yang telah disebut sebelumnya wamp server bertindak sebagai manajer bagi program-program yang terkemas dalam WAMP 5. Selain itu juga wamp server memiliki tool bernama php my admin yang berbasis aplikasi web. Aplikasi memudahkan pengguna dalam berinteraksi dengan data base server MYSQL dalam mengakses data dalam data base.

BAB 4

KESIMPULAN DAN SARAN 4. 1Kesimpulan

Kesimpulan yang dapat ditarik setelah melakukan kegiatan kerja praktek, yaitu membangun web profile adalah :

1. Aplikasi yang dibuat dapat memberikan kemudahan bagi konsumen dalam melihat produk-produk yang ditawarkan dan memudahkan pengunjung atau konsumen mendapatkan informasi perusahaan.

2. Mempermudah jangkauan dalam media promosi

4. 2Saran

Saran yang diusulkan kepada CV. NUGRAHA BARU adalah untuk mengembangkan sistem ini dengan sistem pembayaran secara online.

BAB 3

ANALISIS DAN PERANCANGAN

Bab analisis dan perancangan sistem berisi pembahasan analisis dan perancangan sistem aplikasi web profile. Pembahasan ditujukan untuk menguraikan kebutuhan-kebutuhan dalam pengembangan aplikasi.

3. 1Analisis Sistem

Analisis sistem (systems analyst) dapat didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya.

Analisis sistem merupakan penguraian dari suatu sistem yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengindentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya. Hal-hal yang akan dianalisis pada tahap analisis sistem ini adalah analisis prosedur sistem yang sedang berjalan,analisis aliran informasi, analisis pengkodean, analisis basis data dan analisis kebutuhannon-fungsional.

3. 1. 1Analisis masalah

Pada sistem yang sedang berjalan ditemukan masalah atau kendala yang terjadi, masalah tersebut antara lain adalah :

Tabel 3.1 tabel masalah atau kendala perusahaan

No Permasalahan Bagian/pihak

1 Tidak adanya media promosi web vannisa Perusahaan

dan tenaga yang sangat terbatas sehingga membuat pengeluaran yang besar

3 Dengan sistem yang berjalan sekarang, pemberian informasi kepada costomer dirasakan kurang efektif sehingga costumer belum tentu mendapatkan informasi secara lengkap.

Costumer

4 Belum adanya fasilitas webprofile yang menampung informasi-informasi seputar perusahaan, tidak ada fasilitas perusahaan untuk berinteraksi atau berkomunikasi dengan pelanggan agar perusahaan mendapatkan masukan-masukan, kritik, saran dari pelanggan secara online.

perusahaan

3. 1. 2Analisis prosedur yang sedang berjalan

Ditinjau dari masalah yang dihadapi maka dibangun suatu aplikasi web profile untuk mengatasi masalah-masalah tersebut aplikasi ini dibuat statis yang bertujuan untuk dapat dikembangkan kembali.

3. 1. 2. 1Use Case prosedur yang sedang berjalan

Use case analisis perancangan adalah proses yang sedang berjalan saat ini sebelum menggunakan web profile

System

Karyawan

Pemasangan Spanduk

Penyebaran Brosur

Melihat Informasi <<include>>

<<include>>

Konsumen

Gambar 3.1 Use case prosedur yang sedang berjalan

Pada gambar 3.1 proses promosi yang sedang berjalan saat ini masih menggunakan sistem manual, dengan cara karyawan membagikan dan memasang brosur sampai konsumen melihat informasi tersebut.

3. 1. 3Analisis kebutuhan non fungsional

Analisis kebutuhan non fungsional merupakan analisis yang dibutuhkan untuk menentukan spesifikasi kebiutuhan sistem. Spesifiikasi ini juga meliputi elemen-elemen atau komponen-komponenapa saja yang dibutuhkan untuk sistem yang akan dibangun sampai dengan sistem tersebut diimplementasikan. Analisis kebutuhan ini juga menentukan spesifikasi masukan yang diperlukan sistem, keluaran yang akan dihasilkan sistem dan proses yang akan dibutuhkan untuk mengolah masukan sehingga menghasilkan suatu keluaran yang diinginkan.

3. 1. 3. 1Analisis perangkat keras (hardware₎

Perangkat keras yang direkomendasikan untuk menjalankan aplikasi ini adalah sebagai berikut :

a. Processor dengan kecepatan minimal 1 GHz b. Kapasitas Hardisk Minimal 80 GB

c. Ram minimal 512 MB

d. Monitor dengan resolusi 1024x768 e. Lan Card 10/100Mbps

f. Koneksi internet minimal 234,6 Kbps

g. Mouse

h. Keyboard

i. VGA card minimal 64 MB

3. 1. 3. 2Analisis Perangkat Lunak

Kebutuhan perangkat lunak merupakan faktor-faktor yang harus dipenuhi untuk merancang sebuah perancang lunak tersebut sesuai dengan maksud dan tujuan perangkat lunak tersebut dibuat.Beberapa perangkat lunak pendukung sebagai berikut :

Tabel 3.2 tabel analisis perangkat lunak

no Perangkat lunak keterangan

1 Microsoft windows xp sp2 System operasi

2 Adobe dreamweaver Tool pemrograman

3 Adobe photoshop Tool edit gambar

4 Mozilla fire fox browser

5 Rational rose Tool perancangn UML

3. 1. 3. 3Analisis pengguna

Analisis pengguna mencirikan siapa saja pengguna dari perangkat lunak yang dispesifikasikan dan apa saja haknya terhadap perangkat lunak tersebut. Aplikasi web profile yang dibangun memiliki dua jenis pengguna, yaitu :

1. Pengunjung

Pada aplikasi web profile ini pengunjung merupakan orang yang melihat atau menggunakan aplikasi ini. Pengunjung sendiri tidak dapat melakukan login ataupun mendaftar untuk menjadi member. Jadi pengunjung hanya bisa melihat dan nantinya akan mendapatkan informasi dari web profile tersebut.

2. Pengelola

Pengelola merupakan orang yang bertanggung jawab mengelola data secara statis. Adapun syarat yang dibutuhkan untuk menjadi pengelola antara lain :

a. Mampu menguasai teknik pemrograman php dan mysql b. Menguasa ilmu komputer.

c. Menguasai adobe dreamweaver d. Menguasai adobe photoshop e. Mengerti dasar-dasar internet.

3. 1. 4Analisis kebutuhan fungsional

Analisis kebutuhan fungsional aplikasi web profile ditentukan berdasarkan spesifikasi kebutuhan interaksi pada aplikasi, yaitu interaksi antar sesama pengunjung, dan pengunjung-pengelola. Kebutuhan interaksi tersebut dapat dilihat pada tabel 3.3.

Tabel 3.3 Kebutuhan interaksi pada aplikasi web profile

No Jenis interaksi Implementasi pada aplikasi web profile

1. Pengunjung dan pengunjung Komunikasi melalui ruang shoutbox, untuk saling mengutarakan pendapat.

2. Pengunjung dan guru Komunikasi melalui kirim komentar, email, dan

poling untuk agar perusahaan mendapatkan

feedback dari pengunjung.

3. 1. 5Analisis Perancangn sistem

Perancangan dapat didefinisikan sebagai penggambaran, perencanaan, dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam suatu kesatuan yang utuh dan berfungsi.Tahapan ini meliputi mengkonfigurasi komponen-komponen perangkat alat lunak dan perangkat keras dari suatu sistem. Alat bantu yang digunakan untuk menggambarkan perancangn sistem yaitu UML (unified modeling language).

3. 1. 5. 1UML (unified modeling language)

Perancangn sistem yang dilakukan menggunakan metode yaitu UML (unified modeling language). Perancangn sistem ini menggunakan adaptasi metode coad-yourdan. Tahap-tahap perancangan tersebut sebagai berikut: 1. Pemodelan use case

1.1. Indentifikasi actor 1.2. Identifikasi use case

1.3. Pembuatan diagram use case

1.4. Pembuatan diagram sekuen atau diagram kolaborasi untuk memperjelas masing2 use case

3. 1. 6Pemodelan use case

Pemodelan use case adalah pemodelan sistem dari perspektif pandangn pemakai akhir (end user). Model use case adalah pendangan dari luar sistem, sementara model rancangan adalah pandangan dari dalam sistem, sedangkan model rancangn mempresentasikan pembangunan dari sistem. Sasaran pemodelan use case sebagai berikut :

1. Mendefinisikan kebutuhan fuungsional dan operasional sistem dengan mendefinisikan skenario penggunaan yang disepakati antara pemakai/pengguna dan pengembang (developer).

2. Menyediakan deskripsi dan tidak ambigu mengenai cara penggunaan dan sistem saling berinteraksi.

3. Menyediakan basis untuk pengujian vaidasi.

3. 1. 7Identifikasi aktor

Aktor yang berperan dalam perangkat ini antara lain: 1. Pengelola website

Pengelola pada dasarnya mempunyai yang sama dengan pengunjung, tetapi pengelola mendapatkan hak akses login web hosting dimana pengelola dapat meng update isi dan informasi dari website ini

2. Pengunjung /pelanggan

3. 1. 8Identifikasi use case

Pada aplikasi website di www.brownies-vannisa.com ini adalah antaralain sebagai berikut:

pengunjung :

1. Use case lihat halaman utama 2. Use case lihat produk

4. Use case lihatoutlet

5. Use case melakukan kirim e-mail

Pengelola :

1. Use case kelola konfigurasi 2. Use case kelola e-mail

3. 1. 9_Diagram Use Case

Diagram use case memperlihatkan hubungan-hubungan yang terjadi antara aktor-aktor dengn use case dalam sistem. Salah satu manfaat dari diagram use case adalah untuk Komunikasi. Calon pengguna sistem/perangkat lunak dapat mengamati diagram use case untk mendapatkan penglaman yang utuh tentang sistem yang akan dikembangkan.

Skenario use case aplikasi website www.brownies-vannisa.com (Gambar 3.1): 1. Aktor yang terlibat dengan sistem adalah pengunjung (user).

2. Setiap pengunjung dapat mengakses menu-menu yang tersedia dalam situs www.brownies-vannisa.com

3. Pengunjung dapat melihat profil perusahaan . 4. Pengunjung dapat melihat produk perusahaan.

5. Pengunjung dapatmenggunakan failitas polling, shoutbox, komentar, dan mengirim pesan e-mail pribadi.

System

Pengunjung

Mengunjungi Web Profile Melakukan Kirim Email

Lihat Halaman Utama Lihat Halaman Produk

Melihat Produk Terbaru Melakukan Polling

Lihat Kategori Produk

Lihat Detail Produk

Lihat Halaman About us

Kirim Komentar Kirim Email

Input User Name Input Komentar

Send

Input Isi Pesan Input Nama Input Email

Input Url Kirim <<include>> <<include>> <<include>> <<include>> <<extend>> <<extend>> <<include>> <<include>> <<include>> <<include>> <<extend>> <<extend>> <<extend>> <<extend>> <<include>> <<include>> <<include>> <<include>> Pengelola Login Cpanel Setting Umum

Setting File Manager

Kelola Halaman Utama

Kelola Halaman Produk

Kelola Halaman Outlet

Kelola Halaman About Us Kelola Halaman Email

Kelola Pesan Email

Kelola Pesan Komentar

Kelola About Us Delete isi Abouts Us

Kelola Isi Outlet

Delete Isi Outlet Kelola Isi Produk

Delete Isi Produk Delete Konten

Kelola Polling

Kelola Update Produk

<<include>> <<include>> <<extend>> <<extend>> <<extend>> <<extend>> <<extend>> <<extend>> <<extend>> <<extend>> <<extend>> <<extend>> <<extend>> <<extend>> <<extend>> <<extend>> <<extend>> <<extend>>

Delete Pesan Email

Masukan Sebagai Informasi

<<extend>> <<include>>

Masukan Sebagai informasi Delete Pesan Komentar

<<include>> <<extend>> <<extend>> <<extend>> <<include>> <<include>>

3. 1. 9. 1Diagram Use case pengunjung

Pada gambar 3.3 diperlihatkan use case diagram untuk pengunjung

pengunjung

mengunjungi web profile

lihat halaman utama

lihat profile

lihat about us

lihat informasi outlet

melakukan kirim e-mail <<include>>

<<include>>

<<include>>

<<include>>

<<include>>

Gambar 3.3 Diagram Use Case Pegunjung

Table 3.1 skenario use case pengunjung

Indentifikasi

Nomor use case : 3.3

Nama use case : Pengunjung

Deskripsi : Proses untuk melihat isi web profile

Jenis : Primer

Aktor : Pengunjung

Skenario Utama

Kondisi Awal

No Aksi aktor No Respon Sistem

1. Mengunjungi web profile www.brownies-vannisa.com

2. Halaman utama web tampil 3. Klik tombol produk

4. Tampil halaman Produk

6. Tampil halaman about us 7. Klik tombol outlet

8. Tampil halaman outlet

9. Klik tombol e-mail

10. Tampil halaman e-mail

3. 1. 9. 2Diagram use case lihat halaman utama

Pada gambar 3.4 diperlihatkan use case diagram untuk lihat halaman

pengunjung

melihat halam utama

melihat produk terbaru

menggunakan aplikasi shoutbox

melakukan poling lihat hasil poling <<include>>

<<include>>

<<include>> <<extend>>

Gambar 3.4 Diagram Use case Lihat halaman utama

Table 3.2 skenario use case lihat halaman utama Indentifikasi

Nomor use case : 3.4

Nama use case : Lihat halaman utama

Deskripsi : Pengunjung melihat halaman utama

Jenis : Primer

Aktor : Pengunjung

Skenario Utama Kondisi Awal

No Aksi aktor No Respon Sistem 1. Klik tombol polling

2. Lihat hasil polling 3. Klik tombol produk

4. Tampil produk terbaru

5. Masukkan pesan shoutbox

6. Tampil hasil shoutbox

3. 1. 9. 3Diagram use casse lihat produk

Pada gambar 3.5 diperlihatkan use case diagram untuk lihat produk

pengunjung

lihat produk lihat kategori produk lihat detail produk

<<extend>> <<extend>>

Gambar 3.5 Diagram Use Case Lihat produk

Table 3.3 skenario use case lihat produk Indentifikasi

Nomor use case : 3.5

Nama use case : Lihat halaman produk

Deskripsi : Proses untuk melihat produk

Jenis : Primer

Aktor : Pengunjung

Skenario Utama Kondisi Awal

No Aksi aktor No Respon Sistem

1. Klik tombol produk

2. Tampilan halaman produk 3. Pilih kategori

3. 1. 9. 4Diagram use case lihat about us

Pada gambar 3.6 di perlihatkan use case diagram untuk lihat about-us

pengunjung

lihat about us

Gambar 3.6 diagram usecase lihat about-us

Table 3.4 skenario use case lihat about us Indentifikasi

Nomor use case : 3.6

Nama use case : Lihat about-us

Deskripsi : Pengunjung lihat about-us

Jenis : Primer

Aktor : Pengunjung

Skenario Utama Kondisi Awal

No Aksi aktor No Respon Sistem

1. Pilih menu tombol about-us

2. Tampil about-us

3. 1. 9. 5Use case lihat outlet

Pada gambar 3.7 di perlihatkan use case diagram untuk lihat outlet

pengujung

lihat outlet

Table 3.5 skenario use case lihat outlet Indentifikasi

Nomor use case : 3.7

Nama use case : Lihat Outlet

Deskripsi : Pengunjung lihat outlet

Jenis : Primer

Aktor : Pengunjung

Skenario Utama Kondisi Awal

No Aksi aktor No Respon Sistem

1. Pilih tombol menu outlet

2. Tampil Outlet

3. 1. 9. 6Diagram use case kirim e-mail

pengunjung kirim komentar kirim e-mail input username input komentar send input nama input e-mail input url

input isi pesan <<extend>> <<extend>> <<extend>> <<extend>> kirim <<include>> <<include>> <<include>> <<include>> <<extend>> <<extend>> <<include>> <<include>>

Gambar 3.8 Diagram Use Case kirim e-mail

Table 3. skenario use case kirim e-mail

Indentifikasi

Nomor use case : 3.8

Nama use case : Kirim e-mail

Deskripsi : Pengunjung lihat email dan isi pesan komentar

Jenis : Primer

Aktor : Pengunjung

Skenario Utama

Kondisi Awal

No Aksi aktor No Respon Sistem

1. Klik tombol email

2. Tampil halaman email 3. Masukkan nama,e-mail,input url,pesan

pada kotak email

3. 1. 9. 7Diagram use case pengelola

Pada gambar 3.9 di perlihatkan use case diagram untuk pengelola

pengelola

login cpanel

kelola halaman utma

kelola pesan email

kelola komentar

kelola konfigurasi

masukan sebagai informasi

delete

masukan sebagai informasi

delete <<extend>> <<extend>> <<extend>> <<extend>> <<include>> <<include>> <<include>> <<include>>

Gambar 3.9 Diagram Use Case pengelola

Table 3.6 skenario use case pengelola Indentifikasi

Nomor use case : 3.9

Nama use case : Pengelola

Deskripsi : Proses untuk mengakses file manager untuk

mengganti,menghapus,mengupdate halaman-halaman ataupun menambah konten –konten yang terdapat pada website

Jenis : Primer

Aktor : Pengelola

Skenario Utama Kondisi Awal

No Aksi aktor No Respon Sistem

1. Masukkan username dan password pada login cpanel

2. Tampilan menu utama control panel 3. Klik menu php admin pada menu

utama cpanel

5. Klik tombol edit email

6. Tampil isi email

7. Klik tombol komentar

8. Lihat masukan informasi

9. Klik tombol delet pada kotak komentar

10. Hapus komentar

3. 1. 9. 8Diagram use case kelola halaman utama

Pada gambar 3.10 di perlihatkan use case diagram untuk kelola halaman utama.

pengelola

kelola konfigurasi

seting lain-lain

seting umum kelola halaman utama

kelola produk

kelola about us

kelola outlet

update data produk

hapus data produk <<extend>> <<extend>> <<include>> <<include>> <<extend>> <<extend>> <<extend>> <<extend>>

Gambar 3.10 Diagram kelola halaman utama

Table 3.7 skenario use case kelola halaman utama Indentifikasi

Nomor use case : 3.10

Nama use case : Lihat kelola halam utama

Deskripsi : Pengelola mengakses kelola halaman utama

Jenis : Primer

Aktor : Pengelola

Kondisi Awal

No Aksi aktor No Respon Sistem

1. Klik Tombol menu file manager

2. Tampil menu halaman yang akan di edit 3. Beri tanda centang kelola halaman

utama dan klik tombol edit

4. Tampil halaman utama

5. Beri tanda centang kelola about us dan klik tombol edit

6. Tampil halaman about us

7. Beri tanda centang kelola produk dan klik tombol edit

8. Tampil halaman produk

9. Klik tombol edit data produk

10. Lihat data produk

11. Klih tombol edit hapus data produk

12. Lihat hapus data produk

3. 1. 9. 9Diagram use case kelola e-mail

pengelola

kelola komentar kelola e-mail

masukan sebagai informasi

hapus data e-mail

masukan sebagai informasi

hapus data e-mail

<<extend>>

<<extend>>

<<extend>>

<<extend>>

Gambar 3.11 Diagram Use Case kelola e-mail

Table 3.8 skenario use case kelola halaman utama Indentifikasi

Nomor use case : 3.11

Nama use case : Lihat kelola halaman email

Deskripsi : Pengelola mengakses halaman email

Jenis : Primer

Aktor : Pengelola

Skenario Utama Kondisi Awal

No Aksi aktor No Respon Sistem

1. Klik kelola email

2. Tampil masukan sebagai informasi 3. Klik hapus kelola email

4. Lihat data email

5. Klik kelola komentar

6. Tampil masukan sebagai informasi

7. Klik hapus kelola komentar

3. 2Diagram aktivitas

Kebutuhan alur kerja (workflow) sebuah proses bisnis dan urutan aktivitas dalam suatu proses dimodelkan dengan diagram aktivitas. Diagram ini sangat mirip dengan sebuah flowchart karena kita dapat memodelkan sebuah alur kerja dari satu aktivitas ke aktivitas lainnya atau dari satu aktivitas ke dalam keadaan sesaat (state).

3. 2. 1Diagram aktivitas konsumen

Diagram aktivitas konsumen (gambar 3.12):

Halaman Utama

Halaman Utama

Isi Pesan Halaman Email

Pilih Polling

Isi Komentar Shoutbox

Isi Komentar

Lihat Outlet

Lihat Produk

Lihat abouts us

end

Gambar 3.12 diagram aktivitas pengunjung

3. 3Perancangan basis data

Basis data atau data base adalah sekumpulan dari data yang saling

berhubungan antara satu dengan yang lainnya tersimpan diperangkat keras computer dan digunakan perangkat lunak untuk memanipulasinya. Tujuan dari perancangan basis data adalah menentukan data-data yang dibutuhkan dalam sistem sehingga kebutuhan informasi akan terpenuhi.

3. 3. 1Struktur data

Dalam database yang dibangun terdiri dari tigatabel. Berikut akan dijelaskan mengenai implementasi table-tabel yang digunakan pada pembangunan aplikasi web profile.

Tabel 3.4 struktur tabel email

No Nama Type Null Keterangan

1 Id Int(10) No key,Auto_Increment

2 Nama Varchart(35) No

3 Email Varchart(40 No

4 Url Varchart(50) No

5 Komentar Text No

Tabel 3.5 strukteu tabel polling

No Nama Type Null Keterangan

1 Id int(10) No key,Auto_Increment

2 pil1 Varchart(255) No latin1_swedish_ci

3 pil1 Varchart(255) No latin1_swedish_ci

4 pil1 Varchart(255) No latin1_swedish_ci

5 pil1 Varchart(255) No latin1_swedish_ci

6 pil1 Varchart(255) No latin1_swedish_ci

7 pil1 Varchart(255) No latin1_swedish_ci

Tabel 3.6 struktur tabel shoutbox

No Nama Type Null Keterangan

1 Id Int(10) No key,Auto_Increment

2 Nama Varchart(47) No latin1_swedish_ci

3 Url Varchart(151) No latin1_swedish_ci

4 Message Varchart(254) No latin1_swedish_ci

5 tanggal Varchart(30) No latin1_swedish_ci

Pada tabel-tabel diatas merupakan tabel-tabel yang digunakan dalam membangun database untuk aplikasi web profile yang dibuat.

3. 4Perancangan antar muka(user interface)

Perancangan antar muka merupakan tahapan dimana desain system yang sudah dipersiapkan kemudian ditampilkan menjadi antar muka antara pengguna dengan system.

3. 4. 1Perancangan menu

Perancangan menu utama (gambar 3.13) pada webprofile ini tidak ada perbedaan antara pengunjung dan pengelola.

HOME PRODUCT OUTLET ABOUTS EMAIL

MENU UTAMA

Pada gambar 3.13 adalah peancangan menu utama untuk pengunjung dimana terdapat beberapa menu diantaranya halaman utama, produk, outlet, about us, email.

3. 4. 2Perancangan antarmuka menu utama

Gambar 3.14 adalah perancangan antar muka menu utama pada aplikasi web profile www.brownies-vannisa.com.

Gambar 3.14 perancangan antarmuka menu utama

Tabel 3.7 tabel keterangan antar muka menu utama

No Nama Fungsi

1 Gambar Halaman menu Home

2 Logo logo Vannisa

3 Home Menampilkan halaman menu home

4 Produk Menampilkan halaman menu produk

5 Outlet Menampilkan halaman menu outlet

6 About Menampilkan halaman menu about

7 Email Menampilkan halaman menu email

8 Polling Pemilihan hasil polling produk

brownies

9 Shoutbox isi komentar tentang produk

10 become Gabung become fans facebook

11 Animasi Menampilkan gambar produk vannisa

12 Situs Alamat situs web vannisa

3. 4. 3Perancangan antar muka menu produk

Gambar 3.15 adalah perancangan antar muka menu produk pada aplikasi web profile www.brownies-vannisa.com.

Gambar 3.15 perancangan antarmuka menu produk

Keterangan gambar :

Tabel 3.8 tabel keterangan antar muka menu produk

No Nama Fungsi

1 Gambar Halaman menu Produk

2 Logo Logo vannisa

3 Home Menampilkan halaman menu home

4 Produk Menampilkan halaman menu produk

5 Outlet Menampilkan halaman menu outlet

6 About Menampilkan halaman menu about

8 Menu 1 Menampilkan Produk1

9 Menu 2 Menampilkan Produk2

10 Menu 3 Menampilkan Produk3

11 Menu 4 Menampilkan Produk4

12 Menu 5 Menampilkan Produk5

13 Menu 6 Menampilkan Produk6

14 Menu 7 Menampilkan Produk7

15 Menu 8 Menampilkan Produk8

16 Tampilan slide gambar

Menampilkan gambar produk

17 Situs Alamat situs web vannisa

3. 4. 4Perancangan antar muka menu outlet

Gambar 3.16 adalah perancangan antar muka menu outlet pada aplikasi web profile www.brownies-vannisa.com.

Gambar 3.16 perancangan antar muka menu outlet

Keterangan gambar :

Tabel 3.9 tabel keterangan antar muka menu outlet

No Nama Fungsi

1 Gambar Halaman menu Outlet

2 Logo Logo vannisa

3 Home Menampilkan halaman

menu home

4 Produk Menampilkan halaman

5 Outlet Menampilkan halaman menu outlet

6 Abouts Menampilkan halaman

menu about

7 Email Menampilkan halaman

menu email

8 Situs Alamat situs web vannisa

3. 4. 5Perancangan antarmuka menu about-us

Gambar 3.17 adalah perancangan antar muka menu about-us pada aplikasi web profile www.brownies-vannisa.com.

Gambar 3.17 perancangan antar muka menu about-us

Keterangan gambar :

Tabel 3.10 tabel keterangan antar muka menu about-us

No Nama Fungsi

1 Gambar Halaman menu about

2 Logo logo vannisa

3 Home Menampilkan halaman menu home

5 Outlet Menampilkan halaman menu outlet 6 About Menampilkan halaman menu about 7 Email Menampilkan halaman menu email

8 Text About produk vannisa

9 Gambar Menampilkan logo vannisa 10 Text Label halal mui

11 Situs Alamat situs web vannisa

3. 4. 6Perancangan antarmuka menu email

Gambar 3.18 adalah perancangan antar muka menu e-mail pada aplikasi web profile www.brownies-vannisa.com.

Gambar 3.18 perancangan antar muka menu e-mail

Keterangan gambar :

Tabel 3.11 tabel keterangan antar muka menu email

No Nama Fungsi

1 Gambar Halaman menu Email

2 Logo logo vannisa

3 Home Menampilkan halaman menu home

5 Outlet Menampilkan halaman menu outlet

6 About Menampilkan halaman menu about

7 Email Menampilkan halaman menu email

8 Kontak Email

Isi pesan email dan komntar

9 Text Tempat kantor pusat vannisa

RIWAYAT HIDUP

NIM : 10107265

Kelas : IF6

Nama : Desta Perdana Putra

Tempat/ Tanggallahir : Bandung, 1 Desember 1988

Agama : Islam

Jeniskelamin : Laki-laki

Alamat : Komplek. Taman Cipadung indah Jl. Nirwana No. 1

Kel. Cipadung Kidul Kec. Panyileukan, Bandung 40614

Telepon : 085624629959

E-mail : desta_tanaka@yahoo.com

PENDIDIKAN

a) Tk.ABD Saleh Malang : Tahun 1994-1995

b) SD.ABD Saleh Malang : Tahun 1995-1996

c) SD.Panyileukan 3 : Tahun 1996-1999

d) SD.Binaharapan 4 : Tahun 1999-2001

e) SLTP Plus Al-Ghifari : Tahun 2001-2004

f) SMAN 26 Bandung : Tahun 2004-2007

g) Universitas Komputer Indonesia : Tahun 2007-sekarang

Bandung, Januari 2011

Desta Perdana Putra NIM. 10107265

RIWAYAT HIDUP

NIM : 10107273

Kelas : IF6

Nama : Muhammad Luthfi Maulana Haq

Tempat/ Tanggal lahir : Bandung, 22 Januari 1989

Agama : Islam

Jenis kelamin : Laki-laki

Alamat : Komplek Bumi Panyileukan Blok E 10 No 17

Bandung 40614

Telepon : 085722842159

E-mail : Luthfiem@yahoo.com

PENDIDIKAN

2007- sekarang : Program S1 Teknik Informatika, Teknik dan Ilmu Komputer Universitas Komputer Indonesia, Bandung

2004-2007 : SMA BPI 1 Bandung

2001-2004 : SMP Negeri 34 Bandung

1995-2001 : SDN Panyileukan 2

1994-1995 : TK Riung Putra

Bandung, Januari 2011

Muhammad Luthfi Maulana Haq NIM. 10107273

RIWAYAT HIDUP

NIM : 10107243

Kelas : IF6

Nama : Novy Wisudrajat

Tempat/ Tanggal lahir : Bandung, 26 November 1989

Agama : Islam

Jenis kelamin : Laki-laki

Alamat : DSN kaler RT 03/01 Cijeungjing Ciamis

Telepon : 085221614411

E-mail : if.10107243@yahoo.co.id

PENDIDIKAN

2007- sekarang : Program S1 Teknik Informatika, Teknik dan Ilmu Komputer Universitas Komputer Indonesia, Bandung

2004-2007 : SMA 3 Ciamis

2001-2004 : SMP 5 Ciamis

1995-2001 : SD.Bebedilan 1

1994-1995 : Tk.Bhayangkari

Bandung, Januari 2011

Novy Wisudrajat NIM. 10107243

5 Outlet Menampilkan halaman menu outlet 6 About Menampilkan halaman menu about 7 Email Menampilkan halaman menu email 8 Text About produk vannisa

9 Gambar Menampilkan logo vannisa 10 Text Label halal mui

11 Situs Alamat situs web vannisa

3. 4. 6Perancangan antarmuka menu email

Gambar 3.18 adalah perancangan antar muka menu e-mail pada aplikasi web profile www.brownies-vannisa.com.

Gambar 3.18 perancangan antar muka menu e-mail Keterangan gambar :

Tabel 3.11 tabel keterangan antar muka menu email

No Nama Fungsi

1 Gambar Halaman menu Email 2 Logo logo vannisa

3 Home Menampilkan halaman menu home 4 Produk Menampilkan halaman menu produk

5 Outlet Menampilkan halaman menu outlet 6 About Menampilkan halaman menu about 7 Email Menampilkan halaman menu email 8 Kontak

Email

Isi pesan email dan komntar

9 Text Tempat kantor pusat vannisa 10 Situs Alamat situs web vannisa

RIWAYAT HIDUP

NIM : 10107265

Kelas : IF6

Nama : Desta Perdana Putra

Tempat/ Tanggallahir : Bandung, 1 Desember 1988

Agama : Islam

Jeniskelamin : Laki-laki

Alamat : Komplek. Taman Cipadung indah Jl. Nirwana No. 1 Kel. Cipadung Kidul Kec. Panyileukan, Bandung 40614

Telepon : 085624629959

E-mail : desta_tanaka@yahoo.com

PENDIDIKAN

a) Tk.ABD Saleh Malang : Tahun 1994-1995 b) SD.ABD Saleh Malang : Tahun 1995-1996 c) SD.Panyileukan 3 : Tahun 1996-1999 d) SD.Binaharapan 4 : Tahun 1999-2001 e) SLTP Plus Al-Ghifari : Tahun 2001-2004

f) SMAN 26 Bandung : Tahun 2004-2007

g) Universitas Komputer Indonesia : Tahun 2007-sekarang

Bandung, Januari 2011

Desta Perdana Putra NIM. 10107265

RIWAYAT HIDUP

NIM : 10107273

Kelas : IF6

Nama : Muhammad Luthfi Maulana Haq

Tempat/ Tanggal lahir : Bandung, 22 Januari 1989

Agama : Islam

Jenis kelamin : Laki-laki

Alamat : Komplek Bumi Panyileukan Blok E 10 No 17 Bandung 40614

Telepon : 085722842159

E-mail : Luthfiem@yahoo.com

PENDIDIKAN

2007- sekarang : Program S1 Teknik Informatika, Teknik dan Ilmu Komputer Universitas Komputer Indonesia, Bandung 2004-2007 : SMA BPI 1 Bandung

2001-2004 : SMP Negeri 34 Bandung 1995-2001 : SDN Panyileukan 2 1994-1995 : TK Riung Putra

Bandung, Januari 2011

Muhammad Luthfi Maulana Haq NIM. 10107273

RIWAYAT HIDUP

NIM : 10107243

Kelas : IF6

Nama : Novy Wisudrajat

Tempat/ Tanggal lahir : Bandung, 26 November 1989

Agama : Islam

Jenis kelamin : Laki-laki

Alamat : DSN kaler RT 03/01 Cijeungjing Ciamis

Telepon : 085221614411

E-mail : if.10107243@yahoo.co.id

PENDIDIKAN

2007- sekarang : Program S1 Teknik Informatika, Teknik dan Ilmu Komputer Universitas Komputer Indonesia, Bandung 2004-2007 : SMA 3 Ciamis

2001-2004 : SMP 5 Ciamis

1995-2001 : SD.Bebedilan 1 1994-1995 : Tk.Bhayangkari

Bandung, Januari 2011

Novy Wisudrajat NIM. 10107243