SlideShare a Scribd company logo
Image Representation 
Sumber: 
Diadaptasi dari 
http://csunplugged.org/image-representation
Colour by Numbers 
Images are everywhere on 
computers
This activity explores how images are displayed, based 
on the pixel as a building block. 
In particular, the great quantity of data in an image 
means that we need to use compression to be able to 
store and transmit it efficiently. 
The compression method used in this activity is based 
on the one used in fax machines, for black and white 
images.
Metode Kompresi digunakan mesin fax yang 
menggunakan dua warna, yaitu hitam dan putih. 
Tujuan metode ini untuk menekan biaya pulsa 
dan menghemat waktu transfer
Pixel 
Picture Element 
PictEl/Pixel
Piksel (Pixel) adalah representasi sebuah titik 
terkecil dalam sebuah gambar grafis yang 
dihitung per inci 
Printer dapat menghasilkan hasil cetak yang 
memiliki > 2500 titik per inci dengan pilihan 16 
juta warna lebih untuk setiap inci, dalam istilah 
komputer berarti: 
Gambar seluas 1 inci persegi yang bisa 
ditampilkan pada tingkat resolusi tersebut 
sepadan dengan 150 juta bit informasi
Monitor terdiri dari ribuan piksel yang terbagi 
dalam baris-baris dan kolom-kolom 
Jumlah piksel yang terdapat dalam sebuah 
monitor dapat kita ketahui dari resolusinya 
Resolusi maksimum yang disediakan oleh monitor 
adalah 1024 x 768, maka jumlah piksel yang ada 
dalam layar monitor tersebut adalah 786432 
Semakin tinggi jumlah piksel semakin tajam 
gambar yang mampu ditampilkan oleh monitor 
tersebut
Pixel
Image compression 
2,1,3 
2,2,2 
1,4,1 
0,6 
1,1,1,2,1 
1,1,1,2,1
Gambar Apakah Ini? 
4,3,3 
3,1,1,1,1,1,2 
1,2,2,1,1,2,1 
0,1,2,1,1,2,2,1 
0,10 
0,10 
0,1,2,1,1,2,2,1 
1,2,2,1,1,2,1 
3,1,1,1,1,1,2 
4,3,3
Bermain dengan Image Representation 
1. http://sucs.org/~tobeon/project/image.html 
2. http://www.info-study. 
net/unplugged/activity2-j.html (buat 
gambar bebas) 
3. http://tonakai.aki.gs/picturelogic/index_e.html 
4. http://tonakai.aki.gs/picturelogic/howtoplay_e. 
html - how to play
Sumber: 
• http://id.wikipedia.org/wiki/Piksel 
• http://csunplugged.org/image-representation 
• http://csunplugged.org/sites/default/files/activit 
y_pdfs_old/unplugged-02-image_representation-original. 
pdf 
• http://csi.dcs.gla.ac.uk/workshop-view. 
php?workshopID=16 
• http://csi.dcs.gla.ac.uk/workshop-view. 
php?workshopID=15
By: 
http://enggar.net 
http://learning.enggar.net

More Related Content

What's hot

Hubungan jumlah piksel dan kualitas resolosi gambar
Hubungan jumlah piksel dan kualitas resolosi gambarHubungan jumlah piksel dan kualitas resolosi gambar
Hubungan jumlah piksel dan kualitas resolosi gambar
Eko Supriyadi
 
Materi Pengantar Pengolahan Citra
Materi Pengantar Pengolahan CitraMateri Pengantar Pengolahan Citra
Materi Pengantar Pengolahan Citra
Nur Fadli Utomo
 
Pcd 04 - jenis dan format citra
Pcd   04 - jenis dan format citraPcd   04 - jenis dan format citra
Pcd 04 - jenis dan format citra
Febriyani Syafri
 
Materi 2 mengenal jenis citra
Materi 2 mengenal jenis citraMateri 2 mengenal jenis citra
Materi 2 mengenal jenis citra
dedidarwis
 
pembentukan citra (pengolahan citra digital)
pembentukan citra (pengolahan citra digital)pembentukan citra (pengolahan citra digital)
pembentukan citra (pengolahan citra digital)
khaerul azmi
 
Materi 1 Konsep Citra
Materi 1 Konsep CitraMateri 1 Konsep Citra
Materi 1 Konsep Citra
dedidarwis
 
10.kompresi citra
10.kompresi citra10.kompresi citra
10.kompresi citra
Rakhmi Khalida, M.M.S.I
 
Digital image processing
Digital image processingDigital image processing
Digital image processing
Defri Tan
 
Pengolahan Citra Digital (Resume materi kuliah)
Pengolahan Citra Digital (Resume materi kuliah)Pengolahan Citra Digital (Resume materi kuliah)
Pengolahan Citra Digital (Resume materi kuliah)
Abdullah Azzam Al Haqqoni
 
Matlabputufahri
MatlabputufahriMatlabputufahri
Matlabputufahri
anakBaik
 
Peranti keluaran (output device)
Peranti keluaran (output device)Peranti keluaran (output device)
Peranti keluaran (output device)
aji kurnia
 
Komunikasi Multimedia
Komunikasi MultimediaKomunikasi Multimedia
Komunikasi Multimedia
asyaboo9
 
Pcd 2
Pcd 2Pcd 2
Pcd 2
dedidarwis
 
ppt Aplikasi pengolahan citra digital pada modalitas ct-scan
ppt Aplikasi pengolahan citra digital pada modalitas ct-scanppt Aplikasi pengolahan citra digital pada modalitas ct-scan
ppt Aplikasi pengolahan citra digital pada modalitas ct-scan
Nona Zesifa
 
jurnal pengolahan citra
jurnal pengolahan citrajurnal pengolahan citra
jurnal pengolahan citra
Ovie Poenya
 
Bab 4 operasi-operasi dasar pengolahan citra dijital
Bab 4 operasi-operasi dasar pengolahan citra dijitalBab 4 operasi-operasi dasar pengolahan citra dijital
Bab 4 operasi-operasi dasar pengolahan citra dijital
Syafrizal
 
Pertemuan 1 - Introduction - Citra Digital
Pertemuan 1 - Introduction - Citra DigitalPertemuan 1 - Introduction - Citra Digital
Pertemuan 1 - Introduction - Citra Digital
ahmad haidaroh
 
Tugas mandiri pengolahan citra digital
Tugas mandiri pengolahan citra digitalTugas mandiri pengolahan citra digital
Tugas mandiri pengolahan citra digital
Andree Ddoank
 

What's hot (20)

Hubungan jumlah piksel dan kualitas resolosi gambar
Hubungan jumlah piksel dan kualitas resolosi gambarHubungan jumlah piksel dan kualitas resolosi gambar
Hubungan jumlah piksel dan kualitas resolosi gambar
 
Materi Pengantar Pengolahan Citra
Materi Pengantar Pengolahan CitraMateri Pengantar Pengolahan Citra
Materi Pengantar Pengolahan Citra
 
Pcd 04 - jenis dan format citra
Pcd   04 - jenis dan format citraPcd   04 - jenis dan format citra
Pcd 04 - jenis dan format citra
 
Jenis-Jenis Format Citra
Jenis-Jenis Format CitraJenis-Jenis Format Citra
Jenis-Jenis Format Citra
 
Materi 2 mengenal jenis citra
Materi 2 mengenal jenis citraMateri 2 mengenal jenis citra
Materi 2 mengenal jenis citra
 
pembentukan citra (pengolahan citra digital)
pembentukan citra (pengolahan citra digital)pembentukan citra (pengolahan citra digital)
pembentukan citra (pengolahan citra digital)
 
Materi 1 Konsep Citra
Materi 1 Konsep CitraMateri 1 Konsep Citra
Materi 1 Konsep Citra
 
10.kompresi citra
10.kompresi citra10.kompresi citra
10.kompresi citra
 
Digital image processing
Digital image processingDigital image processing
Digital image processing
 
Pengolahan Citra Digital (Resume materi kuliah)
Pengolahan Citra Digital (Resume materi kuliah)Pengolahan Citra Digital (Resume materi kuliah)
Pengolahan Citra Digital (Resume materi kuliah)
 
Matlabputufahri
MatlabputufahriMatlabputufahri
Matlabputufahri
 
Peranti keluaran (output device)
Peranti keluaran (output device)Peranti keluaran (output device)
Peranti keluaran (output device)
 
Komunikasi Multimedia
Komunikasi MultimediaKomunikasi Multimedia
Komunikasi Multimedia
 
Pcd 2
Pcd 2Pcd 2
Pcd 2
 
ppt Aplikasi pengolahan citra digital pada modalitas ct-scan
ppt Aplikasi pengolahan citra digital pada modalitas ct-scanppt Aplikasi pengolahan citra digital pada modalitas ct-scan
ppt Aplikasi pengolahan citra digital pada modalitas ct-scan
 
jurnal pengolahan citra
jurnal pengolahan citrajurnal pengolahan citra
jurnal pengolahan citra
 
Bab 4 operasi-operasi dasar pengolahan citra dijital
Bab 4 operasi-operasi dasar pengolahan citra dijitalBab 4 operasi-operasi dasar pengolahan citra dijital
Bab 4 operasi-operasi dasar pengolahan citra dijital
 
Pertemuan 1 - Introduction - Citra Digital
Pertemuan 1 - Introduction - Citra DigitalPertemuan 1 - Introduction - Citra Digital
Pertemuan 1 - Introduction - Citra Digital
 
Image processing
Image processingImage processing
Image processing
 
Tugas mandiri pengolahan citra digital
Tugas mandiri pengolahan citra digitalTugas mandiri pengolahan citra digital
Tugas mandiri pengolahan citra digital
 

Similar to Image representation

Output Device Doc.
Output Device Doc.Output Device Doc.
Output Device Doc.
Rexsy RS
 
Makalah Output Device
Makalah Output DeviceMakalah Output Device
Makalah Output Device
Rexsy Rustiana
 
perangkat output
perangkat outputperangkat output
perangkat output
okayfirdaus
 
Pertemuan10
Pertemuan10Pertemuan10
Pertemuan10
wawankoerniawan
 
Jurnal Article <search>
Jurnal Article <search>Jurnal Article <search>
Jurnal Article <search>
Deprilana Ego Prakasa
 
Materi 4 peranti keluaran
Materi 4 peranti keluaranMateri 4 peranti keluaran
Materi 4 peranti keluaran
Fahuda E
 
Bab 5 dasar dasar video
Bab 5 dasar dasar videoBab 5 dasar dasar video
Bab 5 dasar dasar video
Eko Supriyadi
 
Tugas imk
Tugas imkTugas imk
Tugas imk
roji muhidin
 
Makalah grafik
Makalah grafikMakalah grafik
Makalah grafik
Seren Sarira
 
input output
input outputinput output
input output
fajardwiutara
 
Komputer Terapan 2
Komputer Terapan   2Komputer Terapan   2
Komputer Terapan 2
hafidz_rafif
 
Citra_digital_perkembangan_digitalisasi.pdf
Citra_digital_perkembangan_digitalisasi.pdfCitra_digital_perkembangan_digitalisasi.pdf
Citra_digital_perkembangan_digitalisasi.pdf
robbertristanto7
 
Digital image
Digital imageDigital image
Digital image
edi s. mulyanta
 
Bab 4
Bab 4Bab 4
Piranti Keluaran (Output)
Piranti Keluaran (Output)Piranti Keluaran (Output)
Piranti Keluaran (Output)
Andhi Pratama
 
PIRANTI KELUARAN (OUTPUT)
PIRANTI KELUARAN (OUTPUT)PIRANTI KELUARAN (OUTPUT)
PIRANTI KELUARAN (OUTPUT)
Siti Maulidah
 
06 pengenalan alat keluaran
06 pengenalan alat keluaran06 pengenalan alat keluaran
06 pengenalan alat keluaran
Indra Abdam Muwakhid
 
Materi Pelatihan_Steganografi Metode LSB
Materi Pelatihan_Steganografi Metode LSBMateri Pelatihan_Steganografi Metode LSB
Materi Pelatihan_Steganografi Metode LSB
Agung Sulistyanto
 
Mengenal gambar digital
Mengenal gambar digitalMengenal gambar digital
Mengenal gambar digital
adittAW
 
Piranti keluaran (output device)
Piranti keluaran (output device)Piranti keluaran (output device)
Piranti keluaran (output device)
AMIKYMI
 

Similar to Image representation (20)

Output Device Doc.
Output Device Doc.Output Device Doc.
Output Device Doc.
 
Makalah Output Device
Makalah Output DeviceMakalah Output Device
Makalah Output Device
 
perangkat output
perangkat outputperangkat output
perangkat output
 
Pertemuan10
Pertemuan10Pertemuan10
Pertemuan10
 
Jurnal Article <search>
Jurnal Article <search>Jurnal Article <search>
Jurnal Article <search>
 
Materi 4 peranti keluaran
Materi 4 peranti keluaranMateri 4 peranti keluaran
Materi 4 peranti keluaran
 
Bab 5 dasar dasar video
Bab 5 dasar dasar videoBab 5 dasar dasar video
Bab 5 dasar dasar video
 
Tugas imk
Tugas imkTugas imk
Tugas imk
 
Makalah grafik
Makalah grafikMakalah grafik
Makalah grafik
 
input output
input outputinput output
input output
 
Komputer Terapan 2
Komputer Terapan   2Komputer Terapan   2
Komputer Terapan 2
 
Citra_digital_perkembangan_digitalisasi.pdf
Citra_digital_perkembangan_digitalisasi.pdfCitra_digital_perkembangan_digitalisasi.pdf
Citra_digital_perkembangan_digitalisasi.pdf
 
Digital image
Digital imageDigital image
Digital image
 
Bab 4
Bab 4Bab 4
Bab 4
 
Piranti Keluaran (Output)
Piranti Keluaran (Output)Piranti Keluaran (Output)
Piranti Keluaran (Output)
 
PIRANTI KELUARAN (OUTPUT)
PIRANTI KELUARAN (OUTPUT)PIRANTI KELUARAN (OUTPUT)
PIRANTI KELUARAN (OUTPUT)
 
06 pengenalan alat keluaran
06 pengenalan alat keluaran06 pengenalan alat keluaran
06 pengenalan alat keluaran
 
Materi Pelatihan_Steganografi Metode LSB
Materi Pelatihan_Steganografi Metode LSBMateri Pelatihan_Steganografi Metode LSB
Materi Pelatihan_Steganografi Metode LSB
 
Mengenal gambar digital
Mengenal gambar digitalMengenal gambar digital
Mengenal gambar digital
 
Piranti keluaran (output device)
Piranti keluaran (output device)Piranti keluaran (output device)
Piranti keluaran (output device)
 

More from Hindraswari Enggar

Proyek pertemuan 1
Proyek pertemuan 1Proyek pertemuan 1
Proyek pertemuan 1
Hindraswari Enggar
 
Proyek pertemuan 1
Proyek pertemuan 1Proyek pertemuan 1
Proyek pertemuan 1
Hindraswari Enggar
 
Web developer
Web developerWeb developer
Web developer
Hindraswari Enggar
 
Materi pembelajaran web dev
Materi pembelajaran web devMateri pembelajaran web dev
Materi pembelajaran web dev
Hindraswari Enggar
 
Asesmen non kognitif awal tab
Asesmen non kognitif awal tabAsesmen non kognitif awal tab
Asesmen non kognitif awal tab
Hindraswari Enggar
 
Lakukan satu kebaikan
Lakukan satu kebaikanLakukan satu kebaikan
Lakukan satu kebaikan
Hindraswari Enggar
 
Materi life skill
Materi life skillMateri life skill
Materi life skill
Hindraswari Enggar
 
Toko online
Toko onlineToko online
Toko online
Hindraswari Enggar
 
Konsep dan strategi implementasi kwu 2019
Konsep dan strategi implementasi kwu 2019Konsep dan strategi implementasi kwu 2019
Konsep dan strategi implementasi kwu 2019
Hindraswari Enggar
 
Hack designthinking 2019 ver. 7
Hack designthinking 2019 ver. 7Hack designthinking 2019 ver. 7
Hack designthinking 2019 ver. 7
Hindraswari Enggar
 
Design thinking new for kwu sma 2
Design thinking new for kwu sma 2Design thinking new for kwu sma 2
Design thinking new for kwu sma 2
Hindraswari Enggar
 
Iht design thinking 4
Iht design thinking 4Iht design thinking 4
Iht design thinking 4
Hindraswari Enggar
 
Iht design thinking 3 copy
Iht design thinking 3 copyIht design thinking 3 copy
Iht design thinking 3 copy
Hindraswari Enggar
 
Iht design thinking
Iht design thinkingIht design thinking
Iht design thinking
Hindraswari Enggar
 
Prakarya dan kewirausahaan untuk sma
Prakarya dan kewirausahaan untuk smaPrakarya dan kewirausahaan untuk sma
Prakarya dan kewirausahaan untuk sma
Hindraswari Enggar
 
Iklan animasi
Iklan animasiIklan animasi
Iklan animasi
Hindraswari Enggar
 
Hewan kesayanganku
Hewan kesayangankuHewan kesayanganku
Hewan kesayanganku
Hindraswari Enggar
 
Dokumentasi foto kegiatan kewirausahaan
Dokumentasi foto kegiatan kewirausahaanDokumentasi foto kegiatan kewirausahaan
Dokumentasi foto kegiatan kewirausahaan
Hindraswari Enggar
 

More from Hindraswari Enggar (20)

Proyek pertemuan 1
Proyek pertemuan 1Proyek pertemuan 1
Proyek pertemuan 1
 
Proyek pertemuan 1
Proyek pertemuan 1Proyek pertemuan 1
Proyek pertemuan 1
 
Web developer
Web developerWeb developer
Web developer
 
Materi pembelajaran web dev
Materi pembelajaran web devMateri pembelajaran web dev
Materi pembelajaran web dev
 
Asesmen non kognitif awal tab
Asesmen non kognitif awal tabAsesmen non kognitif awal tab
Asesmen non kognitif awal tab
 
Lakukan satu kebaikan
Lakukan satu kebaikanLakukan satu kebaikan
Lakukan satu kebaikan
 
Bmc
BmcBmc
Bmc
 
Materi life skill
Materi life skillMateri life skill
Materi life skill
 
Toko online
Toko onlineToko online
Toko online
 
Konsep dan strategi implementasi kwu 2019
Konsep dan strategi implementasi kwu 2019Konsep dan strategi implementasi kwu 2019
Konsep dan strategi implementasi kwu 2019
 
Hack designthinking 2019 ver. 7
Hack designthinking 2019 ver. 7Hack designthinking 2019 ver. 7
Hack designthinking 2019 ver. 7
 
Design thinking new for kwu sma 2
Design thinking new for kwu sma 2Design thinking new for kwu sma 2
Design thinking new for kwu sma 2
 
Iht design thinking 4
Iht design thinking 4Iht design thinking 4
Iht design thinking 4
 
Iht design thinking 3 copy
Iht design thinking 3 copyIht design thinking 3 copy
Iht design thinking 3 copy
 
Iht design thinking
Iht design thinkingIht design thinking
Iht design thinking
 
Kbm pkwu final
Kbm pkwu finalKbm pkwu final
Kbm pkwu final
 
Prakarya dan kewirausahaan untuk sma
Prakarya dan kewirausahaan untuk smaPrakarya dan kewirausahaan untuk sma
Prakarya dan kewirausahaan untuk sma
 
Iklan animasi
Iklan animasiIklan animasi
Iklan animasi
 
Hewan kesayanganku
Hewan kesayangankuHewan kesayanganku
Hewan kesayanganku
 
Dokumentasi foto kegiatan kewirausahaan
Dokumentasi foto kegiatan kewirausahaanDokumentasi foto kegiatan kewirausahaan
Dokumentasi foto kegiatan kewirausahaan
 

Image representation

  • 1. Image Representation Sumber: Diadaptasi dari http://csunplugged.org/image-representation
  • 2. Colour by Numbers Images are everywhere on computers
  • 3. This activity explores how images are displayed, based on the pixel as a building block. In particular, the great quantity of data in an image means that we need to use compression to be able to store and transmit it efficiently. The compression method used in this activity is based on the one used in fax machines, for black and white images.
  • 4. Metode Kompresi digunakan mesin fax yang menggunakan dua warna, yaitu hitam dan putih. Tujuan metode ini untuk menekan biaya pulsa dan menghemat waktu transfer
  • 5. Pixel Picture Element PictEl/Pixel
  • 6. Piksel (Pixel) adalah representasi sebuah titik terkecil dalam sebuah gambar grafis yang dihitung per inci Printer dapat menghasilkan hasil cetak yang memiliki > 2500 titik per inci dengan pilihan 16 juta warna lebih untuk setiap inci, dalam istilah komputer berarti: Gambar seluas 1 inci persegi yang bisa ditampilkan pada tingkat resolusi tersebut sepadan dengan 150 juta bit informasi
  • 7. Monitor terdiri dari ribuan piksel yang terbagi dalam baris-baris dan kolom-kolom Jumlah piksel yang terdapat dalam sebuah monitor dapat kita ketahui dari resolusinya Resolusi maksimum yang disediakan oleh monitor adalah 1024 x 768, maka jumlah piksel yang ada dalam layar monitor tersebut adalah 786432 Semakin tinggi jumlah piksel semakin tajam gambar yang mampu ditampilkan oleh monitor tersebut
  • 9. Image compression 2,1,3 2,2,2 1,4,1 0,6 1,1,1,2,1 1,1,1,2,1
  • 10. Gambar Apakah Ini? 4,3,3 3,1,1,1,1,1,2 1,2,2,1,1,2,1 0,1,2,1,1,2,2,1 0,10 0,10 0,1,2,1,1,2,2,1 1,2,2,1,1,2,1 3,1,1,1,1,1,2 4,3,3
  • 11. Bermain dengan Image Representation 1. http://sucs.org/~tobeon/project/image.html 2. http://www.info-study. net/unplugged/activity2-j.html (buat gambar bebas) 3. http://tonakai.aki.gs/picturelogic/index_e.html 4. http://tonakai.aki.gs/picturelogic/howtoplay_e. html - how to play
  • 12. Sumber: • http://id.wikipedia.org/wiki/Piksel • http://csunplugged.org/image-representation • http://csunplugged.org/sites/default/files/activit y_pdfs_old/unplugged-02-image_representation-original. pdf • http://csi.dcs.gla.ac.uk/workshop-view. php?workshopID=16 • http://csi.dcs.gla.ac.uk/workshop-view. php?workshopID=15