Template by:
Free Blog Templates

Minggu, 11 Juni 2017

Membuat Text to Speech pada Android

Teknologi Text-to-Speech ini di peruntukkan kepada para penderita tunanetra agar bisa mudah menjalankan computer. Namun bukan hanya computer saja yang bisa melakukan hal ini, karena saat ini sudah bisa di lakukan dalam perangkat android seperti memiliki buku bahasa yang bisa membantu anda mempelajari bahasa baru.

Langkah pertama buat kelas MainActivity.
masukkan source code untuk MainActivity.java

package com.example.texttospeach;

import java.util.Locale;

import android.os.Bundle;
import android.app.Activity;
import android.speech.tts.TextToSpeech;
import android.util.Log;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Switch;
import android.widget.Toast;

public class MainActivity extends Activity implements TextToSpeech.OnInitListener, OnClickListener{

    EditText input;
    Button button_clear, button_speak;
    TextToSpeech tts;
   
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
       
        input = (EditText) findViewById(R.id.editText1);
        button_clear = (Button) findViewById(R.id.button1);
        button_speak = (Button) findViewById(R.id.button2);
        button_clear.setOnClickListener(this);
        button_speak.setOnClickListener(this);
       
        tts = new TextToSpeech(this, this);
    }

    @Override
    public void onClick(View v) {
        switch(v.getId()) {
        case R.id.button1:
            input.setText("");
            break;
        case R.id.button2:
            String text = input.getText().toString();
            if (text.isEmpty()) {
                Toast.makeText(MainActivity.this, "Text is empty", Toast.LENGTH_SHORT).show();
            } else {
                tts.speak(text, TextToSpeech.QUEUE_FLUSH, null);
            }  
            break;
          
        }
    }

    @Override
    public void onInit(int status) {
        if(status == TextToSpeech.SUCCESS) {
            Locale bahasa = tts.getLanguage();
            int result = tts.setLanguage(bahasa);
            if (result == TextToSpeech.LANG_MISSING_DATA || result == TextToSpeech.LANG_NOT_SUPPORTED) {
                Log.e("TTS","this language is not supported");
            } else {
          
            }
        } else {
            Log.e("TTS", "initialization failed");
        }      
    }
}
 

Source code untuk file activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <EditText
        android:id="@+id/editText1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView1"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="90dp"
        android:hint="Input English Text"
        android:ems="10" />
  
   
    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/editText1"
        android:layout_below="@+id/editText1"
        android:layout_marginLeft="28dp"
        android:layout_marginTop="44dp"
        android:text="Clear" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/button1"
        android:layout_alignBottom="@+id/button1"
        android:layout_alignRight="@+id/editText1"
        android:layout_marginRight="33dp"
        android:text="Speak" />

</RelativeLayout>


Tampilan Emulator:


Membuat tampilan List ArrayAdapter menggunakan ADT

Array adalah koleksi dari object yang mempunyai tipe identik / sama, array dapat disebut juga koleksi data dengan setiap elemen data menggunakan nama yang sama dan masing-masing elemen mempunyai tipe data sama. Array dapat diloop dengan memberi indeks setiap item di dalamnya, dan setiap komponen / item array dapat diakses dan dibedakan melalui indeks array.

Langkah pertama buat Project dengan nama CobaArray.
selanjutnya buat kelas Almag dan Array2.

Langkah kedua masukkan source code pada kelas Almag.java

package com.example.cobaarray;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class Almag extends Activity {
   
    private String nama="";
    private String alamat="";
    private String jekel="";
   
    public String getNama() {
        return(nama);
        }
   
    public void setNama(String nama) {
        this.nama=nama;
        }
        public String getAlamat() {
        return(alamat);
        }
        public void setAlamat(String alamat) {
        this.alamat=alamat;
        }
        public String getJekel() {
        return(jekel);
        }
        public void setJekel(String jekel) {
        this.jekel=jekel;
        }
        public String toString() {
        return(getNama());
        }
       

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_almag);
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.almag, menu);
        return true;
    }
   
}

Langkag ketiga source code untuk file Almag.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".Almag" >

    <TableLayout android:id="@+id/details"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:stretchColumns="1">
       
    <TableRow>
        <TextView android:text="Name:" />
        <EditText android:id="@+id/nama" />
    </TableRow>
   
    <TableRow>
        <TextView android:text="Jekel:" />
        <RadioGroup android:id="@+id/jekel">
        <RadioButton android:id="@+id/pria"
        android:text="Pria"/>
       
    <RadioButton android:id="@+id/perempuan"
        android:layout_width="wrap_content"
        android:text="Perempuan"/>
    </RadioGroup>
    </TableRow>
       
    <TableRow>
        <TextView android:text="Alamat:" />
        <EditText android:id="@+id/alamat" />
        </TableRow>
    <Button android:id="@+id/save"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Save"
        />
    </TableLayout>
        <ListView android:id="@+id/almag"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_above="@id/details"
        />
       
    <ListView android:id="@+id/almag"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_above="@id/details"
        />
   


</RelativeLayout>

Keempat source code untuk file Array2.java

package com.example.cobaarray;

import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;
import android.widget.RadioGroup;


public class Array2 extends Activity{
    List<Almag> model = new ArrayList<Almag>();
    ArrayAdapter<Almag> adapter = null;
   
    public void onCreate(Bundle saveInstanceState) {
        Bundle savedInstanceState = null;
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_almag);
       
        Button save=(Button)findViewById(R.id.save);
        OnClickListener onSave = null;
        save.setOnClickListener(onSave);
       
        ListView list=(ListView)findViewById(R.id.almag);
        adapter=new ArrayAdapter<Almag>(this, android.R.layout.simple_list_item_1, model);
        list.setAdapter(adapter);
   
    }
   
   
    private View.OnClickListener onSave=new View.OnClickListener() {
        public void onClick(View v) {
            Almag r=new Almag();
            EditText nama=(EditText)findViewById(R.id.nama);
            EditText alamat=(EditText)findViewById(R.id.alamat);
           
            r.setNama(nama.getText().toString());
            r.setAlamat(alamat.getText().toString());
           
            RadioGroup jekel=(RadioGroup)findViewById(R.id.jekel);
           
            switch (jekel.getCheckedRadioButtonId()) {
             case R.id.pria:
             r.setJekel("Pria");
             break;
           
             case R.id.perempuan:
                 r.setJekel("Perempuan");
                 break;
            }
            adapter.add(r);
        }
       
        public void onClick1(View arg0) {
            // TODO Auto-generated method stub
           
        }
    };

}


Tampilan pada Emulator:



Membuat Spinner Array pada ADT

Spinner adalah salah satu widget yang berfungsi sebagai komponen User Interface (Antar Muka), yang dapat menampilkan daftar item drop down.  Jadi untuk menampilkan suatu daftar pilihan ,kita harus mengklik item berbentuk widget Spinner  terlebih dahulu.

Langkah pertama buat project dengan nama SpinnerArray. kemudian buat kelas MainActivity.

Langkah kedua masukkan source code untuk file MainActivity.java

package com.example.spinnerarray;

import java.util.ArrayList;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.Spinner;
import android.widget.TextView;


public class MainActivity extends Activity implements OnClickListener{
 
    Spinner spinnerPemrograman;
    Button buttonPilih;
 
    TextView textViewlaporan;
 
    ArrayList<String> arrayListPemrograman = new ArrayList<String>();
 

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
     
        arrayListPemrograman.add("java");
        arrayListPemrograman.add("PHP");
        arrayListPemrograman.add("Android");
     
        spinnerPemrograman = (Spinner)findViewById(R.id.SpinnerPemrograman);
        buttonPilih = (Button)findViewById(R.id.buttonPilih);
        textViewlaporan = (TextView)findViewById(R.id.textViewLaporan);
     
        ArrayAdapter<String> adapterPemrograman= new ArrayAdapter<String>(this, android.R.layout.simple_spinner_item, arrayListPemrograman);
     
        adapterPemrograman
     
        .setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
     
        spinnerPemrograman.setAdapter(adapterPemrograman);
        spinnerPemrograman.setSelection(2);
     
        buttonPilih.setOnClickListener(this);
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }


    @Override
    public void onClick(View view) {
        // TODO Auto-generated method stub
        textViewlaporan.setText("Spinner yang dipilih adalah:" + spinnerPemrograman.getSelectedItem().toString());
   
   
   
    }
 
}

Langkah ketiga masukkan source code untuk activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical">
 
    <Spinner
        android:id="@+id/SpinnerPemrograman"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
 
    <Button
        android:id="@+id/buttonPilih"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Pilih"/>
 
    <TextView
        android:id="@+id/textViewLaporan"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="TextView"/>
 
    </LinearLayout>

Tampilan emulator:






Membuat menu group pada Android

Option Menu adalah salah satu komponen menu pilihan pada pengembangan Aplikasi Android,yang akan tampil ketika user ( pengguna ) menekan tombol menu pada perangkat Android. Option Menu digunakan untuk membantu user (pengguna ) menampilkan menu pada fitur-fitur yang tersemat pada Aplikasi Android.

source code pada file MainActivity.java

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.RadioGroup.OnCheckedChangeListener;

public class MainActivity extends Activity implements OnClickListener, OnCheckedChangeListener {

    EditText fieldnama,fieldemail;
    Button tomboltampil;
    RadioGroup groupjk;
    RadioButton radiolk, radiopr;
    CheckBox cekboxjava, cekboxsa, cekboxnet;
    TextView outputnama, outputemail, outputjk, outputahli;
    String jk, ahli;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    
        fieldemail = (EditText)findViewById(R.id.fieldemail);
        fieldnama = (EditText)findViewById(R.id.fieldnama);
        tomboltampil = (Button)findViewById(R.id.tomboltampil);
        groupjk = (RadioGroup)findViewById(R.id.groupjk);
        cekboxjava = (CheckBox)findViewById(R.id.cekboxjava);
        cekboxsa = (CheckBox)findViewById(R.id.cekboxsa);
        cekboxnet = (CheckBox)findViewById(R.id.cekboxnet);
        outputnama =(TextView)findViewById(R.id.outputnama);
        outputemail =(TextView)findViewById(R.id.outputemail);
        outputahli = (TextView)findViewById(R.id.outputahli);
        outputjk = (TextView)findViewById(R.id.outputjk);
    
        tomboltampil.setOnClickListener(this);
        groupjk.setOnCheckedChangeListener(this);    
    
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public void onClick(View klik) {
        // TODO Auto-generated method stub

        outputnama.setText("Nama Anda : "+fieldnama.getText());
        outputemail.setText("Email Anda : "+fieldemail.getText());
        if (cekboxjava.isChecked() && cekboxnet.isChecked() && cekboxsa.isChecked()){
            outputahli.setText("Keahlian Anda : Java Programming, Internet Networking & Software Analysis");
        }else if(cekboxjava.isChecked() && cekboxnet.isChecked()){
                outputahli.setText("Keahlian Anda : Java Programming & Internet Networking");
        }else if(cekboxjava.isChecked() && cekboxsa.isChecked()){
            outputahli.setText("Keahlian Anda : Java Programming & Software Analysis");
        }else if(cekboxnet.isChecked() && cekboxsa.isChecked()){
            outputahli.setText("Keahlian Anda : Internet Networking & Software Analysis");
        }else if(cekboxjava.isChecked()){
            outputahli.setText("Keahlian Anda : Java Programming");
        }else if(cekboxnet.isChecked()){
            outputahli.setText("Keahlian Anda : Internet Networking");        
        }else if(cekboxsa.isChecked()){
            outputahli.setText("Keahlian Anda : Software Analysis");
        }else{
            outputahli.setText("Keahlian Anda : ");
        
        }
        outputjk.setText(jk);
        fieldnama.setText("");
        fieldemail.setText("");
        cekboxjava.setChecked(false);
        cekboxsa.setChecked(false);
        cekboxnet.setChecked(false);
        groupjk.clearCheck();
    }

    @Override
    public void onCheckedChanged(RadioGroup group, int check) {
        // TODO Auto-generated method stub
        if(check==R.id.radiolk){
            jk="Jenis Kelamin : Laki-Laki";
        
        }else if(check==R.id.radiopr){
                jk="Jenis Kelamin : Perempuan";
            
        }else{
            jk="Jenis Kelamin :";
        }
    
    }

}

Source code pada Activity_main.xml

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    tools:ignore="HardcodedText" >

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >
    
          <TextView
            android:id="@+id/labelnim"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="7dp"
            android:text="Daftar"
            android:layout_centerHorizontal="true"
            android:textSize="18sp" />

        <TextView
            android:id="@+id/labelnama"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/labelnim"
            android:layout_marginTop="7dp"
            android:text="NIM"
            android:textSize="18sp" />

        <EditText
            android:id="@+id/fieldnama"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/labelnama"
            android:layout_below="@+id/labelnim"
            android:inputType="text" >
        </EditText>

        <TextView
            android:id="@+id/labelemail"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/labelnama"
            android:layout_marginTop="15dp"
            android:text="Kelas"
            android:textSize="18sp" />

        <EditText
            android:id="@+id/fieldemail"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/fieldnama"
            android:layout_toRightOf="@+id/labelemail"
            android:inputType="textEmailAddress" >
        </EditText>

        <TextView
            android:id="@+id/labeljk"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/labelemail"
            android:layout_marginTop="15dp"
            android:text="Jenis Kelamin"
            android:textSize="18sp" />

        <RadioGroup
            android:id="@+id/groupjk"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/labeljk"
            android:orientation="horizontal"
            android:padding="5dp" >

            <RadioButton
                android:id="@+id/radiolk"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Laki-Laki"
                android:textSize="18sp" />

            <RadioButton
                android:id="@+id/radiopr"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Perempuan"
                android:textSize="18sp" />
   
        </RadioGroup>

        <TextView
            android:id="@+id/labelkeahlian"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/groupjk"
            android:layout_marginTop="7dp"
            android:text="Jurusan"
            android:textSize="18sp" />

        <CheckBox
            android:id="@+id/cekboxjava"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/labelkeahlian"
            android:layout_marginTop="5dp"
            android:text="TI"
            android:textSize="18sp" />

        <CheckBox
            android:id="@+id/cekboxnet"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/cekboxjava"
            android:layout_marginTop="5dp"
            android:text="THP"
            android:textSize="18sp" />

        <CheckBox
            android:id="@+id/cekboxsa"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/cekboxnet"
            android:layout_marginTop="5dp"
            android:text="MPP"
            android:textSize="18sp" />

        <Button
            android:id="@+id/tomboltampil"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/cekboxsa"
            android:layout_marginTop="5dp"
            android:text="TAMPILKAN"
            android:textSize="18sp" />

        <TextView
            android:id="@+id/outputnama"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/tomboltampil"
            android:layout_marginTop="5dp"
            android:textSize="18sp" />

        <TextView
            android:id="@+id/outputemail"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/outputnama"
            android:layout_marginTop="5dp"
            android:textSize="18sp" />

        <TextView
            android:id="@+id/outputahli"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/outputemail"
            android:layout_marginTop="5dp"
            android:textSize="18sp" />

        <TextView
            android:id="@+id/outputjk"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/outputahli"
            android:layout_marginTop="5dp"
            android:textSize="18sp" />
    </RelativeLayout>

</ScrollView>

Tampilan emulator:

Tampilan emulator:












Membuat perhitungan Luas Persegi Panjang pada ADT

Sebelum kita masuk pada langkah-langkah pembuatan, kita harus tau dulu apa rumus untuk mencari luas persegi panjang terlebih dahulu karena didalam program nanti kita akan mendeklarasikan rumus dari persegi panjang itu sendriri.
Langkah awal yang kita lakukan yaitu jalankan aplikasi ADT, buat project dengan nama Perhitungan_luas. 

Langkah kedua buat kelas dengan nama Hitung_luas.java dan file xml dengan nama Hitung_luas.java. setelah itu masukkan source code pada file Hitung_luas.java

package com.example.Perhitungan_luas;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class Hitung_luas extends Activity implements OnClickListener {
  
    Button but1;
    Button but2;
    Button but3;
    Button but4;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_Hitung_luas);
      
        but1 = (Button) findViewById(R.id.button1);
        but2 = (Button) findViewById(R.id.button2);
        but3 = (Button) findViewById(R.id.button3);
        but4 = (Button) findViewById(R.id.button4);
      
        but1.setOnClickListener(new View.OnClickListener() {
          
            @Override
            public void onClick(View arg0) {
                // TODO Auto-generated method stub
                Intent masuk = new Intent(Hitung_luas.this,Tugas1.class);
                startActivity(masuk);
              
            }
        });
      
        but2.setOnClickListener(new View.OnClickListener() {
          
            @Override
            public void onClick(View arg0) {
                // TODO Auto-generated method stub
                Intent masuk = new Intent(Hitung_luas.this,Tugas2.class);
                startActivity(masuk);
              
            }
        });
      
        but3.setOnClickListener(new View.OnClickListener() {
          
            @Override
            public void onClick(View arg0) {
                // TODO Auto-generated method stub
                Intent masuk = new Intent(Hitung_luas.this,Tugas3.class);
                startActivity(masuk);
              
            }
        });
        but4.setOnClickListener(new View.OnClickListener() {
          
            @Override
            public void onClick(View arg0) {
                // TODO Auto-generated method stub
                Intent masuk = new Intent(Hitung_luas.this,Tugas4.class);
                startActivity(masuk);
              
            }
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.Hitung_luas, menu);
        return true;
    }

    @Override
    public void onClick(View arg0) {
        // TODO Auto-generated method stub
      
    }

}


Langkah ketiga masukkan source code untuk file Hitung_luas.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".Pindah" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="40dp"
        android:text="Layout Hitung Luas"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/textView1"
        android:layout_marginLeft="48dp"
        android:layout_marginTop="58dp"
        android:text="Tugas 1" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/button1"
        android:layout_alignBottom="@+id/button1"
        android:layout_marginLeft="42dp"
        android:layout_toRightOf="@+id/button1"
        android:text="Tugas 2" />

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/button1"
        android:layout_below="@+id/button1"
        android:layout_marginTop="46dp"
        android:text="Tugas 3" />

    <Button
        android:id="@+id/button4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/button3"
        android:layout_alignLeft="@+id/button2"
        android:text="Tugas 4" />

</RelativeLayout>

Langkah keempat buat lagi kelas dengan nama Tugas1.java dan file xml Tugas1.xml. kemudian masukkan source code pada file Tugas1.java

package com.example.Perhitungan_luas;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

public class Tugas1 extends Activity {
  
    Button satu;
    EditText editText1;
    EditText editText2;
    EditText editText3;
    Button button1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_tugas1);
      
        satu = (Button) findViewById(R.id.satu);
        editText1 = (EditText) findViewById(R.id.editText1);
        editText2 = (EditText) findViewById(R.id.editText2);
        editText3 = (EditText) findViewById(R.id.editText3);
        button1 = (Button) findViewById(R.id.button1);
      
        satu.setOnClickListener(new View.OnClickListener()
      
        {
            public void onClick(View view)
            {
                Intent pindah = new Intent(Tugas1.this,Hitung_luas.class);
                startActivity(pindah);
            }
        });
    }
            public void hitungluas(View View) {
        try {
          
            int panjang = Integer.parseInt(editText1.getText().toString());
            int lebar = Integer.parseInt(editText2.getText().toString());
            int luas = panjang * lebar;
            editText3.setText(String.valueOf(luas));
        } catch (Exception e) {
            e.printStackTrace();
          
          
        }

    }
}

Langkah kelima masukkan lagi source code pada file Tugas1.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".Satu" >

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/editText1"
        android:layout_alignParentTop="true"
        android:text="@string/panjang"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <EditText
        android:id="@+id/editText1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView2"
        android:layout_below="@+id/textView3"
        android:ems="10"
        android:inputType="numberSigned|numberDecimal" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/editText2"
        android:layout_below="@+id/editText1"
        android:text="@string/lebar"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <EditText
        android:id="@+id/editText2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/satu"
        android:layout_below="@+id/textView2"
        android:ems="10"
        android:inputType="numberSigned|numberDecimal" >

        <requestFocus />
    </EditText>

    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/editText2"
        android:onClick="hitungluas"
        android:text="@string/hitungluas" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/button1"
        android:layout_below="@+id/button1"
        android:text="@string/luas"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <EditText
        android:id="@+id/editText3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView1"
        android:layout_below="@+id/textView1"
        android:ems="10"
        android:inputType="numberSigned|numberDecimal" />

    <Button
        android:id="@+id/satu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/editText3"
        android:layout_below="@+id/editText3"
        android:text="@string/back" />

</RelativeLayout>

Tampilan yang dihasilkan pada emulator:



Rabu, 07 Juni 2017

Android Text to Speech | Tutorial Android

Kali ini saya mau berbagi contoh aplikasi sederhana Text to Speech pada Android. Aplikasinya sederhana saja, jadi nanti aplikasinya mengeluarkan suara dari Text yang kita inputkan. Mau tau gimana cara membuatnya? Cekidott....

1. Buat project baru dengan nama "TextToSpeech" dengan nama activity "AndroidTextToSpeechActivity" dan layoutnya "main".

2. Masukkan kodingan berikut pada AndroidTextToSpeechActivity.java

import java.util.Locale;
import android.app.Activity;
import android.os.Bundle;
import android.speech.tts.TextToSpeech;
import android.util.Log;
import android.view.View;
import android.widget.EditText;
import android.widget.ImageButton;

public class AndroidTextToSpeechActivity extends Activity implements
        TextToSpeech.OnInitListener {
    /** Called when the activity is first created. */

    private TextToSpeech tts;
    private ImageButton btnSpeak;
    private EditText txtText;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        tts = new TextToSpeech(this, this);

        btnSpeak = (ImageButton) findViewById(R.id.btnSpeak);

        txtText = (EditText) findViewById(R.id.txtText);

        // button on click event
        btnSpeak.setOnClickListener(new View.OnClickListener() {

            public void onClick(View arg0) {
                speakOut();
            }

        });
    }

    @Override
    public void onDestroy() {
        // Don't forget to shutdown!
        if (tts != null) {
            tts.stop();
            tts.shutdown();
        }
        super.onDestroy();
    }

    public void onInit(int status) {
        // TODO Auto-generated method stub

        if (status == TextToSpeech.SUCCESS) {

            int result = tts.setLanguage(Locale.US);

            // tts.setPitch(5); // set pitch level

            // tts.setSpeechRate(2); // set speech speed rate

            if (result == TextToSpeech.LANG_MISSING_DATA
                    || result == TextToSpeech.LANG_NOT_SUPPORTED) {
                Log.e("TTS", "Language is not supported");
            } else {
                btnSpeak.setEnabled(true);
                speakOut();
            }

        } else {
            Log.e("TTS", "Initilization Failed");
        }

    }

    private void speakOut() {

        String text = txtText.getText().toString();

        tts.speak(text, TextToSpeech.QUEUE_FLUSH, null);
    }
}
 3. Selanjutnya pada main.xml, masukkan ....


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:background="#ffffff">
   
    <TextView android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:text="Text To Speech"
                android:padding="15dip"
                android:textColor="#000000"
                android:textSize="26dip"
                android:gravity="center"
                android:textStyle="bold"/>
   
    <EditText android:id="@+id/txtText"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="Enter some text to speak"
        android:layout_marginTop="20dip"       
        android:layout_margin="10dip"/>

    <ImageButton
        android:id="@+id/btnSpeak"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@drawable/speak" />

</LinearLayout>

Sebelumnya buat dulu folder baru di res dengan nama drawable dan masukkan gambar ini (speak.png).



4. Habis itu coba RUN deh.... Kira-kira nanti keluarnya seperti ini,




Setelah itu coba masukkan text dan klik gambar speaker. Taraaa.... Ada suaranya kan? XD

Macromedia Dreamweaver 8



1.Insert bar merupakan tempat semua perangkat kerja (tombol) tang digunakan untuk membuat halaman web. Insert bar mempunyai dua jenis tampilan, yaitu tampilan sebagai menu dan tampilan sebagai tab.

2. Document toolbar memiliki tombol-tombol untuk mengatur perpindahan view dan perintah-perintah yang umum.
3. Document Window adalah jendela yang menunjukan dokumen yang sedang di edit. Anda dapat memilih beberapa jenis tampilan, yaitu

4. Property inspector menyediakan tool untuk memeriksa dan mengedit properti dari elemen HTML, seperti teks atau obyek lain. Isi properti akan menyesuaikan dengan elemen yang sedang dipilih, misalnya untuk elemen image maka properti yang akan muncul adalah file path to the image, width dan height of the image, border, alt, align, dan lain-lain.
5.
6. Files pane1 sekarang menunjukkan root folder lokal baru untuk situs Anda saat ini .Daftar file di panel Files bertindak sebagai file manager , yang memungkinkan Anda untuk menyalin ,menyisipkan , menghapus , memindahkan , dan membuka file seperti yang Anda lakukan pada komputerDesktop