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

(1)

i

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

(2)

ii

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

(3)

(4)

(5)

v

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,

(6)

vi MOTTO

(7)

(8)

viii

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.

(9)

ix

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

(10)

(11)

xi 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.

(12)

xii 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.

(13)

xiii 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

BAB I ... 1

1.1 Latar Belakang ... 1

1.2 Rumusan Masalah ... 2

1.3 Tujuan ... 2

1.4 Batasan Masalah ... 2

1.5 Metodologi Penelitian ... 3

1.6 Sistematika Penulisan ... 4

BAB II ... 5

(14)

xiv

2.1.1 Definisi Company profile ... 5

2.1.2 Perancangan Company profile ... 6

2.1.3 Corporate Identity ... 6

2.2 Elemen dari Company profile ... 7

2.2.1 Template ... 8

2.2.2 Compact Disc Interactive ... 9

5.3. Use case Diagram ... 9

BAB III ... 9

3.1 Analisis Ruang Lingkup ... 9

3.2 Analisis Sistem yang Ada Saat Ini ... 10

3.3 Rancangan Sistem Baru ... 12

3.4 Analisis Kebutuhan ... 12

3.4.1 Definisi Usecase ... 13

3.4.2 Narasi Use case ... 14

3.5 Fase Desain Logikal ... 18

3.5.1 Work Flow Diagram Aplikasi Template ... 18

3.5.2 Workflow diagram company profile ... 20

3.5.3 Diagram Aktifitas ... 21

3.5.4 Storyboard ... 24

3.5.5 Rancangan Interface ... 31

BAB IV ... 33

4.1. Analisis Kelebihan dan Kekurangan Rancangan Sistem... 33

(15)

xv

(16)

xvi

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.

(17)

xvii

DAFTAR TABEL

(18)

1 BAB I

PENDAHULUAN

1.1Latar 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 softcopycompany profile menjadi lebih populer dikarenakan lebih mudah untuk didistribusikan dan disimpan.

(19)

2

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.

1.2Rumusan Masalah

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

1.3 Tujuan

Adapun tujuan dari penulisan skripsi ini adalah untuk merancang dan merancang sebuah aplikasi untuk membantu dalam penyusunan company profile.

1.4Batasan Masalah

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

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

(20)

3 1.5Metodologi 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

(21)

4 1.6Sistematika 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.

(22)

5 BAB II

LANDASAN TEORI

2.1Company 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.

(23)

6

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

(24)

7

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.2Elemen 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)

(25)

8 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.

(26)

9

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 perangkat keras dan perangkat lunak dalam bentuk teknologi disc optik yang dapat mengkombinasikan audio, video dan teks pada compact disc.

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

(27)

10

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

(28)

11

- 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 - Garis lurus menggambarkan interaksi antara use case dan

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.

«uses» <<include>>

(29)

12

- 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»

Gambar 2.6 Simbol Konektor Dependensi Extend

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.

(30)

9 BAB III

ANALISA DAN PERANCANGAN SISTEM

3.1Analisis 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

(31)

10

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.2Analisis Sistem yang Ada Saat Ini

(32)

11

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 Problem /

Opportunity

Causes and effects System objectives System constraint meminta isntansi lain untuk membuat

company profile.

1. Mempermudah sebuah perusahaan untuk membuat

company profile.

2. Banyak memakan waktu jika melalui dengan yang lain. Membutuhkan waktu untuk bertukar pikiran.

1. Proses menjadi lebih singkat dengan tidak adanya proses perancangan

company profile

dari awal.

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

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

3. Membuat

harus mempunyai kemampuan dalam menjalankan

(33)

12 beberapa software yang cukup rumit.

3.3Rancangan 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.4Analisis Kebutuhan

(34)

13 User

Cetak CD interaktif Save

Open

Preview Edit

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

Nama Use case Deskripsi Use case Pelaku yang berpartisipasi

Edit Use case ini menggambarkan

proses user mengubah data text dan gambar dalam aplikasi template.

User

Save Use case ini menggambarkan

proses user menyimpan data yang ada dalam template.

User

Open Use case ini menggambarkan

proses user membuka data yang pernah disimpan.

User

Preview Use case ini menggambarkan proses user melihat tampilan dari

(35)

14

company profile yang sedang atau telah dibuatnya.

Cetak CD interaktif Use case ini menggambarkan proses cetak company profile kedalam sebuah CD interaktif.

User

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 Name:

Edit Jenis Use case

Business Requirements: ฀ Use case ID: USC-001 maupun gambar dalam aplikasi template.

Precondition: -

Trigger: Use case ini digunakan apabila user akan mengganti data text atau gambar yang ada dalam template..

Typical Course of event:

Actor Action System Response

Step 1: user melakukan klik pada bagian text untuk diedit. Step 3: user melakukan klik pada bagian gambar atau logo

Step 2: Sistem akan menerima input dari user.

Step 4: Sistem akan memberikan opsi untuk memilih gambar atau

Conclusion:  Sistem menerima input beripa text.

 Sistem menerima input gambar berupa file JPEG & PNG. Post

Condition:

(36)

15 Business

Rules:

- Implementati on Constrains and

Specifications :

-

Tabel 4 Save

Use case Name: Save Jenis Use case

Business Requirements: ฀ Use case ID: USC-002

Priority : High

Source: -

Primary

Business Actor:

User

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:

Step 1: user melakukan klik pada tombol save.

Step 3: user memilih untuk menyimpan file.

Step 2: Sistem akan memberikan pilihan untuk menyimpan atau batal

Step 4: Sistem menyimpan data-data yang ada di dalam aplikasi.

Alternate Course:

Alt-step 3: user membatalkan proses simpan.

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

Post Condition:  Company profile tersimpan dalam direktori.

 Company profile tidak tersimpan dalam direktori. Business Rules: -

(37)

16 Constrains and

Specifications:

Tabel 5 Open

Use case Name: Open Jenis Use case

Priority : High

Source: -

Primary

Business Actor:

User

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.

Step 1: user melakukan klik tombol open pada template .

Step 3: user melakukan browse file.

Step 2: Sistem akan memberikan opsi apakah user akan membuka company profile.

Step 4: Sistem membuka file Alternate

Course:

Alt-step 3: user batal melakukan open Conclusion: -

Post Condition:  Sistem menampilkan file yang dipilih user. Business Rules: -

Implementation Constrains and Specifications:

-

(38)

17

Use case Name: Preview Jenis Use case

Priority : High

Source: -

Primary

Business Actor:

User

Decription: Use case ini menggambarkan proses user melihat hasil 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.

Step 1: user melakukan klik tombol Preview

Step 3: user klik tombol edit

Step 2: Sistem akan menampilkan company profile

beserta data-datanya.

Step 4: Sistem kambali kedalam modus edit.

Alt-step 3: user melakukan operasi lainnya. Conclusion:

Post Condition:  Data-data company profile tertampil dalam layar preview. Business Rules: -

Implementation Constrains and Specifications:

-

Tabel 7 Cetak Kedalam CD

Use case Name:

Cetak kedalam CD Jenis Use case

(39)

18 profile kedalam sebuah CD.

Typical Course of event:

Step 1: user melakukan klik tombol burn pada menu.

Step 3: user memberikan

masukan “ya” kedalam sistem.

Step 2: Sistem akan memastikan apakah user akan melakukan proses pencetakan kedalam CD.

Step 4: Sistem melakukan proses cetak kedalam CD.

Alt-step 3: user memberikan masukan “tidak” maka sistem tidak akan melakukan proses cetak kedalam CD.

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

Conclusion: Sistem hanya akan menerima masukan berupa file JPG dan PNG. Post

Condition:

 Company profile tersimpan dalam CD.

 Company profile tidak tersimpan dalam CD. Business

3.5Fase Desain Logikal

3.5.1 Work Flow Diagram Aplikasi Template

(40)

19

Edit Text Edit Gambar

Input Text Input Gambar

Tidak

Membersihkan isi template

Simpan data dalam direktori

Ya

Tidak

Konfirmasi

Simpan data dalam CD

Ya

Tidak Ya

Menampilkan file ke tampilan utama

Menampilkan text ke tampilan utama

Menampilkan gambar ke tampilan utama

Konfirmasi data telah disimpan

Konfirmasi data telah disimpan ke

dalam CD

(41)

20

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

(42)

21 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 Sistem

User klik pada bagian yang dapat diedit Sistem menerima input berupa text atau gambar

Gambar 3 Activity Diagram Edit

3.5.3.2 Diagram aktivitas save

(43)

22

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]

(44)

23 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

(45)

24

Sistem User

User mengklik menu Cetak CDi Sistem menampilkan form Cetak CDi

User memilih opsi yang ditawarkan sistem

Sistem mencetak Company Profile kedalam CD

[user klik OK]

[user klik Batal]

Memberikan opsi 'OK' atau 'Batal'

Sistem memberikan konfirmasi CDi Company Profile telah berhasil dicetak

Sistem menampilkan pesan gagal cetak CDi

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

New Open Save Cetak CDi

Header (nama company) Logo

Menu 1 Menu2 Menu3 Menu4

Insert merupakan tampilan awal dari aplikasi ini. Tampilan ini memiliki beberapa menu:

(46)

25

- Preview

User juga dapat langsung melakukan edit isi dari template. 2

Header

Isi

Pada template utama user dapat melakukan edit text pada bagian:

(47)

26 klik pada bagian logo, maka system akan menampilkan sebuah window baru untuk memilih gambar yang akan diletakan pada bagian logo.

3.2 klik pada bagian insert gambar, maka system akan menampilkan window baru untuk memilih gambar yang akan ditampilkan pada

company profile.

4

Insert

(48)

27 4.1

Insert

Apakah anda ingin memulai dokumen baru tanpa menyimpan data terlebih dahulu?

Peringatan

Yes Yes & Save Cancel

Tombol New akan mengeluarkan

peringatan apakah user ingin menyimpan data terlebih dahulu atau tidak.

4.1.1

Insert

Apakah anda ingin memulai dokumen baru tanpa menyimpan data terlebih dahulu?

Peringatan

Yes Yes & Save Cancel

Setelah memilih tomboh New, user oleh sistem - Yes & Save,

akan

menyimpan terlebih dahulu sebelum data dihilangkan. - Cancel, akan

(49)

28 4.2

Insert akan menampilkan pilihan untuk browse file yang pernah disimpan.

4.2.1

Insert

Setelah memilih tomboh Open, user dipilih melalui Browse.

(50)

29 4.3

Insert

Apakah anda ingin menyimpan pekerjaan anda? Save

Yes Cancel

Klik pada tombol

Save akan

menampilkan pilihan akan membatalkan proses penyimpanan data atau tidak.

4.3.1

Insert

Apakah anda ingin menyimpan pekerjaan anda? Save

Yes Cancel

Setelah memilih tombol Save, user diberikan dua pilihan:

- Yes, untuk

Insert

Apakah anda ingin membuat CD interaktif? Cetak CDi

Yes Cancel

(51)

30 4.4.1

Insert

Apakah anda ingin membuat CD interaktif? Cetak CDi

Yes Cancel

Setelah klik tombol Cetak CDi, user diberikan dua pilihan:

- Yes, untuk CD interaktif. 4.4.2

Insert Cetak CDi gagal. CD tidak dapat digunakan.

Cetak CDi

OK

Jika dalam proses pencetakan CDi gagal,

maka akan

ditampilkan pesan gagal. Jika tombol klik tombol OK, sistem akan kembali ke layar 4.4.1.

4.5

Insert

menampilkan preview dari company profile

(52)

31 4.5.1

Lorem Ipsum Logo

Gambar

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in

culpa qui officia deserunt mollit anim id est laborum.

Setelah masuk ke layar preview, tombol Preview akan berubah menjadi tombol Edit. Jika klik tombol Edit makan akan kembali ke layar 4.5.

3.5.5 Rancangan Interface

3.5.5.1 Rancangan Company profile

Company profile ini akan akan membaca data-data yang sudah

disimpan oleh user.

(53)

32

Gambar 13 Rancangan Interface Company profile

3.5.5.2Rancangan Interface Utama

Rancangan interface utama merupakan tempat user membuat atau melakukan edit data-data yang telah ada.

New Open Save Cetak CDi

Insert gambar

Preview Insert

gambar

Insert gambar

Insert gambar Text Box

(54)

33 BAB IV

ANALISIS RANCANGAN SISTEM

5.1.

Analisis Kelebihan dan Kekurangan Rancangan Sistem

Setelah melalui proses perancangan dan analisis, rancangan aplikasi ini memiliki kekurangan dan kelebihan.

4.1.1. Kelebihan Rancangan Sistem

1. Rancangan sudah disertai workflow dari aplikasi template dan workflow company profile.

2. Rancangan sudah disertai rancangan interface aplikasi template. 4.1.2. Kekurangan Rancangan Sistem

1. Rancangan belum menyertakan rancangan untuk edit suara. 2. Rancangan belum menyertakan rancangan untuk penyediaan

(55)

34 BAB V

KESIMPULAN DAN SARAN

5.1.

KESIMPULAN

1. Rancangan aplikasi ini akan mempermudah pembuatan aplikasi template

company profile.

2. Aplikasi template nantinya akan mempermudah pengguna dalam pembuatan company profile.

5.2. SARAN

Perancangan dapat digunakan untuk implementasi aplikasi template

(56)

35 Daftar Pustaka

Febrian, Jack, Kamus Komputer dan Teknologi Informasi, Penerbit Informatika, 2004, Jakarta.

Webster’s New World Dictionary, Third College Edition. (1991). New York :

Prentice Hall, hal 283.

Whitten, Bentley, Dittman. System Analys and Design Method 6th Edition, Irwin McGraw- Hill, 2004 New York.

Anonymous, 2006, “What does template means?”

http://www.blurtit.com/q693013.html, diakses tanggal 16-Oktober-2009. Anonymous, 2012, “Komputer, Tentang Pengertian Template”

http://tentang-