Skip to main content

TUGAS 1 : MEMBUAT APP SEDERHANA DENGAN VIRTUAL EMULATOR ANDROID STUDIO

A. Instalasi Android Studio

Cara pertama yang harus dilakukan adalah download Android Studio terlebih dahulu dengan klik link official Android Developer disini . Setelah itu lakukan langkah-langkah berikut : 

1. Buka file Android Studio yang diunduh.
2. Ketika jendela Selamat Datang Pengaturan Android Studio muncul, klik Berikutnya
3. Klik Next untuk menginstal semua komponen Android Studio.  Tentukan lokasi perangkat lunak dan SDK Android Studio 
4. Kemudian klik Instal. 
5. Pastikan koneksi internet stabil selama proses instalasi.
6. Klik Berikutnya, lalu klik Selesai
7. Kemudian pilih "Jangan impor pengaturan dan peluncur" untuk menampilkan perangkat lunak Android Studio. Tunggu  proses pengunduhan SDK selesai
8. Layar pembuka Android Studio ditampilkan. Klik Berikutnya dan pilih mode instalasi pilihan Anda (standar atau kustom)
9. Klik Berikutnya dan pilih tema Android Studio10. Setelah itu akan ada proses penginstalann komponen SDK, lalu klik next
11. Klik finish lalu tunggu proses download komponen selesai
12. Klik finish dan jendela awal Android Studio akan terbuka

B. Tutorial Membuat App Sederhana dengan Virtual Emulator 

1. Buat New Project dengan klik File -> New -> New Project



2. Lalu pilih Empty Activity dan klik Next



3. Pilih bahasa Java, lalu masukan Nama project yang akan dibuat dan simpan project di file yang diinginkan dengan pilih save location



4. Sebelum membuat aplikasi, unduh dulu emulator dengan klik SDK Manager dan unduh versi android yang akan dipakai. 



5. Setelah itu pergi ke device manager, lalu pilih jenis  emulator yang akan dipakai. 
kemudian create device



6. Setelah emulator sudah ditambahkan maka buat aplikasi biodata mahasiswa sesuai petunjuk tugas dengan source code seperti dibawah ini


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<?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"
tools:context=".MainActivity"
android:orientation="vertical">

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textStyle="bold"
    android:textColor="@color/blue"
    android:textSize="30sp"
    android:text="@string/biodata"/>

    <TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textColor="@color/abu"
    android:textSize="20sp"
    android:text="@string/nama"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/abu"
        android:textSize="20sp"
        android:text="@string/nrp"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/abu"
        android:textSize="20sp"
        android:text="@string/kelas"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/abu"
        android:textSize="20sp"
        android:text="@string/alamat"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/abu"
        android:textSize="20sp"
        android:text="@string/hobby"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/abu"
        android:textSize="20sp"
        android:text="@string/website"/>




</LinearLayout>

Saat di Run tentu akan error karena String dan Color di bagian kiri belum ditambahkan.
Tambahkan source code String seperti dibawah ini :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<resources>
    <string name="app_name">Latihan2_Marizka</string>
    <string name="biodata">BIODATA MAHASISWA</string>
    <string name="nama">Marizka Lifia</string>
    <string name="nrp">24522691</string>
    <string name="kelas">Teknik Informatika 1 / Semester 6</string>
    <string name="alamat">Majasem, Cirebon, Jawa Barat</string>
    <string name="hobby">Menulis cerpen</string>
    <string name="website">marizkalifiap.blogspot</string>
</resources>

Dan tambahkan juga source code Color seperti dibawah ini :

  
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="purple_200">#FFBB86FC</color>
    <color name="purple_500">#FF6200EE</color>
    <color name="purple_700">#FF3700B3</color>
    <color name="teal_200">#FF03DAC5</color>
    <color name="teal_700">#FF018786</color>
    <color name="black">#FF000000</color>
    <color name="white">#FFFFFFFF</color>
    <color name="blue">#0000FF</color>
    <color name="abu">#808080</color>
</resources>


7. Lalu run programnya dan liat hasilnya di emulator android yang sudah terpasang seperti di bawah ini :

 




Comments

Post a Comment

Popular posts from this blog

TUGAS 2 : MENGENAL KOMPONEN UI PADA ANDROID STUDIO

  A. Buat Project Buatlah project baru dengan konfigurasi yang sama seperti tugas sebelumnya atau bisa dilihat kembali pada pengerjaan tugas modul 2, minggu lalu. Lalu save dengan nama latihan3_marizka B.  Coding 1. Masukan source code dibawah ini pada activity_main.xml   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 <? 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" > < TextView android: i...
Post a Comment
Read more