MEMBUAT CUSTOM TOAS HURUF HIJAIYAH MENGGUNAKAN APLIKASI ANDROID STUDIO

pada blog kali ini saya akan menjelaskan langkah" pembuatan custom Toas huruf Hijaiyah menggunakan   aplikasi Android Studio.


  1. Langkah Pertama

Seperti biasa kita klik file -> new project 

Langkah ke 2

pertama membuat sebuah project aplikasi baru dan pili api level

•Buat parameter Atribut dan Nilai nya seperti di bawa ini

•Buat sebuah application baru di Android

•Selanjutnya tambahkan widget Button pada bagian seperti pada contoh dibawah ini

•Selanjutnya buka file main_activity.java lalu masukan.

Selanjutnya tambahkan widget Button pada bagian activity_main.xml.

tambahkan build gradle.

Itulah tahapan” dalam pembuatan Toas sederhana Terimakasih bagi teman-teman yang sudah berkunjung.🤗

Pada laporan kali ini membahas tentang view

  1. Atribut < image view berfungsi sebagai kode pembuka untuk menampilkan gambar.
  2. Android: ID berfungsi sebagai memberikan ID pada gambar.
  3. Android: src berfungsi menampilkan gambar dari source (sumber gambar) contoh diatas diambil dari folder drawable.
  4. Layout_width dan layout_height digunakan untuk mengatur ukuran gambar. Ukuran gambar bisa kita gunakan pixel sebagai satuannya. Contoh 300 pixel.
  5. Layout _gravity berfungsi mengatur posisi gambar. Apakah ingin ditempatkan di tengah atau tidak pada layout.

Seperti ini kodenya:

<image view

Android : id=”@+cd/image views 1″

Android: layout_wit = “300 px”

Android: layout_gravity sama dengan “center”

Android. 2 src sama dengan “@drawable/androidstudio”/>

Edit text

Dengan menggunakan edit teks kita bisa membuat sebuah tampilan form untuk menginput data titik jenis teks yang biasanya di input dalam sebuah from yaitu:

  • Text biasa
  • Angka/nomor
  • Password
  • Email
  • Dan tautan sebuah web (url web)

Penggunaan edit text

Buka activity_main.xml kemudian masukkan kode kode xml.

Maka previewnya adalah:

Nama peserta

Nomor peserta

Nomor telepon

Password

Alamat email

Url web pribadi

Atribut edit text

Beberapa atribut edit text yang digunakan pada contoh diatas adalah:

  1. Atribut: layout_width dan height berfungsi digunakan untuk mengatur panjang dan lebar tampilan form input.
  2. Atribut: Hint fungsinya kalau di web biasanya kita mengenal placeholder ini digunakan untuk memberikan informasi form jenis teks apa yang akan kita input.
  3. Atribut. 2 input type berfungsi sebagai digunakan untuk mengisi jenis input text pada ada form :
    • Teksture = untuk url web
    • Text = untuk teks biasa
    • Number = input berupa nomor/angka
    • Phone=input berupa nomor telepon
    • Text password = input berupa password
    • Text email address = input berupa alamat email.

Ada beberapa jenis teks pada edit text.
Ada banyak sekali berbagai jenis text input yang bisa kalian gunakan dalam edit text di antaranya yang sudah dituliskan di atas tadi. Untuk untuk edit text ini sendiri adalah sebuah tampilan atau widget yang biasa digunakan untuk memasukkan teks dalam aplikasi Android. Dalam menggunakan edit text ini Anda tidak hanya memasukkan teks huruf saja komat tetapi anda bisa memasukkan angka dan simbol. Contoh yang paling umum dalam menggunakan edit text ini adalah login atau sign up.

Dengan menggunakan input type selain berfungsi untuk menspesifikasi data yang kita inputkan, input type juga akan mengubah bermacam hal, seperti layout keyboard, dan tampilan teks. Untuk input type number maka layout keyboard Android kita akan berubah hanya menampilkan angka, begitu juga dengan input type html layout keyboard kita akan menampilkan simbol ‘@’ yang mudah diakses. Sedangkan input type password, maka apa yang kita ketikkan tidak akan ditampilkan pada edit text, hanya ada titik -titik.

Komponen aplikasi Android
Komponen ini adalah suatu bagian yang sangat penting dari suatu aplikasi Android karena dengan komponen-komponen inilah suatu aplikasi Android dapat berjalan dengan baik. Komponen-komponen ini dikendalikan oleh androidmanifest.xml yang mendeskripsikan setiap komponen dan bagaimana mereka berinteraksi.

Sekian dan terimakasih 🤗

BELAJAR INTENT DENGAN ANDROID STUDIO SEBUAH JEMBATAN INTERAKSI ANTARA ACTIVITY

intent merupakan objek yang menyediakan waktu proses yang
mengikat komponen-komponen terpisah. Intent biasanya
digunakan untuk berpindah ke activity lain pada aplikasi
android.

-Buat projek baru dan untuk nama projek bisa disesuaikan dengan keinginan anda dan menggunakan Java sebagai bahasa pemrograman

-buat halaman kedua dari Activity tersebut

-masuk kedokumen Activity_main.xml

– buat halaman kedua dari Activity kemudian ke menu file,new Activity,empy Activity

-masuk kedokumen Activity-main.xml disini kita akan membuat kode program yang berfungsi sebagai tampilan awal aplikasi

-buatlah styeli Buton terlebih dahulu

•Type Face
Dengan atribut ini kita bisa memilih tipe font
bawaan yang disebutkan tadi diatas yaitu : serif,
monoscape, dan sans

•Text Aligment
Digunkan untuk melakukan pengaturan posisi teks
(perataan).

•Button
Button digunakan membuat dan mengatur tombol pada
aplikasi android. Mari kita praktekan cara menggunakan
button pada android studio.
o Buka Android Studio kemudian buat project baru
dengan nama “latihanbutton”.

•Ketika workspace LihatButton sudah muncul seperti
gambar diatas, buka file activity_main.xml lalu
ketikan kode-kode dibawah ini.

<?xml version=”1.0″ encoding=”utf-8″?>
<RelativeLayout
xmlns:android=”http://schemas.android.com/apk/res/androi
d”
xmlns:app=”http://schemas.android.com/apk/res-auto&#8221;
xmlns:tools=”http://schemas.android.com/tools&#8221;
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:padding=”20dp”
tools:context=”.MainActivity”>

Button bisa juga menggunakan background dari gambar
yang kita miliki caranya yaitu :
• Copykan terlebih dahulu gambar yang akan
dijadikan background pada anroid studio. Langkah￾langkahnya adalah : Klik kanan pada folder
drawable yang ada pada directory res.
• Copykan gambar yang sudah kita siapkan untuk
dijadikan background dari button ke folder
drawable. Ganti nama gambar menjadi button1.

Jika sudah silahkan ketikan kode-kode xml berikut
dibawah kode botten pada activity_main.xml :

<Button
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_below=”@+id/button3″
android:id=”@+id/button4″
android:layout_marginBottom=”30dp”
android:background=”@drawable/button1″
android:text=”button dengan background ” />

Untuk menambahkan icon disebelah kanan ataupun kiri
pada button adalah:
• Tambahkan asset dari android studio. Caranya : Klik
kanan pada drawable > New > Vector Asset

-klik icon

Pada kolom pencarian ketikan “info”. Lalu pilih
icon “info outline “

-Pilih ok lalu Next sampai dengan Finish. Pada
drawable akan muncul icon tadi.

-Kali ini tambahkan kode-kode xml berikut dibawah
kode-kode button yang sudah diberikan image
background pada activity_main.xml sebelumnya.

-Toast
Supaya button yang diklik menimbulkan aksi (misalnya
ketika button di klik akan memunculkan sebuah pesan
berupa teks tertentu ) maka kali ini kita akan
menggunakan toast.
Toast berfungsi memberikan informasi berupa teks yang
hanya tampil beberapa detik saja. kita lihat bagaimana
toast bekerja yaitu sebagai berikut :
Buka tab MainActivity.java

-Kemudian ketik kode-kode java dibawah ini

ImageView
ImageView merupakan komponen view yang bisa kita
gunakan untuk menambahkan / menampilkan gambar
pada aplikasi android yang kita buat.
Penggunaan ImageView
Berikut ini merupakan langkah mudah untuk
menambahkan gambar pada android studio.
• Klik kanan pada folder drawable yang terdapat pada
folder res
• Pilih show in explorer. Copykan gambar yang akan
kita gunakan pada aplikasi android ke folder
drawable.

Image :

Buat Project Activity Dan Intent Di Android Studio

apa itu android Studio?

Android Studio adalah sebuah IDE untuk Android Development diperkenalkan google pada acara I/O 2013.

Apa yang membedakan antara Android Studio dengan Eclipse ?

Android Studio menggunakan Gradle untuk memanajemen project . Gradle Merupakan Build Automation Tool, untuk mengenal lebih lanjut melalui situs berikut ini gradle.org , ini yang membedakan gradle dari Ant atau Maven yang memakai XML.

Dalam Blog ini saya akan membahas cara membuat project aplikasi android di android studio.

1. Download Android studio

terlebih dahulu download android studio di Pc masing-masing

2. Create Project

buat project baru dengan memilih File > New > New Project dari menu utama.

Selanjutnya, Anda dapat memilih jenis project yang ingin dibuat dari kategori faktor bentuk perangkat, yang ditampilkan sebagai tab di dekat bagian atas wizard

Dengan memilih jenis project yang ingin dibuat, Android Studio dapat menyertakan kode contoh dan resource untuk membantu Anda memulai.

Setelah memilih, klik Next.

3.configurasi activity

Tentukan nama aplikasi yang akan dibuat juga nama Package. Untuk penentuan nama bebas sesuai pilihan sendiri. juga tentukan lokasi penyimpanan project ini serta tentukan minimun SDK

lalu Klik Finish

kemudian atur layout pada activity_main.xml menggunakan kode-kode seperti dibawah ini

Pada MainActivity.java perhatikan sebentar ada
nama packagenya. Contoh dari nama package
adalah :
package tugas.com.tugas1praktikum01;

Nama package tersebut terbentuk secara otomatis dari
nama project yang kita buat di awal. Karena saya
menggunakan nama project tugas1Praktikum01
maka hasilnya seperti itu.

tambahkan kode-kode java seperti di gambar pada MainActivity.java.

Disini kita akan menggunakan fasilitas call dan
internet maka tambahkan user permission pada
AndroidManifest.xml seperti berikut

4.implicit intent
Tambahkan satu button pada activity_main.xml
dibawah button yang sudah dibuat pada implicit
intent.
letakan dibawah setelah kode button buka browser.

Buat activity baru yang berisi informasi tentang
aplikasi yang kita buat. Caranya : klik folder java >
klik kanan pada nama project > pilih New >
Activity > Empty Activity

Tambahkan informasi aplikasi dengan cara Klik res Layout > activity_tentang.xml > tab text >
tambahkan kode-kode berikut :

Pada MainAcivity.java tambahkan intent untuk
membuka halaman tentang yang tadi kita buat. Kodekodenya adalah :

terakhir running di handphone kalian maka akan tampil seperti gambar dibawah

sekian dan terima kasih

Rancang situs seperti ini dengan WordPress.com
Mulai