36
1 TUGAS MATA KULIAH KOMPUTER GRAFIK LAPORAN PRAKTIKUM Disusun Oleh: YUSVA HARDIYANTI 11/319132/TK/38263 JURUSAN TEKNIK GEODESI FAKULTAS TEKNIK UNIVERSITAS GADJAH MADA YOGYAKARTA 2012

Komputer Grafik

Embed Size (px)

Citation preview

1

TUGAS MATA KULIAH KOMPUTER GRAFIK

LAPORAN PRAKTIKUM

Disusun Oleh:

YUSVA HARDIYANTI

11/319132/TK/38263

JURUSAN TEKNIK GEODESI

FAKULTAS TEKNIK

UNIVERSITAS GADJAH MADA

YOGYAKARTA

2012

2

Kata Pengantar

Assalamu’alaykum Warohmatullahi Wabarokatuh.

Puji syukur kehadirat Allah SWT yang telah memberikan rahmatdan nikmat berupa kesehatan dan kesempatan sehingga laporan akhirpraktikum komputer grafik ini dapat terselesaikan.Laporan inisangat berguna bagi mahasiswa untuk digunakan sebagai review danmelatih kembali materi-materi yang telah dipelajari selamakegiatan praktikum yang dilaksanakan kurang lebih satu semesterini.

Ucapan terima kasih tak lupa penulis haturkan kepada dosen-dosen Teknik Geodesi UGM pengajar komputer grafik bapakIstarno,Trias A.K.M,Purnama Budi S yang telah menyampaikan danmembagikan ilmunya kepada penulis, sehingga materi komputergrafik dapat dimengerti dan menjadi lebih mudah diserap. Tak lupaucapan terima kasih kepada para assisten dosen yang telah dengansabar mengajarkan kami dan menularkan ilmunya dan membimbingdalam praktikum.

Mohon maaf atas segala kekurangan dalam penulisan laporanini karena kesempurnaan hanyalah milik Allah SWT. Penulis sangatmengharapkan saran serta kritik yang membangun dari para pembacasekalian. Semoga apa yang penulis tuliskan dan tuangkan dalamlaporan ini dapat bermanfaat bagi pembaca sekalian.

Wassalamu’alaykum Warohmatullahi Wabarokatuh.

3

Yogyakarta,12 Desember2012

Penulis

DAFTAR ISI

KATA PENGANTAR .................................................................................................... 2

DAFTAR ISI ................................................................................................................ 3

LANDASAN TEORI ..................................................................................................... 4

-HTML ............................................................................................................ 4

-SVG ............................................................................................................... 4

4

-Google sketch up .......................................................................................... 5

-x3d ............................................................................................................... 6

PELAKSANAAN

-HTML ............................................................................................................ 7

-SVG ............................................................................................................... 9

-Google sketch up .......................................................................................... 17

-x3d ............................................................................................................... 22

5

LANDASAN TEORI

Komputer Grafik merupakan salah mata kuliah dari jurusan

Teknik Geodesi Universitas Gadjah Mada. Mata kuliah ini sangat

penting bagi setiap mahasiswa dan setiap mahasiswa harus

menguasainya karena mata kuliah ini merupakan dasar untuk

membuat penyajian peta dari 2D menjadi 3D yang bersifat digital

dan dapat diakses kapan saja secara online. Oleh karena itu,

computer grafik mempelajari materi-materi sebagai berikut :

1. HTML

HTML adalah bahasa dipakai untuk menampilkan informasi padahalaman Web karena HTML menampilkan informasi dalam bentukhypertext dan juga mendukung sekumpulan perintah yang dapatdigunakan untuk mengatur tampilnya informasi tersebut. Sesuaidengan namanya, bahasa ini menggunakan tanda (markup) untukmenandai perintah-perintahnya.

Untuk dapat menggunakan HTML, dibutuhkan beberapa hal, diantaranya adalah:

Teks editor untuk mengetikkan HTML Anda. Klik Start | Program kemudian Accessories lalu pilih Notepad

Web browser untuk mempublikasikan HTML Anda. Anda dapat menggunakan Microsoft Internet Explorer.

Menggunakan web browser secara offline di computer untuk melihat aslinya yaitu memakain Internet Explorer

6

2. SVG (SCALABLE VECTOR GRAPHICS)

SVG merupakan bahasa yang digunakan untuk grafik 2 dimensidan aplikasi grafis dalam format XML. Untuk mempelajari SVG perludasar tentang pemrograman web yaitu menggunakan HMTL dan dasar-dasar XML. SVG merupakan singkatan dari Scalable Vector Graphics.SVG digunakan untuk membuat grafik dengan mendefinisikanvector,yang akan digunakan dalam halaman web. SVG mendefinisikandalam format XML. SVG menghasilkan grafik yang tidak akanberkurang kualitasnya sebagai akibat proses zoomming maupunresizing.

Keuntungan penggunaan SVG dibanding format gambar yang lain (misalnya JPEG dan GIF) antara lain:

• File sumber SVG dapat dibaca dan modifikasi dengan menggunakan hampir semua tool/text (misalnya notepad)

• File sumber SVG berukuran lebih kecil dan dapat dikompresi dibanding dengan format gambar JPEG dan GIF

• Gambar dalam format SVG bersifat scalable/diresizing

• Gambar dalam format SVG dapat dicetak dengan kualitas yang tinggi dan sama baiknya pada berbagai resolusi

• Gambar dalam format SVG bersifat zoomable. Setiap bagian dari gambar dapat di zoom tanpa degradasi mutu

• Text dalam SVG “selectable” dan “searchable” (sangat bergunadalam peta)

• SVG dapat bekerja dengan Teknologi Java

• SVG merupakan “open standard”

• SVG merupakan murni XML

7

Pesaing utama dari SVG adalah Flash. Kelebihan utama dariSVG dibanding Flash adalah bahwa SVG “compliance” dengan standaryang lain (misalnya XSL dan DOM). Flash berlandasan padateknologi yang tidak open source. Sampai saat ini SVG belumsepenuhnya disupport oleh semua browser. Mozilla,Firefox,danOpera sudah mendukung SVG,Microsoft baru pada tahap rencana untukmendukung SVG. Beberapa SVG editor tersedia,salah satudiantaranya adalah Adobe GoLive 5.

Untuk menampilkan file dalam format SVG,kita perlu meng-install sebuah plug-in misalnya Adobe SVG Viewer (Klik disiniuntuk free download dari Adobe.). Jika browser yang kita gunakantidak mendukung SVG,makan perlu men- download sebuah SVG vieweruntuk menampilkan file SVG. Jika kita menggunakan browser Firefox1.5 atau Opera 9 yang sudah mendukung SVG tidak diperlukan sebuahplug-in/ SVG viewer.

3. GOOGLE SKETCH UP

Google SketchUp adalah sebuah perangkat lunak desain grafisyang dikembangkan oleh Google. Google SketchUp dapat digunakanuntuk membuat berbagai jenis model dan model yang dibuat dapatdiletakkan di Google Earth atau dipamerkan di Google 3DWarehouse.

Google SketchUp yang simple dan mudah digunakan ini pastidibaliknya mempunyai kelebihan dan kelemahan, antara lain:

KELEBIHAN

Interface yang menarik dan simpel

Mudah digunakan oleh golongan pemula sekalipun

Banyak open source plugin yang mendukung dan melengkapi kinerja google sketchup

8

Terdapat fitur import file ke ekstensi 3ds (untuk 3ds max), dwg (untuk autocad), kmz (untuk google earth), pdf, jpg, bmp, dxf, dan lain-lain.

KEKURANGAN

Karena kesederhanaan sketchup menjadikan susahnya pemodelan tingkat lanjut meski memakai plugin sekalipun

Terjadi crash apabila terdapat banyak permukaan patch dan vertex (kasus ini terjadi apabila mengimpor model tingkat lanjut misal model manusia dari 3ds max ke google sketchup )

Hasil gambar kurang memuaskan.

Tersedia dua versi SketchUp, yaitu : Google SketchUp (gratis) dan Google SketchUp Pro (bayar).

4. X3D

X3D adalah sebuah program dengan basis bahasa pemrogramanVRML (Virtual Reality Markup Language). X3D merupakan programyang dibuat untuk membuat dan menampilkan objek-objek 3D. X3Dmempunyai fitur-fitur khusus untuk bidang CAD, Animasi Humanoid,dan juga Geospasial. Dalam pengoperasiannya X3D melibatkansistem matematika yaitu sistem kooerdinat dan transformasi.

9

PELAKSANAAN1. HTML

Langkah-langkah dalam membuat HTML yaitu sebagai berikut :

1. Membuka notepad atau notepad++

2. Menuliskan kode-kode dalam pembuatan html

<html><title> Pretest Minggu Pertama </title>

<head><b> <h1> my html </h1> </b></head>

<body bgcolor="magenta"><p> <font size="5" color="blue" face="comic sans ms"> assalamu'alaykum nana nana... </font> </p>

<p> <h2> judul paragraf 2 dengan heading 2 </h2> </p>

<p> <font size="3" color="black" face="comic sans ms"> paragraf 2 check this out ^^ </font> </p>

<img src="sunset.jpg" width="500" height="500"> </img>

<br/>

<br/>

<a href="http://yusvazalea.wordpress.com" target="blank"><font size="5" color="black" face="comic sans ms"> ini blog ku </font> </a>

</body>

</html>

10

3. Menyimpan dalam bentuk encoding ANSI dan all files

HASIL DAN PEMBAHASAN

Input

<html><title> Pretest Minggu Pertama </title>

<head><b> <h1> my html </h1> </b></head>

Output

Input

<body bgcolor="magenta"><p> <font size="5" color="blue" face="comic sans ms"> assalamu'alaykum nana nana... </font> </p>

<p> <h2> judul paragraf 2 dengan heading 2 </h2> </p>

11

Output

Input

<p> <font size="3" color="black" face="comic sans ms"> paragraf 2 check this out ^^ </font> </p>

<img src="sunset.jpg" width="500" height="500"> </img>

<br/>

<br/>

<a href="http://yusvazalea.wordpress.com" target="blank"><font size="5" color="black" face="comic sans ms"> ini blog ku </font> </a>

</body>

</html>

Output

12

2. SVG

Langkah-langkah dalam membuat SVG yaitu sebagai berikut :

4. Membuka notepad atau notepad++

5. Menuliskan kode-kode dalam pembuatan gambar dalam format

svg

<svg>

<path d="M 337 84 Q 392 104 432 118 Q 449 124 445 151 Q 392 327 337 516 Q 331 529 311 526 Q 229 497 125 462 Q 110457 112 435 Q 167 269 225 107 Q 229 91 243 93 Q 287 96 337 84 Z" fill="moccasin" stroke="black" stroke-width="3"/>

<path d="M 458 143 Q 451 124 490 128 Q 607 165 755 212 Q 774 217 767 240 Q 730 334 682 458 Q 619 455 606 428 Q 608418 599 411 Q 594 404 580 392 Q 558 379 547 387 Q 548 377547 364 Q 526 360 509 357 Q 520 307 530 258 Q 523 257 516255 Q 501 318 486 380 Q 495 386 505 393 Q 485 462 464 535Q 460 563 428 559 Q 391 549 360 539 Q 345 529 352 518 Q

13

399 351 458 143" fill="moccasin" stroke="black" stroke-width="3"/>

<path d="M 519 399 Q 533 398 548 399 Q 571 394 580 405 Q 591 426 605 451 Q 614 456 625 462 Q 638 465 650 468 Q 655468 661 468 Q 675 472 665 496 Q 649 541 629 598 Q 623 615599 608 Q 544 591 482 572 Q 470 570 475 553 Q 495 485 519399" fill="moccasin" stroke="black" stroke-width="3" />

<path d="M 108 476 Q 225 513 329 545 Q 350 559 343 576 Q 323 642 302 715 Q 295 738 266 739 Q 156 710 56 678 Q 26 653 40 606 Q 61 542 79 487 Q 86 471 108 476" fill="moccasin" stroke="black" stroke-width="3" />

<path d="M 359 575 Q 361 556 383 560 Q 482 589 601 624 Q 611 628 606 645 Q 579 716 548 794 Q 539 815 514 812 Q 422786 327 756 Q 305 738 316 727 Q 339 647 359 575" fill="moccasin" stroke="black" stroke-width="3" />

//KU<polygon points="337,111 420,142 413,163 330,132" fill="maroon" stroke="black" stroke-width="3" />

<polygon points="283,117 403,161 389,201 310,170 299,199 212,166 222,139 269,156" fill="maroon" stroke="black" stroke-width="3" />

<polygone points="326,193 377,211 368,237 318,218" fill="maroon" stroke="black" stroke-width="3" />

<polygone points="244,189 284,203 275,228 236,212" fill="maroon" stroke="black" stroke-width="3" />

<polygon points="310,233 394,264 384,291 301,261" fill="maroon" stroke="black" stroke-width="3" />

<polygon points="210,221 252,235 243,259 202,244" fill="maroon" stroke="black" stroke-width="3" />

14

<polygon points="339,282 382,298 372,326 329,310" fill="maroon" stroke="black" stroke-width="3" />

<polygon points="199,252 240,266 231,290 191,275" fill="maroon" stroke="black" stroke-width="3" />

<polygon points="175,316 215,331 206,355 166,340" fill="maroon" stroke="black" stroke-width="3" />

<polygon points="258,363 285,373 271,413 244,403" fill="maroon" stroke="black" stroke-width="3" />

<polygon points="289,372 353,396 344,422 279,398" fill="maroon" stroke="black" stroke-width="3" />

<polygon points="300,416 337,430 326,460 289,447 " fill="maroon" stroke="black" stroke-width="3" />

<polygon points="152,399 208,418 201,437 146,418" fill="maroon" stroke="black" stroke-width="3" />

<polygon points="142,425 198,444 191,463 136,444" fill="maroon" stroke="black" stroke-width="3" />

<polygon points="233,453 318,485 308,515 223,483" fill="maroon" stroke="black" stroke-width="3" />

//FARMASI<polygon points="467,152 489,158 479,191 493,195 503,162 525,169 509,221 452,203" fill="pink" stroke="black" stroke-width="3" />

<polygon points="533,173 558,181 543,230 518,223" fill="pink" stroke="black" stroke-width="3" />

15

<polygon points="585,186 646,204 637,233 577,214" fill="pink" stroke="black" stroke-width="3" />

<polygon points="591,235 651,253 643,281 583,263" fill="pink" stroke="black" stroke-width="3" />

<polygon points="683,215 715,225 689,312 656,302" fill="pink" stroke="black" stroke-width="3" />

<polygon points="559,267 595,278 569,360 533,349" fill="pink" stroke="black" stroke-width="3" />

<polygon points="590,307 605,312 583,383 569,379" fill="pink" stroke="black" stroke-width="3" />

<polygon points="612,317 627,322 606,393 591,388" fill="pink" stroke="black" stroke-width="3" />

<polygon points="648,344 697,359 691,382 641,367" fill="pink" stroke="black" stroke-width="3" />

<polygon points="619,373 688,393 682,415 613,394" fill="pink" stroke="black" stroke-width="3" />

<polygon points="629,410 679,425 672,448 623,434" fill="pink" stroke="black" stroke-width="3" />

<polygon points="461,267 490,276 485,289 458,280" fill="pink" stroke="black" stroke-width="3" />

<polygon points="454,287 481,295 469,334 442,326" fill="pink" stroke="black" stroke-width="3" />

<polygon points="415,327 479,347 471,376 407,357" fill="pink" stroke="black" stroke-width="3" />

16

<polygon points="416,376 469,392 462,415 447,411 441,434 456,439 449,462 397,446 403,423 420,427 427,405 409,399" fill="pink" stroke="black" stroke-width="3" />

<polygon points="386,473 455,493 439,548 370,527" fill="pink" stroke="black" stroke-width="3" />

<polygon points="527,426 567,438 560,459 542,453 533,480 513,474" fill="pink" stroke="black" stroke-width="3" />

<polygon points="576,447 593,452 570,529 553,524" fill="pink" stroke="black" stroke-width="3" />

<polygon points="513,532 580,552 573,574 507,554 513,532"fill="pink" stroke="black" stroke-width="3" />

<polygon points="604,515 626,522 604,598 581,591" fill="pink" stroke="black" stroke-width="3" />

//KG<polygon points="152,508 235,534 227,560 144,535" fill="cyan" stroke="black" stroke-width="3" />

<polygon points="254,542 312,559 306,580 248,562" fill="cyan" stroke="black" stroke-width="3" />

<polygon points="112,540 153,553 140,598 99,585" fill="cyan" stroke="black" stroke-width="3" />

<polygon points="231,563 288,581 282,601 224,584" fill="cyan" stroke="black" stroke-width="3" />

<polygon points="233,593 295,612 288,633 227,614" fill="cyan" stroke="black" stroke-width="3" />

17

<polygon points="101,594 179,618 173,639 158,635 147,673 193,688 187,711 105,687 120,636 91,627" fill="cyan" stroke="black" stroke-width="3" />

<polygon points="220,631 273,647 268,666 215,650" fill="cyan" stroke="black" stroke-width="3" />

<polygon points="218,674 274,691 266,718 211,701" fill="cyan" stroke="black" stroke-width="3" />

<polygon points="307,594 327,600 298,695 278,689" fill="cyan" stroke="black" stroke-width="3" />

<polygon points="376,603 399,609 396,625 418,632 423,614 447,621 432,674 409,667 413,652 390,646 385,662 362,655" fill="purple" stroke="black" stroke-width="3" />

<polygon points="491,625 568,647 551,711 474,690" fill="purple" stroke="black" stroke-width="3" />

<path d="M 164 56 Q 184 67 207 78 Q 118 330 19 616 Q 10 665 23 683 Q 31 699 20 713 Q 11 738 2 760" fill="none" stroke="black" stroke-width="3"/>

<path d="M 260 2 Q 253 15 247 27 Q 240 41 248 63 Q 253 78276 70 Q 324 53 371 1" fill="violet" stroke="black" stroke-width="3"/>

<path d="M 396 2 Q 385 16 368 36 Q 350 58 369 71 Q 570 136 763 195 Q 786 195 788 183 Q 792 172 798 156" fill="violet" stroke="black" stroke-width="3"/>

<path d="M 796 265 Q 783 260 780 284 Q 683 524 573 798 Q 561 811 568 826 Q 583 832 608 829 Q 619 801 686 588 Q 743

18

414 753 399 Q 773 409 796 416" fill="violet" stroke="black" stroke-width="3"/>

<path d="M 34 715 Q 35 698 48 701 Q 66 710 85 712 Q 96 714 92 728 Q 79 749 77 772 Q 75 783 64 781 Q 45 775 15 765 Q 25 739 34 715" fill="violet" stroke="black" stroke-width="3"/>

<path d="M 11 777 Q 47 786 76 792 Q 108 808 140 823 Q 130836 119 851 Q 66 829 4 804 Q 7 789 11 777" fill="violet" stroke="black" stroke-width="3"/>

<path d="M 136 852 Q 146 837 160 818 Q 135 807 104 794 Q 92 789 94 776 Q 98 754 104 732 Q 105 718 121 720 Q 194 742 262 761 Q 280 766 273 785 Q 253 822 233 856" fill="violet" stroke="black" stroke-width="3"/>

<path d="M 260 856 Q 254 854 259 845 Q 278 813 295 786 Q 305 769 318 774 Q 420 810 513 833 Q 528 840 520 856" fill="violet" stroke="black" stroke-width="3"/>

//kotak dalam peta<rect x="3" y="1" width="794" height="854" fill="none" stroke="black" stroke-width="3" />

//kotak tepi<rect x="847" y="1" width="400" height="854" fill="none" stroke="black" stroke-width="3"/>

//judul<text x="900" y="50" font="TimesNewRoman" font-size="30" fill="black">PETA PLANIMETRIS</text>

<text x="880" y="95" font="TimesNewRoman" font-size="30" fill="black">CLUSTER KESEHATAN</text>

19

<line x1="847" y1="110" x2="1247" y2="110" stroke="black"stroke-width="3"/>

//utara<image x="1000" y="130" width="60" height="100" xlink:href="Graphic1.jpg"/><line x1="847" y1="260" x2="1247" y2="260" stroke="black"stroke-width="3"/>

//legenda <text x="960" y="300" font="TimesNewRoman" font-size="30"fill="black">LEGENDA</text>

<rect x="860" y="300" width="25" height="25" stroke="black" stroke-width="2" fill="Maroon"/><text x="895" y="315" font="TimesNewRoman" font-size="10"fill="black">Fakultas Kedokteran Umum</text>

<rect x="860" y="330" width="25" height="25" stroke="black" stroke-width="2" fill="pink"/><text x="895" y="345" font="TimesNewRoman" font-size="10"fill="black">Fakultas Farmasi</text>

<rect x="860" y="360" width="25" height="25" stroke="black" stroke-width="2" fill="cyan"/><text x="895" y="375" font="TimesNewRoman" font-size="10"fill="black">Fakultas Kedokteran Gigi</text>

<rect x="860" y="390" width="25" height="25" stroke="black" stroke-width="2" fill="purple"/><text x="895" y="405" font="TimesNewRoman" font-size="10"fill="black">Pusat Pelatihan Bahasa</text>

<rect x="860" y="420" width="25" height="25" stroke="black" stroke-width="2" fill="violet"/><text x="895" y="435" font="TimesNewRoman" font-size="10"fill="black">Fakultas lain</text>

20

<rect x="1090" y="305" width="25" height="25" stroke="black" stroke-width="2" fill="white"/><text x="1125" y="320" font="TimesNewRoman" font-size="10" fill="black">Jalan</text>

//nama<line x1="847" y1="480" x2="1247" y2="480" stroke="black"stroke-width="3"/>

<text x="940" y="520" font="TimesNewRoman" font-size="30"fill="black">Yusva Hardiyanti</text><text x="920" y="560" font="TimesNewRoman" font-size="30"fill="black">11/319132/TK/38263</text>

//diperiksa oleh<line x1="847" y1="580" x2="1247" y2="580" stroke="black"stroke-width="3"/>

<text x="950" y="620" font="TimesNewRoman" font-size="30"fill="black">Diperiksa oleh:</text><text x="900" y="660" font="TimesNewRoman" font-size="30"fill="black">...................................</text>

//ugm<line x1="847" y1="690" x2="1247" y2="690" stroke="black"stroke-width="3"/>

<image x="1000" y="700" width="100" height="100" xlink:href="LogoUGM.jpg"/><text x="875" y="820" font="TimesNewRoman" font-size="25"fill="black"> Teknik Geodesi dan Geomatika</text><text x="900" y="845" font="TimesNewRoman" font-size="25"fill="black">Universitas Gadjah Mada</text>

//kotak luar

21

<rect x="-47" y="-49" width="1344" height="954" fill="none" stroke="black" stroke-width="3"/>

//jalan miring<text x="350" y="210" font="TimesNewRoman" font-size="15"fill="black" transform="rotate(20 697,288)">Jl.Sains</text>

<text x="800" y="810" font="TimesNewRoman" font-size="15"fill="black" transform="rotate(110 697,288)">Jl.Kesehatan</text>

<text x="250" y="660" font="TimesNewRoman" font-size="15"fill="black" transform="rotate(20 697,288)">Jl.Medika</text>

<text x="1110" y="515" font="TimesNewRoman" font-size="13" fill="black" transform="rotate(110 697,288)">Jl.Denta</text>

<text x="400" y="872" font="TimesNewRoman" font-size="12"fill="black" transform="rotate(20 697,288)">Jl.Bhineka Tunggal Ika</text>

<text x="750" y="230" font="TimesNewRoman" font-size="15"fill="black" transform="rotate(110 697,288)">Jl.Kaliurang</text>

</svg>

6. Menyimpan dalam format .svg dan all files

22

HASIL

3. Google SketchUp

Pada toolbar utama telah disediakan tool-tool navigator

standar yaitu:

Orbit : Berfungsi memutar area gambar ke berbagai arah.

Dapat dilakukan dengan klik icon orbit, klik lalu tahan di

area gambar dan gerakkan sesuai keinginan. Selain itu kita

dapat menggunakan tombol tengah mouse(tanpa mengklik icon

orbit), lalu gerakkan sesuai keinginan untuk mendapatkan

view yang diinginkan. Menggunakan orbit tool tidaklah

mengubah posisi objek, orbit tool berfungsi seolah-olah kita

mengitari objek lalu melihatnya dari berbagai arah

pandangan.

23

Pan : Pan berfungsi untuk menggeser area gambar. Tool ini

berguna jika kita memperbesar tampilan sehingga tidak semua

objek dapat ditampilkan di area monitor. Setelah di zoom

area gambar dapat digeser menggunakan tool ini seperti

menggeser sebuah kertas yang besar. Selain mengklik icon

pan, fungsi ini juga dapat kita gunakan dengan mengklik

tombol tengah mouse sambil menekan shift pada keyboard,

kemudian gerakkan sesuai keinginan.

Zoom : Cukup jelas dari namanya karena sering digunakan di

berbagai software lain. Pada SketchUp zoom dapat digunakan

24

dengan mengklik icon zoom, lalu klik-tahan di area gambar,

gerakkan keatas untuk memperbesar, atau kebawah untuk

memperkecil. Lebih umumnya & lebih praktis fungsi zoom dapat

digunakan dengan menggunakan scroll pada mouse.

Zoom Extent : Tool ini berguna untuk menampilkan seluruh

objek yang ada di area gambar agar seluruh objek dapat

ditampilkan di layar monitor.

Position camera : Berfungsi meletakkan posisi pengamat pada

area gambar. dengan mengklik tool ini lalu klik pada area

25

yang diinginkan, gambar akan di zoom sesuai posisi kita

mengklik. Tampilan tersebut merupakan pandangan kita seolah-

olah sedang berdiri di titik tersebut.

Walk : Setelah momposisikan kamera, dengan menggunakan tool

ini kita dapat "berjalan" menyelusuri area gambar. Klik

toolnya, kemudian klik-tahan diarea gambar lalu gerakkan

mouse keatas untuk berjalan kedepan, kebawah untuk mundur,

dan kiri-kanan untuk berbelok.

Look around : Dengan mengklik tombol ini, kita dapat melihat

sekeliling dari posisi kita "berdiri". Klik-tahan pada area

gambar, lalu gerakkan ke segala arah untuk melihat ke

sekeliling seolah-olah kita menggerakkan kepala dengan bebas

lalu melihat ke berbagai arah.

LANGKAH KERJA

Jendela Start up

26

Ketika kita mengeksekusi progam ini akan muncul jendela awal

berupa introducing yang berisi pilihan yang disediakan

SketchUp tentang bagaimana kita memulai. Kita dapat memilih

untuk mendapatkan tutorial, mendownload sketchUp pro, atau

memilih template. Kali ini kita dapat langsung memilih

template sesuai keperluan. Penulis menyarankan untuk

menggunakan template milimeter karena umum digunakan.

Toolbar Utama

Toolbar utama berfungsi menampilkan tool-tool yang paling

sering kita gunakan dalam membuat objek. Sesungguhnya pada

menu bar sudah tersedia seluruh tool yang dapat membantu kita

dalam membuat gambar, mengedit, mengorganisir, dsb. Namun

pada toolbar utama ini kita dimudahkan dengan adanya icon

yang familiar dan berukuran cukup besar.

Pada toolbar utama terdapat tool pencil (bergambar pinsil).

Bila di klik kita dapat menuangkan garis diatas area gambar

27

dengan mengklik sekali untuk titik awal, dan klik berikutnya

sebagai arah dan panjang garis yang kita inginkan. Kita dapat

terus mengklik untuk mendapatkan bentuk sesuai keinginan.

Selain pencil tool juga terdapat rectangle (persegi),

circle(lingkaran), dan arc(garis lengkung). Keempat tool

tersebut berfungsi untuk membuat gambar 2 dimensi sebagai

dasar pembentukan objek 3 dimensi. Cara menggunakannya juga

mudah, cukup klik tool yang diinginkan, kemudian klik sekali

diarea gambar untuk titik awal, dan klik berikutnya untuk

menentukan arah dan ukuran persegi panjang. Pada rectangle,

mengklik kedua kalinya menentukan ukuran dan proporsi objek,

pada circle klik kedua bertujuan menentukan jari-jari objek.

Namun pada arc tool dibutuhkan 3 kali mengklik untuk

membuatnya, klik pertama untuk menentukan awalan, klik kedua

untuk menentukan ujung, dan klik ketiga untuk menentukan

besar lengkungan.

Dasar 3D

28

Setelah anda cukup familiar menggunakan tool-tool dimensi,

saatnya mencoba menciptakan gambar 3 dimensi dari gambar

dasar tersebut. Untuk itu, SketchUp menyediakan tool

Push/Pull yang berguna untuk mendorong, atau menarik bidang

yang telah digambar. Bidang yang dapat di Push/pull haruslah

bidang tertutup (tanpa garis ujung) dengan kata lain memiliki

area yang dikelilingi garis.

HASIL

29

4. X3D

a.Basic shape1.Box

2.Sphere

30

3.Cone

31

4.Cilinder

b.Basic tag

1.shape

32

adding color

adding images

33

Transformation

Rotate and translate

Advance Tools

1.extrussion

34

2.Index face set

<Scene> <Shape>

<IndexedFaceSet coordIndex="0 1 2 3 -1 1 5 6 2 -1 2 6 7 3 -1 7 4 0 3 -1 0 4 5 1 -1 4 8 5 -1 5 8 9 6 -1 6 9 7 -1 7 9 8 4 -1"> <Coordinate point=" 0 0 0, 4 0 0, 4 0 6, 0 0 6,

35

0 5 0, 4 5 0, 4 5 6, 0 5 6, 2 6 1, 2 6 5 "> </Coordinate> </IndexedFaceSet><!--Add a single geometry node here--> <Appearance> <Material diffuseColor="0 1 0"/>

<!--Add ImageTexture, MovieTexture, PixelTexture, TextureTransform, FillProperties, and/or LineProperties nodes here--> </Appearance> </Shape><!-- Scene graph nodes are added here --> </Scene>

36

3.elevation grid