PAPB 3 - Component Ui Lanjutan (EditText, RadioButton, Button)

 Tugas Praktikum

1. Seperti biasa buatlah New Project

2. Beri nama project "TugasModul4" lalu klik Finish

3. Buka App -> res -> layout -> activity_main.xml

4. Ketikan Program seperti berikut

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    tools:context=".MainActivity">

    <EditText
        android:id="@+id/textfield3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:hint="Username"
        android:minHeight="48dp" />

    <EditText
        android:id="@+id/textfield1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:hint="Password"
        android:minHeight="48dp" />

    <EditText
        android:id="@+id/textfield2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:hint="Email"
        android:minHeight="48dp" />

    <EditText
        android:id="@+id/textfield4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:hint="Phone Number"
        android:minHeight="48dp" />

    <EditText
        android:id="@+id/textfield5"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:hint="Website"
        android:minHeight="48dp" />

    <RadioGroup
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_gravity="center">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginTop="15dp"
            android:layout_marginRight="15dp"
            android:layout_marginBottom="15dp"
            android:text="Jenis Kelamin"
            android:textSize="18dp" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="Perempuan" />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="Laki-laki" />
    </RadioGroup>

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Register"
        android:backgroundTint="@color/teal_700"/>

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Login"
        android:backgroundTint="@color/teal_700"/>

</LinearLayout>

5. Run Project

Hasil-nya akan seperti berikut

   

Read More

PAPB 2 - Component Ui (EditText, Radio Button, Button)

User interface merupakan sesuatu yang bisa dilihat oleh user dan berfungsi sebagai media bagi user dan berfungsi sebagai media bagi user berinteraksi dengan perangkat. Activity menggunakan method setContentView (R.layout.namafile.xml) untuk merender tampilan pada layar perangkat. Komponen User Interface terbagi menjadi beberapa kategori :

1. Layout : layout merupakan perluasan dari kelas ViewGroup. Layout berfungsi sebagai wadah komponen lainny. Layout mengatur bagaimana komponen lainnya akan ditampilkan. Jenis-jenis layout yaitu LinearLayout, RelativeLayout, FrameLayout, TableLayout, dan GridLayout.

2. Widget : Widget terdiri dari Button, Checkbox, Textview, Switches, Imageview, Progress bar, spinner, dan Webview. Widget disebut juga dengan UI Control.

3. Text Field : Dengan komponen ini user dapat melakukan input teks.

4. Container : Merupakan komponen yang umum digunakan untuk menampilkan komponen-komponen yang sama. Beberapa container yaitu radio group, list view, scroll view.

5. Date & Time : Komponen ini digunakan untuk menampilkan tanggal dan waktu

Tugas Praktikum

1. Create new Project Empty Activity 

2. Buka activity_main.xml, dan masukan code seperti ini

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/selamat"
        android:layout_gravity="center"
        android:layout_marginTop="20dp"
        android:layout_marginBottom="20dp"
        android:textSize="20sp"
        android:textStyle="bold"
        />

    <EditText
        android:id="@+id/txtfield"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Nama"
        android:textSize="20dp"
        />

    <TextView
        android:id="@+id/text2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Pilih Alamat Tinggal : "
        android:textSize="20dp"
        android:layout_marginTop="20dp"
        android:layout_marginBottom="20dp"
        android:layout_marginLeft="20dp"
        />

    <RadioGroup
        android:id="@+id/radioGrup"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <RadioButton
            android:id="@+id/rdKuningan"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="20dp"
            android:text="@string/kota1" />

        <RadioButton
            android:id="@+id/rdCirebon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="20dp"
            android:text="@string/kota2" />

        <RadioButton
            android:id="@+id/rdKabCirebon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="20dp"
            android:text="@string/kota3" />

        <RadioButton
            android:id="@+id/rdMajalengka"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="20dp"
            android:text="@string/kota4" />

        <RadioButton
            android:id="@+id/rdIndramayu"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="20dp"
            android:text="@string/kota5" />
    </RadioGroup>

    <Button
        android:id="@+id/buttonKlik"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Klik"
        />

</LinearLayout>

3. lalu untuk file string (app -> res -> values -> string.xml)

<resources>
    <string name="app_name">Modul3LatihanTugas</string>

    <string name="selamat">Selamat Datang!</string>
    <string name="kota1">Kuningan</string>
    <string name="kota2">Kota Cirebon</string>
    <string name="kota3">Kab.Cirebon</string>
    <string name="kota4">Majalengka</string>
    <string name="kota5">Indramayu</string>

</resources>

4. Setelah kedua code selesai di masukan, kita ke bagian code untuk proses mengubah text sesuai input     yang di masukan. Code ini dimasukan pada file MainActivity.java (app -> java ->     com.namapackage.namaproject -> MainActivity.java)

package com.litszakhra.modul3latihantugas;

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    Button buttonKlik;
    TextView text;
    EditText txtfield;
    RadioButton radiobtn;
    RadioGroup radio;

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

        text = (TextView) findViewById(R.id.text);
        buttonKlik = (Button) findViewById(R.id.buttonKlik);
        txtfield = (EditText) findViewById(R.id.txtfield);
        radio = (RadioGroup) findViewById(R.id.radioGrup);

        buttonKlik.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                text.setText("");
                int selectedId = radio.getCheckedRadioButtonId();
                radiobtn = findViewById(selectedId);

                text.setText("Halo " + txtfield.getText().toString() + ", Anda dari " +
                        radiobtn.getText().toString());
            }
        });
    }
}

5. Setelah itu Project dapat di run, dan menghasilkan output seperti ini

     

Read More

PAPB 1 - Introduction Android Studio

- PENGENALAN ANDROID STUDIO

Android Studio adalah Integrated Development Enviroment (IDE) untuk sistem operasi Android, yang dibangun di atas perangkat lunak JetBrains' IntelliJ IDEA  dan didesain khusus untuk pengembangan Android. IDE ini merupakan pengganti dari Eclipse Android Development Tools  (ADT) yang sebelumnya merupakan IDE utama untuk pengembangan aplikasi android.

Android studio sendiri pertama kali diumumkan di Google I/O conference pada tanggal 16 Mei 2013. Ini merupakan tahap preview dari versi 0.1 pada Mei 2013, dan memasuki tahap beta sejak versi 0.8 dan mulai diliris pada Juni 2014.

Versi rilis stabil yang pertama diliris pada Desember 2014, dimulai sejak versi 1.0. Sedangkan versi stabil yang sekarang adalah versi 4.0 yang diliris pada Mei 2020 Fitur Fitur yang tersedia saat ini dalam stable version

• Dukungan Gradle-based build
• Android-specific refactoring dan perbaikan cepat
• Lint tools untuk menangkap kinerja, kegunaan, kompatibilitas versi, dan masalah lainnya
• Integrasi Proguard dan kemampuan penananda tanganan aplikasi
• Template-based wizards untuk membuat template design umum seperti drawer atau empty activity
• Mendukung untuk pengembangan aplikasi Android Wear.
• Editor tata letak yang memungkinkan pengguna untuk menyeret dan menjatuhkan (drag-and-drop) komponen UI, opsi untuk melihat tata letak pada beberapa konfigurasi layar
• Dukungan bawaan untuk Google Cloud Platform, memungkinkan integrasi dengan Firebase Cloud Messaging (‘Perpesanan Google Cloud’ Sebelumnya) dan Google App Engine
• Android Virtual Device (Emulator) untuk menjalankan dan men-debug aplikasi di studio Android.

- Membuat Project di Android Studio

1. Download Android Studio di https://developer.android.com/studio

    dan emulator jika dibutuhkan download di https://github.com/Genymobile/scrcpy

2. Open Android Studio, yg akan muncul tampilan seperti berikut

3. Klik saja Project

4. Pilih Empty Activity

5. Beri nama, set tempat project, dan minimum SDK - Finish

6. Tunggu hingga loading selesai, dan pastikan PC terhubung ke internet

7. Buka App -> res-> layout -> activity_mai.xml 

8. Masukan code seperti berikut

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Biodata Mahasiswa"
        android:textColor="#66b6d2"
        android:textSize="30dp"
        android:textStyle="bold"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Nama : Litszakhra Cahya Purnamaramadhan"
        android:textSize="20dp"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="NRP : 14520787"
        android:textSize="20dp"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Kelas : Teknik Informatika - Semester 6"
        android:textSize="20dp"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Alamat : Pilangsari, Kab. Cirebon"
        android:textSize="20dp"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hobby : Game, Anime, Tidur"
        android:textSize="20dp"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Alamat : Pilangsari, Kab. Cirebon"
        android:textSize="20dp"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Website : litszakhra.com"
        android:textSize="20dp"
        />


</LinearLayout>

9. Setelah selesai run project

 

- Run Project Menggunakan Emulator Scrcpy

1. Dibutuhkan USB dan Hp dan Aplikasi Scrcpy 

2. Aktifkan Debuging USB pada Developer Option di HP 

3. Hubungkan HP dengan PC menggunakan USB

4. Buka aplikasi Scrcpy

- Hasil yang ditampilkan

     

Read More