review tugas foto profil pribadi

foto profil



kodingan zapp.run:


 import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Kartu Profil',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: ProfilePage(),
    );
  }
}

class ProfilePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Profil Saya'),
        backgroundColor: Colors.blue,
      ),
      body: Center(
        child: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Card(
            elevation: 5,
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(10),
            ),
            child: Padding(
              padding: const EdgeInsets.all(16.0),
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  // Gambar Profil
                  CircleAvatar(
                    radius: 50,
                    backgroundImage: AssetImage('assets/D.jpg'), // Ganti dengan gambar profil yang sesuai
                  ),
                  SizedBox(height: 20),
                  // Nama dan Jurusan
                  Text(
                    'Desta Adila Kusuma',
                    style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
                  ),
                  Text(
                    'Jurusan: Rekayasa Perangkat Lunak (RPL)',
                    style: TextStyle(fontSize: 16, color: Colors.grey),
                  ),
                  SizedBox(height: 20),
                  // Deskripsi
                  Padding(
                    padding: const EdgeInsets.symmetric(horizontal: 20.0),
                    child: Text(
                      'Saya sangat suka dengan dunia teknologi, terutama membuat aplikasi mobile. Hobi saya adalah suka main game dan futsal.',
                      textAlign: TextAlign.center,
                      style: TextStyle(fontSize: 16),
                    ),
                  ),
                  SizedBox(height: 30),
                  // Tombol
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      ElevatedButton.icon(
                        onPressed: () {
                          // aksi telepon
                        },
                        icon: Icon(Icons.phone),
                        label: Text('Telepon'),
                        style: ElevatedButton.styleFrom(
                          primary: Colors.blue,
                        ),
                      ),
                      SizedBox(width: 20),
                      ElevatedButton(
                        onPressed: () {
                          // aksi kontak
                        },
                        child: Text('Hubungi Saya'),
                        style: ElevatedButton.styleFrom(
                          primary: Colors.blue,
                        ),
                      ),
                    ],
                  ),
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}


Berikut adalah penjelasan singkat tentang kode di atas:

  1. MyApp: Menetapkan ProfilePage sebagai halaman utama aplikasi.

  2. ProfilePage: Menggunakan Scaffold untuk struktur tampilan dengan AppBar dan body.

  3. CircleAvatar: Menampilkan gambar profil bulat.

  4. Text: Menampilkan nama, jurusan, dan deskripsi.

  5. ElevatedButton: Menampilkan dua tombol, satu untuk telepon dan satu lagi untuk "Hubungi Saya".

  6. Padding dan SizedBox: Mengatur jarak antar elemen untuk tampilan yang rapi.

Cara Kerja: Kode ini menyusun elemen-elemen seperti gambar, teks, dan tombol dengan layout yang bersih menggunakan Column dan Row.

link:https://zk2u06d6k2v0.zapp.page/#/

Komentar

Posting Komentar

Postingan populer dari blog ini

artikel tentang pengembangan gim

Gambar
 Berikut 2 artikel tentang pengembangan gim Artikel 1: Proses Pengembangan Gim dari Ide hingga Rilis Pengembangan gim merupakan proses kreatif yang memadukan teknologi, seni, dan logika. Proses ini dimulai dari sebuah ide sederhana yang kemudian dikembangkan menjadi gim yang dapat dimainkan dan dinikmati oleh banyak orang. Tahap pertama dalam pengembangan gim adalah perencanaan ide dan konsep. Pada tahap ini, pengembang menentukan genre gim, target pemain, alur cerita, serta tujuan permainan. Ide yang matang akan memudahkan proses pengembangan selanjutnya. Tahap kedua adalah desain dan pembuatan aset. Pengembang mulai merancang karakter, latar, aturan permainan, serta antarmuka pengguna. Desain yang menarik sangat penting agar pemain merasa nyaman dan tertarik saat bermain. Selanjutnya adalah pemrograman dan pengujian. Pada tahap ini, gim mulai dibuat menggunakan bahasa pemrograman atau game engine seperti Unity atau Unreal Engine. Setelah itu, gim diuji untuk memastikan tidak ada ...
Baca selengkapnya

membuat aplikasi to-do list sederhana dengan flutter

Gambar
  💻 Membuat Aplikasi To-Do List Sederhana dengan Flutter 🗓️ Hari/Tanggal Jumat, 10 Oktober 2025 👨‍💻 Nama (Desta Adila Kusuma) – Kelas XI PPLG 1 🔹 Pendahuluan Hari ini kami belajar mandiri dengan materi “Mengenal Lebih Dalam Widget Flutter” . Flutter adalah framework yang digunakan untuk membuat aplikasi mobile, web, dan desktop menggunakan bahasa Dart . Tugas kali ini adalah membuat aplikasi To-Do List sederhana , yaitu aplikasi untuk mencatat daftar kegiatan atau tugas harian. 🔹 Tujuan Pembelajaran Memahami dasar penggunaan widget di Flutter Mampu membuat aplikasi sederhana dengan logika penambahan dan penghapusan data Melatih kemandirian dalam belajar dan eksplorasi kode 🔹 Langkah-Langkah 1️⃣ Buka situs https://dartpad.dev 2️⃣ Salin kode berikut ke editor DartPad: import 'package:flutter/material.dart'; void main() { runApp(const ToDoApp()); } class ToDoApp extends StatelessWidget { const ToDoApp({super.key}); @override Widget buil...
Baca selengkapnya

Membuat Aplikasi To Do List Sederhana Menggunakan Flutter

Gambar
Membuat Aplikasi To Do List Sederhana Menggunakan Flutter Pendahuluan Flutter adalah framework UI open-source dari Google yang memungkinkan pengembang membuat aplikasi Android dan iOS dari satu basis kode. Flutter menggunakan bahasa pemrograman Dart dan menyediakan banyak widget siap pakai untuk membangun antarmuka yang modern dan responsif. Pada artikel ini, akan dibahas pembuatan aplikasi To Do List sederhana menggunakan Flutter. Aplikasi ini memungkinkan pengguna untuk: Menambahkan task Menandai task sebagai selesai Menghapus task dengan swipe Menampilkan tampilan UI yang menarik dengan Material 3 dan gradient Tujuan Aplikasi Tujuan dari pembuatan aplikasi ini adalah: Memahami penggunaan StatefulWidget Mengelola data menggunakan List dan Class Model Menggunakan Checkbox, Dismissible, dan ListView Menerapkan desain UI sederhana namun modern Struktur dan Konsep Aplikasi Aplikasi To Do List ini menggunakan beberapa konsep utama Flutter: MaterialApp sebagai root aplikasi State Managemen...
Baca selengkapnya