{"id":771,"date":"2025-09-23T13:24:52","date_gmt":"2025-09-23T13:24:52","guid":{"rendered":"https:\/\/sungaipuar.info\/wordpress\/?p=771"},"modified":"2025-09-23T13:24:52","modified_gmt":"2025-09-23T13:24:52","slug":"setup-flutter-development-stateless-statefull-widget-basic-widgets","status":"publish","type":"post","link":"https:\/\/sungaipuar.info\/wordpress\/setup-flutter-development-stateless-statefull-widget-basic-widgets\/","title":{"rendered":"Setup Flutter Development Stateless &amp; Statefull Widget, Basic Widgets"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Link Repository GitHub untuk Pratikum ini dapat dilihat dari link berikut <a href=\"https:\/\/github.com\/ZakyAH123\/Pratikum-2-Aplikasi-Mobile.git\">GitHub<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Instalasi Lingkungan Flutter <\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Install Visual Studio lewat link berikut <a href=\"https:\/\/visualstudio.microsoft.com\/downloads\/\">visual-studio<\/a> kemudian pada proses instalasinya centang pada bagian\u00a0<strong>Desktop development with C++<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"852\" height=\"347\" src=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-5.png\" alt=\"\" class=\"wp-image-772\" srcset=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-5.png 852w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-5-300x122.png 300w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-5-768x313.png 768w\" sizes=\"(max-width: 852px) 100vw, 852px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Kemudia install Android Studio lewat link berikut <a href=\"https:\/\/developer.android.com\/studio#get-android-studio\">android-studio<\/a><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"517\" src=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-6-1024x517.png\" alt=\"\" class=\"wp-image-773\" srcset=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-6-1024x517.png 1024w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-6-300x151.png 300w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-6-768x388.png 768w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-6-1536x775.png 1536w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-6.png 1781w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Install SDK-Flutter lewat link berikut <a href=\"https:\/\/docs.flutter.dev\/install\/manual\">SDK Flutter<\/a><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"483\" src=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-7-1024x483.png\" alt=\"\" class=\"wp-image-774\" srcset=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-7-1024x483.png 1024w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-7-300x141.png 300w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-7-768x362.png 768w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-7-1536x724.png 1536w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-7.png 1893w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>ekstrak hasil donwload SDK tadi dan copy PATH nya<\/li>\n\n\n\n<li>Kemudian tambahkan ke Variabel Environment PATH komputer anda<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"602\" height=\"664\" src=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-193255.png\" alt=\"\" class=\"wp-image-777\" style=\"width:750px;height:auto\" srcset=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-193255.png 602w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-193255-272x300.png 272w\" sizes=\"(max-width: 602px) 100vw, 602px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cek setup flutter development dengan mengetikkan perintah <code>flutter docktor<\/code> di terminal<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"526\" src=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-10-1024x526.png\" alt=\"\" class=\"wp-image-778\" srcset=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-10-1024x526.png 1024w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-10-300x154.png 300w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-10-768x395.png 768w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-10.png 1483w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>disini saya ada 2 warning karena saya tidak menggunakan Android Studio dan Saya tidak menggunakan CHROME untuk flutter<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Membuat Project Pertama Flutter<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>untuk membuat project Flutter tinggal menggunakan command <code>flutter create &lt;nama_project><\/code> dengan ini flutter akan membuat sebuah project dengan nama yang dipilih<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>maka akan terlihat project seperti ini<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-11-1024x576.png\" alt=\"\" class=\"wp-image-779\" srcset=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-11-1024x576.png 1024w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-11-300x169.png 300w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-11-768x432.png 768w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-11-1536x864.png 1536w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-11.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>lalu untuk menjalankan project ini maka tinggal run <code>flutter run<\/code><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-12-1024x576.png\" alt=\"\" class=\"wp-image-780\" srcset=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-12-1024x576.png 1024w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-12-300x169.png 300w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-12-768x432.png 768w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-12-1536x864.png 1536w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-12.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>nanti akan ada pilihan, apakah untuk Windows, Edge, atau Chrome, ini bebas ygy<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>maka akan tampil bagian demo seperti ini<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-13-1024x577.png\" alt=\"\" class=\"wp-image-781\" srcset=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-13-1024x577.png 1024w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-13-300x169.png 300w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-13-768x432.png 768w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-13-1536x865.png 1536w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-13.png 1584w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">STATELESS VS STATEFULL<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Stateless &#8211; widget yang data atau tampilannya tidak mengalami perubahan ketika sebuah state dijalankan, Widget ini bersifat statis atau tetap misalnya teks statis, logo aplikasi dll<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Statefull &#8211; widget dinamis yang ketika sebuah state berubah maka tampilan UI juga berubah. contohnya ketika tombol diklik atau ditekan maka tombol berubah warna atau form input nilainya berubah.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Contoh widget Stateless<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>import 'package:flutter\/material.dart';\n\nvoid main() {\n  runApp(const MyStateless());\n}\n\nclass MyStateless extends StatelessWidget {\n  const MyStateless({super.key});\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      home: Scaffold(\n        appBar: AppBar(title: const Text(\"Stateless Widget\")),\n        body: const Center(child: Text(\"ini body\")),\n      ),\n    );\n  }\n}\n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>outputnya:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-15-1024x577.png\" alt=\"\" class=\"wp-image-783\" srcset=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-15-1024x577.png 1024w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-15-300x169.png 300w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-15-768x432.png 768w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-15-1536x865.png 1536w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-15.png 1584w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Contoh widget Statefull<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>import 'package:flutter\/material.dart';\n\nvoid main() {\n  runApp(const MyStatefull());\n}\n\nclass MyStatefull extends StatefulWidget {\n  const MyStatefull({super.key});\n\n  @override\n  State&lt;MyStatefull> createState() => _MyStatefullState();\n}\n\nclass _MyStatefullState extends State&lt;MyStatefull> {\n  int _kelipatan = 0;\n\n  void _kelipatanDua() {\n    setState(() {\n      _kelipatan += 2;\n    });\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      home: Scaffold(\n        appBar: AppBar(title: const Text(\"Stateful Widget\")),\n        body: Center(\n          child: Column(\n            mainAxisAlignment: MainAxisAlignment.center,\n            children: &#91;\n              Container(\n                width: 120,\n                height: 120,\n                color: const Color.fromARGB(255, 55, 233, 10),\n                child: Column(\n                  mainAxisAlignment: MainAxisAlignment.center,\n                  children: &#91;\n                    const Text(\"Kelipatan 2 : \"),\n                    Text(\n                      '$_kelipatan',\n                      style: Theme.of(context).textTheme.headlineMedium,\n                    ),\n                  ],\n                ),\n              ),\n              const SizedBox(height: 20),\n              Row(\n                mainAxisAlignment: MainAxisAlignment.center,\n                children: const &#91;\n                  CircleAvatar(\n                    radius: 30,\n                    backgroundColor: Colors.green,\n                    child: Text(\n                      \"IF\",\n                      style: TextStyle(fontSize: 20, color: Colors.white),\n                    ),\n                  ),\n                  SizedBox(width: 10),\n                  CircleAvatar(\n                    radius: 30,\n                    backgroundColor: Colors.blue,\n                    child: Icon(\n                      Icons.person,\n                      color: Colors.white,\n                      size: 30,\n                    ),\n                  ),\n                ],\n              ),\n            ],\n          ),\n        ),\n        floatingActionButton: FloatingActionButton(\n          onPressed: _kelipatanDua,\n          tooltip: \"Kelipatan 2\",\n          child: const Icon(Icons.add),\n        ),\n      ),\n    );\n  }\n}\n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Outputnya:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-16-1024x577.png\" alt=\"\" class=\"wp-image-784\" srcset=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-16-1024x577.png 1024w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-16-300x169.png 300w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-16-768x432.png 768w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-16-1536x865.png 1536w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-16.png 1584w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ketika tombol (+) ditekan maka akan mengubah tampilan pada angka menjadi kelipatan 2<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">TUGAS PRATIKUM 2<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Buatlah tampilan yang berisi informasi profile kalian (foto, nama, nim, Alamat, nomor handphone, jurusan) dengan mengimplementasikan seluruh basic widget yang ada pada modul praktikum ini.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Berikut Kode yang saya gunakan<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>import 'package:flutter\/material.dart';\n\nvoid main() {\n  runApp(const ProfileApp());\n}\n\nclass ProfileApp extends StatelessWidget {\n  const ProfileApp({super.key});\n\n  @override\n  Widget build(BuildContext context) {\n    return const MaterialApp(\n      debugShowCheckedModeBanner: false,\n      home: ProfilePage(),\n    );\n  }\n}\n\nclass ProfilePage extends StatelessWidget {\n  const ProfilePage({super.key});\n\n  @override\n  Widget build(BuildContext context) {\n    return Scaffold(\n      appBar: AppBar(\n        title: const Text(\"Profil Mahasigma\"),\n        centerTitle: true,\n        backgroundColor: Colors.blue,\n        actions: &#91;\n          Padding(\n            padding: const EdgeInsets.only(right: 12),\n            child: Image.asset(\n              \"asset\/logoUnand.jpeg\", \/\/ ganti dengan logo universitas kamu\n              height: 35,\n              width: 35,\n            ),\n          ),\n        ],\n      ),\n      body: ListView(\n        padding: const EdgeInsets.all(16),\n        children: &#91;\n          \/\/ FOTO PROFIL\n          Center(\n            child: Stack(\n              alignment: Alignment.bottomRight,\n              children: &#91;\n                const CircleAvatar(\n                  radius: 60,\n                  backgroundImage: AssetImage(\n                    \"asset\/krembuk.jpg\",\n                  ), \/\/ ganti dengan foto kamu\n                ),\n              ],\n            ),\n          ),\n          const SizedBox(height: 20),\n\n          \/\/ NAMA &amp; NIM\n          Center(\n            child: Column(\n              children: const &#91;\n                Text(\n                  \"Zaky Hakim\",\n                  style: TextStyle(fontSize: 22, fontWeight: FontWeight.bold),\n                ),\n                SizedBox(height: 4),\n                Text(\n                  \"NIM: 2211533007\",\n                  style: TextStyle(fontSize: 16, color: Colors.grey),\n                ),\n              ],\n            ),\n          ),\n          const Divider(height: 40, thickness: 1),\n\n          \/\/ INFORMASI LAIN\n          Card(\n            elevation: 3,\n            child: Padding(\n              padding: const EdgeInsets.all(16),\n              child: Column(\n                children: &#91;\n                  Row(\n                    children: const &#91;\n                      Icon(Icons.home, color: Colors.blue),\n                      SizedBox(width: 10),\n                      Expanded(\n                        child: Text(\n                          \"Alamat:595C+2X8, Koto Panjang Ikua Koto, Kec. Koto Tangah, Kota Padang, Sumatera Barat 25586\",\n                        ),\n                      ),\n                    ],\n                  ),\n                  const SizedBox(height: 12),\n                  Row(\n                    children: const &#91;\n                      Icon(Icons.phone, color: Colors.green),\n                      SizedBox(width: 10),\n                      Expanded(child: Text(\"Nomor HP: 0812-3456-7890\")),\n                    ],\n                  ),\n                  const SizedBox(height: 12),\n                  Row(\n                    children: const &#91;\n                      Icon(Icons.school, color: Colors.red),\n                      SizedBox(width: 10),\n                      Expanded(child: Text(\"Jurusan: Informatika\")),\n                    ],\n                  ),\n                  const SizedBox(height: 12,),\n                  Row(\n                    children: const &#91;\n                      Icon(\n                        Icons.badge,\n                        color: Colors.orange,\n                      ), \/\/ lebih cocok untuk NIM\n                      SizedBox(width: 10),\n                      Expanded(child: Text(\"NIM:  2211533007\")),\n                    ],\n                  ),\n                ],\n              ),\n            ),\n          ),\n        ],\n      ),\n\n      \/\/ FLOATING BUTTON\n      floatingActionButton: FloatingActionButton(\n        onPressed: () {},\n        backgroundColor: Colors.blue,\n        child: const Icon(Icons.edit),\n      ),\n    );\n  }\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Berikut Outputnya:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-17-1024x577.png\" alt=\"\" class=\"wp-image-785\" srcset=\"https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-17-1024x577.png 1024w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-17-300x169.png 300w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-17-768x432.png 768w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-17-1536x865.png 1536w, https:\/\/sungaipuar.info\/wordpress\/wp-content\/uploads\/2025\/09\/image-17.png 1584w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Link Repository GitHub untuk Pratikum ini dapat dilihat dari link berikut GitHub Instalasi Lingkungan Flutter Membuat Project Pertama Flutter STATELESS [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8],"tags":[],"class_list":["post-771","post","type-post","status-publish","format-standard","hentry","category-laporan"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sungaipuar.info\/wordpress\/wp-json\/wp\/v2\/posts\/771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sungaipuar.info\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sungaipuar.info\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sungaipuar.info\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sungaipuar.info\/wordpress\/wp-json\/wp\/v2\/comments?post=771"}],"version-history":[{"count":1,"href":"https:\/\/sungaipuar.info\/wordpress\/wp-json\/wp\/v2\/posts\/771\/revisions"}],"predecessor-version":[{"id":786,"href":"https:\/\/sungaipuar.info\/wordpress\/wp-json\/wp\/v2\/posts\/771\/revisions\/786"}],"wp:attachment":[{"href":"https:\/\/sungaipuar.info\/wordpress\/wp-json\/wp\/v2\/media?parent=771"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sungaipuar.info\/wordpress\/wp-json\/wp\/v2\/categories?post=771"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sungaipuar.info\/wordpress\/wp-json\/wp\/v2\/tags?post=771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}