BAB 3 ANALISA DAN PERANCANGAN

BAB 3 ANALISA DAN PERANCANGAN 3.1 Gambaran Umum Perusahaan 3.1.1 Sejarah Singkat Perusahaan CV. Urip Mulyo berdiri pada tanggal 12 Februari 2001 yang bermula dari perusahaan keluarga yang terletak di Jl. Asia Baru No. A39 Duri Kepa Jakarta Barat dengan nama Urip Mulyo. Lalu pada tanggal 30 April 2003 perusahaan ini baru diresmikan menjadi sebuah CV yang didalamnya terdapat 4 orang pemegang saham. Nama perusahaan tidak mengalami perubahan, tetap dengan nama CV. Urip Mulyo. Dua tahun setelah terbentuknya perusahaan, satu orang dari pemegang saham mengundurkan diri dan akhirnya saat ini hanya ada tiga orang pemegang saham yang terjun langsung dalam pengembangan perusahaan yang masih sangat muda dan sedang sangat berkembang. Tujuan awal dari terbentuknya perusahaan adalah : 1. Mengurangi pengangguran yang pada saat itu sedang menjamur karena adanya krisis moneter, terutama dari lingkungan keluarga yang juga banyak terkena imbas dari banyaknya karyawan yang di PHK. 2. Ingin memanfaatkan segala kreativitas ide yang sering bermunculan dari anggota keluarga menjadi sesuatu yang nyata dan dapat bermanfaat tidak 24

25 hanya dalam jangka waktu tertentu tetapi bisa dimanfaatkan dalam jangka waktu yang tidak terbatas. Seiring waktu yang berjalan dan semakin berkembangnya perusahaan, akhirnya perusahaan memutuskan untuk menambah tenaga kerja yang tidak berasal dari keluarga. Produk yang dibuat oleh perusahaan awalnya hanya berupa undangan, kartu nama, brosur, buku atau hal lainnya yang hanya berkaitan dengan percetakan kertas. Tapi saat ini, perusahaan banyak menghasilkan produk yang lebih bervariasi. Diantaranya adalah barcode, Hang Tag, kalender, banner, spanduk, umbul-umbul, billboard, neonbox, papan nama, sticker, dan masih banyak lainnya. Semua produk yang ditawarkan sudah termasuk didalamnya desain grafis dari produk yang akan dibuat. Dan saat ini pelanggan dari perusahaan tidak hanya berasal dari dalam kota Jakarta saja tapi juga banyak yang berasal dari luar kota Jakarta. 3.1.2 Struktur Organisasi Perusahaan Struktur organisasi pada dasarnya adalah hubungan-hubungan dari berbagai fungsi atau aktivitas di dalam suatu organisasi. Struktur organisasi dapat diartikan sebagai serangkaian hubungan diantara individu-individu di dalam suatu kelompok. Struktur digambarkan dalam suatu bagan / skema atau diagram yang memperlihatkan garis hubungan berdasarkan fungsi-fungsi di dalam perusahaan, arus tanggung jawab dan wewenang. Dengan kata lain, bagan / struktur organisasi

26 dapat membantu dalam menjelaskan wewenang dan tanggung jawab kepada perusahaan. Untuk mengantisipasi tujuan dan latar belakang dari perusahaan, maka CV. Urip Mulyo seperti lazimnya perusahaan lain juga memiliki organisasi perusahaan yang dengan kemampuan organisasi perusahaan ini dapat mengantisipasi peluang-peluang untuk perkembangan perusahaan. Melalui struktur organisasi pada perusahaan CV. Urip Mulyo kita dapat peroleh gambaran umum kegiatan-kegiatan pelaksanaan sehari-hari pada perusahaan ini, dengan melihat gambar skema struktur organisasi berikut ini : Gambar 3.1. Struktur Organisasi CV. Urip Mulyo Adapun tugas dan wewenang masing-masing adalah : Komisaris Berhak mewakili direksi tentang segala kejadian serta menjalankan segala tindakan baik mengenai pengurusan maupun pemilikan dengan beberapa pembatasan sebagaimana ditentukan dalam anggaran dasar

27 perusahaan. Dan pada CV. Urip Mulyo ini, seorang Komisaris hanya berfungsi sebagai pengawas yang memantau jalannya perusahaan dan berhak dalam jangka waktu tertentu merubah kebijakan. Seluruh kegiatan pengelolaan yang dijalankan Direksi akan dipantau dan diminta pertanggung-jawabannya dalam periode waktu tertentu. Dalam menjalankan tugasnya, Komisaris dibantu oleh Direktur dan wakilnya juga dengan staf dalam kefungsian tugas masing-masing. Direktur Bertugas memimpin kegiatan sehari-hari dan bertanggung jawab kepada komisaris. Ia memimpin kegiatan yang dibantu oleh para wakil dan para staf dengan tugas pada bagian masing-masing. Mengingat perusahaan yang sedang merintis dan sedang mengembangkan bidang usaha menjadi lebih luas, maka jabatan Direktur di perusahaan ini mempunyai tugas dan wewenang yang cukup kompleks dan sangat membutuhkan bantuan dari berbagai staf yang ada. Adapun tugas-tugas dan wewenang dari Direktur adalah : 1. Menetapkan kebijakan perusahaan secara keseluruhan, memimpin serta menjalankan segala aktivitas yang diperlukan sehingga semuanya dapat terselenggara dan berjalan lancer sesuai dengan rencana yang telah digariskan.

28 2. Menyusun rencana kerja perusahaan untuk jangka pendek maupun jangka panjang dan membimbing / mengatur cara pelaksanaan rencana-rencana ini kepada para staf. 3. Mengorganisir perusahaan sedemikian rupa dan melakukan perubahan-perubahan pada struktur organisasi setiap saat apabila perlu demi kesempurnaan dan efisiensi. 4. Melakukan koordinasi diantara semua bagian dan semua orang sehingga tercipta suatu keserasian, baik dalam hubungan kerja secara vertical dan horizontal maupun secara perorangan untuk menunjang tercapainya tujuan perusahaan. 5. Memberikan pengarahan dan mengawasi kegiatan perusahaan agar terdapat suatu kerja sama yang efektif dari seluruh pegawai. 6. Melakukan pengawasan terhadap semua bagian, semua aktifitas dan tata cara kerja dari seluruh direksi dan staf sehingga tercapai efisiensi dengan rencana kerja yang telah ditetapkan. Wakil Direktur Kedudukan wakil direktur di perusahaan ini adalah membantu pekerjaan yang dimiliki oleh direktur, selain itu wakil direktur juga harus membantu direktur dalam pelaksanaan kebijakan yang diterapkan oleh direktur untuk seluruh staf yang ada dibawah naungannya.

29 Karena wakil direktur inilah yang berhubungan langsung dengan para staf yang ada diperusahaan sehingga peran serta yang diberikan oleh wakil direktur sangat berpengaruh langsung pada staf. Staf Keuangan Berkewajiban memberikan laporan tentang kegiatan keuangan per periode tertentu, atau pengeluaran yang telah terjadi, serta mampu memberikan perkiraan dana pada suatu proyek tertentu, dalam hal ini mendapat input juga dari bagian pemasaran dan bagian produksi. Staf Pemasaran Bertugas memperlancar usaha kegiatan yang berhubungan dengan konsumen serta dipengaruhi oleh faktor promosi, penjualan produk, tingkah laku pasar dan permintaan yang datang dari pasar. Manajer pemasaran juga bertugas memberikan hasil evaluasi penjualan kepada Direktur, baik dalam jangka pendek yang berupa pesanan dari pembeli ataupun jangka panjang seperti mencari peluang pasar Staf Produksi Mempunyai wewenang penuh untuk melakukan dan memperlancar kegiatan usaha serta menunjang keberhasilan pencapaian target produksi dan memperhatikan pengembangan produk secara teknis operasional jangka pendek maupun jangka panjang.

30 3.2 Analisa Sistem yang sedang berjalan CV. Urip Mulyo sebagai perusahan yang bergerak dalam bidang media promosi sangatlah diharapkan dapat berinteraksi dengan pelanggan secara baik dan kontinyu. Pemasaran CV. Urip Mulyo selama ini dijalankan melalui brosurbrosur yang disebarkan secara berkelanjutan, terkadang penawaran-penawaran kepada perusahaan-perusahaan secara langsung juga dilakukan oleh perusahaan. Penyebaran informasi CV.Urip Mulyo dipusatkan pada brosur atau rekomendasi dari mulut ke mulut. Promosi melalui brosur hanya berlangsung untuk jangka waktu tertentu. Untuk promosi di waktu ke depan, brosur perlu dibuat ulang untuk meng-update informasi mengenai penawaran yang diberikan perusahaan. Sejauh ini, produk perusahaan ditawarkan juga hanya melalui brosur atau penawaran langsung kepada pelanggan maupun calon pelanggan. Pelangganpelanggan yang sudah ada tersebar di wilayah Jakarta, Tangerang, Bogor dan beberapa kota lain baik di pulau Jawa maupun diluar pulau Jawa. Untuk mengetahui kelengkapan informasi yang didapat oleh pelanggan tetap maupun calon pelanggan yang datang ke perusahaan maka disebarkan kuisioner kepada pelanggan-pelanggan CV. Urip Mulyo, baik pelanggan tetap maupun pelanggan yang datang ke perusahaan. Kuisioner akan dibagikan kepada 30 responden

31 Tabel 3.1 Kuisioner pertama, pertanyaan pertama 1. Berapa banyak anda mengetahui perusahaan yang bergerak dalam bidang Responden Persentase (%) percetakan sekaligus advertising? a. 1 5 19 63 b. 6 10 9 30 c. 11 15 2 7 d. 16 20 0 0 Jumlah 30 100 30% 7% 0% 63% a. 1-5 b. 6-10 c.11-15 d.16-20 Gambar 3.2 Diagram hasil kuisioner Pertanyaan Pertama Pertanyaan ini digunakan untuk mengetahui seberapa besar informasi yang dimiliki masyarakat tentang perusahaan yang bergerak dalam bidang percetakan sekaligus advertising seperti CV. Urip Mulyo. Berdasarkan hasil yang dapat dilihat menunjukkan 63,3 % responden mengetahui 1 5 perusahaan yang bergerak dibidang percetakan sekaligus advertising. Oleh karena itu informasi

32 tentang perusahaan juga sangat dibutuhkan dalam sebuah CD interaktif percetakan yang dibutuhkan perusahaan agar pelanggan maupun calon pelanggan bisa tahu bahwa perusahaan selain bergerak dibidang percetakan juga begerak dibidang advertising. Tabel 3.2 Kuisioner pertama, pertanyaan kedua 2. Melalui media apakah anda mengetahui tentang CV. Urip Responden Persentase (%) Mulyo? a. Brosur 12 40 b. Papan Nama 5 17 c. Promosi kerabat 7 23 d. Penawaran perusahaan 6 20 Jumlah 30 100 Brosur 23% 20% 17% 40% Papan Nama Promosi kerabat Penawaran perusahaan Gambar 3.3 Diagram hasil kuisioner Pertanyaan Kedua

33 Pertanyaan ini digunakan untuk mengetahui melalui media apa para pelangan mengetahui tentang CV. Urip Mulyo. Berdasarkan hasil yang dapat dilihat menunjukkan 40 % responden mengetahui melalui brosur, 16.67 % responden mengetahui melalui papan nama, 23,33 % responden mengetahui melalui promosi kerabat, dan 20 % responden mengetahui melalui penawaran perusahaan. Tabel 3.3 Kuisioner pertama, pertanyaan ketiga 3. Jenis informasi apa saja yang tidak anda dapatkan dengan jelas dari media Responden Persentase (%) yang memperkenalkan CV.Urip Mulyo a. Produk 11 37 b. Company profile dan legallitas 8 27 c. Promosi 7 23 d. Contact person dan lokasi 4 13 Jumlah 30 100

34 Produk 13% 37% Company Profile 23% Promosi 27% Contact person & lokasi Gambar 3.4 Diagram hasil kuisioner Pertanyaan Ketiga Pertanyaan ini digunakan untuk mengetahui informasi apa saja yang dinilai pelanggan kurang lengkap yang bisa dijadikan masukkan untuk perusahaan. Berdasarkan hasil yang dapat dilihat menunjukkan 37 % responden menjawab produk, 27 % responden menjawab company profile dan legalitas, 23 % responden menjawab promosi, dan 13 % responden menjawab contact person dan lokasi.

35 Tabel 3.4 Kuisioner pertama, pertanyaan keempat 4. Produk apa saja yang anda ketahui yang ditawarkan oleh CV.Urip Mulyo a.buku-buku, kartu nama, undangan, Responden Persentase (%) 13 43 brosur b.spanduk, banner, dan poster 8 27 c.billboard, neon box, dan umbul-umbul 5 17 d.stiker 4 13 Jumlah 30 100 17% 13% 27% 43% a b c d Gambar 3.5 Diagram hasil kuisioner Pertanyaan keempat Pertanyaan ini digunakan untuk mengetahui kelengkapan informasi yang dimiliki pelanggan maupun calon pelanggan tentang produk yang ditawarkan oleh CV.Urip Mulyo. Berdasarkan hasil yang dapat dilihat menunjukkan 43 % responden mengetahui melalui pilihan a, 27 % responden mengetahui melalui

36 pilihan b, 17 % responden mengetahui melalui pilihan c, dan 13 % responden mengetahui melalui pilihan d. Tabel 3.5 Kuisioner pertama, pertanyaan kelima 5. Dalam satu hari, berapa jam lamanya anda menggunakan komputer dalam Responden Persentase (%) kegiatan operasional anda? a.0 2 2 7 b.2 5 10 33 c.5 8 15 50 d.> 8 3 10 Jumlah 30 100 50% 10% 7% 33% a. 0-2 b. 2-5 c. 5-8 d. >8 Gambar 3.6 Diagram hasil kuisioner Pertanyaan kelima

37 Pertanyaan ini digunakan untuk mengetahui bahwa kebanyakan pelanggan CV.Urip Mulyo menggunakan komputer dalam kegiatan operasionalnya. Dengan demikian dapat dipertimbangkan perlu atau tidak pembuatan aplikasi CD interaktif percetakan yang tentunya akan dikemas dalam bentuk CD kepada para pelanggannnya. Berdasarkan hasil yang dapat dilihat menunjukkan 50 % responden menggunakan komputer selama 5-8 jam, 33 % responden menggunakan komputer selama 2-5 jam, 10 % responden menggunakan komputer selama lebih dari 8 jam, dan 7 % responden menggunakan komputer selama 0-2 jam. Tabel 3.6 Kuisioner pertama, pertanyaan keenam 6. Menurut anda, bermanfaatkah bila dibuat suatu CD Informasi untuk memberikan informasi-informasi lebih Responden Persentase (%) lengkap mengenai CV. Urip Mulyo? a. Sangat bermanfaat 20 66 b. Bermanfaat 8 27 c. Kurang bermanfaat 2 7 d. Tidak bermanfaat 0 0 Jumlah 30 100

38 27% 7%0% Sangat bermanfaat Bermanfaat 66% Kurang bermanfaat Tidak bermanfaat Gambar 3.7 Diagram hasil kuisioner Pertanyaan keenam Pertanyaan ini digunakan untuk mengetahui apakah CD interaktif dapat bermanfaat atau tidak dalam menyajikan suatu bentuk informasi lain mengenai CV.Urip Mulyo. Berdasarkan hasil yang dapat dilihat menunjukkan 66% responden menjawab sangat bermanfaat, 27 % responden menjawab bermanfaat, 7 % responden menjawab kurang bermanfaat, dan 0 % responden menjawab tidak bermanfaat. 3.3 Rumusan Masalah Untuk dapat mengetahui permasalahan yang dihadapi oleh perusahaan, dilakukan wawancara kepada salah seorang staf yang berwenang. Dari wawancara yang sudah kami lakukan seperti yang dilampirkan pada L1, dapat disimpulkan bahwa perusahaan ingin lebih mengembangkan pangsa pasar nya ke perusahaan yang lebih besar untuk mendapat permintaan yang lebih besar pula sehingga dibutuhkan suatu media yang dapat menampung semua informasi yang dibutuhkan baik informasi tentang perusahaan juga informasi

39 tentang produk yang ditawarkan oleh perusahaan untuk dijadikan bahan penawaran yang lebih lengkap. Selain itu dibutuhkan media yang lebih informatif dan lebih mudah dalam penyampaian segala informasi tentang perusahaan ataupun produk agar pangsa pasar yang sekarang sudah ada menjadi lebih luas. Tidak banyak orang atau perusahaan yang menjadi pelanggan maupun calon pelanggan mengetahui kalau CV.Urip Mulyo selain melayani permintaan berupa produk cetak dengan bahan dasar kertas seperti undangan, kartu nama, nota, dan lain-lain juga melayani produk advertising baik indoor maupun outdoor seperti neon box, billboard, spanduk, sticker bus, umbul-umbul dan lain-lain. Oleh karena itu media yang lebih informatif sangat dibutuhkan. 3.4 Usulan Pemecahan Masalah Berdasarkan permasalahan yang telah dijabarkan sebelumnya, maka dapat disimpulkan bahwa dibutuhkan suatu CD interaktif percetakan yang dapat digunakan sebagai media pengenalan dan pemasaran yang bisa mengenalkan perusahaan lebih luas dan dalam. CD interaktif percetakan tersebut sesuai dengan namanya akan dikemas ke dalam bentuk CD (Compact Disc) sehingga perusahaan hanya memerlukan sebuah CD kosong dan mem-burn informasi ini kedalam CD, untuk kemudian disebarkan langsung ke konsumen. Pemilihan CD sebagai media dikarenakan muatan CD yang cukup besar bisa menampung lebih banyak informasi yang ingin disampaikan. Agar informasi-informasi yang disajikan dalam CD interaktif tersebut dapat terus dikembangkan, dibutuhkan juga sistem admin yang ditujukan untuk

40 perusahaan sehingga data dapat diubah, ditambah dan dihapus dengan memilih menu yang tersedia agar CD interaktif ini dapat terus digunakan untuk mengembangkan perusahaan dan terus berkembang seiring dengan perkembangan perusahaan.

41 3.5 PERANCANGAN SISTEM 3.5.1 Perancangan Struktur Menu Main Page Home Profile Customer Product Contact Us Event Printing Advertising Buku Billboard Kalender Spanduk Undangan Neon Box Amplop dll Kartu nama dll Gambar 3.8 Perancangan Struktur Menu

42 Secara detail, menu-menu tersebut meliputi : Struktur menu utama o Home o Profile o Customer o Product o Contact Us o Event Struktur sub menu o Home o Profile o Customer o Product Printing Buku Kalender Undangan Amplop Kartu Nama dll Advertising Billboard Spanduk

43 Neon Box dll o Contact Us o Event 3.5.2 Perancangan Struktur Menu Admin Main menu Visi dan Misi Profile Contact Us Product Customer Gambar 3.9 Perancangan Struktur menu Admin Struktur menu admin terdiri dari : Visi dan Misi Profile Contact Us Product Customer Struktur submenu admin : Visi dan Misi

44 Profile Contact Us Product Customer 3.5.3 Perancangan Layar 3.5.3.1 Rancangan Layar Home Button Button Button Button Button Button Gambar EXIT Sound ON / OFF Logo Animasi Gambar 3.10 Rancangan Layar Home Pada rancangan Layar Home, terdapat sembilan button yang dapat ditekan, yaitu: Home : Tampilkan Layar home Profile : Tampilkan Profil perusahaan, serta visi dan misi dari perusahaan

45 Customer : Tampilkan Layar yang berisi daftar pelanggan. Product : Tampilkan Layar produk yang ditawarkan perusahaan Contact Us : Tampilkan Layar yang berisikan informasi tentang perusahaan Event : Tampilkan promosi yang sedang atau akan ditawarkan oleh perusahaan Sound ON : Latar musik diaktifkan Sound OFF : Latar musik di-non aktifkan EXIT : Keluar dari aplikasi aplikasi 3.5.3.2 Rancangan Layar Profile Button Button Button Button Button Button EXIT Sound ON / OFF Gambar 3.11 Rancangan Layar Profile

46 Pada rancangan Layar profile selain terdiri dari sepuluh button menu utama yaitu: Home : Tampilkan Layar home Profile : Tampilkan Profil perusahaan, serta visi dan misi dari perusahaan Customer : Tampilkan Layar yang berisi daftar pelanggan. Product : Tampilkan Layar produk yang ditawarkan perusahaan Contact Us : Tampilkan Layar yang berisikan informasi tentang perusahaan Event : Tampilkan promosi yang sedang atau akan ditawarkan oleh perusahaan Sound ON : Latar musik diaktifkan Sound OFF : Latar musik di-non aktifkan EXIT : Keluar dari aplikasi aplikasi serta satu button tambahan, yaitu: Next : Tampilkan halaman berikutnya dari profile Yaitu halaman visi dan misi perusahaan.

47 Button Button Button Button Button Button EXIT Sound ON / OFF Gambar 3.12 Rancangan Layar Profile Lanjutan Pada rancangan Layar profile lanjutan ini merupakan lanjutan dari halaman profile yang berisi visi dan misi perusahaan. Pada halaman ini terdapat sebelas button yang dapat ditekan, yang terdiri dari sembilan button menu utama serta dua button tambahan, yaitu: Home : Tampilkan Layar home Profile : Tampilkan Profil perusahaan, serta visi dan misi dari perusahaan Customer : Tampilkan Layar yang berisi daftar pelanggan. Product : Tampilkan Layar produk yang ditawarkan perusahaan

48 Contact Us : Tampilkan Layar yang berisikan informasi tentang perusahaan Event : Tampilkan promosi yang sedang atau akan ditawarkan oleh perusahaan Sound ON : Latar musik diaktifkan Sound OFF : Latar musik di-non aktifkan EXIT : Keluar dari aplikasi aplikasi Next : Tampilkan halaman berikutnya dari profile Prev : Tampilkan halaman awal profile 3.5.3.3 Rancangan Layar Customer Button Button Button Button Button Button Gambar EXIT Sound ON / OFF Animasi Gambar 3.13 Rancangan Layar Customer

49 Pada rancangan Layar Customer ini terdapat sembilan button yang dapat ditekan, yang terdiri dari sembilan button menu utama seperti pada layar Home, yaitu: Home : Tampilkan Layar home Profile : Tampilkan Profil perusahaan, serta visi dan misi dari perusahaan Customer : Tampilkan Layar yang berisi daftar pelanggan. Product : Tampilkan Layar produk yang ditawarkan perusahaan Contact Us : Tampilkan Layar yang berisikan informasi tentang perusahaan Event : Tampilkan promosi yang sedang atau akan ditawarkan oleh perusahaan Sound ON : Latar musik diaktifkan Sound OFF : Latar musik di-non aktifkan EXIT : Keluar dari aplikasi aplikasi

50 3.5.3.4 Rancangan Layar Product Button Button Button Button Button Button EXIT Sound ON / OFF Printing Gambar Product Advertising Indoor Outdoor Gambar 3.14 Rancangan Layar Product Pada rancangan Layar Product ini terdapat sebelas button yang dapat ditekan, yang terdiri dari sembilan button menu utama serta tiga button pilihan, yaitu: Home : Tampilkan Layar home Profile : Tampilkan Profil perusahaan, serta visi dan misi dari perusahaan Customer : Tampilkan Layar yang berisi daftar pelanggan. Product : Tampilkan Layar produk yang ditawarkan perusahaan

51 Contact Us : Tampilkan Layar yang berisikan informasi tentang perusahaan. Event : Tampilkan promosi yang sedang atau akan ditawarkan oleh perusahaan. Sound ON : Latar musik diaktifkan. Sound OFF : Latar musik di-non aktifkan. EXIT : Keluar dari aplikasi aplikasi. Printing : Tampilkan produk-produk Printing yang ditawarkan oleh perusahaan. Indoor : Tampilkan produk-produk advertising yang ditawarkan oleh perusahaan. Dibagian advetising juga masih dibagi 2 yaitu indoor dan outdoor.

52 3.5.3.4.1 Rancangan Layar Product Printing Button Button Button Button Button Button EXIT Sound ON / OFF Gambar View video Gambar 3.15 Rancangan Layar Product Printing Pada rancangan Layar Product Printing ini terdapat sebelas tombol utama yang terdiri dari sembilan tombol utama serta dua tombol pilhan yaitu: Home : Tampilkan Layar home Profile : Tampilkan Profil perusahaan, serta visi dan misi dari perusahaan Customer : Tampilkan Layar yang berisi daftar pelanggan. Product : Tampilkan Layar produk yang ditawarkan perusahaan Contact Us : Tampilkan Layar yang berisikan informasi

53 tentang perusahaan. Event : Tampilkan promosi yang sedang atau akan ditawarkan oleh perusahaan. Sound ON : Latar musik diaktifkan. Sound OFF : Latar musik di-non aktifkan. EXIT : Keluar dari aplikasi aplikasi. Segitiga : Tampilkan untuk melihat nama dan gambar dari produk. View Video : Tampilkan untuk melihat video produk Perusahaan. 3.5.2.4.2 Rancangan Layar Product Advertising Button Button Button Button Button Button EXIT Sound ON / OFF Gambar View video Gambar 3.16 Rancangan Layar Product Advertising

54 Pada rancangan Layar Product Advertising ini terdapat sebelas tombol utama yang terdiri dari sembilan tombol utama serta dua tombol pilhan yaitu: Home : Tampilkan Layar home Profile : Tampilkan Profil perusahaan, serta visi dan misi dari perusahaan Customer : Tampilkan Layar yang berisi daftar pelanggan. Product : Tampilkan Layar produk yang ditawarkan perusahaan Contact Us : Tampilkan Layar yang berisikan informasi tentang perusahaan. Event : Tampilkan promosi yang sedang atau akan ditawarkan oleh perusahaan. Sound ON : Latar musik diaktifkan. Sound OFF : Latar musik di-non aktifkan. EXIT : Keluar dari aplikasi aplikasi. Segitiga : Tampilkan untuk melihat nama dan gambar dari produk. View Video : Tampilkan untuk melihat video produk Perusahaan.

55 3.5.3.5 Rancangan Layar Contact Us Button Button Button Button Button Button Gambar Logo EXIT Sound ON / OFF Gambar 3.17 Rancangan Layar Contact Us Pada rancangan Layar Contact Us ini terdapat sembilan button yang dapat ditekan, yang terdiri dari sembilan button menu utama seperti pada layar Home, yaitu: Home : Tampilkan Layar home Profile : Tampilkan Profil perusahaan, serta visi dan misi dari perusahaan Customer : Tampilkan Layar yang berisi daftar pelanggan. Product : Tampilkan Layar produk yang ditawarkan perusahaan

56 Contact Us : Tampilkan Layar yang berisikan informasi tentang perusahaan. Event : Tampilkan promosi yang sedang atau akan ditawarkan oleh perusahaan. Sound ON : Latar musik diaktifkan. Sound OFF : Latar musik di-non aktifkan. EXIT : Keluar dari aplikasi aplikasi. 3.5.3.6 Rancangan Layar Event Button Button Button Button Button Button Gambar Logo EXIT Sound ON / OFF Gambar 3.18 Rancangan Layar Event

57 Pada rancangan Layar Event ini terdapat sebelas button utama yang dapat ditekan, yang terdiri dari sembilan button menu utama seperti pada layar Home dan dua button pilihan, yaitu: Home : Tampilkan Layar home Profile : Tampilkan Profil perusahaan, serta visi dan misi dari perusahaan Customer : Tampilkan Layar yang berisi daftar pelanggan. Product : Tampilkan Layar produk yang ditawarkan perusahaan Contact Us : Tampilkan Layar yang berisikan informasi tentang perusahaan. Event : Tampilkan promosi yang sedang atau akan ditawarkan oleh perusahaan. Sound ON : Latar musik diaktifkan. Sound OFF : Latar musik di-non aktifkan. EXIT : Keluar dari aplikasi aplikasi. Segitiga : Tampilkan untuk melihat nama dan gambar dari produk yang dipromosikan.

58 3.5.4 Perancangan Layar Admin Selain dari sisi user sebagai front-end, dibuat pula sisi admin sebagai back-end dari aplikasi. 3.5.4.1 Rancangan Layar Admin Button Button Button Button Button LOGO Gambar 3.19 Rancangan Layar Admin Layar Admin terdiri dari 5 menu utama yaitu : Visi dan Misi, Profile, Contact Us, Product dan Customer.

59 3.5.4.2 Rancangan Layar Admin Visi Misi Button Button Button Button Button LOGO Visi no visi add Misi no misi add Gambar 3.20 Rancangan Layar Admin Visi Misi Pada setiap tabel baik visi maupun misi berisi kolom nomor, visi atau misi, status untuk menandakan apakah isi tersebut yang masih aktif, edit untuk mengubah isi dari profile, dan hapus untuk menghapus profile. Pada bagian bawah tabel terdapat tombol add untuk menambah record baru.

60 3.5.4.3 Rancangan Layar Admin Profile Button Button Button Button Button LOGO Profile no profile add Gambar 3.21 Rancangan Layar Admin Profile Pada tabel profile berisi kolom nomor untuk urutan profile, profile tentang isi dari profile yang ditampilkan, status untuk menandakan apakah profile tersebut yang masih aktif, edit untuk mengubah isi dari profile, dan hapus untuk menghapus profile. Pada bagian bawah tabel terdapat tombol add untuk menambah profile baru.

61 3.5.4.4 Rancangan Layar Admin Contact Us Button Button Button Button Button LOGO Contact no contact add Gambar 3.22 Rancangan Layar Admin Contact Layar Admin berisi alamat atau kontak telepon untuk menghubungi perusahaan. Pada tabel berisi kolom nomor urut, isi dari contact yang ditampilkan, status untuk menandakan apakah contact tersebut yang masih aktif, edit untuk mengubah isi dari contact, dan hapus untuk menghapus contact. Pada bagian bawah tabel terdapat tombol add untuk menambah contact baru.

62 3.5.4.5 Rancangan Layar Admin Product Button Button Button Button Button LOGO Category no product add Gambar 3.23 Rancangan Layar Admin Product Pada layar admin product berisi dua kategori produk. Pada tabel product terbagi dua, yaitu advertising dan printing.

63 3.5.4.6 Rancangan Layar Admin Customer Button Button Button Button Button LOGO Customer no customers add Gambar 3.24 Rancangan Layar Admin Customer Layar Admin customer berisi daftar para pelanggan perusahaan yang pernah menggunakan jasa CV.Urip Mulyo. Pada tabel customer berisi kolom nomor untuk urutan customer, customer tentang isi dari customer yang ditampilkan, status untuk menandakan apakah customer tersebut yang masih aktif, edit untuk mengubah isi dari customer, dan hapus untuk menghapus customer. Pada bagian bawah tabel terdapat tombol add untuk menambah customer baru.

64 3.5.5 Perancangan State Transition Diagram (STD) Dari struktur menu yang sudah dibuat sebelumnya, maka dapat digambarkan alur proses dari setiap struktur menu tersebut dengan menggunakan State Transition Diagram (STD). 3.5.5.1 STD Home HOME Tekan "HOME' Tampilkan Layar Home Tekan "PROFILE" Tampilkan Layar Profile PROFILE Tekan "CUSTOMER" Tampilkan Layar Customer CUSTOMER Tekan "PRODUCT" Tampilkan Layar Product PRODUCT Tekan "CONTACT US" Tampilkan Layar Contact Us CONTACT US Tekan "EVENT" Tampilkan Layar Event EVENT Gambar 3.25 STD Home Gambar 3.25 merupakan layar home, layar yang muncul pertama kali pada saaat aplikasi dijalankan.

65 3.5.5.2 STD Profile PROFILE Tekan "PROFILE" Tampilkan Layar Profile Tekan "HOME' Tampilkan Layar Home HOME Tekan "CUSTOMER" Tampilkan Layar Customer CUSTOMER Tekan "PRODUCT" Tampilkan Layar Product PRODUCT Tekan "CONTACT US" Tampilkan Layar Contact Us CONTACT US Tekan "EVENT" Tampilkan Layar Event EVENT Gambar 3.26 STD Profile lainnya. Gambar 3.26 merupakan link dari layar profile menuju layar utama

66 3.5.5.3 STD Customer CUSTOMER Tekan "CUSTOMER" Tampilkan Layar Customer Tekan "HOME' Tampilkan Layar Home HOME Tekan "PROFILE" Tampilkan Layar Profile PROFILE Tekan "PRODUCT" Tampilkan Layar Product PRODUCT Tekan "CONTACT US" Tampilkan Layar Contact Us CONTACT US Tekan "EVENT" Tampilkan Layar Event EVENT Gambar 3.27 STD Customer Gambar diatas merupakan tampilan link ke layar lainnya, bila dilihat dari layar Customer.

67 3.5.5.4 STD Product PRODUCT Tekan "PRODUCT" Tampilkan Layar Product Tekan "HOME' Tampilkan Layar Home HOME Tekan "PROFILE" Tampilkan Layar Profile PROFILE Tekan "CUSTOMER" Tampilkan Layar Customer CUSTOMER Tekan "CONTACT US" Tampilkan Layar Contact Us CONTACT US Tekan "EVENT" Tampilkan Layar Event EVENT Tekan "PRINTING" Tampilkan Layar Produk Printing PRINTING Tekan "ADVERTISING" Tampilkan Layar Product Advertising ADVERTISING Gambar 3.28 STD Product Gambar diatas merupakan tampilan link ke layar lainnya, bila dilihat dari layar Product.

68 3.5.5.5 STD Contact Us CONTACT US Tekan "CONTACT US" Tampilkan Layar Contact Us Tekan "HOME' Tampilkan Layar Home HOME Tekan "PROFILE" Tampilkan Layar Profile PROFILE Tekan "PRODUCT" Tampilkan Layar Product CUSTOMER Tekan "CUSTOMER" Tampilkan Layar Customer PRODUCT Tekan "EVENT" Tampilkan Layar Event EVENT Gambar 3.29 STD Contact Us Gambar diatas merupakan tampilan link ke layar lainnya, bila dilihat dari layar Contact Us.

69 3.5.5.6 STD Event EVENT Tekan "EVENT" Tampilkan Layar Event Tekan "HOME' Tampilkan Layar Home HOME Tekan "PROFILE" Tampilkan Layar Profile PROFILE Tekan "PRODUCT" Tampilkan Layar Product CUSTOMER Tekan "CUSTOMER" Tampilkan Layar Customer PRODUCT Tekan "CONTACT US" Tampilkan Layar Contact Us CONTACT US Gambar 3.30 STD Event Gambar diatas merupakan tampilan link ke layar lainnya, bila dilihat dari layar Event.

70 3.5.6 Perancangan Database 3.5.6.1 Rancangan tabel profile Tabel profile digunakan untuk menampung profil dari perusahaan yang dapat digunakan sesuai dengan kebutuhan informasi yang ingin disajikan yang terdiri dari tiga field sebagai berikut : Tabel 3.7 Tabel profile Field Type Keterangan profile_no int Nomor urut profile profile_text text Isi dari profile active boolean Tanda keaktifan profile 3.5.6.2 Rancangan tabel visi Tabel visi digunakan untuk menampung visi dari perusahaan yang dapat diubah seiring dengan perkembangan yang telah dicapai perusahaan yang terdiri dari tiga field sebagai berikut : Tabel 3.8 Tabel visi Field Type Keterangan visi_no int Nomor urut visi visi_text text Isi dari visi active boolean Tanda keaktifan visi

71 3.5.6.3 Rancangan tabel misi Tabel misi digunakan untuk menampung misi perusahaan yang dapat disesuaikan dengan misi yang ingin dicapai perusahaan yang terdiri dari tiga field sebagai berikut : Tabel 3.9 Tabel misi Field Type Keterangan misi_no int Nomor urut misi misi_text text Isi dari misi active boolean Tanda keaktifan misi 3.5.6.4 Rancangan tabel customer Tabel customer digunakan untuk menampung data dari perusahaan-perusahaan yang telah menjadi customer CV. UripMulyo yang terdiri dari lima field sebagai berikut : Tabel 3.10 Tabel customer Field Type Keterangan customer_no int No urut customer customer_name varchar Nama perusahaan customer customer_address text Alamat perusahaan customer customer_logo varchar Logo perusahaan customer

72 3.5.6.5 Rancangan tabel category Tabel category ini merupakan kategori-kategori dari produk yang akan dibagi sesuai dengan jenisnya yang terdiri dari tiga field sebagai berikut : Tabel 3.11 Tabel category Field Type Keterangan category_no int Nomor urut kategori parent int Untuk masuk ketabel produk category_name varchar Nama kategori 3.5.6.6 Rancangan tabel Product Tabel product digunakan untuk menampung data dari produkproduk yang dihasilkan perusahaan yang terdiri dari empat field sebagai berikut : Tabel 3.12 Tabel product Field Type Keterangan product_no int Nomor urut produk category_no int Nomor urut dari kategori product_name varchar Nama dari produk product_descriptiom text Keterangan tentang produk

73 3.5.6.6.1 Tabel product_image Tabel ini digunakan untuk menampung gambar contoh-contoh dari produk yang dihasilkan perusahaan yang terdiri dari tiga field sebagai berikut : Tabel 3.13 Tabel product_image Field Type Keterangan product_image_no int Nomor urut gambar produk product_no int Nomor produk image_file varchar Gambar 3.5.6.6.2 Tabel product_video Tabel ini digunakan untuk menampilkan video yang berisi contoh-contoh produk yang dihasilkan perusahaan agar terlihat lebih jelas yang terdiri dari tiga field sebagai berikut : Tabel 3.14 Tabel product_video Field Type Keterangan product_video_no int Nomor urut video produk product_no Int Nomor produk video_file varchar Video

74 3.5.6.7 Rancangan tabel contact Tabel contact digunakan untuk menampilkan contact person dari perusahaan yang dapat digunakan sesuai dengan kebutuhan informasi yang ingin disajikan yang terdiri dari tiga field sebagai berikut : Tabel 3.15 Tabel contact Field Type Keterangan contact_no int Nomor urut contact contact_text text Isi dari contact active boolean Tanda keaktifan contact

75 3.5.7 ERD ( Entity Relationship Diagram) profile visi misi customer profile_no profile_text active visi_no visi_text active misi_no misi_text active customer_no customer_name customer_addres customer_logo category category_no parent category_name 1 * * product 1 product_no category_no product_name product_desc 1 product_image product_image_no product_no image_file contact product_video contact_no contact_text active product_video_no product_no video_file 1 Gambar 3.31 Entity Relationship Diagram Gambar ini menunjukkan diagram hubungan antar tabel database yang mempunyai korelasi. Pada gambar dapat dilihat bahwa antara tabel product mempunyai hubungan dengan tabel category, product_image, dan product _video.

76 3.5.8 Spesifikasi proses Spesifikasi proses merupakan penjelasan dari proses-proses yang terjadi dalam sistem. Untuk menjelaskan proses-proses tersebut, berikut ini beberapa spesifikasi proses yang dirinci : 3.5.8.1 Modul Home Tampilkan Layar Home Akhir modul 3.5.8.2 Modul Profile Tampilkan Layar Profile Jika tekan next Tampilkan layar Profile selanjutnya Jika tekan prev Tampilkan layar Profile awal Akhir pilihan Akhir modul 3.5.8.3 Modul Customer Tampilkan Layar Customer Akhir modul 3.5.8.4 Modul Product Tampilkan Layar Product

77 Pilihan tombol Product Jika tekan Printing Tampilkan Layar Product Printing Pilihan tombol Product Printing Buku : Tampilkan layar contoh produk buku Kalender : Tampilkan layar contoh produk kalender Undangan : Tampilkan layar contoh produk undangan Amplop : Tampilkan layar contoh produk amplop Kartu Nama : Tampilkan layar contoh produk kartunama Dan lain-lain : Tampilkan layar contoh produk lainnya Akhir Pilihan Jika tekan Advertising Tampilkan Layar Product Advertising Pilihan tombol Product Advertising Billboard : Tampilkan layar contoh produk billboard Spanduk : Tampilkan layar contoh produk spanduk Neon Box : Tampilkan layar contoh produk neon box Dan lain-lain : Tampilkan layar contoh produk lainnya Akhir pilihan Akhir modul Akhir Pilihan

78 3.5.8.5 Modul Contact Us Tampilkan Layar Contact Us Akhir modul 3.5.8.6 Modul Event Tampilkan Layar Event Akhir modul