Tekno  

Belajar Membuat Aplikasi Android Sederhana dengan Android Studio untuk Pemula

Belajar Membuat Aplikasi Android Sederhana dengan Android Studio untuk splash screen dan custom font di APK mu

Belajar Membuat Aplikasi Android Sederhana dengan Android Studio untuk Pemula
Belajar Membuat Aplikasi Android Sederhana dengan Android Studio untuk Pemula

Infosurabaya – Cara membuat aplikasi android dengan mudah dan sederhana untuk pemula dengan program android studio dan coding simple lengkap dengan source contoh apk gratis untuk di upload di PlayStore. pada postingan kali ini kamu dapatkan cara membuat splash screen dan custom font di aplikasi androidmu

Banyak sekali para pemula yang ingin membuat aplikasi android, dan Banyak juga contoh aplikasi android sederhana yang bertebaran dan dapat anda download secara gratis lalu bagaimana cara membuat aplikasi android tersebut sampai di publikasi ke playstore?

Belajar Membuat Aplikasi Android

Kadang ada orang yang bertanya di forum bagaimana membuat aplikasi android seperti gojek, bukalapak ataupun lainnya. Itu akan sulit tercapai jika kita belum berlatih dari aplikasi-aplikasi yang sederhana.

Namun jika kamu baru memulai untuk belajar mengembangkan aplikasi android. Kamu bisa belajar dari tutorial android pemula materi yang dipelajari untuk membuat aplikasi android sederhana menggunakan Android Studio.

Cara Membuat Splash Screen Android dengan Mudah

Cara Membuat Splash Screen Android dengan Mudah
Cara Membuat Splash Screen Android dengan Mudah

Di Tutorial pertama kita akan belajar membuat splash screen pada android studio. Splash screen merupakan tampilan awal ketika kita membuka sebuah aplikasi android. Splash screen muncul sebelum menu utama.

Beberapa aplikasi yang menggunakan splash screen yaitu : facebook, twitter, youtube, skype dan lainnya. Point-point yang akan dipelajari saat membuat splash screen :

1. Buat project baru Untuk Splash Screen

Buka android studio kemudian klik creat new project. Kemudian isi :

  • Application name : splasscreen
  • Phone and tablet : API 19 ( disesuaikan)
  • Activity : empty activity
  • Activity name : mainactivity

Tunggu sampai workspace android studio terbuka dengan baik dan siap digunakan.

2. Atur layout Untuk Splash Screen

Selanjutnya atur layout splash screennya pada activity_main.xml. Untuk logonya sendiri pada tutorial cara membuat splash screen pada android studio ini menggunakan logo dari aplikasi gojek. Jika sudah didownload masukan logo atau gambar yang ingin digunakan pada drawable dengan cara :

  • klik kanan pada drawable
  • show in explorer
  • copykan gambar ke folder drawable

Lalu ketikan  kode-kode dibawah ini pada activity_main.xml.

<?xml version=”1.0″ encoding=”utf-8″?>
<RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android” xmlns:tools=”http://schemas.android.com/tools”
android:id=”@+id/activity_main”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:background=”#FFFFFF”
android:gravity=”center”
tools:context=”.MainActivity”>

<ImageView
android:layout_width=”160dp”
android:layout_height=”60dp”
android:id=”@+id/logo”
android:src=”@drawable/logogojek”
android:layout_centerVertical=”true”
android:layout_alignParentLeft=”true”
android:layout_alignParentStart=”true” />
</RelativeLayout>

Pada kode-kode di atas kita bisa melihat layout yang digunakan adalah relative layout dengan ditambahkan satu widget imageview untuk menampilkan gambar.

3. Atur style Untuk Splash Screen

Pada styles.xml yang berada pada folder res kita akan menghilangkan app bar (action bar) dan mengganti warna primarynya dengan warna putih. Silahkan masukan kode-kode dibawah ini.

<resources>

    <!– Base application theme. –>
    <style name=”AppTheme” parent=”Theme.AppCompat.Light.NoActionBar”>
        <!– Customize your theme here. –>
        <item name=”colorPrimary”>@color/colorPrimary</item>
        <item name=”colorPrimaryDark”>#FFFFFF</item>
        <item name=”colorAccent”>@color/colorAccent</item>
    </style>

</resources>

4. Buat Activity_home Untuk Splash Screen

Splash screen yang dibuat pada tutorial ini hanya akan tampil selama 4 detik setelah itu akan langsung ditampilkan menu utama dari aplikasi android yang sudah diberi splash screen.  Maka silahkan buat activity baru dengan nama activity home dengan cara klik kanan pada nama package lalu :

  • pilih new
  • activity –> empty activity
  • beri nama home (activity_home)

Tambahkan kode-kode dibawah ini pada activity_home.xml :

<?xml version=”1.0″ encoding=”utf-8″?>
<RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android”

xmlns:tools=”http://schemas.android.com/tools”
android:id=”@+id/activity_home”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:padding=”30dp”
tools:context=”.home”>

<TextView
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:text=”halo ini adalah tutorial splash screen “
android:textSize=”30sp”/>
</RelativeLayout>

5. MainActivity.java Untuk Splash Screen

Buka MainActivity.java lalu tambahkan kode-kode java berikut.

package badoystudio.com.splashscreengojek;
import android.content.Intent;
import android.os.Handler;
import android.os.Bundle;

import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
    private int waktu_loading=4000;

    //4000=4 detik
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                //setelah loading maka akan langsung berpindah ke home activity
                Intent home=new Intent(MainActivity.this, home.class);
                startActivity(home);
                finish();
            }
        },waktu_loading);
    }}

Perhatikan kode di atas waktu_loading=4000 yaitu splash screen nantinya hanya akan muncul selama 4 detik saja kemudian langsung pindah ke activity yang lain.

6. AndroidManifests.xml Untuk Splash Screen

Terakhir tambahkan script dibawah ini pada AndroidManifest.xml yang ada pada manifest

<?xml version=”1.0″ encoding=”utf-8″?>
<manifest xmlns:android=”http://schemas.android.com/apk/res/android”
    package=”badoystudio.com.splashscreengojek”>

    <application
        android:allowBackup=”true”
        android:icon=”@mipmap/ic_launcher”
        android:label=”@string/app_name”
        android:roundIcon=”@mipmap/ic_launcher_round”
        android:supportsRtl=”true”
        android:theme=”@style/AppTheme”>
        <activity android:name=”.MainActivity”>
            <intent-filter>
                <action android:name=”android.intent.action.MAIN” />
                <category android:name=”android.intent.category.LAUNCHER” />
            </intent-filter>
        </activity>
        <activity android:name=”.home”></activity>
    </application>
</manifest>

Ditutorial cara membuat splash screen pada android studio ini penulis masih menjadikan mainactivity untuk splash screennya. Sehingga tidak ada yang diubah pada android manifestnya (defaultnya seperti kode-kode di atas).

Cara Custom Font pada Android dengan Mudah

Android sudah menyediakan font bawaan kamu bisa mempelajarinya disini. Namun kita juga ingin memberikan font-font yang menarik pada aplikasi menggunakan font gratis baik dari google atau dari web penyedia font lainnya.

Mengimplementasikan custom font pada android studio sangat mudah. Langsung saja kita praktekan bagaimana menggunakan custom font. Langkah-langkahnya sebagai berikut :

Download Font  Siapkan font yang nantinya akan digunakan diaplikasi android dengan cara mendownloadnya dari internet. Dalam tutorial ini saya mendownload font  Knight Brush Demo.otf dan Studio Gothic dari 1001 font .

Buat Project Baru

Buat project baru pada android studio beri nama project font (sesuaikan) kemudian atur minimun sdk, layout atau lainnya sampai dengan workspace android studio tampil.

Activity_main.xml 

Pada Activity_main.xml tambahkan teks sesuai dengan properti yang kita inginkan menggunakan widget TextView. Adapun kode-kode yang saya gunakan yaitu :

<?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:id=”@+id/activity_main”
    android:layout_width=”match_parent”
    android:layout_height=”match_parent”
    android:padding=”20dp”
    android:orientation=”vertical”
    tools:context=”.MainActivity”>

    <TextView
        android:layout_width=”match_parent”
        android:layout_height=”wrap_content”
        android:gravity=”center”
        android:textAlignment=”center”
        android:textSize=”55sp”
        android:textColor=”@color/colorAccent”
        android:text=”Badoy Studio “
        android:id=”@+id/font”
        android:layout_alignParentTop=”true”
        android:layout_centerHorizontal=”true”
        android:layout_marginTop=”45dp” />
    <TextView

        android:layout_width=”match_parent”
        android:layout_height=”wrap_content”
        android:gravity=”center”
        android:textAlignment=”center”
        android:textSize=”35sp”
        android:textColor=”@color/colorAccent”
        android:text=”Selamat Belajar Membuat Aplikasi Android Menggunakan Android Studio “
        android:id=”@+id/font2″
        android:layout_alignParentTop=”true”
        android:layout_centerHorizontal=”true”
        android:layout_marginTop=”45dp” />

</LinearLayout>

Buat Folder Assets

Klik project > app > src > main (klik kanan pada folder main) > New > Directory > beri nama assets

Cara Custom Font pada Android dengan Mudah
Cara Custom Font pada Android dengan Mudah

Buat Folder Font

Klik kanan pada folder assets yang sudah dibuat > New > Directory > beri nama font . Untuk langkahnya seperti pada point diatas.

Copykan Font

Setelah folder assets dan font dibuat copykan font yang sudah didownload dari internet kedalam folder font dengan cara klik kanan paste.

Cara Custom Font pada Android dengan Mudah
Cara Custom Font pada Android dengan Mudah

MainActivity.java

Buka MainActivity.java lalu lengkapi dengan kode-kode berikut ini :

package badoystudio.com.font;

import android.graphics.Typeface;
import android.os.Bundle;
import android.widget.TextView;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    TextView teks, teks2;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        teks=(TextView)findViewById(R.id.font);
        teks2=(TextView)findViewById(R.id.font2);
        Typeface customfont=Typeface.createFromAsset(getAssets(),”font/Knight Brush Demo.otf”);
        teks.setTypeface(customfont);
        Typeface customfont2=Typeface.createFromAsset(getAssets(),”font/StudioGothicAlternate-ExtraLigh Trial.ttf”);
        teks2.setTypeface(customfont2);
    }}

Pada tampilan preview memang tidak akan terlihat perubahan font yang sudah di custom. Kita bisa melihatnya ketika aplikasi sudah di running. Maka silahkan running aplikasi dan lihat hasilnya.

Membuat Splash screen maupun custom font pada aplikasi androidmu merupajan hal yang sangatlah mudah untuk dilakukan, dan selain 2 cara di atas masih banyak tutorial pembuatan aplikasi android simple lainnya seperti

Membuat UI Dashboard Menu Menarik Aplikasi Android

Tampilan UI Dasboard menu utama pada sebuah aplikasi akan membuat pengguna tertarik untuk menggunakannya. Jelas saja saat kita menggunakan aplikasi yang dilihat pertama kali adalah User Interfacenya apakah menarik atau tidak.

Cara Mudah Membuat WebView dengan Progress Bar di Aplikasi Android

Menurut droidpoin “Android Webview adalah sistem komponen dari Chrome yang memungkinkan aplikasi Android dapat menampilkan konten web. Komponen ini pre-installed pada perangkat anda dan selalu up to date agar memiliki keamanan terbaru serta perbaikan bug lainnya”

Contohnya : kamu ingin aplikasi android yang dibuat bisa mengakses web tanpa harus membuka aplikasi browser yang tersedia. Atau jika kamu sudah punya web kamu bisa membuat file apk untuk website sehingga bisa diinstall pada smartphone android.

Membuat Intro Slider Untuk Pembuka APlikasi Android

Intro Slider nantinya akan menampilkan beberapa slide yang bisa di geser oleh user sebelum masuk ke menu utama pada sebuah aplikasi. Line dan Vysor adalah aplikasi yang menggunakan intro slider.

Membuat Animasi Transisi ( on / off lampu ) dengan Mudah

Dengan animasi transisi kita bisa mengatur pergantian/perpindahan dari satu activity (antarmuka) ke activity lainnya yang dibumbui sentuhan efek animasi supaya terlihat lebih menarik sehingga efek perpindahan tidak terlihat.

Membuat Kalkulator sederhana Aplikasi Android

Kita bisa mengasah logika pemrograman android dengan membuat sebuah aplikasi kalkulator sederhana. Hanya ada beberapa operator aritmatika yang ditampilkan pada aplikasi ini.

Membuat UI Login Menarik Aplikasi Android

Halaman Login yang kece akan membuat user tertarik untuk mencoba menggunakan aplikasi yang kita buat. Kamu bisa mempelajari bagaimana cara membuat UI login yang menarik pada tutorial ini.

Cukup mudah bukan? demikianlah sedikit Cara membuat aplikasi android dengan mudah dan sederhana untuk pemula dengan program android studio dan coding simple lengkap dengan sourcecode, sebagai refrensi artikel cara membuat aplikasi android secara lengkap anda dapat mengunjungi situs badoystudio.com

Kata Kunci Pencarian
android studio terbaru 2018, android studio tutorial indonesia pdf, android studio untuk pemula, android tutorial, aplikasi android sederhana, aplikasi android studio sederhana, aplikasi membuat program, aplikasi mudah, aplikasi sederhana, belajar android studio bagi pemula, belajar android studio lengkap, belajar android studio pdf, belajar android studio pemula, belajar android studio pemula pdf, belajar android studio untuk pemula pdf, belajar android untuk pemula, belajar aplikasi android, belajar buat aplikasi android, belajar coding android studio, belajar coding android untuk pemula, belajar membuat aplikasi android, belajar membuat aplikasi android pdf, belajar membuat aplikasi android untuk pemula, belajar membuat program android, belajar menggunakan android studio, belajar pemrograman android untuk pemula, bikin aplikasi, buat aplikasi android dengan android studio, buat aplikasi android sederhana, buat aplikasi android sendiri, cara bikin aplikasi sendiri, cara bikin software, cara buat apk android, cara buat aplikasi apk, cara coding di android, cara membuat apk, cara membuat apk sederhana, cara membuat aplikasi android dengan mudah, cara membuat aplikasi android dengan netbeans 8, cara membuat aplikasi android gratis, cara membuat aplikasi android pdf, cara membuat aplikasi android sederhana, cara membuat aplikasi android sendiri, cara membuat aplikasi android seperti bukalapak, cara membuat aplikasi android seperti gojek, cara membuat aplikasi android untuk pemula, cara membuat aplikasi androit, cara membuat aplikasi apk, cara membuat aplikasi berbasis android, cara membuat aplikasi dengan coding, cara membuat aplikasi di google play, cara membuat aplikasi di hp, cara membuat aplikasi play store gratis, cara membuat aplikasi sederhana, cara membuat aplikasi sederhana di android, cara membuat aplikasi seperti bukalapak, cara membuat desain aplikasi android, cara membuat program android sederhana, cara membuat sebuah aplikasi, cara mudah membuat aplikasi android, coding aplikasi android, coding sederhana, contoh android, contoh android studio, contoh aplikasi android, contoh aplikasi android dengan android studio, contoh aplikasi android sederhana, contoh aplikasi android studio, contoh aplikasi menggunakan android studio, contoh aplikasi sederhana, contoh aplikasi sederhana android studio, contoh coding xml, contoh program android, contoh program android studio, contoh project android studio, contoh tampilan aplikasi, contoh tampilan aplikasi android, ebook android studio indonesia pdf, ebook android studio mastery panduan lengkap membuat aplikasi android dalam 9 hari, ebook membuat aplikasi android dengan android studio, ebook tutorial android studio, ide aplikasi android sederhana, kumpulan project android studio, macam macam aplikasi android, membuat apk sendiri, membuat aplikasi android, membuat aplikasi android di hp, membuat aplikasi android sederhana, membuat aplikasi android sederhana dengan eclipse, membuat aplikasi android untuk pemula, membuat aplikasi di android, membuat aplikasi mobile, membuat aplikasi sederhana, membuat aplikasi sederhana dengan android studio, membuat app android, membuat desain aplikasi android, membuat game sederhana dengan android studio, membuat software android, modul android studio lengkap, modul android studio pdf, modul android studio pdf bahasa indonesia, panduan lengkap pemrograman android, script aplikasi android, sebelum membuat aplikasi android dengan android studio harus membuat suatu, situs belajar android studio, tampilan aplikasi android, tutorial android, tutorial android studio, tutorial android studio pdf, tutorial android studio pdf bahasa indonesia, tutorial android studio pemula, tutorial android studio untuk pemula, tutorial android studio untuk pemula pdf, tutorial android untuk pemula, tutorial belajar android, tutorial belajar android studio, tutorial buat aplikasi android, tutorial lengkap android studio, tutorial membuat aplikasi, tutorial membuat aplikasi android dengan eclipse lengkap, tutorial membuat aplikasi android pdf, tutorial membuat aplikasi android sederhana, tutorial membuat aplikasi android untuk pemula, tutorial menggunakan android studio pdf, tutorial pembuatan aplikasi android