Top Banner
Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 1 Praktikum XI Animasi dan Multimedia Pokok bahasan: Animasi dan multimedia Membuat aplikasi yang melibatkan komponen multimedia Tujuan Belajar: Setelah mempelajari modul ini mahasiswa diharapkan mengetahui: Aplikasi yang melibatkan multimedia Membuat aplikasi animasi Teori Dasar Animasi Prinsip animasi adalah menjalankan urutan image dalam waktu tertentu.. Gerakan gambar secara berurutan sehingga membentuk “ilusi” gambar bergerak. Animasi dalam android juga menerapkan prinsip tertentu. Tipe Animasi pada Android Animasi Frame by frame Animasi Layout Animasi View/view animation Tweening animation
10

Praktikum XI Animasi dan Multimedia - never stop learning ... · Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 1 Praktikum XI Animasi dan Multimedia ... Teori Dasar Animasi

Mar 22, 2019

Download

Documents

dinhdiep
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Praktikum XI Animasi dan Multimedia - never stop learning ... · Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 1 Praktikum XI Animasi dan Multimedia ... Teori Dasar Animasi

Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 1

Praktikum XI

Animasi dan Multimedia

Pokok bahasan:

• Animasi dan multimedia

• Membuat aplikasi yang melibatkan komponen multimedia

Tujuan Belajar:

Setelah mempelajari modul ini mahasiswa diharapkan mengetahui:

• Aplikasi yang melibatkan multimedia

• Membuat aplikasi animasi

Teori Dasar

Animasi

Prinsip animasi adalah menjalankan urutan image dalam waktu tertentu.. Gerakan gambar

secara berurutan sehingga membentuk “ilusi” gambar bergerak. Animasi dalam android juga

menerapkan prinsip tertentu.

Tipe Animasi pada Android

• Animasi Frame by frame

• Animasi Layout

• Animasi View/view animation

• Tweening animation

Page 2: Praktikum XI Animasi dan Multimedia - never stop learning ... · Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 1 Praktikum XI Animasi dan Multimedia ... Teori Dasar Animasi

Modul Praktikum Pemrograman IV

Percobaan di bawah ini akan membuat aplikasi android tentang tangan begerak dan bersuara.

Terdapat dua file activity, image untuk animasi dan asset untuk menyimpan file audio

GambarActivity.java

package com.example.mencoba;

import android.app.Activity;

import android.media.MediaPlayer;

import android.os.Bundle;

import android.os.Handler;

import android.view.View;

import android.widget.Button;

import android.widget.ImageView;

public class GambarActivity extends Activity {

ImageView gambar;

ImageView image_content;

Bundle b;

String nama;

MediaPlayer mp;

Handler mHandler = new Handler();

private volatile Thread menyapa = new Thread();

@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

Pemrograman IV -adam_ab-2014

Ilustrasi animasi frame by frame

akan membuat aplikasi android tentang tangan begerak dan bersuara.

Terdapat dua file activity, image untuk animasi dan asset untuk menyimpan file audio

package com.example.mencoba;

ediaPlayer;

import android.widget.ImageView;

public class GambarActivity extends Activity {

ImageView image_content;

Handler mHandler = new Handler();

private volatile Thread menyapa = new Thread();

protected void onCreate(Bundle savedInstanceState) {

generated method stub

super.onCreate(savedInstanceState);

Hal 2

akan membuat aplikasi android tentang tangan begerak dan bersuara.

Terdapat dua file activity, image untuk animasi dan asset untuk menyimpan file audio

Page 3: Praktikum XI Animasi dan Multimedia - never stop learning ... · Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 1 Praktikum XI Animasi dan Multimedia ... Teori Dasar Animasi

Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 3

setContentView(R.layout.activity_gambar);

b = getIntent().getExtras();

nama = b.getString("name");

Button TombolKembali = (Button) findViewById(R.id.button1);

TombolKembali.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View arg0) {

// TODO Auto-generated method stub

menyapa.interrupt();

StopSound();

finish();

}

});

gerakan_Goodbye();

}

public void PlaySound(String nama) {

StopSound();

int m6jrdf = getResources().getIdentifier(getPackageName() + ":raw/" + nama, null, null);

mp = MediaPlayer.create(this, m6jrdf);

mp.start();

}

public void StopSound() {

if (mp != null) {

mp.release();

mp = null;

}

}

public void gerakan_Goodbye() {

// setContentView(R.layout.activity_gambar);

gambar = (ImageView) findViewById(R.id.gambar);

// bener

Runnable lari = new Runnable() {

@Override

public void run() {

// TODO Auto-generated method stub

try {

Thread.sleep(1000);

Page 4: Praktikum XI Animasi dan Multimedia - never stop learning ... · Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 1 Praktikum XI Animasi dan Multimedia ... Teori Dasar Animasi

Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 4

mHandler.post(new Runnable() {

@Override

public void run() {

// TODO Auto-generated method stub

gambar.setImageResource(R.drawable.animasi_b);

}

});

Thread.sleep(2000);

mHandler.post(new Runnable() {

@Override

public void run() {

// TODO Auto-generated method stub

PlaySound("sayonara");

gambar.setImageResource(R.drawable.animasi_a);

}

});

Thread.sleep(2000);

mHandler.post(new Runnable() {

@Override

public void run() {

// TODO Auto-generated method stub

gambar.setImageResource(R.drawable.animasi_b);

}

});

Thread.sleep(2000);

mHandler.post(new Runnable() {

@Override

public void run() {

// TODO Auto-generated method stub

PlaySound("sayonara");

gambar.setImageResource(R.drawable.animasi_a);

}

});

Thread.sleep(2000);

mHandler.post(new Runnable() {

@Override

public void run() {

// TODO Auto-generated method stub

gambar.setImageResource(R.drawable.animasi_b);

Page 5: Praktikum XI Animasi dan Multimedia - never stop learning ... · Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 1 Praktikum XI Animasi dan Multimedia ... Teori Dasar Animasi

Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 5

}

});

Thread.sleep(2000);

mHandler.post(new Runnable() {

@Override

public void run() {

// TODO Auto-generated method stub

gambar.setImageResource(R.drawable.animasi_a);

}

});

Thread.sleep(2000);

mHandler.post(new Runnable() {

@Override

public void run() {

// TODO Auto-generated method stub

PlaySound("sayonara");

gambar.setImageResource(R.drawable.animasi_b);

}

});

} catch (InterruptedException e) {

// TODO Auto-generated catch block

e.printStackTrace();

}

}

};

menyapa.interrupt();

menyapa = null;

menyapa = new Thread(lari);

menyapa.start();

// bener

}

}

Page 6: Praktikum XI Animasi dan Multimedia - never stop learning ... · Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 1 Praktikum XI Animasi dan Multimedia ... Teori Dasar Animasi

Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 6

MainActivity.java

package com.example.mencoba;

import android.os.Bundle;

import android.app.Activity;

import android.content.Intent;

import android.view.View;

import android.widget.Button;

public class MainActivity extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

Button bGerakanTangan = (Button) findViewById(R.id.bSay);

bGerakanTangan.setOnClickListener(new View.OnClickListener() {

@Override public void onClick(View arg0) {

// TODO Auto-generated method stub

//memanggil class GambarActivity.java

Intent intent = new Intent(getBaseContext(),GambarActivity.class);

Bundle b = new Bundle();

b.putString("name", "GoodBye");

intent.putExtras(b);

startActivity(intent);

}

});

}

}

Page 7: Praktikum XI Animasi dan Multimedia - never stop learning ... · Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 1 Praktikum XI Animasi dan Multimedia ... Teori Dasar Animasi

Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 7

ActivityMain.xml

Page 8: Praktikum XI Animasi dan Multimedia - never stop learning ... · Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 1 Praktikum XI Animasi dan Multimedia ... Teori Dasar Animasi

Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 8

Activity_gambar.xml

Jangan lupa tambahkan activity dalan androidManifest.xml

<activity android:name=".GambarActivity"></activity>

Tambahkan pula suara dalam folder “raw” yang Anda buat. Dalam project ini nama file suara

adalah sayonara.mp3. Lihat struktur file di bawah ini dan Jalankan aplikasi tersebut

Page 9: Praktikum XI Animasi dan Multimedia - never stop learning ... · Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 1 Praktikum XI Animasi dan Multimedia ... Teori Dasar Animasi

Modul Praktikum Pemrograman IV

Pemrograman IV -adam_ab-2014

Tampilan di emulator

Hal 9

Page 10: Praktikum XI Animasi dan Multimedia - never stop learning ... · Modul Praktikum Pemrograman IV -adam_ab-2014 Hal 1 Praktikum XI Animasi dan Multimedia ... Teori Dasar Animasi

Modul Praktikum Pemrograman IV

Pemrograman IV -adam_ab-2014

Tampilan di emulator

Aplikasi terinstall

Hal 10