PERTEMUAN 2 Pengantar dan Konsep Realisme Grafik Komputer
![PERTEMUAN - 2 Pengantar dan Konsep Realisme Grafik Komputer ATIT PERTIWI, SKOM. , MMSI PERTEMUAN - 2 Pengantar dan Konsep Realisme Grafik Komputer ATIT PERTIWI, SKOM. , MMSI](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-1.jpg)
![Grafika Komputer • merupakan proses untuk menciptakan suatu gambar berdasarkan deskripsi obyek maupun latar Grafika Komputer • merupakan proses untuk menciptakan suatu gambar berdasarkan deskripsi obyek maupun latar](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-2.jpg)
![Grafika Komputer • Bertujuan menghasilkan gambar/citra (lebih tepat disebut grafik/picture) dengan primitif-primitif geometri seperti Grafika Komputer • Bertujuan menghasilkan gambar/citra (lebih tepat disebut grafik/picture) dengan primitif-primitif geometri seperti](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-3.jpg)
![Grafika Komputer 4 Grafika Komputer 4](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-4.jpg)
![Apa itu Realisme? • Realisme di dalam seni rupa: usaha menampilkan subyek dalam suatu Apa itu Realisme? • Realisme di dalam seni rupa: usaha menampilkan subyek dalam suatu](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-5.jpg)
![Apa itu Realisme pada Komputer Grafik? • Berusaha mendekati “Photorealism” yaitu; secara akurat menampilkan Apa itu Realisme pada Komputer Grafik? • Berusaha mendekati “Photorealism” yaitu; secara akurat menampilkan](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-6.jpg)
![CONTOH GRAFIKA KOMPUTER 7 CONTOH GRAFIKA KOMPUTER 7](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-7.jpg)
![Kategori Realisme Komputer • Pemodelan geometris : menciptakan model matematika dari objek-objek 2 D Kategori Realisme Komputer • Pemodelan geometris : menciptakan model matematika dari objek-objek 2 D](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-8.jpg)
![Teknik-teknik Realisme: Texture-maps: memetakan sebuah gambar ke permukaan geometri untuk membuat permukaan yang detail Teknik-teknik Realisme: Texture-maps: memetakan sebuah gambar ke permukaan geometri untuk membuat permukaan yang detail](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-9.jpg)
![Pemodelan Geometris • Transformasi dari suatu konsep (atau suatu benda nyata) ke suatu model Pemodelan Geometris • Transformasi dari suatu konsep (atau suatu benda nyata) ke suatu model](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-10.jpg)
![Pemodelan Geometris • Pemodelan Geometris yang lebih rumit : – Jala-Jala segi banyak: suatu Pemodelan Geometris • Pemodelan Geometris yang lebih rumit : – Jala-Jala segi banyak: suatu](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-11.jpg)
![Elemen-elemen pemodelan Geometri 12 Elemen-elemen pemodelan Geometri 12](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-12.jpg)
![Techniques—Geometry (1/4) 13 Techniques—Geometry (1/4) 13](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-13.jpg)
![Techniques—Geometry (2/4) 14 Techniques—Geometry (2/4) 14](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-14.jpg)
![Techniques—Geometry (3/4) 15 Techniques—Geometry (3/4) 15](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-15.jpg)
![Techniques—Geometry (4/4) 16 Techniques—Geometry (4/4) 16](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-16.jpg)
![Techniques—Rendering (2/9) 17 Techniques—Rendering (2/9) 17](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-17.jpg)
![Techniques—Rendering (3/9) 18 Techniques—Rendering (3/9) 18](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-18.jpg)
![Techniques—Rendering (4/9) 19 Techniques—Rendering (4/9) 19](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-19.jpg)
![Techniques—Rendering (5/9) 20 Techniques—Rendering (5/9) 20](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-20.jpg)
![Techniques—Rendering (6/9) 21 Techniques—Rendering (6/9) 21](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-21.jpg)
![Techniques—Rendering (7/9) 22 Techniques—Rendering (7/9) 22](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-22.jpg)
![Techniques—Rendering (8/9) 23 Techniques—Rendering (8/9) 23](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-23.jpg)
![Techniques—Rendering (9/9) 24 Techniques—Rendering (9/9) 24](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-24.jpg)
![Image-Based Rendering (1/2) 25 Image-Based Rendering (1/2) 25](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-25.jpg)
![Image-Based Rendering (2/2) 26 Image-Based Rendering (2/2) 26](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-26.jpg)
![Temporal Aliasing (1/2) 27 Temporal Aliasing (1/2) 27](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-27.jpg)
![Temporal Aliasing (2/2) 28 Temporal Aliasing (2/2) 28](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-28.jpg)
![Techniques—Behavior (1/4) 29 Techniques—Behavior (1/4) 29](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-29.jpg)
![Techniques—Behavior (2/4) 30 Techniques—Behavior (2/4) 30](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-30.jpg)
![Techniques—Behavior (3/4) 31 Techniques—Behavior (3/4) 31](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-31.jpg)
![Techniques—Behavior (4/4) 32 Techniques—Behavior (4/4) 32](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-32.jpg)
![Real-time Interaction (1/6) 33 Real-time Interaction (1/6) 33](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-33.jpg)
![Real-time Interaction (2/6) 34 Real-time Interaction (2/6) 34](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-34.jpg)
![Real-time Interaction (3/6) 35 Real-time Interaction (3/6) 35](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-35.jpg)
![Real-time Interaction (4/6) 36 Real-time Interaction (4/6) 36](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-36.jpg)
![Real-time Interaction (5/6) 37 Real-time Interaction (5/6) 37](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-37.jpg)
![Real-time Interaction (6/6) 38 Real-time Interaction (6/6) 38](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-38.jpg)
![Non-Photorealistic rendering (1/2) 39 Non-Photorealistic rendering (1/2) 39](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-39.jpg)
![Non-Photorealistic rendering (2/2) 40 Non-Photorealistic rendering (2/2) 40](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-40.jpg)
- Slides: 40
![PERTEMUAN 2 Pengantar dan Konsep Realisme Grafik Komputer ATIT PERTIWI SKOM MMSI PERTEMUAN - 2 Pengantar dan Konsep Realisme Grafik Komputer ATIT PERTIWI, SKOM. , MMSI](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-1.jpg)
PERTEMUAN - 2 Pengantar dan Konsep Realisme Grafik Komputer ATIT PERTIWI, SKOM. , MMSI Staffsite. gunadarma. ac. id/atit
![Grafika Komputer merupakan proses untuk menciptakan suatu gambar berdasarkan deskripsi obyek maupun latar Grafika Komputer • merupakan proses untuk menciptakan suatu gambar berdasarkan deskripsi obyek maupun latar](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-2.jpg)
Grafika Komputer • merupakan proses untuk menciptakan suatu gambar berdasarkan deskripsi obyek maupun latar belakang yang terkandung pada gambar tersebut; • merupakan teknik untuk membuat gambar obyek sesuai dengan obyek tersebut di alam nyata (realism). 2
![Grafika Komputer Bertujuan menghasilkan gambarcitra lebih tepat disebut grafikpicture dengan primitifprimitif geometri seperti Grafika Komputer • Bertujuan menghasilkan gambar/citra (lebih tepat disebut grafik/picture) dengan primitif-primitif geometri seperti](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-3.jpg)
Grafika Komputer • Bertujuan menghasilkan gambar/citra (lebih tepat disebut grafik/picture) dengan primitif-primitif geometri seperti garis, lingkaran, dsb. • Primitif-primitif geometri tersebut memerlukan data deskriptif untuk melukis elemen-elemen gambar. Data deskriptif : koordinat titik, panjang garis, jari-jari lingkaran, tebal garis, warna, dsb. • Grafika komputer berperan dalam visualisasi dan virtual reality. 3
![Grafika Komputer 4 Grafika Komputer 4](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-4.jpg)
Grafika Komputer 4
![Apa itu Realisme Realisme di dalam seni rupa usaha menampilkan subyek dalam suatu Apa itu Realisme? • Realisme di dalam seni rupa: usaha menampilkan subyek dalam suatu](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-5.jpg)
Apa itu Realisme? • Realisme di dalam seni rupa: usaha menampilkan subyek dalam suatu karya sebagaimana tampil dalam kehidupan sehari tanpa tambahan interpretasi tertentu 5
![Apa itu Realisme pada Komputer Grafik Berusaha mendekati Photorealism yaitu secara akurat menampilkan Apa itu Realisme pada Komputer Grafik? • Berusaha mendekati “Photorealism” yaitu; secara akurat menampilkan](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-6.jpg)
Apa itu Realisme pada Komputer Grafik? • Berusaha mendekati “Photorealism” yaitu; secara akurat menampilkan hasil seperti aslinya. • Penekanannya bagaimana memodelkan secara akurat dari segi geometri dan sifat-sifat refleksi cahaya. 6
![CONTOH GRAFIKA KOMPUTER 7 CONTOH GRAFIKA KOMPUTER 7](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-7.jpg)
CONTOH GRAFIKA KOMPUTER 7
![Kategori Realisme Komputer Pemodelan geometris menciptakan model matematika dari objekobjek 2 D Kategori Realisme Komputer • Pemodelan geometris : menciptakan model matematika dari objek-objek 2 D](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-8.jpg)
Kategori Realisme Komputer • Pemodelan geometris : menciptakan model matematika dari objek-objek 2 D dan 3 D. • Rendering : memproduksi citra yang lebih solid dari model yang telah dibentuk. • Behavior: tingkah laku objek yang bergantung pada nilai yang berubah seiring waktu (salah satu konsep dalam reaktif pemrograman fungsional) • Interaction: semacam tindakan yang terjadi pada dua atau lebih objek yang memiliki efek 8
![Teknikteknik Realisme Texturemaps memetakan sebuah gambar ke permukaan geometri untuk membuat permukaan yang detail Teknik-teknik Realisme: Texture-maps: memetakan sebuah gambar ke permukaan geometri untuk membuat permukaan yang detail](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-9.jpg)
Teknik-teknik Realisme: Texture-maps: memetakan sebuah gambar ke permukaan geometri untuk membuat permukaan yang detail Environment-maps: memetakan refleksi lingkungan sekitar sebagai testur yang dipetakan ke sebuah objek geometri. Bumps-maps: menciptakan ilusi tekstur yang tidak rata dengan mengkalkulasikan ketinggian suatu wilayah. Normal-maps: dikenal sebagai dengan Dot 3 Bump-mapping’ teknin ini bekerja dengan cara 9
![Pemodelan Geometris Transformasi dari suatu konsep atau suatu benda nyata ke suatu model Pemodelan Geometris • Transformasi dari suatu konsep (atau suatu benda nyata) ke suatu model](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-10.jpg)
Pemodelan Geometris • Transformasi dari suatu konsep (atau suatu benda nyata) ke suatu model geometris yang bisa ditampilkan pada suatu komputer : – Shape / bentuk – Posisi – Orientasi (cara pandang) – Surface Properties / Ciri-ciri Permukaan (warna, tekstur) – Volumetric Properties / Ciri-ciri volumetric (ketebalan / pejal, penyebaran cahaya) 10
![Pemodelan Geometris Pemodelan Geometris yang lebih rumit JalaJala segi banyak suatu Pemodelan Geometris • Pemodelan Geometris yang lebih rumit : – Jala-Jala segi banyak: suatu](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-11.jpg)
Pemodelan Geometris • Pemodelan Geometris yang lebih rumit : – Jala-Jala segi banyak: suatu koleksi yang besar dari segi bersudut banyak, dihubungkan satu sama lain. – Bentuk permukaan bebas: menggunakan fungsi polynomial tingkat rendah. – CSG: membangun suatu bentuk dengan menerapkan operasi boolean pada bentuk yang primitif. 11
![Elemenelemen pemodelan Geometri 12 Elemen-elemen pemodelan Geometri 12](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-12.jpg)
Elemen-elemen pemodelan Geometri 12
![TechniquesGeometry 14 13 Techniques—Geometry (1/4) 13](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-13.jpg)
Techniques—Geometry (1/4) 13
![TechniquesGeometry 24 14 Techniques—Geometry (2/4) 14](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-14.jpg)
Techniques—Geometry (2/4) 14
![TechniquesGeometry 34 15 Techniques—Geometry (3/4) 15](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-15.jpg)
Techniques—Geometry (3/4) 15
![TechniquesGeometry 44 16 Techniques—Geometry (4/4) 16](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-16.jpg)
Techniques—Geometry (4/4) 16
![TechniquesRendering 29 17 Techniques—Rendering (2/9) 17](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-17.jpg)
Techniques—Rendering (2/9) 17
![TechniquesRendering 39 18 Techniques—Rendering (3/9) 18](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-18.jpg)
Techniques—Rendering (3/9) 18
![TechniquesRendering 49 19 Techniques—Rendering (4/9) 19](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-19.jpg)
Techniques—Rendering (4/9) 19
![TechniquesRendering 59 20 Techniques—Rendering (5/9) 20](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-20.jpg)
Techniques—Rendering (5/9) 20
![TechniquesRendering 69 21 Techniques—Rendering (6/9) 21](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-21.jpg)
Techniques—Rendering (6/9) 21
![TechniquesRendering 79 22 Techniques—Rendering (7/9) 22](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-22.jpg)
Techniques—Rendering (7/9) 22
![TechniquesRendering 89 23 Techniques—Rendering (8/9) 23](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-23.jpg)
Techniques—Rendering (8/9) 23
![TechniquesRendering 99 24 Techniques—Rendering (9/9) 24](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-24.jpg)
Techniques—Rendering (9/9) 24
![ImageBased Rendering 12 25 Image-Based Rendering (1/2) 25](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-25.jpg)
Image-Based Rendering (1/2) 25
![ImageBased Rendering 22 26 Image-Based Rendering (2/2) 26](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-26.jpg)
Image-Based Rendering (2/2) 26
![Temporal Aliasing 12 27 Temporal Aliasing (1/2) 27](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-27.jpg)
Temporal Aliasing (1/2) 27
![Temporal Aliasing 22 28 Temporal Aliasing (2/2) 28](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-28.jpg)
Temporal Aliasing (2/2) 28
![TechniquesBehavior 14 29 Techniques—Behavior (1/4) 29](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-29.jpg)
Techniques—Behavior (1/4) 29
![TechniquesBehavior 24 30 Techniques—Behavior (2/4) 30](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-30.jpg)
Techniques—Behavior (2/4) 30
![TechniquesBehavior 34 31 Techniques—Behavior (3/4) 31](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-31.jpg)
Techniques—Behavior (3/4) 31
![TechniquesBehavior 44 32 Techniques—Behavior (4/4) 32](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-32.jpg)
Techniques—Behavior (4/4) 32
![Realtime Interaction 16 33 Real-time Interaction (1/6) 33](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-33.jpg)
Real-time Interaction (1/6) 33
![Realtime Interaction 26 34 Real-time Interaction (2/6) 34](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-34.jpg)
Real-time Interaction (2/6) 34
![Realtime Interaction 36 35 Real-time Interaction (3/6) 35](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-35.jpg)
Real-time Interaction (3/6) 35
![Realtime Interaction 46 36 Real-time Interaction (4/6) 36](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-36.jpg)
Real-time Interaction (4/6) 36
![Realtime Interaction 56 37 Real-time Interaction (5/6) 37](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-37.jpg)
Real-time Interaction (5/6) 37
![Realtime Interaction 66 38 Real-time Interaction (6/6) 38](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-38.jpg)
Real-time Interaction (6/6) 38
![NonPhotorealistic rendering 12 39 Non-Photorealistic rendering (1/2) 39](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-39.jpg)
Non-Photorealistic rendering (1/2) 39
![NonPhotorealistic rendering 22 40 Non-Photorealistic rendering (2/2) 40](https://slidetodoc.com/presentation_image_h/e71d83f4f71668d1396bb77b21838cfa/image-40.jpg)
Non-Photorealistic rendering (2/2) 40
Pengantar komputer
Bahan grafik dan bukan grafik
Tabel subnet mask
Pengantar aplikasi komputer
Materi aplikasi komputer
Mata kuliah aplikasi komputer statistik
Pengantar aplikasi komputer ppt
Pengantar arsitektur komputer
Pengantar organisasi komputer
Pengantar jaringan komputer
Pengantar jaringan komputer
Jaringan komputer
Definition
Sel adalah pertemuan antara titik-titik dan titik-titik
Pertemuan permintaan barang dan jasa
Perbedaan organisasi komputer dan arsitektur komputer
Apa perbedaan antara organisasi dan arsitektur komputer
Arsitektur dan organisasi komputer
Peta konsep bumn
Pengantar konsep pokok dalam aspek pasar
Contoh peta minda akuntansi
Contoh bentuk visualisasi statis adalah …
Grafika komputer
Komputer grafik
Komputer grafik
Komputer grafik
Komputer grafik
Komputer grafik
Komputer grafik
Komputer grafik
Neorealism vs realism
Peta konsep jaringan internet
Tugas pertemuan 9 metode perancangan program
Pendekatan aksi sosial
Pertemuan multikultural
Denah ruang pertemuan
Hiperbola majas
Creat by
Pada pertemuan kali ini kita
Tester
Pertemuan 9