BAB 3 ANALISIS DAN PERANCANGAN

(1)

26

ANALISIS DAN PERANCANGAN

3.1 Sejarah Perusahaan

Seorang mahasiswa lulusan dari Universitas Bina Nusantara 2007, Salman Nuriman K. J. yang juga seorang web design freelancer seringkali mendapatkan pekerjaan membuat website dari perusahaan-perusahaan yang ingin menginformasikan produk dan/atau jasa mereka melalui media di internet sehingga dikunjungi oleh pengunjung yang membutuhkan informasi.

Pada bulan Agustus 2008, Salman Nuriman K. J. bersama sesama

freelancer, Chandra Jatnika, Dali Dwiputra, Firman Solihuddin, Yusuf Wibisono dan Sinta Kumalasari bergabung untuk membangun sebuah Rumah Produksi bernama ADH Creative House. Nama ADH berasal dari symbol ‘@’ yang sangat kuat eratnya dengan dunia IT. ‘@’ apabila dieja maka akan terbaca | edh | atau | adh | apabila menggunakan ejaan bahasa inggris. ADH Creative House saat ini berada di bidang industri kreatif khususnya di bidang design, art product,

multimedia, website dan application.

3.1.1 Misi Perusahaan

• Menjadi perusahaan terdepan di bidang Web Services.

• Menjadi perusahaan terdepan di bidang Application & System Development di Indonesia.

(2)

• Memberikan layanan terbaik di bidangnya dan kualitas desain profesional.

3.1.2 Visi Perusahaan

• Sebagai salah satu penyedia jasa dan layanan pembuatan website dan aplikasi profesional yang murah, terpercaya dan handal di Indonesia.

Sampai saat ini ADH Creative House telah memberikan jasa dan layanan untuk perusahaan dan organisasi profit maupun non-profit secara profesional, dengan layanan dan kualitas yang cepat dan memuaskan.

ADH Creative House mampu meraih prestasi dengan cara memberikan support dan layanan yang terbaik kepada para klien. Kemampuan ADH Creative House dalam membangun sebuah website ternyata mendapat perhatian dan kepuasan yang tinggi dari para klien.

3.2 Struktur Organisasi Perusahaan

3.2.1 Diagram Struktur Organisasi Perusahaan

Adapun diagram struktur organisasi perusahaan seperti pada gambar dibawah:

(3)

3.2.22 Pembagi D rinci: 1. IT Ex a. M b. M c. M d. M e. M 2. Finan a. M b. M Gambar 3.1 ian Tugas Dibawah ini a xecutive Menyusun str Menyusun str Menentukan d Menentukan k Menentukan S nce, Marketi Membukukan Membuat lapo 1 Struktur orga adalah pemb rategi perusa rategi pemas desain yang konsep prod SOP (Standa ing, and Adm n keuangan p oran keuang anisasi perusah bagian tugas ahaan. saran. akan ditawa duk. ard Operatin min perusahaan. gan. haan masing-ma arkan kepada ng Procedur sing divisi s a klien. res) perusaha secara aan.

(4)

c. Membuat SOP (Standard Operating Procedures) administrasi keuangan perusahaan.

d. Mencari pekerjaan di semua bidang divisi.

e. Membina relasi dengan klien maupun calon klien. f. Mengelola administrasi perusahaan.

3. Art and Design Division

a. membuat konsep desain. b. Membuat layout website. c. Membuat ilustrasi desain. d. Melakukan proses fotografi.

4. IT Division

a. membuat peta konsep aplikasi. b. membuat program aplikasi. c. membuat program website.

5. Networking Division

a. membuat konsep jaringan komputer.

b. membuat RAB (Rancangan Anggaran Biaya).

(5)

3.3 Analisis Permasalahan

3.3.1 Analisis Sistem Pemasaran yang Berjalan

Sistem pemasaran yang dilakukan oleh ADH Creative House sekarang adalah dengan menggunakan social networking website

(www.facebook.com dan www.twitter.com), pemasaran dari mulut ke mulut (koneksi), dan menawarkan portfolio melalui CD interaktif.

Bagi pihak konsumen yang tertarik dapat memperoleh informasi secara lengkap dengan datang ke kantor perusahaan, menelpon ke salah satu pegawai perusahaan atau pemilik perusahaan, atau meeting di suatu tempat untuk membicarakan tentang jasa maupun produk yang dituju. Apabila konsumen merasa cocok, selanjutnya dilakukan proses negosiasi harga jasa atau meminta list harga produk untuk produk yang sudah ada (akan ada negosiasi harga untuk permintaan pembuatan produk tertentu, contoh; shoes painting, t-shirts, annual report book). Untuk pembayaran dilakukan dengan pembayaran secara tunai maupun kredit sesuai dengan perjanjian yang dilakukan sebelumnya.

Menurut penulis, sistem pemasaran yang sedang berjalan pada perusahaan sampai saat ini dianggap terbatas pada orang-orang yang dikenal oleh semua pegawai yang ada didalam perusahaan. Orang-orang yang tidak mengenal sama sekali tentang perusahaan ini, baik nama perusahaan maupun pegawai yang ada didalam perusahaan tidak akan mengetahui apa yang ditawarkan oleh perusahaan (bahkan melalui social networking website, karena calon klien harus masuk kedalam friendlist

(6)

3.3.2 Analisis Hasil Wawancara

Dari hasil wawancara dengan Salman Nuriman K. J. selaku IT Executive ADH Creative House, dapat disimpulkan bahwa:

1. Selama ini pemasaran yang dilakukan sangat terbatas karena kesibukan pemilik maupun pegawai lainnya, karena semua pegawai yang bekerja di perusahaan tersebut adalah pekerja bebas (freelance) sehingga mereka kurang bisa meluangi waktu mereka untuk memasarkan jasa yang ada di perusahaan.

2. Cara pemasaran pertama, yaitu cara pemasaran melalui CD interaktif, dianggap membuang waktu dalam hal desain, pencetakan, dan perubahan isi dari CD interaktif tersebut, karena informasi tentang portfolio selalu berubah, minimal ada perubahan setiap bulannya. 3. Cara pemasaran kedua, yaitu melalui social networking website, hasil

wawancara dengan Salman Nuriman K. J. Dalam hal pemasaran melalui cara ini, sama dengan apa yang sudah dianalisa oleh penulis, yaitu calon klien harus masuk kedalam friendlist perusahaan supaya bisa mengetahui informasi perusahaan.

4. Cara pemasaran terakhir, yaitu cara pemasaran melalui mulut ke mulut (koneksi) adalah yang paling sering digunakan, karena dengan cara tersebut, pihak perusahaan bisa menjelaskan secara detail kepada calon klien tentang apa yang ditawarkan oleh perusahaan, tetapi cara ini pun tetap dianggap terbatas, karena tetap mengandalkan orang-orang yang dikenal oleh pegawai perusahaan.

(7)

dan jasa yang ditawarkan secara luas tanpa tergantung dari sistem pemasaran yang biasanya perusahaan lakukan. Penggunaan website multimedia diharapkan dapat menjawab masalah ini.

6. Pihak perusahaan menginginkan websiteyang menarik secara visual, dengan isi profile dan portfolio perusahaan yang lengkap sehingga konsumen bisa langsung membicarakan tentang apa yang konsumen inginkan kepada salah satu pegawai perusahaan atau pemilik perusahaan, lalu langsung masuk ke dalam tahap negosiasi harga tanpa perlu bertanya kepada pihak perusahaan tentang jasa yang ditawarkan dan hasil dari pekerjaan yang sudah diselesaikan oleh perusahaan.

7. Perusahaan juga membutuhkan fasilitas admin sebagai editor halaman dan image gallery database. Fasilitas admin diminta untuk dirancang sesederhana mungkin agar pegawai perusahaan dapat menggunakannya dengan mudah.

8. Susunan yang diinginkan oleh pihak perusahaan didalam website yaitu halaman Home yang berisi tentang hasil dari pekerjaan perusahaan dalam bentuk Flash Animation, halaman News yang berisi tentang semua berita yang ingin disampaikan oleh perusahaan kepada pengunjung website, halaman Company Profile yang berisi tentang profil perusahaan, halaman Services yang berisi tentang deskripsi masing-masing divisi beserta klien-klien yang pernah dan/atau masih bekerja sama dengan divisi yang bersangkutan dan fitur order tracking yang berguna bagi klien yang sedang menyewa jasa

(8)

pembuatan website kepada perusahaan untuk memantau perkembangan websitenya, halaman Contact Us yang berisi form pengisian kritik, saran, sewa jasa, atau lainnya untuk dikirim ke e-mail perusahaan, dan yang terakhir adalah halaman Showcase yang berisi portfolio semua divisi yang ada diperusahaan dalam bentuk

flash image gallery.

3.3.3 Rumusan Permasalahan

Dari hasil wawancara, maka dapat disimpulkan bahwa permasalahan yang dihadapi ADH Creative House dalam memasarkan produk dan jasanya adalah:

1. Sistem pemasaran melalui social networking website tidak dapat memberikan informasi yang jelas tentang perusahaan karena keterbatasan dari website itu sendiri (bukan tempat untuk memasarkan produk dan layanan jasa perusahaan, karena termasuk kategori website jaringan sosial, bukan website yang sepenuhnya untuk memasarkan produk atau jasa), dan juga calon klien harus masuk kedalam friendlist perusahaan supaya bisa mengetahui informasi perusahaan.

2. Sistem pemasaran dari mulut ke mulut maupun CD interaktif hanya mengandalkan luasnya koneksi masing-masing pegawai dan pemilik perusahaan sehingga membatasi gerak perusahaan dalam memasarkan produk dan layanan jasa.

(9)

3.3.4 Usulan Pemecahan Masalah

Untuk menghadapi permasalahan yang ada, usulan yang diberikan adalah dengan pembuatan website yang berbasiskan multimedia. Alasan penggunaan website karena pihak perusahaan hanya perlu memberitahukan link website perusahaan kepada calon klien dalam memberikan informasi tentang perusahaan dan perusahaan juga bisa memasang iklan pada media cetak maupun website-website ternama cukup dengan memasang link website, sedangkan alasan website yang berbasiskan multimedia karena multimedia bisa memberikan kesan website yang menarik secara visual dan mudah dimengerti tapi tetap lengkap akan informasi tentang perusahaan. Usulan ini ditanggapi dengan positif oleh pemilik perusahaan karena dapat menjawab semua permasalahan yang perusahaan hadapi saat ini.

Penggunaan website berbasiskan multimedia karena isi dari website tidak banyak, yaitu halaman home yang berisi tentang pekerjaan jasa website yang sudah selesai, company profile yang berisi tentang sejarah perusahaan, news yang berisi tentang berita dari perusahaan,

halaman services yang isinya tentang semua informasi tentang divisi yang ada didalam perusahaan, baik deskripsi maupun klien masing-masing divisi beserta tipe pekerjaan yang diterima dari klien dan tempat bagi klien yang sedang bekerja sama dengan perusahaan (klien dapat melihat perkembangan website milik klien yang sedang dikembangkan oleh perusahaan), halaman tempat pengunjung website untuk memberikan kritik, saran, maupun pertanyaan, dan gallery yang berisi portfolio

(10)

keseluruhan perusahaan, dikarenakan sedikitnya isi dari website yang akan dibuat, maka website ini harus menarik secara visual dan mudah dimengerti tapi tetap lengkap akan informasi tentang perusahaan dan juga memanjakan mereka.

3.4 Perancangan Struktur Menu Website untuk Klien/Pengunjung

Pada bagian ini akan dibahas tentang perancangan struktur menu. Rancangan struktur menu untuk sistem dari website yang akan dibuat ada 2, pertama adalah struktur menu website untuk klien/pengunjung, yang menampilkan semua informasi tentang perusahaan, sedangkan yang kedua adalah struktur menu website untuk admin, tempat admin untuk menambah, merubah, maupun menghapus data yang ada didalam website.

Gambar 3.2 Struktur Menu Website untuk Klien/Pengunjung

1. Menu Home

Didalam menu Home ini terdapat informasi berupa animasi tentang pekerjaan perusahaan di bidang website yang sudah selesai dikerjakan oleh perusahaan.

(11)

2. Menu News

Didalam menu News ini klien/pengunjung dapat melihat berita dari perusahaan mengenai apapun yang berubah atau bertambah didalam perusahaan (selesainya suatu pekerjaan, lowongan pekerjaan, dan lain-lain). 3. Menu Services

Didalam menu Services ini klien/pengunjung dapat melihat informasi tentang divisi apa saja yang ada didalam perusahaan beserta deskripsinya dan klien mana saja yang sudah bekerja sama dengan perusahaan beserta tipe pekerjaan yang diterima dari klien. Pada menu ini juga terdapat fitur Order Tracking yang berguna untuk memberitahukan perkembangan pekerjaan yang sedang dikerjakan (klien mengisi Code Number, lalu muncul informasi tentang perkembangan website milik klien yang sedang dibuat oleh perusahaan).

4. Menu Showcase

Didalam menu Showcase ini klien/pengunjung dapat melihat hasil pekerjaan dari semua bidang yang ada didalam perusahaan dalam bentuk

flash image gallery. 5. Menu Contact Us

Didalam menu Contact Us ini klien/pengunjung dapat mengirim langsung pesan pertanyaan, saran, kritik, dan lainnya tentang perusahaan maupun tentang websiteyang langsung masuk kedalam e-mail perusahaan. 6. Menu Company Profile

Didalam menu Company Profile ini klien/pengunjung dapat melihat sejarah dan profil perusahaan.

(12)

3 3.5 Pera 1. M p ancangan St Menu Home Menu pada admin. truktur Men Gambar 3 u Home me nu Website 3.3 Struktur Me nggambarka untuk Adm enu Websiteun an keseluruh min ntuk Admin

(13)

2. Menu Edit Page

Di dalam menu Edit Page ini admin dapat merubah isi dari halaman

Company Profile, Latest Creation, News, dan Services (pada halaman

Services, terbagi menjadi 4 submenu, yaitu Art & Design, IT, Networking dan

Order Tracking). 3. Menu Edit Showcase

Didalam menu Edit Showcase ini admin dapat menambah (upload), merubah image description (edit), maupun menghapus image (delete) dari halaman Showcase.

4. Menu Logout

Didalam menu Logout ini digunakan admin untuk keluar dari halaman admin dan langsung menuju ke halaman utama pada website.

3.6 Perancangan Struktur State Transition Diagram (STD)

State Transition Diagram (STD) merupakan alat bantu modeling tool

yang digunakan untuk membantu merancang layar tampilan. Perancangan State Transition Diagram (STD) merupakan kelanjutan dari perancangan struktur menu dan merupakan rincian dari diagram struktur menu yang sudah ada. Perancangan ini berfungsi untuk menggambarkan perubahan dari suatu state ke

state lainnya dalam suatu sistem.

Berikut ini adalah STD klien/pengunjung dan STD admin berbasiskan multimedia pada ADH Creative House, dapat dilihat pada Gambar 3.4 dan Gambar 3.5.

(14)

(15)

(16)

3 3.7 Stru 3.7.1 uktur Peran 1 Perancan L ADH Cre menu ut Contact menu bil juga men Rancanga Spesifika Modul M Tampilka Mainkan Tampilka Lakukan cangan Lay ngan Layar ayar menu eative House tama, yaitu Us, Showca la dipilih ak nampilkan L an layar men Gam asi Proses M Menu Home an layar men musik an animasi jika yar Klien/Pe r Menu Hom ini merupak e, di mana p menu Hom ase, dan pili kan menuju Latest Websi nu utama dap mbar 3.6 Ranc enu Home: nu Home engunjung me kan bagian t pada layar in me, Compan ihan on/off ke halaman te Creation pat dilihat pa cangan Layar H tampilan uta ni ditampilka ny Profile, untuk suara n yang sesua yang diamb ada gambar Home ama dari we an beberapa News, Serv a. Masing-m ai. Pada lay bil dari data

berikut: ebsite buah vices, masing ar ini abase.

(17)

Klik menu “On” mainkan musik Klik menu “Off”

Matikan musik Klik menu “Home”

Lakukan modul menu Home

Klik menu “News”

Lakukan modul menu News

Klik menu “Company Profile”

Lakukan modul menu Company Profile

Klik menu “Services”

Lakukan modul menu Services

Klik menu “Contact Us”

Lakukan modul menu Contact Us

Klik menu”Showcase”

Lakukan modul menu Showcase Akhir jika

3.7.2 Perancangan Layar Menu News

Pada layar ini menampilkan isi dari News yang diambil dari

database. Pada layar ini juga ditampilkan beberapa buah menu utama, yaitu menu Home, Company Profile, News, Services, Contact Us, Showcase, dan pilihan on/off untuk suara. Masing-masing menu bila dipilih akan menuju ke halaman yang sesuai. Rancangan layar menu

(18)

Spesifika Modul M Lakukan Tampilka Mainkan Baca data Baca tabe Baca field Tampilka Lakukan Klik m m Klik m M Klik m L Klik m L Klik m L Klik m L Klik m L Klik m Gam asi Proses M Menu News koneksi ke d an layar men musik abase bejodb el news dnewsbody an isi record jika menu “On” mainkan mus menu “Off” Matikan musi menu “Hom akukan mod menu “News akukan mod menu “Comp akukan mod menu “Servi akukan mod menu “Cont akukan mod menu”Show mbar 3.7 Ranc enu News: database bej nu News b dari tabel ne d dari newsbo ik ik e” dul menu Ho s” dul menu Ne pany Profile dul menu Co ices” dul menu Ser tact Us” dul menu Co case” cangan Layar N odb ews diurutka ody ome ws e” ompany Prof rvices ontact Us News an menurun file

(19)

3.7.3 L Akhir jik 3 Perancan Pa diambil d menu ut Contact menu bil menu Co Spesifika Modul M Lakukan Tampilka Mainkan Baca data Baca tabe Baca field akukan mod ka ngan Layar ada layar i dari databas tama, yaitu Us, Showca a dipilih aka mpany Prof Gambar asi Proses M Menu Compa koneksi ke d an layar men musik abase bejodb el pages dpagebody

dul menu Sho

r Menu Com ini menamp

se. Pada lay menu Hom ase, dan pili

an menuju k

file dapat dili

3.8 Rancangan enu Compan any Profile database bej nu Company b dari tabel pa owcase mpany Profil pilkan isi d yar ini juga

me, Compan

ihan on/off

ke halaman y ihat pada gam

n Layar Compa ny Profile: odb Profile ages le dari Compa a ditampilka ny Profile, untuk suara yang sesuai. mbar beriku any Profile ny Profile n beberapa News, Serv a. Masing-m Rancangan ut: yang buah vices, masing layar

(20)

Tampilkan isi record dari pagebody id nomor 1 Lakukan jika

Lakukan modul menu Showcase Akhir jika

3.7.4 Perancangan Layar Menu Services

Pada layar ini menampilkan isi dari Services dan Clients yang diambil dari database. Pada layar ini juga ditampilkan beberapa buah menu utama, yaitu menu Home, Company Profile, News, Services, Contact Us, Showcase, dan pilihan on/off untuk suara. Masing-masing menu bila dipilih akan menuju ke halaman yang sesuai. Rancangan layar menu Services dapat dilihat pada gambar berikut:

(21)

Spesifika Modul M Lakukan Tampilka Mainkan Baca data Baca tabe Baca field Tampilka Lakukan Klik d T T Klik d T T Gambar asi Proses M Menu Servic koneksi ke d an layar men musik abase bejodb el division ddivision da an isi record jika

divisi Art &

ampilkan isi ampilkan isi Jika klik s Tampi denga Akhir jika divisi Netwo ampilkan isi ampilkan isi Jika klik s 3.9 Rancangan enu Services ces database bej nu Services b

ari tabel divi d dari divisio Design pada i recorddesc

i recordclie

salah satu isi ilkan isi rec

an pilihan a

orking pada k i recorddesc

i recordclie

salah satu isi

n Layar Service s: odb ision n pada kolom a kolom divi cription dari nts pada kol i kolom clien cord descrip kolom divisi cription dari nts pada kol i kolom clien es m Division ision i tabel divisio lom clients d nts

ption dari tab

ion

i tabel divisio

lom clients d

nts

on id nomor dari tabel clie

bel clients s

on id nomor dari tabel clie

r 1

ents

sesuai

r 2

(22)

Tampilkan isi record description dari tabel clients sesuai dengan pilihan

Akhir jika

Klik divisi IT pada kolom division

Tampilkan isi recorddescription dari tabel division id nomor 3 Tampilkan isi recordclients pada kolom clients dari tabel clients

Jika klik salah satu isi kolom clients

Tampilkan isi record description dari tabel clients sesuai dengan pilihan

Akhir jika

Klik tombol “Submit”

Jika input code number valid

Tampilkan isi record dari field content pada tabel track sesuai dengan code number (ID) yang diisi oleh user

Jika input user tidak valid

Tampilkan status di message box

Akhir jika

3.7.5 Perancangan Layar Menu Contact Us

Pada layar ini terdapat form pengisian nama, e-mail, dan message.

Form ini berguna untuk para klien/pengunjung yang ingin bertanya, memberikan saran, kritik, dan lainnya kepada perusahaan. Data akan langsung dikirim ke e-mail perusahaan setelah klien/pengunjung klik tombol ‘Submit’. Pada layar ini juga ditampilkan beberapa buah menu utama, yaitu menu Home, Company Profile, News, Services, Contact Us, Showcase, dan pilihan on/off untuk suara. Masing-masing menu bila dipilih akan menuju ke halaman yang sesuai. Rancangan layar menu

(23)

Spesifika Modul M Tampilka Mainkan Lakukan Klik m m Klik m M Klik m L Klik m L Klik m L Klik m L Klik m L Klik m L Jika k Ji Ji Gambar 3.1 asi Proses M Menu Contac an layar men musik jika menu “On” mainkan mus menu “Off” Matikan musi menu “Hom akukan mod menu “News akukan mod menu “Comp akukan mod menu “Servi akukan mod menu “Cont akukan mod menu”Show akukan mod klik submit ika name tida

Keluarkan ika E-Mail ti Keluarkan 10 Rancangan enu Contact ct Us nu Contact U ik ik e” dul menu Ho s” dul menu Ne pany Profile dul menu Co ices” dul menu Ser tact Us” dul menu Co

case” dul menu Sho

ak diisi n pesan error idak diisi n pesan error Layar Contact t Us: Us ome ws e” ompany Prof rvices ontact Us owcase r r t Us file

(24)

3.7.6 Ji Ji Ji Ji Akhir Akhir jik 6 Perancan Pa Design, d menu ter utama, ya Showcase dipilih ak Showcase ika format E Keluarkan ika message Keluarkan ika gender ti Keluarkan ika semua di Keluarkan r jika ka ngan Layar ada layar i dan Multime rsebut. Pada aitu menu H e, dan pilih kan menuju e dapat dilih Gambar 3. -Mail salah n pesan error tidak diisi n pesan error dak dipilih n pesan error iisi lengkap n pesan suks r Menu Show ni terdapat edia & IT b a layar ini Home, Comp han on/off u u ke halama hat pada gam

.11 Rancangan r r r ses wcase 3 menu b beserta desk juga ditamp any Profile, untuk suara an yang ses mbar 3.11. n Layar Showca aru, yaitu A kripsi masing pilkan bebe News, Serv . Masing-m suai. Rancan ase Art Making g-masing isi rapa buah m vices, Contac masing menu ngan layar m g, Art i dari menu ct Us, u bila menu

(25)

Spesifikasi Proses Menu Showcase: Modul Menu Showcase

Tampilkan layar menu Showcase

Mainkan musik Lakukan jika

Lakukan modul menu Showcase Klik menu”Art Making”

Lakukan modul menu Art Making Klik menu”Art Design”

Lakukan modul menu Art Design

Klik menu”Multimedia & IT”

Lakukan modul menu Multimedia & IT

Akhir lakukan jika

1. Perancangan Layar Menu Art Making Gallery

Dibawah ini adalah rancangan layar menu Art Making Gallery

yang berisi gambar-gambar/foto-foto hasil pekerjaan dan contoh dari produk yang ada pada perusahaan di bidang Art Making.

(26)

Gam Spesifika Modul M Tampilka Mainkan Tampilka Lakukan Klik m m Klik m M Klik m L Klik m L Klik m L Klik m L Klik m L Klik m L Klik m L Klik m L Klik m mbar 3.12 Ran asi Proses M Menu Art Ma an layar men musik an amGallery jika menu “On” mainkan mus menu “Off” Matikan musi menu “Hom akukan mod menu “News akukan mod menu “Comp akukan mod menu “Servi akukan mod menu “Cont akukan mod menu”Show akukan mod menu”Art M akukan mod menu”Art D akukan mod menu”Multi ncangan Layar enu untuk m Making nu Art Makin ry.swf ik ik e” dul menu Ho s” dul menu Ne pany Profile dul menu Co ices” dul menu Ser tact Us” dul menu Co

case” dul menu Sho Making”

dul menu Art Design”

dul menu Art media & IT” r Showcase-Art menu Art Ma ng ome ws e” ompany Prof rvices ontact Us owcase t Making t Design ” t Making Galle aking: file ery

(27)

L Akhir jik 2. Peran D yang produ Ga Spesifika Modul M Tampilka Mainkan Tampilka Lakukan Klik m m Klik m M Klik m L Klik m L akukan mod ka ncangan Lay Dibawah ini berisi gamb uk yang ada mbar 3.13 Ran asi Proses M Menu Art De an layar men musik an adGallery jika menu “On” mainkan mus menu “Off” Matikan musi menu “Hom akukan mod menu “News akukan mod dul menu Mu

yar Menu Art

adalah ranc bar-gambar/f pada perusa ncangan Layar enu untuk m esign nu Art Desig y.swf ik ik e” dul menu Ho s” dul menu Ne ultimedia & I t Design Gal cangan laya foto-foto has ahaan di bida r Showcase-Ar menu Art Des gn ome ws IT llery ar menu Art sil pekerjaan ang Art Desig

rt Design Galle sign: t Design Ga n dan contoh gn. ery allery h dari

(28)

Klik m L Klik m L Klik m L Klik m L Klik m L Klik m L Klik m L Akhir jik 3. Peran D Galle conto & IT. Gamb menu “Comp akukan mod menu “Servi akukan mod menu “Cont akukan mod menu”Show akukan mod menu”Art M akukan mod menu”Art D akukan mod menu”Multi akukan mod ka ncangan Lay Dibawah ini ery yang be oh dari produ bar 3.14 Ranca pany Profile dul menu Co ices” dul menu Ser tact Us” dul menu Co

case” dul menu Sho Making”

dul menu Art Design”

dul menu Art media & IT” dul menu Mu yar Menu Mu adalah ran erisi gamba uk yang ada angan Layar Sh e” ompany Prof rvices ontact Us owcase t Making t Design ” ultimedia & I ultimedia & I ncangan lay ar-gambar/fo a pada perus howcase-Multim file IT IT Gallery yar menu M to-foto hasi sahaan di bi media & IT Ga Multimedia & il pekerjaan idang Multim allery & IT n dan media

(29)

Spesifikasi Proses Menu untuk menu Multimedia & IT: Modul Menu Multimedia & IT

Tampilkan layar menu Multimedia & IT Mainkan musik

Tampilkan miGallery.swf Lakukan jika

Lakukan modul menu Showcase Klik menu”Art Making”

Lakukan modul menu Art Making Klik menu”Art Design”

Lakukan modul menu Art Design

Klik menu”Multimedia & IT”

Lakukan modul menu Multimedia & IT

Akhir jika

3.8 Struktur Perancangan Layar Admin 3.8.1 Perancangan Layar Menu Login

Pada layar login admin ini terdapat username dan password

dimana digunakan hanya untuk user yang akan melakukan maintenance website ini. Jika username dan password benar maka akan lanjut ke proses berikutnya, namun jika salah maka akan muncul message yang akan memberikan peringatan bahwa username atau password yang diisi tidak valid. Pada layar ini terdapat 1 button yaitu submit untuk

(30)

3.8.2 melanjutk kembali k Spesifika Modul M Tampilka Lakukan Klik t Ji Ji klik l L Akhir jik 2 Perancan Pa Page dan dalam be Admin H kan ke pros ke layar Hom Gambar asi Proses M Menu Login an layar men jika tombol “Sub ika input use Lakukan m ika input use

Tampilkan

ink “klik dis akukan mod ka ngan Layar ada layar M n Edit Show eberapa sub Home: ses berikutny me. Berikut i 3.15 Rancanga enu Login A Admin nu Login Adm bmit” er valid modul Admi er tidak valid n status di m sini untuk ke dul menu Ho r Menu Adm Menu Admin wcase. Masin bmenu. Ber ya dan terd ini adalah ra an Layar Login Admin: min in Home d message box embali ke ho ome min Home Home, akan ng-masing m ikut ini ad dapat 1 link ancangan lay n Admin omepage” n terdapat 2 menu tersebu alah rancan yaitu link u yar menu Log

menu, yaitu ut akan diba ngan layar m untuk gin: u Edit agi ke menu

(31)

3.8.3 Spesifika Modul m Tampilka Lakukan kl Pi Akhir jik 3 Perancan Pa News, C tersebut menu yan Gambar asi Proses M menu Admin an layar utam jika lik menu “Ed Lakuk ilih menu “E Lakuk ka ngan Layar ada layar M Company Pr akan menuj ng dipilih. B 3.16 Rancanga enu Admin H n Home ma menu Ad dit Page” kan modul m Edit Showcas kan modul m r Menu Edit Menu Edit P rofile, Lates u ke halam Berikut ini ad an Layar Admi Home: dmin Home menu Edit Pa se” menu Edit Sh t Page Page, akan t st Creation, man editor m dalah rancang in Home age owcase terdapat 4 m dan Servic masing-masin gan layar me menu baru, ces. Menu-m ng sesuai de

enu Edit Pag

yaitu menu engan

(32)

Spesifika Modul m Tampilka Lakukan Klik m T Klik m T Klik m T Klik m T Klik m T Klik m T Akhir jik • Peran D layar yang sukse Gamba asi Proses M menu Edit Pa an layar men jika menu “Edit P ampilkan m menu “Edit S ampilkan m menu “News ampilkan m menu “Comp ampilkan m menu “Spotl ampilkan m menu “Servi ampilkan m ka ncangan Lay Dibawah ini menu ini, memiliki to es, dan juga

ar 3.17 Rancan

enu Edit Pag age nu Edit Page Page” odul Edit Pa Showcase” odul Edit Sh s” odul Edit Pa pany Profile odul Edit Pa light” odul Edit Pa ices” odul Edit Pa yar Submenu adalah ranc terdapat kol ombol submi a ada kolom

ngan Layar Edi

ge: e age howcase age – News E e” age – Compa age – Latest age – Service u Edit Page – cangan laya lom untuk A it dan status m yang dise it Page Editor any Profile E Creation Ed es Editor – News Edito ar menu Ne Add News d yang akan m ebelah kirin Editor ditor or ews Editor. dan News E muncul bila nya menamp Pada Editor input pilkan

(33)

semu kanan terseb Edito Gam Spesifika Modul m Lakukan Tampilka Baca data Baca tabe Baca field Tampilka Lakukan Klik t Ji a berita ya nnya masing but. Dibawah or: mbar 3.18 Ran asi Proses M menu Edit Pa koneksi ke d an layar men abase bejodb el news dnewsbody an isi record jika tombol “Sub

ika input val

ang sudah g-masing ad h ini adalah

ncangan Layar

enu Edit Pag age - News E database bej nu Edit Page b dari tabel ne d dari newsbo bmit” yang a id ada didala da 2 link u rancangan l Edit Page - Ne ge – News E Editor odb e - News Edi ews diurutka ody ada dibawah am database untuk edit d layar menu E ews Editor Editor: itor an menurun kolom add n e dan dise dan delete b Edit Page -news ebelah berita News

(34)

Tambahkan berita yang baru ditambahkan kedalam tabel news

Tampilkan status sukses Jika input tidak valid

Tampilkan status gagal

Klik link “edit” pada kolom “actions”

Tampilkan berita yang dipilih kedalam kolom news editor

Klik tombol “Submit” yang ada dibawah kolom news editor Jika input valid

Ubah berita yang dipilih menjadi berita yang baru diinput yang ada didalam tabel news

Tampilkan status gagal Klik link “delete” pada kolom “actions”

Hapus berita yang dipilih dari tabel news

Klik menu “Edit Page”

Tampilkan modul Edit Page

Klik menu “Edit Showcase”

Tampilkan modul Edit Showcase Klik menu “News”

Tampilkan modul Edit Page – News Editor

Tampilkan modul Edit Page – Company Profile Editor

Klik menu “Spotlight”

Tampilkan modul Edit Page – Latest Creation Editor

Tampilkan modul Edit Page – Services Editor

Akhir jika

• Perancangan Layar Submenu Edit Page – Company Profile Editor

Dibawah ini adalah rancangan layar menu Company Profile Editor. Pada rancangan layar menu ini terdapat input text untuk mengisi teks baru untuk mengubah isi dari halaman Company Profile.

Dibawah terdapat tombol Submit yang berfungsi untuk mengubah isi halaman dan menghasilkan status yang berisi tentang informasi sukses atau gagalnya edit untuk admin. Berikut ini adalah rancangan layar menu Edit Page – Company Profile Editor:

(35)

Gambar 3 Spesifika Modul m Lakukan Tampilka Baca data Baca tabe Baca field Tampilka Lakukan Klik t Ji Ji Klik m T Klik m T Klik m T Klik m T Klik m T Klik m T Akhir jik .19 Rancangan asi Proses M menu Edit Pa koneksi ke d an layar men abase bejodb el pages dpagebody an isi record jika tombol “Sub

ika input val Ubah isi r Tampilkan ika input tida

Tampilkan menu “Edit P ampilkan m menu “Edit S ampilkan m menu “News ampilkan m menu “Comp ampilkan m menu “Spotl ampilkan m menu “Servi ampilkan m ka n Layar Edit Pa enu Edit Pag age - Compa database bej nu Edit Page b dari tabel pa d dari pagebo bmit” id record menja n status suks ak valid n status gaga Page” odul Edit Pa Showcase” odul Edit Sh s” odul Edit Pa pany Profile odul Edit Pa light” odul Edit Pa ices” odul Edit Pa age - Company ge – Compa any Profile E odb e - Company ages ody id nomo

adi teks yang ses al age howcase age – News E e” age – Compa age – Latest age – Service y Profile Edito any Profile E Editor y Profile Edit r 1 g baru diinpu Editor any Profile E Creation Ed es Editor r Editor: tor ut Editor ditor

(36)

• Peran D ranca file a sebua setela file an dimod meng yang Berik Gambar 3 Spesifika Modul m Tampilka Lakukan Klik t Ji ncangan Lay Dibawah ini angan layar m animasi yan ah file Flash ah selesai di nimasi yang difikasi. Dib girim file ya berisi tentan kut ini adalah

.20 Rancangan asi Proses M menu Edit Pa an layar men jika tombol “Sub

ika input val Ubah anim

yar Submenu adalah ranc menu ini terd ng ada pada h kepada ad imodifikasi g ada di hala bawah terdap ng sudah di ng informasi h rancangan n Layar Edit Pa enu Edit Pag age - Promo nu Edit Page bmit” id (tidak kos masi home d u Edit Page – cangan laya dapat tombo a halaman dmin untuk

dan di-comp

aman home d pat tombol S i-compile da i sukses atau layar menu age – Home Ed ge – Home E otionsEditor e - Home Edi

song dan ben dengan anim – Home Edit ar menu Ho ol browse un home. Penu dimodifika pile, admin dengan yang Submit yang an untuk me u gagalnya e Edit Page – ditor Editor: r itor

ntuk file ada asi yang bar

tor ome Editor. ntuk meng-up ulis membe asi secara of dapat meng g baru saja se g berfungsi u nghasilkan s edit untuk ad – Home Edito alah .swf) ru Pada pload erikan ffline, gganti elesai untuk status dmin. or:

(37)

Tampilkan status gagal Klik menu “Edit Page”

Akhir jika

• Perancangan Layar Submenu Edit Page – Services Editor

Dibawah ini adalah rancangan layar menu Edit Page - Services Editor – Art & Design Editor sebagai contoh, karena baik pada halaman Art & Design Editor, Networking, maupun IT memiliki isi yang hampir sama, perbedaannya ada pada judul dan isi tiap kolom tergantung dari isi record pada tabel yang dipanggil. Pada rancangan layar menu ini terdapat input text untuk mengganti deskripsi divisi.

Dibawahnya terdapat tombol submit editing yang berfungsi untuk mengubah isi halaman dan menghasilkan status yang berisi tentang informasi sukses atau gagalnya edit untuk admin. Lalu ada kolom

clients yang menampilkan record yang diambil dari tabel database,

disebelahnya terdapat link add new (berguna untuk menambah

record), edit (berguna untuk memanggil record yang dipilih kedalam

specialty editor box untuk diubah isinya) dan delete (berguna untuk menghapus record yang dipilih dari tabel database). Sedangkan

(38)

Ga kolom yang dan s adala Desig ambar 3.21 Ra Spesifika Editor: Modul m Lakukan Tampilka Baca data Baca tabe Baca field Tampilka Baca field m clients des dipilih, kol tatus yang a ah rancangan gn Editor: ancangan Layar asi Proses M menu Edit Pa koneksi ke d an layar men abase bejodb el division ddescription an record da dclients dar scription ber lom ini terd akan muncul n layar men

r Edit Page – S enu Edit Pag age - Servic database bej nu Edit Page b n dari tabel d ari descriptio ri tabel client rguna untuk dapat tombol l saat input s nu Edit Page Services Editor ge – Service es Editor – A odb e - ServicesE division on pada kolo ts merubah de l submit edi sukses atau g e – Services

r – Art & Desig

es Editor – A

Art & Desig Editor – Art om descriptio skripsi dari iting dibawa gagal. Berik s Editor – A gn Editor

Art & Design

gn Editor & Design E on client ahnya kut ini Art & n Editor

(39)

Tampilkan record dari clients pada kolom clients

Baca fielddescription dari tabel clients

Lakukan jika

Klik tombol “Submit editing” yang ada dibawah kolom description Jika input valid

Ubah deskripsi lama menjadi deskripsi yang baru diinput oleh admin

Klik salah satu record yang ada pada kolom “clients”

Tampilkan deskripsi dari record yang dipilih kedalam kolom

client description

Klik tombol “Submit editing” yang ada dibawah kolom client description

Jika input valid

Ubah deskripsi lama menjadi deskripsi yang baru diinput oleh admin

Klik salah satu link “edit” pada kolom “clients”

Tampilkan record yang dipilih kedalam kolom client editor box

Klik tombol “Submit” yang ada dibawah kolom client editor box

Jika input valid

Ubah record yang dipilih menjadi teks yang baru diinput yang ada didalam tabel clients

Klik link “add new” pada kolom “clients” Jika input pada kolom valid

Tambah satu record pada tabel clients

Klik salah satu link “delete” pada kolom “clients” Hapus clients yang dipilih beserta deskripsinya Klik submenu “Art & Design”

Tampilkan modul Art & Design Editor

Klik submenu “Networking”

Tampilkan modul Networking Editor

Klik submenu “IT”

Tampilkan modul IT Editor

Klik submenu “Tracking”

Tampilkan modul Tracking Editor

(40)

Klik m T Klik m T Klik m T Klik m T Akhir jik • Peran Servic didala penge perke layar Gambar 3. Spesifika menu “News ampilkan m menu “Comp ampilkan m menu “Spotl ampilkan m menu “Servi ampilkan m ka ncangan Lay Dibawah ces Editor am field cni embangan, s embangan da menu Edit P .22 Rancangan asi Proses M s” odul Edit Pa pany Profile odul Edit Pa light” odul Edit Pa ices” odul Edit Pa yar Submenu ini adalah – Tracking id, yaitu Co sedangkan k ari website i Page – Servi n Layar Edit Pa enu Edit Pag

age – News E e” age – Compa age – Latest age – Service u Edit Page – h rancangan g. Kolom ba ode Number kolom bagian itu sendiri. B ices Editor – age – Services ge – Service Editor any Profile E Creation Ed es Editor – Services Ed n layar men agian kiri a website yan n kanan ada Berikut ini a – Tracking: Editor - Track es Editor – T Editor ditor ditor – Trac nu Edit Pa adalah isi r ng sedang d lah isi dari s adalah ranca king Tracking: cking age - record dalam status angan

(41)

Modul menu Edit Page - Services Editor – Tracking

Lakukan koneksi ke database bejodb

Tampilkan layar menu Edit Page – Services Editor - Tracking

Baca database bejodb Baca tabel track

Baca fieldcnid dari tabel track

Tampilkan isi record dari field cnid

Lakukan jika

Klik salah satu Code Number Baca fieldcontent dari tabel track

Tampilkan isi record dari content sesuai dengan kode yang dipilih Jika input valid

Ubah isi recordcontent menjadi teks yang baru diinput Tampilkan status sukses

Jika input tidak valid Tampilkan status gagal Klik submenu “Art & Design”

Tampilkan modul Art & Design Editor

Klik submenu “Networking”

Tampilkan modul Networking Editor

Klik submenu “IT”

Tampilkan modul IT Editor

Klik submenu “Tracking”

Tampilkan modul Tracking Editor

Akhir jika

3.8.4 Perancangan Layar Menu Edit Showcase

Pada layar Menu Edit Showcase, akan terdapat 3 menu baru, yaitu

(42)

tersebut rancanga Spesifika Modul m Tampilka Lakukan Klik m T Klik m T Klik m T Klik m T Klik m T Akhir jik • Peran D Makin Show akan dibagi an layar menu Gambar 3.23 asi Proses M menu Edit Sh an layar men jika menu “Edit P ampilkan m menu “Edit S ampilkan m menu “Art M ampilkan m menu “Art D ampilkan m menu “Mult ampilkan m ka ncangan Lay Dibawah ini ng sebagai c wcase - Art D i ke dalam u Edit Show 3 Rancangan L

enu Edit Sho howcase nu Edit Show Page” odul Edit Pa Showcase” odul Edit Sh Making” odul Edit Sh Design” odul Edit Sh imedia & IT odul Edit Sh yar Submenu adalah ranc contoh, karen Design, mau beberapa s wcase:

Layar Edit Show

owcase: wcase age howcase howcase – Ar howcase – Ar T” howcase – M u Edit Showc cangan layar na baik Edit upun Edit S submenu. Be wcase rt Making rt Design Multimedia & case r menu Edit Showcase - Showcase - M erikut ini a & IT t Showcase Art Making Multimedia adalah - Art g, Edit & IT

(43)

memi judul Uploa ke da Edit S Gamb Spesi Modu Tamp L iliki rancang halamannya

ad, Edit, dan alam beberap Showcase - A bar 3.24 Ranca ifikasi Prose ul menu Edit pilkan layar m akukan jika Klik menu Klik menu Klik menu Lakuk Klik menu Lakuk Klik menu Lakuk Klik tomb Lakuk Uploa Klik tomb gan layar Su a saja yang n Delete. M pa submenu. Art Making: angan Layar Ed s Menu Edit t Showcase menu Edit S u “Edit Page Lakukan m u “Edit Show Lakukan m u “Art Makin kan modul m u “Art Desig kan modul m u “Multimed kan modul m bol “Upload” kan modul m ad Image bol “Edit” ubmenu Edit berbeda, aka Masing-masin Berikut ini dit Showcase – t Showcase – – Art Makin Showcase – A e” modul menu wcase” modul menu ng” menu Edit Sh gn” menu Edit Sh dia & IT” menu Edit Sh ” menu Edit Sh Showcase y an terdapat ng menu ters adalah ranca – Art Making – Art Making ng Art Making Edit Page Edit Showca owcase – Ar owcase – Ar owcase – M owcase – Ar yang sama, h 3 submenu, sebut akan d angan layar m g: ase rt Making rt Design Multimedia & rt Making – hanya yaitu dibagi menu & IT

(44)

a. Pe A Sh D IT sa la D in Up Gambar 3.2 Lakuk Descr Klik tomb Lakuk Delete Akhir jika erancangan Dibawah rt Making – howcase – A Design – Upl T – Upload I ama, hanya j ayar menu Description, ni adalah ran Upload Image 25 Rancangan kan modul m ription bol “Delete” kan modul m e Image a Layar Menu ini adalah r – Upload Im Art Making load Image, Image memi judul halama ini, terdap dan Upload ncangan lay e:

Layar Edit Sho

menu Edit Sh menu Edit Sh u Upload Ima rancangan l Image sebag – Upload I maupun Ed iliki rancang annya saja y pat form pe d Image untu ar menu Ed owcase – Art M owcase – Ar owcase – Ar age ayar menu E gai contoh, k Image, Edit dit Showcase gan layar Up yang berbeda engisian Im uk diisi oleh dit Showcase Making – Uploa rt Making – rt Making – Edit Showca karena baik Showcase – e – Multimed pload Image a. Pada ranca mage ID, I h admin. Be e – Art Mak ad Image Edit ase – k Edit – Art dia & yang angan Image erikut king –

(45)

Spesifikasi Proses Menu Edit Showcase – Art Making – Upload Image:

Modul menu Edit Showcase – Art Making – Upload Image Tampilkan layar menu Edit Showcase – Art Making – Upload Image

Lakukan jika

input text Image ID

input text Image Description input text Upload Image

Pilih tombol “Browse”

Pilih tombol “Submit”

Tampilkan Image ID dan Image Description yang baru di upload

pada tabel yang berada dibawah Akhir jika

Lakukan jika

Lakukan modul menu Edit Page

Lakukan modul menu Edit Showcase Klik menu “Art Making”

Lakukan modul menu Edit Showcase – Art Making

Klik menu “Art Design”

Lakukan modul menu Edit Showcase – Art Design

Klik menu “Multimedia & IT”

Lakukan modul menu Edit Showcase – Multimedia & IT

Akhir jika

b. Perancangan Layar Menu Edit Image Description

Dibawah ini adalah rancangan layar menu Edit Showcase – Art Making – Edit Image Description sebagai contoh, karena baik

Edit Showcase – Art Making – Edit Image Description, Edit Showcase – Art Design – Edit Image Description, maupun Edit Showcase – Multimedia & IT – Edit Image Description memiliki rancangan layar Edit Description yang sama, hanya judul halamannya saja yang berbeda. Pada rancangan layar menu ini, terdapat form pengisian Image ID dan Image Description untuk

(46)

Ga di Sh ambar 3.26 Ra Sp Im M D T D L A L

iisi oleh adm

howcase – A ancangan Layar pesifikasi Pr mage Descrip Modul menu Description ampilkan lay Description akukan jika input text input text Pilih t Ta tab Akhir jika akukan jika Klik m Klik m Klik m Klik m min. Beriku Art Making – r Edit Showcas roses Menu E iption: u Edit Showc yar menu Ed Image ID Image Desc tombol “Sub ampilkan Im

bel yang ber menu “Edit P Lakukan m menu “Edit S Lakukan m menu “Art M Lakukan m menu “Art D Lakukan m ut ini adalah – Edit Image se – Art Making Edit Showca case – Art M dit Showcase cription mit” age Descrip rada dibawah Page” modul menu Showcase” modul menu Making” modul menu Design” modul menu h rancangan e Description g – Edit Image ase – Art Ma Making – Ed e – Art Maki ption yang ba h Edit Page Edit Showca Edit Showca Edit Showca layar menu n: e Description aking – Edit dit Image ing – Edit Im aru diubah p ase ase – Art Ma ase – Art De u Edit mage pada aking esign

(47)

A c. Pe A Sh D IT ya ra Im B M Gambar 3 Klik m Akhir jika erancangan Dibawah rt Making – howcase – A Design – Del T – Delete ang sama, h ancangan lay mage Descr Berikut ini a Making – Del 3.27 Rancangan menu “Multim Lakukan m & IT Layar Menu ini adalah r – Delete Im Art Making lete Image, Image mem hanya judul yar menu i iption, dan adalah ranca lete Image: n Layar Edit Sh media & IT” modul menu u Delete Ima rancangan l mage sebaga g – Delete I maupun Edi miliki rancan l halamanny ini, terdapat Upload Ima angan layar howcase – Art ” Edit Showca age ayar menu E ai contoh, k Image, Edit it Showcase ngan layar ya saja yan t form peng age untuk d menu Edit Making – Dele ase – Multim Edit Showca karena baik Showcase – – Multimed Edit Descri ng berbeda. gisian Image diisi oleh ad Showcase – ete Image media ase – k Edit – Art dia & iption Pada e ID, dmin. – Art

(48)

Spesifikasi Proses Menu Edit Showcase – Art Making – Delete Image:

Modul menu Edit Showcase – Art Making – Delete Image Tampilkan layar menu Edit Showcase – Art Making – Delete Image

Lakukan jika

input text Image ID

Pilih tombol “Submit”

Tampilkan Image ID dan Image Description yang baru setelah menghapus gambaryang dituju pada tabel yang berada dibawah

Akhir jika Lakukan jika

Lakukan modul menu Edit Page

Lakukan modul menu Edit Showcase Klik menu “Art Making”

Lakukan modul menu Edit Showcase – Art Making

Klik menu “Art Design”

Lakukan modul menu Edit Showcase – Art Design

Klik menu “Multimedia & IT”

Lakukan modul menu Edit Showcase – Multimedia & IT

Akhir jika 3.9 Perancangan Basis Data

Data-data yang akan diolah menjadi informasi akan ditampung di dalam tabel-tabel yang sesuai dengan fungsinya. Di bawah ini akan dijelaskan mengenai spesifikasi tabel dari tabel tersebut.

• Tabel Pages

Nama file: bejodb.sql Nama tabel: pages Primary Key: id

(49)

Tabel 3.1 Tabel Pages

Nama Field Tipe Data Panjang Field Keterangan

id numeric 11 Row id

pagetitle char 255 Judul halaman

pagebody text - Isi dari halaman • Tabel News

Nama file: bejodb.sql Nama tabel: news Primary Key: nid Tabel 3.2 Tabel News

nid numeric 11 Row id

newsbody text - Isi dari halaman • Tabel division

Nama file: bejodb.sql Nama tabel: division Primary Key: did Tabel 3.3 Tabel Division

did numeric 11 Row id

division text - Nama divisi

description text - Deskripsi dari divisi • Tabel track

Nama file: bejodb.sql Nama tabel: track Primary Key: did

(50)

Tabel 3.4 Tabel Track

cnid numeric 11 Row id

content text - Isi dari order tracking • Tabel clients

Nama file: bejodb.sql Nama tabel: clients Primary Key: cid Tabel 3.5 Tabel Clients

cid numeric 11 Row id

clients text - Nama klien

description text - Deskripsi dari divisi

type text - Tipe pekerjaan, isi, dan link website pekerjaan (jika ada) • Tabel amgall

Nama file: amgall.xml Primary Key: pic id Tabel 3.6 Tabel amgall

Pic id int 3 Row id

image text - Lokasi gambar ukuran asli thumbnail text - Lokasi gambar ukuran diperkecil

caption text - Deskripsi dari gambar • Tabel adgall

Nama file: adgall.xml Primary Key: pic id

(51)

3 T N • T N P T N 3.10 ERD antar Tabel 3.7 Tabe Nama Field Pic id image thumbnail caption Tabel migall Nama file: m Primary Key Tabel 3.8 Tabe Nama Field Pic id image thumbnail caption D (Entity Re EntityRe r entity. Tabe el adgall Tipe Data int text text text migall.xml y: pic id el migall Tipe Data int text text text elationship D elationship d el diatas mem a Panjang F 3 - - - a Panjang F 3 - - - Diagram) diagram digu miliki relatio Gambar 3.2 Field Row Loka Loka Desk Field Row Loka Loka Desk unakan untu onship sebag 28 ERD Keter id asi gambar u asi gambar u kripsi dari ga Keter id asi gambar u asi gambar u kripsi dari ga uk menggam gai berikut: rangan ukuran asli ukuran diperk ambar rangan ukuran asli ukuran diperk ambar mbarkan hubu kecil kecil ungan