Tugas 3 - Pemrograman Perangkat Bergerak

 Hesekiel Nainggolan

5025201054

PPB - I

Github : 

APLIKASI SELAMAT ULANG TAHUN

Ketemu lagi bareng aku, nah pada kesempatan ini, kita akan mencoba membuat aplikasi untuk menampilkan kalimat Selamat Ulang Tahun kepada seseorang. Nah, dalam proses pembuatannya kita akan menggunakan android studio sebagai tool utama. Untuk membuatnya ada beberapa langkah yang harus kita ikutin nih. Mari kita mulai membuatnya :

    1. Membuat Project Baru

Sama seperti pertemuan sebelumnya, hal pertama yang harus kita lakukan ialah membuat project baru. Untuk membuat project baru, kita dapat memilih menu New - New Project - Empty Activity

Setelah selesai memilih Empty Activity, selanjutnya ialah mengubah nama aplikasi yang akan kita buat dan letak foldernya sesuai dengan keinginan kita 

    

    2. Mengedit Tampilan

Setelah membuat/menginisiasi project baru, langkah selanjutnya yaitu mengubah tampilan design dari aplikasi yang akan kita buat. 

• Mengganti Text 

Hal pertama yang akan kita lakukan adalah mengubah tulisan menjadi Selamat Ulang Tahun Kiel! Dari V. Untuk mengubahnya kita dapat melakukan editing pada kode 

• Mengubah Font Text

Setelah kita mengubah text yang kita inginkan, langkah selanjutnya adalah mengubah ukuran font tulisan

• Menambahkan Gambar

Kita juga bisa menambahkan element gambar pada aplikasi kita agar lebih menarik lagi 

    3. Hasil Akhir

Setelah melakukan editing maka aplikasi kita selesai dibuat 

Berikut Hasil Seluruh Kodenya :

	package com.example.happybirthday
	import android.os.Bundle
	import androidx.activity.ComponentActivity
	import androidx.activity.compose.setContent
	import androidx.compose.foundation.layout.Column
	import androidx.compose.foundation.layout.fillMaxSize
	import androidx.compose.material3.MaterialTheme
	import androidx.compose.material3.Surface
	import androidx.compose.material3.Text
	import androidx.compose.runtime.Composable
	import androidx.compose.ui.Alignment
	import androidx.compose.ui.Modifier
	import androidx.compose.ui.res.painterResource
	import androidx.compose.ui.tooling.preview.Preview
	import androidx.compose.ui.unit.dp
	import androidx.compose.ui.unit.sp
	import androidx.compose.ui.graphics.Color
	import androidx.compose.foundation.layout.padding
	import androidx.compose.ui.text.style.TextAlign
	import androidx.compose.foundation.Image
	import androidx.compose.foundation.layout.width
	import androidx.compose.ui.draw.scale
	import androidx.compose.ui.text.font.FontWeight
	import com.example.happybirthday.ui.theme.HappyBirthdayTheme
	class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
	super.onCreate(savedInstanceState)
	setContent {
	HappyBirthdayTheme {
	// A surface container using the 'background' color from the theme
	Surface(
	modifier = Modifier.fillMaxSize(),
	color = Color(red = 253, green = 233, blue = 180, alpha = 255)
	) {
	GreetingText(
	message = "Selamat Ulang Tahun Kiel!",
	from = "Wish You All The Best",
	painter = painterResource(id = R.drawable.heyh),
	modifier = Modifier.padding(8.dp)
	)
	}
	}
	}
	}
	}
	@Composable
	fun GreetingText(message: String, from: String, painter: androidx.compose.ui.graphics.painter.Painter, modifier: Modifier = Modifier) {
	Column(
	horizontalAlignment = Alignment.CenterHorizontally,
	modifier = modifier
	) {
	Text(
	text = message,
	fontSize = 70.sp,
	lineHeight = 90.sp,
	fontWeight = FontWeight.Bold,
	textAlign = TextAlign.Center,
	modifier = Modifier
	.padding(top = 50.dp)
	)
	Image(
	painter = painter,
	contentDescription = null, // Jika gambar bukan merupakan konten yang dapat diakses
	modifier = Modifier
	.padding(bottom = 76.dp , top = 46.dp)
	.scale(scaleX = 2f, scaleY = 2f)
	)
	Text(
	text = from,
	fontSize = 26.sp,
	fontWeight = FontWeight.Bold,
	textAlign = TextAlign.Center,
	modifier = Modifier.padding(bottom = 16.dp)
	)
	}
	}
	@Preview(showBackground = true)
	@Composable
	fun GreetingPreview() {
	HappyBirthdayTheme {
	GreetingText(message = "Selamat Ulang Tahun Kiel!", from = "Wish You All The Best", painter = painterResource(id = R.drawable.hey))
	}
	}

view raw gistfile1.txt hosted with ❤ by GitHub