topic 3 animation

Download Topic 3 Animation

Post on 21-Feb-2018

213 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

  • 7/24/2019 Topic 3 Animation

    1/33

    I

    ANIMASI

    Laporan ini disusun untuk memenuhi salah satu syarat kelulusan mata

    kuliah HMI Scada pada semester V di Program Studi D3 Teknik

    Elektronika Jurusan Teknik Elektro

    Oleh:

    Regina Tamara

    NIM : 131311024

    POLITEKNIK NEGERI BANDUNG

    2015

  • 7/24/2019 Topic 3 Animation

    2/33

    1

    DAFTAR ISI

    DAFTAR ISI ........................................................................................................... 1

    DAFTAR GAMBAR .............................................................................................. 2

    TUJUAN ................................................................................................................. 4

    ALAT DAN BAHAN ............................................................................................. 4

    DASAR TEORI ...................................................................................................... 4

    HASIL PRAKTIKUM ............................................................................................ 8

    1. Animasi Diskrit ............................................................................................ 8

    2. Animasi Analog ......................................................................................... 28

    KESIMPULAN ..................................................................................................... 22

  • 7/24/2019 Topic 3 Animation

    3/33

    2

    DAFTAR GAMBAR

    Gambar 1.1 Animasi objek dari wizard .................................................................. 5

    Gambar 1.2 Animasi objek yang dibuat sendiri ...................................................... 5

    Gambar 1.3 Jenis-jenis animasi .............................................................................. 6

    Gambar 1.4 Tampilan Application Manager .......................................................... 8

    Gambar 1.5 Tampilan New Window pada InTouch MovieMaker ......................... 9

    Gambar 1.6 Animasi Diskrit ................................................................................... 9

    Gambar 1.7 Tampilan Symbol Factory by Reichard Software ............................. 10

    Gambar 1.8 Animation Link pada Symbol Factory by Reichard Software .......... 10

    Gambar 1.9 Mengisi Expression pada Fill Color .................................................. 11

    Gambar 1.10 Objek Round Rectangle .................................................................. 11

    Gambar 1.11 Animasi pada objek Round Rectangle ............................................ 11

    Gambar 1.12 Mengisi Expression pada Line Color .............................................. 12

    Gambar 1.13 Objek Text ....................................................................................... 12

    Gambar 1.14 Animasi pada objek Text................................................................. 13

    Gambar 1.15 Mengisi Expression pada Text Color .............................................. 13

    Gambar 1.16 Objek Rectangle .............................................................................. 14

    Gambar 1.17 Animasi pada objek Rectangle ........................................................ 14

    Gambar 1.18 Mengisi Expression pada Rectangle ............................................... 14

    Gambar 1.19 Objek Ellipse ................................................................................... 15

    Gambar 1.20 Mengisi Expression pada Ellipse .................................................... 15

    Gambar 1.21 Mengisi Expression pada Blink....................................................... 16

    Gambar 1.22 Objek Light ..................................................................................... 16Gambar 1.23 Mengisi Expression pada objek Light ............................................. 17

    Gambar 1.24 Objek Round Rectagle .................................................................... 17

    Gambar 1.25 Mengisi Expression pada objek Round Rectangle .......................... 17

    Gambar 1.26 Mengisi Action pada objek Round Rectangle ................................. 18

    Gambar 1.27 Objek Light ..................................................................................... 18

    Gambar 1.28 Mengisi Expression pada objek Light ............................................. 19

    Gambar 1.29 Objek Discrete Switch ..................................................................... 19

  • 7/24/2019 Topic 3 Animation

    4/33

    3

    Gambar 1.30 Mengisi Tagname pada objek Discrete Switch ............................... 20

    Gambar 1.31 Objek User Input ............................................................................. 20

    Gambar 1.32 Animasi pada objek Text................................................................. 21

    Gambar 1.33 Mengisi Tagname pada objek User Input ....................................... 21

    Gambar 1.34 Objek Text Value Display ............................................................... 22

    Gambar 1.35 Animasi pada objek Text................................................................. 22

    Gambar 1.36 Mengisi Expression pada objek Text Value Display ...................... 23

    Gambar 1.37 Tampilan Window menuju Window Script .................................... 23

    Gambar 1.38 Window Script ................................................................................ 24

    Gambar 1.39 Keadaan saat Animasi Diskrit di Runtime ...................................... 25

    Gambar 1.40 Keadaan saat Animasi Diskrit ON .................................................. 25

    Gambar 1.41 Keadaan saat Animasi Diskrit OFF ................................................. 26

    Gambar 1.42 Keadaan saat Animasi Diskrit OFF ................................................. 26

    Gambar 1.43 Pada saat Saklar 1 ditekan ............................................................... 27

    Gambar 1.44 Pilihan Saklar 1 pada saat OFF dan ON .......................................... 27

    Gambar 1.45 Keadaan saat Animasi Diskrit ON .................................................. 27

    Gambar 1.46 Animasi Analog............................................................................... 28

    Gambar 1.47 Tampilan Window menuju Window Script .................................... 28

    Gambar 1.48 Window Script Animasi Analog ..................................................... 29

    Gambar 1.49 Keadaan saat Animasi Analog di Runtime ..................................... 29

    Gambar 1.50 Keadaan saat Animasi Analog Switch ON ..................................... 30

    Gambar 1.51 Keadaan saat Animasi Analog Switch OFF .................................... 30

    Gambar 1.52 User Input untuk mengatur Slider ................................................... 31

    Gambar 1.53 Key Untuk mengatur Slider ............................................................ 31

    Gambar 1.54 Tampilan User Input........................................................................ 31

  • 7/24/2019 Topic 3 Animation

    5/33

    4

    TUJUAN

    Tujuan dari praktikum pada percobaan Animasiyaitu :

    1. Membuat animasi diskrit dari objek wizard.

    2.

    Membuat animasi diskrit dari objek yang dibuat sendiri.

    3. Dapat membuat animasifill color, line color, text color, visibility, blink, value

    display, dan user inputdiskrit.

    4. Membuat animasi analogdari objek wizard.

    5. Membuat animasi analogdari objek yang dibuat sendiri.

    6. Dapat membuat animasi percentage fill move horizontal/vertikal, value

    display, dan user input analog.

    ALAT DAN BAHAN

    1.

    Laptop.

    2. Wonderware Intouch Application.

    DASAR TEORI

    Animasi adalah proses memberi nyawa dari objek-objek yang telah digambar

    dan diberi tagname. Proses membuat animasi pada Wonderware InTouch terbagi

    menjadi dua, yaitu jika objek dari wizarddan jika objek dibuat sendiri.

    Animasi objek dari wizard adalah sebuah proses dimana kita membuat suatu

    animasi dari template yang sudah disediakan oleh Wonderware InTouch dengan

    berbagai pilihan gambar yang akan dianimasikan dengan berbagai perintah yang

    sudah tersedia.

  • 7/24/2019 Topic 3 Animation

    6/33

    5

    Gambar 1.1 Animasi objek dari wizard

    Ref : PRAKTIKUM SKTTUnit 3. Animasi.mp4

    Sementara apabila kita membuat animasi dengan objek yang dibuat sendiri

    kita dapat mengklik dua kali pada objek yang kita buat lalu kita pilih animasi apa

    yang kita inginkan.

    Gambar 1.2 Animasi objek yang dibuat sendiriRef : PRAKTIKUM SKTTUnit 3.Animasi.mp4

  • 7/24/2019 Topic 3 Animation

    7/33

    6

    Jenis-jenis animasi

    Gambar 1.3 Jenis-jenis animasi

    Ref : PRAKTIKUM SKTTUnit 3.Animasi.mp4

    Pada touch link operator atau pengguna dapat menyentuh atau memberi

    instruksi pada animasi tersebut. Sementara pada display link animasi hanya

    ditampilkan saja. Pada display link pilihan-pilihan yang ada adalah line coloruntuk

    mengubah garis luar objek, fill coloruntuk mengubah warna isi objek, text color

    untuk mengubah warna huruf, object sizeuntuk mengubah ukuran objek, location

    untuk mengubah lokasi objek,percent filluntuk mengubah presentase isian objek,

    visibilityuntuk mengubah visibilitas, blinkuntuk mengatur kedipan, disable untuk

    mengatur disabilitas.

  • 7/24/2019 Topic 3 Animation

    8/33

    7

    Jenis animasi yang digunakan

    Animasi diskrit

    Hanya ada dua kondisi dari objek yang dimanipulasi yaitu 0, at