SKRIPSI Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Teknik Program Studi Teknik Informatika

PERANCANGAN APLIKASI TEMPLATE

  COMPANY PROFILE PERUSAHAAN SKRIPSI Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Teknik Program Studi Teknik Informatika OLEH: HIASINTUS KINGKIN MALINTANG NIM : 055314015 JURUSAN TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS SANATA DHARMA YOGYAKARTA 2012

  APPLICATION TEMPLATE DESIGN COMPANY PROFILE FINAL PROJECT Presented as Partial Fulfillment of the Requirements To Obtain Sarjana Teknik Degree In Department of Informatics Engineering

  By : HIASINTUS KINGKIN MALINTANG

  NIM : 055314015

DEPARTMENT OF INFORMATICS ENGINEERING FACULTY OF SCIENCE AND TECHNOLOGY SANATA DHARMA UNIVERSITY YOGYAKARTA 2012

  HALAMAN PERSEMBAHAN SKRIPSI INI KUPERSEMBAHKAN UNTUK Tuhan Tempatku bertumpu. Bapak dan Ibu Terima kasih atas segala pengorbanan dan jerih payahmu. Teman-temanku

  Ar, Ganang, Putri, Endah, Rian, Adi, Siska, Lita, Bayu, Supporter terbesar dalam penyusunan tugas akhirku.

  MOTTO Freedom is not about doing as you wish. It is about responsibility.

KATA PENGANTAR

  Puji syukur kepada Tuhan Yang Maha Esa, yang selalu memberikan petunjuk, membimbing dan membantu sehingga penulis dapat menyelesaikan skripsi ini.

  Skripsi ini ditulis untuk memenuhi salah satu syarat memperoleh gelar sarjana di Fakultas Sains dan Teknologi Universitas Sanata Dharma Yogyakarta.

  Penulis menyadari banyak hal yang terjadi selama pengerjaan skripsi, baik itu yang menyulitkan maupun yang membantu, dan banyak pihak yang telah berperan besar dalam memberikan sumbangan pikiran, doa, semangat, maupun tenaga. Oleh karena itu dengan segala kerendahan hati, penulis menyampaikan ucapan terimakasih kepada :

  1. Ibu Paulina Heruningsih Prima Rosa, S.Si., M.Sc., selaku Dekan Fakultas Sains dan Teknologi Universitas Sanata Dharma Yogyakarta.

  2. Ibu Ridowati Gunawan, S.Kom., M.T., selaku Ketua Jurusan Teknik Informatika Universitas Sanata Dharma.

  3. Bapak J.B. Budi Darmawan, S.T., M.Sc., selaku Dosen Pembimbing Akademik Teknik Informatika angkatan 2005.

  4. Iwan Binanto, M.Cs., selaku Dosen Pembimbing TA. Terima kasih atas bimbingan selama saya mengerjakan Laporan Skripsi ini.

  5. Kedua orangtua, terima kasih atas dukungan, kasih sayang dan semangat yang tiada henti sehingga saya dapat menyelesaikan Tugas Akhir ini.

  6. Seluruh pihak yang membantu saya baik secara langsung maupun tidak langsung, yang tidak dapat saya sebutkan satu persatu.

  Saya menyadari masih banyak kekurangan yang terdapat pada laporan ini. Saran dan kritik selalu saya harapkan dari pembaca untuk perbaikan

• –perbaikan di masa yang akan datang.

  Akhir kata, saya berharap tulisan ini dapat bermanfaat bagi kemajuan dan perkembangan ilmu pengetahuan dan berbagai pihak pengguna pada umumnya.

  Yogyakarta, Juli 2012 Penulis

  

ABSTRAK

Company profile merupakan salah satu bagian penting dalam sebuah

  perusahaan. Fungsi sebuah company profile adalah sebagai media komunikasi dan penyampaian informasi tentang perusahaan kepada pihak-pihak yang membutuhkan, baik di dalam maupun di luar perusahaan.

  Dalam membuat company profile dalam bentuk softcopy terkadang perusahaan mendapati masalah. Hal ini dikarenakan pihak perusahaan awam dengan pembuatan company profile yang menarik dan tepat sasaran. Masalah ini sering diatasi perusahaan dengan cara menyewa atau mempekerjakan orang untuk membuat

  company profile . Solusi tersebut sering menghabiskan biaya yang besar.

  Dengan adanya masalah-masalah tersebut, akan dibuat aplikasi untuk mempermudah perancangan company profile. Aplikasi ini dibuat agar perusahaan yang awam terhadap pembuatan company profile dapat membuatnya dengan mudah. Dengan desain template yang siap digunakan, maka akan mempermudah orang awam untuk mengoperasikan aplikasi ini dan membuat company profile-nya sendiri.

  Hasil company profile ini akan dapat disimpan dalam direktori tersendiri ataupun dalam bentuk CD interaktif.

  

ABSTRACT

  Company profile is one of the important part of a company. The fucntion of a company profile is as a medium of communication and present information about the company to parties, both inside and outside the company. In creating a company profile in softcopy sometimes companies have problems. This is because the company are unfamiliar with the making of company profile which is attractive and well targeted. These problems often addressed by the company by hire or employ people to create a of company profile. These solutions often spend substantial funds.

  In the presence of the problems, an application will be made to facilitate the design of company profile. This application is made so that companies that are unfamiliar with the making company profile can make it with ease. With the design of template which ready for use, it will be easier for a layperson to operate these applications and make its own company profile. This company profile results will be stored in its own directory or in the form of an interactive CD.

  

Daftar Isi

  HALAMAN JUDUL.................................................................................................... i TITLE PAGE.............................................................................................................. ii HALAMAN PERSETUJUAN PEMBIMBING........................................................ iii HALAMAN PENGESAHAN.....................................................................................iv HALAMAN PERSEMBAHAN...................................................................................v HALAMAN MOTTO.................................................................................................vi PERNYATAAN PERSETUJUAN PUBLIKASI......................................................vii KATA PENGANTAR..............................................................................................viii PERNYATAAN KEASLIAN KARYA TULIS..........................................................x ABSTRAK..................................................................................................................xi ABSTACT..................................................................................................................xii DAFTAR ISI.............................................................................................................xiii DAFTAR GAMBAR................................................................................................xvi DAFTAR TABEL....................................................................................................xvii

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

DAFTAR GAMBAR

Gambar 2.1 Aktor....................................................... Error! Bookmark not defined.

Gambar 2.2 Use Case ................................................. Error! Bookmark not defined.Gambar 2.3 Simbol Asosiasi Dengan Anak Panah .... Error! Bookmark not defined.Gambar 2.4 Simbol Konektor Asosiasi Dengan Garis Lurus ... Error! Bookmark not defined.Gambar 2.5 Simbol Konektor Dependensi Include ... Error! Bookmark not defined.Gambar 2.6 Simbol Dependensi Extend .................... Error! Bookmark not defined.Gambar 2.7 Simbol Konektor Generalisasi ............... Error! Bookmark not defined.Gambar 3.1 Use Case Diagram .................................. Error! Bookmark not defined.Gambar 3.2 Workflow Aplikasi Template ................. Error! Bookmark not defined.Gambar 3.3 Workflow Company Profile ................... Error! Bookmark not defined.Gambar 3.4 Activity Diagram Edit ............................ Error! Bookmark not defined.Gambar 3.5 Activity Diagram Save ........................... Error! Bookmark not defined.Gambar 3.6 Activity Diagram Open .......................................................................... 23 Gambar 3.7 Activity Diagram Preview ...................... Error! Bookmark not defined.Gambar 3.8 Activity Diagram Cetak CD ................... Error! Bookmark not defined.Gambar 3.9 Rancangan Interface Company Profile .. Error! Bookmark not defined.Gambar 3.10 Rancangan Interface Utama ................. Error! Bookmark not defined.

  

DAFTAR TABEL

Tabel III.1 Tabel Sebab Akibat .................................. Error! Bookmark not defined.

  Tabel III.2 Tabel Definisi Use Case ........................... Error! Bookmark not defined. Tabel III.3 Narasi Use Case Edit................................ Error! Bookmark not defined. Tabel III.4 Narasi Use Case Save .............................. Error! Bookmark not defined. Tabel III.5 Narasi Use Case Open.............................. Error! Bookmark not defined. Tabel III.6 Narasi Use Case Preview ......................... Error! Bookmark not defined. Tabel III.7 Narasi Use Case Cetak CD ...................... Error! Bookmark not defined. Tabel III.8 Storyboard ................................................ Error! Bookmark not defined.

BAB I PENDAHULUAN

1.1 Latar Belakang

  Dewasa ini informasi telah berkembang pesat. Media audio-visual sebagai bentuk sarana informasi modern memegang peranan penting. Dalam perkembangannya, media visual telah menjadi kebutuhan yang mendesak baik untuk kepentingan berbagai bidang usaha. Salah satunya adalah company

  profile .

  Company profile merupakan salah satu bagian penting dalam sebuah

  perusahaan. Fungsi sebuah company profile adalah sebagai media komunikasi dan penyampaian informasi tentang perusahaan kepada pihak-pihak yang membutuhkan, baik di dalam maupun di luar perusahaan.

  Company profile dapat dibuat dalam bentuk hardcopy dan softcopy. Company profile dalam bentuk hardcopy dapat berupa bentuk poster, booklet

  maupun pamflet. Hardcopy company profile banyak memiliki kendala dalam penyampaian kepada pihak yang membutuhkan. Seiiring dengan perkembangan jaman softcopy company profile menjadi lebih populer dikarenakan lebih mudah untuk didistribusikan dan disimpan.

  Dalam membuat company profile dalam bentuk softcopy terkadang perusahaan mendapati masalah. Hal ini dikarenakan pihak perusahaan awam dengan pembuatan company profile yang menarik dan tepat sasaran. Masalah ini sering diatasi perusahaan dengan cara menyewa atau mempekerjakan orang untuk membuat company profile. Solusi tersebut sering menghabiskan biaya yang besar.

  Dengan adanya masalah-masalah tersebut, akan dirancang aplikasi untuk mempermudah pembuatan company profile. Perancangan aplikasi ini dibuat agar perusahaan yang awam terhadap pembuatan company profile dapat membuatnya dengan mudah.

  Dari latar belakang masalah di atas dapat dirumuskan suatu masalah yaitu bagaimana merancang aplikasi template company profile.

   Tujuan

  1.3 Adapun tujuan dari penulisan skripsi ini adalah untuk merancang dan

  merancang sebuah aplikasi untuk membantu dalam penyusunan company profile.

  1.4 Batasan Masalah

  Berdasarkan latar belakang masalah yang ada, penulis membatasi masalah sebagai berikut:

  1. Tugas akhir ini hanya membahas perancangan aplikasi template company profile .

  2. Tugas akhir ini tidak membahas implementasi aplikasi template company profile.

1.5 Metodologi Penelitian

  Metodologi yang digunakan dalam penelitian ini adalah: 1. Studi kasus mengenai pembuatan company profile.

  2. Studi pustaka perancangan aplikasi.

  3. Perancangan menggunakan pengembangan sistem berorientasi object dengan metodologi FAST yang melalui tahapan

• – tahapan berikut ini:

  a. Fase Defenisi Ruang Lingkup (Scope Definition Phase) Menetapkan ukuran dan batasan, visi, kebutuhan dan hambatan proyek, dan akhirnya biaya dan jadwal.

  b. Fase Analisis Masalah (Problem Analysis Phase) Pada tahap ini dilakukan analisis terhadap sistem yang telah ada saat itu.

  c. Fase Analisis Kebutuhan (Requirment Analysis Phase) Mendeifinisikan apa saja yang perlu dilakukan oleh sistem, apa yang dibutuhkan dan diinginkan oleh pengguna dari sistem baru.

  d. Fase Desain Logikal (Logical Design Phase) Fase ini merupakan fase untuk menerjemahkan kebutuhan bisnis dari

  user ke dalam sebuah model sistem yang menggambarkan hanya business requirement dan tidak dalam perancangan atau implementasi

  teknis yang mungkin.

1.6 Sistematika Penulisan

  1. BAB I : Pendahuluan, berisi tentang latar belakang masalah, batasan masalah, tujuan penelitian, manfaat penelitian, rumusan masalah, metodologi penelitian serta sistematika penulisan.

  2. BAB II : Landasan Teori, berisi teori

• – teori tentang Company profile,

  template, pemrograman Flash yang digunakan penulis dalam penyusunan tugas akhir.

  3. BAB III : Analisis Desain dan Perancangan, berisi use case diagram, activity diagram, storyboard, user interface design.

  4. BAB IV : Kesimpulan dan Saran, berisi tentang kesimpulan dan saran yang telah didapatkan dari hasil penelitian ini.

BAB II LANDASAN TEORI

2.1 Company profile

2.1.1 Definisi Company profile

  Secara umum company dapat diidentifikasikan sebagai beberapa orang yang berkumpul dan bekerja sama untuk mencapai tujuan tertentu (Davis, 1962). Dalam hal ini untuk menghasilkan keuntungan kepada konsumen atas layanan yang diberikan. Dalam perkembangannya sebuah perusahaan membutuhkan media yang memuat perjalanan perusahaan tersebut dan prestasi-prestasi yang telah dicapainya sebagai catatan sejarah perusahaan sekaligus sebagai media presentasi untuk memperkenalkan perusahaan kepada pihak lain. Media ini lebih dikenal sebagai company

  profile (profil perusahaan).

  Company profile merupakan suatu sistem informasi yang berguna

  atau berkaitan dengan suatu perusahaan melalui beberapa media promosi yang memberikan informasi mengenai segala sesuatu yang berkaitan dengan sebuah perusahaan tertentu.

  Company profile erat kaitannya dengan suatu perusahaan beserta

  identitasnya. Maka dari itu sebuah peracangan company profile harus memuat identitas-identitas yang ada dalam sebuah perusahaan tersebut.

  Dengan demikian dapat disimpulkan bahwa company profile merupakan hal-hal yang menceritakan kebaikan tentang sebuah perusahaan sehingga orang yang melihatnya menjadi tertarik. Isi sebuah company

  profile harus singkat, padat namun jelas, sehingga khalayak dapat

  memahaminya dalam waktu singkat. Hal-hal yang perlu dicantumkan dalam

  company profile mulai dari latar belakang perusahaan, sepak terjang yang telah dibuat, hasil karya, serta alamat yang dapat dihubungi.

2.1.2 Perancangan Company profile

  Bagian ini akan membahas teori yang berkaitan dengan perancangan Company profile .

2.1.3 Corporate Identity

  Dari sebuah identitas perusahaan dapat dirancang sebuah company

  profile . Dalam sebuah perusahaan pasti akan tersusun sebuah susunan

  organisasi yang akan mengatur berjalannya perusahaan tersebut. Organisasi adalah kesatuan yang terdiri dari bagian-bagian di dalam satu perkumpulan yang mempunyai suatu tujuan tertentu secara bersama-sama. Untuk mencapai tujuan tersebut maka setiap bagian mengenakan corporate identity.

  Corporate identity adalah unsur desain yang digunakan oleh

  perusahaan untuk menciptakan identitas diri yang konsisten dan dapat dikenal melalui kegiatan promosi, komunikasi atau distribusi bahan (Napoles, 1988).

  Jika coporate identity telah berjalan dengan baik, maka akan terbentuk suatu identitas yang akan menarik bagi masyarakat.

  Corporate identity merupakan salah satu cara untuk membedakan

  perusahaan yang satu dengan yang lain. Corporate identity harus diciptakan melalui suatu desain perancangan khusus yang meliputi segala hal khas tentang fisik perusahaan tersebut. Corporate identity dapat berupa (Olins, 1989) : 1. Logo.

  2. Pemilihan warna.

  3. Barang atau jasa yang dihasilkan.

  4. Lingkungan pekerjaan.

  5. Info mengenai barang atau jasa.

  6. Klien dan konsumen.

2.2 Elemen dari Company profile

  Sebuah company profile sering kali terdiri dari beberapa elemen yang menyusun. Maka untuk membentuk sebuah template umum yang sering digunakan, maka secara umum company profile memuat:

  1. Home (Halaman Utama) Di menu home ini berisi perkenalan singkat mengenai perusahaan, beberapa product/service maupun beberapa aktivitas perusahaan yang ditonjolkan.

2. About us (Tentang kami)

  Di sini ditampilakan sejarah pendirian perusahaan, kemudian visi- misi, pesan dari direktur dan sebagainya. Terkadang dibagi dalam submenu Visi, Misi, Pesan dari Direktur, Bidang Usaha dan lain-lain

  3. Service / Product (Barang / Jasa) Pada menu ini, pertama-tama dijelaskan garis-besar produk-produk yang ditawarkan. Kemudian dilanjutkan dengan penjelasan dari masing- masing produk/services. Biasanya dalam menu ini mengandung submenu introduction, diikuti dengan submenu produk / service.

4. Contact us (Kontak kami)

  Untuk menu ini, biasanya berisi form untuk menghubungi perusahaan yang bersangkutan. Ada juga yang mengisi dengan peta. Pada bagian ini harus dicantumkan alamat jelas perusahaaan dan nomor telepon yang jelas untuk meyakinkan pelanggan. Akan lebih baik jika di setiap halaman dicantumkan alamat perusahaan berikut nomor telepon yang bisa dihubungi untuk makin menambah kenyamanan dan kepercayaan calon pelanggan

2.2.1 Template

  Template adalah sebuah pola, cetakan, atau sejenisnya, biasanya

  terdiri dari beberapa bagian, sebagai alat ukur atau panduan dalam mekanisme kerja. Template berdasarkan cara mengisinya bisa dibedakan menjadi (Kamus komputer dan teknologi informasi, 2004) :

  1 Fill-in-the-blank, yaitu template yang sudah disiapkan bentuk, pola dan fungsinya untuk kemudian diisikan oleh user.

  2 Wizard, yaitu pengisian template dengan cara terpandu atau step by step.

  Template dibuat dengan tangan atau melalui prosedur iteratif terkomputerisasi. Setelah selesai, template dapat diedit, disimpan atau dikelola seperti dokumen biasa.

2.2.2 Compact Disc Interactive

  Compact Disc interactive atau lebih sering dikenal dengan CDi (Kamus komputer dan teknologi informasi, 2004) adalah sebuah standar yang dapat mengkombinasika

  Tujuan dibuat CDi ini adalah sebagai media promosi yang simpel untuk sebuah perusahaan. Bentuk CD yang mudah dibawa kemana-mana dan relatif murah dapat dengan mudah dibagian untuk mendapatkan

5.3. Use case Diagram

  Use case adalah teknik untuk merekam persyaratan fungsional sebuah

  sistem (Fowler, 2005). Use case mendiskripsikan interaksi antara user terhadap sistem tersebut dengan memberikan narasi tentang bagaimana sistem itu digunakan. Berikut ini merupakan elemen-elemen use case yang digunakan :

  1. Aktor Aktor adalah user yang berinteraksi dengan sistem dan berada di luar sebuah sistem. Aktor dapat hanya memberikan informasi, menerima informasi atau memberi dan menerima informasi dari sistem.

  Lambang dari aktor dapat dilihat pada gambar 2.1.

  User

Gambar 2.1 Aktor

  2. Use case

  Use case merupakan serangkaian transaksi yang dilakukan oleh

  sistem dengan berinteraksi dengan aktor. Setiap use case menyangkut rangkaian pesan dan aktornya. Lambang use case dapat dilihat pada gambar 2.2.

Gambar 2.2 Use case

  3. Konektor Konektor menggambarkan hubungan antara use case dengan aktor maupun dengan use case yang lain. Ada beberapa tipe konektor dalam

  use case , yaitu:

  a. Asosiasi Menggambarkan hubungan antara aktor dengan use case. Asosiasi digambarkan dengan

• Anak panah yang menyentuh use case menggambarkan use

  case diimitasikan oleh aktor yang berada pada ujung lain

  anak panah. Simbol dapat dilihat pada gambar 2.3

Gambar 2.3 Simbol Konektor Asosiasi Dengan Anak Panah

  aktor. Simbol dapat dilihat pada gambar 2.4

Gambar 2.4 Simbol Konektor Asosiasi Dengan Garis Lurus

  b. Dependensi Dependensi menggambarkan hubungan use case dengan use

  case dimana ada ketergantungan antara use case satu dengan yang lain.

• Include, digunakan jika satu atau lebih use case saling berbagi fungsionalitas yang sama. Simbol include dapat dilihat pada gambar 2.5.

  <<include>> «uses»

Gambar 2.5 Simbol Konektor Dependensi Include

• Extend, digunakan jika use case terdiri dari fungsionalitas yang kompleks dan membuat logika use case sulit dipahami. Maka use case tersebut diekstrak menjadi use case sendiri. Simbol extend dapat dilihat pada gambar 2.6.

  «extends»

  c. Generalisasi Generalisasi menggambarkan hubungan antara aktor atau antar

  use case merupakan anak dari aktor atau use case induk. Simbol konektor generalisasi dapat dilihat pada gambar 2.7.

Gambar 2.7 Simbol Konektor Generalisasi

BAB III ANALISA DAN PERANCANGAN SISTEM

3.1 Analisis Ruang Lingkup

  Pembuatan company profile dengan cara lama membutuhkan waktu yang relatif lama dan juga tidak sembarang orang dapat melakukannya. Masalah- masalah tersebut dapat diuraikan dengan menggunakan PIECES framework sebagai berikut:

1. Performance Pembuatan company profile dibutuhkan kemampuan khusus.

  Pembuatnya diharuskan menggunakan aplikasi yang tidak semua orang bisa menggunakannya. Hal tersebut menyebabkan pembuatan

  

company profile membutuhkan waktu yang tidak singkat.

  2. Information

  Saat perusahaan membutuhkan company profile tidak dapat langsung memasukan informasi yang ada kedalamnya atau mengedit informasi company profile yang sudah ada di dalamnya. Perusahaan harus mengkomunikasikan dengan pihak lain.

  Kurangnya informasi perusahaan saat komunikasi dengan pihak lain dapat terjadi. Maka perusahaan perlu melakukan proses komunikasi yang lebih dari satu kali.

  3. Economics

  Perusahaan mempekerjakan orang atau instansi lain untuk membuat company profilenya. Hal tersebut membuat perusahaan mengeluarkan biaya yang lebih untuk membayar orang atau instansi lain yang disewa atau dipekerjakan.

  4. Control

  Saat proses pembuatan company profile, perusahaan tidak bisa memasukan data yang meereka miliki sendiri. Dikarenakan hal tersebut, maka dapat terjadi penyalahgunaan data perusahaan.

  Seteleh company profile selesai, data yang ada di dalamanya tidak dapat diubah dengan mudah oleh perusahaan tersebut.

  5. Efficiency

  Dalam pembuatan company profile sebuah perusahaan mempekerjakan orang atau instansi lain yang dapat membuatnya.

  Kemudian perusahaan harus mengkomunikasikan ingin seperti apa

  company profile tersebut nantinya. Hal ini menyebabkan pembuatan company profile membutuhkan waktu yang lama.

  6. Service

  Setelah pembuatan company profile, maka company profile akan diserahkan pada perusahaan. Perusahaan belum tentu puas dengan hasil yang diterima karena mungkin adanya beberapa kesalah pada company profile yang diterima.

3.2 Analisis Sistem yang Ada Saat Ini

  Saat sebuah perusahaan membutuhkan company profile maka perusahaan tersebut mempekerjakan atau mencari orang/instansi lain yang dapat merancang sebuah company profile. Kemudian kebutuhan yang dibutuhkan dalam company profile tersebut dibicarakan dan kemudian dirancang

  Tabel 1 Sebab Akibat CAUSE AND EFFECT ANALYSIS SYSTEM IMPROVEMENT OBJECTIVES

  1. Proses menjadi lebih singkat dengan tidak adanya proses perancangan

  1. Dengan aplikasi ini user akan dipermudah dalam membuat company

  harus mempunyai kemampuan dalam menjalankan

  company profile

  1. Dalam pembuatan

  membutuhkan kemampuan khusus.

  company profile

  3. Membuat

  1. Membutuhkan perangkat keras dan perangkat lunak yang spesifik untuk menjalankan aplikasi ini.

  2. Proses menjadi lebih singkat dengan tidak adanya proses komunikasi untuk bertukar pikiran dengan pihak lain.

  company profile dari awal.

  2. Melalui proses komunikasi antara pihak satu dengan yang lain. Membutuhkan waktu untuk bertukar pikiran.

  Problem / Opportunity Causes and effects System objectives System constraint

  harus merancangnya dari awal.

  company profile

  1. Pembuat

  konvensional.

  company profile yang

  2. Banyak memakan waktu jika melalui proses pembuatan

  1. Mempermudah sebuah perusahaan untuk membuat company profile .

  company profile .

  1. Karena harus mempekerjakan orang atau meminta isntansi lain untuk membuat

  company profile .

  1.Membutuhkan biaya untuk membuat

  profile . beberapa software yang cukup rumit.

  3.3 Rancangan Sistem Baru

  Rancangan aplikasi ini menggunakan susunan template yang telah disediakan sehingga mempermudah user sebagai orang awam dalam perancangan company profile. User dapat mengedit bagian-bagian dari template company profile seperti teks, background berupa warna maupun gambar dan juga suara.

  Output dari aplikasi ini adalah sebuah CD interaktif siap pakai yang memuat company profile dan file autorun. Sehingga CD interaktif ini dapat langsung dipakai untuk kebutuhan promosi atau presentasi sebuah perusahaan.

  3.4 Analisis Kebutuhan

  Berikut adalah usecase diagram dari user Aplikasi Template Company profile Perusahaan.

  _Save Edit _{User Preview} Open Cetak CD interaktif Gambar 1 Use case diagram

3.4.1 Definisi Usecase

  Use case merupakan penjelasan mengenai kegiatan-kegiatan

  dalam sistem yang dilakukan oleh aktor. Use case yang ada pada sistem yang akan dibangun terdapat pada tabel di bawah ini.

  Tabel 2 Definisi Use case Pelaku yang Nama Use case Deskripsi Use case berpartisipasi

  Edit Use case ini menggambarkan User proses user mengubah data text dan gambar dalam aplikasi template. Save Use case ini menggambarkan User proses user menyimpan data yang ada dalam template. Open Use case ini menggambarkan User proses user membuka data yang pernah disimpan. Preview Use case ini menggambarkan User proses user melihat tampilan dari yang sedang atau

  company profile telah dibuatnya.

  Cetak CD interaktif Use case ini menggambarkan User

  

proses cetak company profile

kedalam sebuah CD interaktif.

3.4.2 Narasi Use case Bagian ini akan menjelaskan langkah kegiatan dalam usecase.

  Tabel 3 Edit Author : Kingkin Malintang Date : 10 Juni 2012 Version : 1.0 Use case Edit Jenis Use case Name:

  Business Requirements: ฀ Use case ID: USC-001

  High

  Priority :

• Source:

  Primary User Business Actor: Decription: Use case ini menggambarkan proses user mengubah data text

  maupun gambar dalam aplikasi template.

  Precondition: - Trigger: Use case ini digunakan apabila user akan mengganti data text atau

  gambar yang ada dalam template..

  Actor Action System Response

  Typical Course of Step 1: user melakukan klik event:

  pada bagian text untuk diedit. Step 2: Sistem akan menerima input dari user.

  Step 3: user melakukan klik

  pada bagian gambar atau logo Step 4: Sistem akan memberikan opsi untuk memilih gambar atau logo

  Alternate Alt-step 3: user batal memasukkan text atau gambar kedalam Course: template. Conclusion:  Sistem menerima input beripa text.

   Sistem menerima input gambar berupa file JPEG & PNG.

  Post  Sistem menerima input dari user. Condition:

• Implementati on Constrains and Specifications :
• Tabel 4 Save

  memberikan pilihan untuk menyimpan atau batal

   Company profile tidak tersimpan dalam direktori.

  Post Condition:  Company profile tersimpan dalam direktori.

  Conclusion: Use case ini akan berhenti jika proses penyimpanan company profile kedalam direktori selesai.

  Alternate Course: Alt-step 3: user membatalkan proses simpan.

  data-data yang ada di dalam aplikasi.

  Step 4: Sistem menyimpan

  Step 2: Sistem akan

  Business Rules:

  Step 3: user memilih untuk menyimpan file.

  Step 1: user melakukan klik pada tombol save.

  Actor Action System Response

  Decription: Use case ini menggambarkan proses user menyimpan data yang ada dalam template. Precondition: User telah memasukan data kedalam template. Trigger: Use case ini digunakan apabila user ingin menyimpan company profile kedalam direktori. Typical Course of event:

  User

  Business Requirements: ฀ Use case ID: USC-002 Priority : High Source: - Primary Business Actor:

  Author : Kingkin Malintang Date : 10 Juni 2012 Version : 1.0

Use case Name: Save Jenis Use case

  Business Rules: - Implementation -

  Business Rules: - Implementation Constrains and Specifications:

  Step 3: user melakukan browse file.

   Sistem menampilkan file yang dipilih user.

  

Alt-step 3: user batal melakukan open

Conclusion: - Post Condition:

  Step 4: Sistem membuka file Alternate Course:

  profile .

  memberikan opsi apakah user akan membuka company

  Step 2: Sistem akan

  tombol open pada template .

  Constrains and Specifications: Tabel 5 Open

  Step 1: user melakukan klik

  Actor Action System Response

  Typical Course of event:

  Decription: Use case ini menggambarkan proses user membuka company profile yang pernah disimpan. Precondition: - Trigger: Use case ini digunakan apabila user ingin membuka company profile yang pernah dibuat.

  User

  Business Requirements: ฀ Use case ID: USC-003 Priority : High Source: - Primary Business Actor:

  Author : Kingkin Malintang Date : 10 Juni 2012 Version : 1.0

Use case Name: Open Jenis Use case

• Tabel 6 Preview

  Author : Kingkin Malintang Date : 10 Juni 2012 Version : 1.0

Use case Name: Preview Jenis Use case

Use case ID: USC-004 Business Requirements:

  ฀ Priority : High Source: - Primary User Business Actor:

  Use case ini menggambarkan proses user melihat hasil Decription: pekerjaan yang sedang dikerjakannya atau sudah dikerjakan.

• Precondition: Trigger: Use case ini digunakan apabila user ingin melihat hasil company profile yang sedang dikerjakan atau telah dikerjakan.

  

Typical Course Actor Action System Response

of event: Step 1: user melakukan klik

  tombol Preview Step 2: Sistem akan menampilkan company profile beserta data-datanya.

  Step 3: user klik tombol edit Step 4: Sistem kambali kedalam modus edit.

  Alternate Alt-step 3: user melakukan operasi lainnya. Course: Conclusion: Post Condition:  Data-data company profile tertampil dalam layar preview. Business Rules: -

• Implementation

  Constrains and Specifications: Tabel 7 Cetak Kedalam CD

  Author : Kingkin Malintang Date : 10 Juni 2012 Version : 1.0 Use case Cetak kedalam CD Use case

  Jenis Name:

  Business Requirements: ฀ Use case ID: USC-005 Priority : High Source: - Primary User Business Actor: Decription: Use case ini menggambarkan proses user menyimpan data kedalam CD.

  Precondition - : Trigger: Use case ini digunakan apabila user ingin menyimpan company profile kedalam sebuah CD. Typical Actor Action System Response Course of Step 1: user melakukan klik event: tombol burn pada menu.

  Step 2: Sistem akan memastikan

  apakah user akan melakukan proses pencetakan kedalam CD.

  Step 3: user memberikan Step 4: Sistem melakukan proses

  masukan “ya” kedalam sistem. cetak kedalam CD.

  Alternate Alt-step 3: user

  memberikan masukan “tidak” maka sistem tidak Course: akan melakukan proses cetak kedalam CD.

  Alt-step 4: user menekan tombol cancel maka sistem akan membatalkan proses cetak kedalam CD.

  Sistem hanya akan menerima masukan berupa file JPG dan PNG.

  Conclusion: Post

   Company profile tersimpan dalam CD.

  Condition:  Company profile tidak tersimpan dalam CD.

• Business

  Rules: Implementat - ion Constrains and Specificatio ns:

3.5 Fase Desain Logikal

3.5.1 Work Flow Diagram Aplikasi Template

  Workflow diagram aplikasi template menggambarkan alur kerja aplikasi template. Didalam aplikasi template user dapat melakukan edit pada bagian text dan gambar. User juga dapat melakukan new, open, save, preview dan cetak CD.

  _{Tampilan Utama} Mulai _Tidak New Ya Konfirmasi Tidak

_{Membersihkan isi}

_template

_Ya

_Tidak Open Ya Konfirmasi Tidak _{Pilih file Ya ke tampilan utama Menampilkan file} Edit Ya Edit Text Tidak Edit Gambar Tidak _{Input Text Ya Input Gambar Ya} Tidak _{ke tampilan utama Menampilkan text tampilan utama Menampilkan gambar ke Tidak} Save Ya Konfirmasi Tidak _{Simpan data Konfirmasi data Ya Cetak CD Ya Konfirmasi Tidak} dalam direktori telah disimpan _{Tidak Simpan data dalam CD} Ya _{telah disimpan ke Konfirmasi data dalam CD} Selesai Gambar 2 Workflow Aplikasi Template

3.5.2 Workflow diagram company profile

  Workflow diagram company profile menggambarkan alur kerja

  company profile . Pada company profile user dapat memilih menu yang ada dan menampilkan data dari masing-masing menu.

  Mulai Menu 1 Menu 2 Mneu 3 Menu 4

  Tidak Tidak Tidak Ya

  Menu Utama Menmpilkan data pada menu 2 Ya

  Menmpilkan data pada menu 1

  Menmpilkan data pada menu 3 Menmpilkan data pada menu 4

  Ya Ya Selesai Tidak

  Gambar 3 Workflow Company Profile

3.5.3 Diagram Aktifitas

  Activity diagram (diagram aktivitas) adalah teknik diagram

  workflow yang bertahap menunjukkan kegiatan dan tindakan, dengan

  dukungan untuk pilihan, iterasi dan concurrency. Diagram aktivitas digunakan untuk menggambarkan langkah alur kerja dari komponen dalam suatu sistem. Diagram aktivitas keseluruhan menunjukkan aliran kontrol.

  3.5.3.1 Diagram aktivitas edit

  Berikut ini adalah activity diagram edit, yaitu proses user mengisikan text atau gambar ke dalam tempat yang telah disediakan. _{User klik pada bagian yang dapat diedit Sistem menerima input berupa text atau gambar} User Sistem

  Gambar 3 Activity Diagram Edit

  3.5.3.2 Diagram aktivitas save

  Berikut ini adalah activity diagram save dimana user menyimpan data yang telah diinputkan ke dalam template company

  profile .

  User Sistem Sistem menyimpan Company Profile kedalam direktori ^{[user klik OK]}

  [user klik Batal] ^{Sistem memberikan konfirmasi Company Profile telah disimpan User klik menu save Sistem memberikan pilihan untuk menyimpan data} Gambar 4 Activity Diagram Save

3.5.3.3 Diagram aktivitas open

  Berikut ini adalah activity diagram open dimana user membuka data template yang pernah disimpan.

  

Sistem User

_{User klik menu open Sistem menampilkan form open} User memilih file yang akan di buka Sistem menampilkan data dari file ke template

  [user klik OK] [user klik Batal]

  

Gambar III.1

Gambar 5 Activity Diagram Open

  3.5.3.4 Diagram Aktivitas Preview

  Berikut merupakan diagram aktivitas preview dimana user melihat data pada layar preview.

  Sistem User _{User klik tombol preview Sistem menampilkan layar preview} User klik tombol edit

  Gambar 6 Activity Diagram Preview

  3.5.3.5 Diagram aktivitas Cetak CD

  Berikut adalah activity diagram cetak CD dimana user melakukan kegiatan cetak company profile ke dalam CD.

  _{User mengklik menu Cetak CDi Sistem menampilkan form Cetak CDi} User Sistem User memilih opsi yang ditawarkan sistem Memberikan opsi 'OK' atau 'Batal'

  [user klik OK] _{Sistem mencetak Company Profile kedalam CD Sistem menampilkan pesan gagal cetak CDi} Sistem memberikan konfirmasi CDi Company Profile telah berhasil dicetak

  [user klik Batal] Gambar 7 Activity Diagram Cetak CD

3.5.4 Storyboard

  Storyboard merupakan gambaran layar yang akan ditampilkan dalam aplikasi meliputi bentuk visual dan keterangan tiap layar.

  Tabel 8 Storyboard

  Layar Tampilan Keterangan

  1 Menu utama ini

  Logo Header (nama company)

  merupakan tampilan _{Menu 1 Menu2 Menu3 Menu4} awal dari aplikasi ini. Tampilan ini memiliki beberapa menu:

  Isi _{gambar gambar gambar gambar gambar gambar Insert Insert Insert Insert - Open Insert Insert} - New _{New Open Save Cetak CDi Preview} - Save

• Burn CD
• Preview User juga dapat langsung melakukan edit isi dari template.

  2 Pada template utama

  Header

  user dapat melakukan _{Menu 1 Menu2 Menu3 Menu4} edit text pada bagian:

• Header - Nama menu

  Isi

• Isi - Masing masing menu dapat dipilih dan kemudian diedit namanya dan isinya.

  3 _Logo Pada template utama user dapat juga dapat mengedit data gambar dengan melakukan klik pada bagian yang _{gambar gambar gambar gambar gambar gambar Insert Insert Insert Insert Insert Insert} telah disediakan.

  3.1 _Logo Jika user melakukan klik pada bagian logo, _{Logo Browse} maka system akan menampilkan sebuah _{OK Cancel} window baru untuk memilih gambar yang _{Insert Insert Insert Insert Insert Insert} akan diletakan pada _{gambar gambar gambar gambar gambar gambar} bagian logo.

  3.2 _Logo Jika user melakukan klik pada bagian insert _{Image 1 Browse} gambar, maka system akan menampilkan _{OK Cancel} window baru untuk memilih gambar yang _{Insert Insert Insert Insert Insert Insert} akan ditampilkan pada _{gambar 1 gambar 2 gambar 3 gambar 4 gambar 5 gambar 6} company profile .

  4 Setelah data diisikan

  Logo Header (nama company)

  oleh user ke dalam _{Menu 1 Menu2 Menu3 Menu4} aplikasi, user dapat memilih menu utama. _{gambar gambar gambar gambar gambar gambar Insert Insert Insert Insert} Isi _{Insert Insert}

  New Open

_{Save Cetak CDi Preview}