Membuat

Prototype
Menggunakan
Adobe
Photoshoop
by : Theresia dewi / xi rpl b
 Rumusan Masalah
1. Apa yang dimaksud Prototype?
2. Bagaimana Membuat Prototipe di Adobe Photoshop?

Tujuan
Dapat Mengetahui Pengertian Prototype dan Membuat
Prototype di Adobe Photoshop
 3

Profil Perusahaan

Nama Perusahaan : Grow Innovation

Pemimpin Perusahaan : Afrizal Himawan, S.Kom
Alamat : Perum. Permata Regency 1 Blok 10/28
Ngijo, Karangploso, Malang
Nomor Telepon : 0341-532056
Email : growinsoftware@gmail.com
 4
Kegiatan yang Dilakukan di
Tempat PKL
Kompetensi Yang Bulan Ke-
NO Tanggal Tempat
diajarkan 1 2 3 4 5
Membuat Aplikasi 23, 24, 25, 26, Grow
1 v
Pertama 30, 31 Innovation
1, 2, 3, 6, 7, 8,
Grow
2 Mendesain Mug 16, 20, 27, 30, v v
Innovation
3, 4,
Mendesain Aplikasi 28, 1, 3, 16, Grow
3 v v
Addin 17, 18, 19, Innovation

Mendesain Aplikasi Grow

4 5, 8, 9, 10, 22 v
Eklesiaku Innovation

13, 14, 17, 18,

Mendesain aplikasi Grow
5 19, 20, 21, 24, v v v
Papaantar Innovation
25, 22, 7, 8, 9,

21, 5, 6, 10,
26, 27, 1, 2, Grow
6 Mendesain Web v v v
26, 29, 30, 31, Innovation
1, 2, 6, 9
25, 11, 12, 15,
Grow
7 Mendesain Promosi 16, 17, 18, 19, v v
Innovation
22,
 5

Pemecahan Masalah

Pengertian Prototype
Prototype adalah model pertama dari produk yang digunakan untuk men-
testing konsep atau gambaran dari ide kita.
Dalam kontek pengembangan aplikasi, sebuah prototype bisa menjadi
contoh awal dari aplikasi dan hal ini menentukan mana fitur yang tidak akan
digunakan sehingga muncul gambaran dasar dari tampilan aplikasi.

Secara garis besar proses pengembangan aplikasi harus melalui tahapan

itu. Karena itu cara komunikasi paling efektif jika kita bekerja dalam sebuah
team atau membuat aplikasi untuk pengguna. Dengan membuat prototype
kita bisa mengerti kebutuhan user diawal pengembangan tanpa harus
mengulang kembali jika ada fitur yang ternyata belum fix ketika aplikasi
aslinya selesai di kembangkan.
Langkah – Langkah Membuat Prototype di
Adobe Photoshop
✖ Buka aplikasi Photoshop, lalu buat canvas baru dengan
ukuran 360 dan 640 pixels
✖ Ganti warna background dengan warna merah
✖ Buat shape persegi dengan mengklik icon shape di kiri
✖ Buatlah 2 shape persegi untuk gambar diatas dan shape
persegi kecil untuk foto profil (shape diberi warna
merah)
✖ Impor gambar di Adobe Photosop dengan cara drag
✖ Masukan gambar tersebut di shape atas yang telah
dibuat dengan cara mengklik layer gambar lalu klik
“alt” dan klik gambar, maka gambar akan masuk ke
shape dengan sendirinya
✖ Klik layer gambar lalu pilih menu “opacity” dan ubah
 7

Kesimpulan dan Saran

Prototype adalah model pertama dari produk yang digunakan untuk men-testing konsep
atau gambaran dari ide kita. Kegunaan prototype adalah untuk memberikan hasil yang
lebih akurat daripada perkiraan sebelumnya, karena fungsi yang diinginkan dan
kerumitannya sudah dapat diketahui dengan baik. Selain itu, user dapat mempertimbangkan
sedikit perubahan selama masih bentuk prototype.

Jika kamu seorang pemula dalam hal coding, sebaiknya buatlah prototype terlebih dahulu
karena dengan membuat prototype user mengerti akan aplikasi yang akan dibuatkan
untuknya. Kedua user terlibat langsung dari awal dan memotivasi semangat untuk
mendukung analisis selama proyek berlangsung. Prototype ini juga mencirikan metode
yang tahap designnya cepat (quick cdvmfkjvifjvifj) sehingga untuk kedepannya analisis
harus teliti dan cermat dalam pembuatan sebuah perangkat lunak. Jika tidak maka sebuah
perngkat lunak akan memiliki kecenderungan untuk ditolak oleh client atau user yang
bersangkutan.
 Thanks!
For Your Attention