flash sale
hamburger-menu

Tips All

Meningkatkan skills menjadi 1% lebih baik

Reset
Kelas Flutter tutorial : Membuat pop up menu sederhana di BuildWithAngga

Flutter tutorial : Membuat pop up menu sederhana

Hello people spirit of learning! Kita pasti sering melihat aplikasi kita ada tombol navigasi yang berbentuk tanda 3 titik. Itu dinamakan Pop up menu. Pop up menu ini fungsinya mirip seperti Bottom navbar dan Appbar yaitu Membuat menu dan saat ditekan terjadi sebuah interaksi atau bisa juga berpindah halaman. Disini kita akan membuat Pop up menu sederhana. 1) Membuat Widget Scaffold Scaffold(appBar: AppBar(actions: []),) Langkah awal pastinya Menambahkan widget Scaffold terlebih dahulu. Setelah menambahkan widget scaffold. Didalamnya tambahkan properti appBar dan diisi dengan Widget Appbar. Setelah diisi dengan Widget AppBar, tambahkan properti actions didalamnya. 2) Menambahkan Widget PopUpMenu Scaffold( appBar: AppBar(actions: [ PopupMenuButton(itemBuilder: (context) => [ ],) ]), ) Langkah kedua menambahkan widget PopupMenuButton pada properti Actions. Pada widget PopupMenuButton terdapat properti yang harus kita isi Yaitu itemBuilder. Fungsi dari properti itemBuilder adalah menampilkan menu jika tombol Pop up nya ditekan. Properti ini berbentuk void function yang bertipe List, dan hanya bisa diisi dengan tipe class abstract PopUpMenuEntry. Untuk mengetahui isi fungsi class PopUpMenuEntry, bisa membaca dokumentasinya disini. 3) Menambahkan Widget PopupMenuItem Scaffold( appBar: AppBar(actions: [ PopupMenuButton( itemBuilder: (context) => [ PopupMenuItem(child: Text('Settings')), PopupMenuItem(child: Text('Options')), PopupMenuItem(child: Text('Logout')) ], ) ]), ) Langkah terakhir adalah menambahkan widget PopupMenuItem. widget ini berfungsi untuk menambahkan menu Pop up. Bebas kita bisa isi sesuai keinginan. Kita barusan saja membuat Popup Menu sederhana. Popup menu biasanya dipakai untuk melihat menu yang lebih banyak. Semoga bermanfaaat dan terima kasih ! Perfect Place To Begin Your Career Development BuildWith Angga.

Kelas Migration & Seeder Laravel di BuildWithAngga

Migration & Seeder Laravel

Hello People With The Spirit Of Learning! Salah satu Fitur yang penting dalam database di Laravel yaitu Migration & Seeder. Manfaat dari fitur tersebut dapat mempermudah kita dalam pembuatan tabel dan data secara cepat. Pada tutorial kali ini kita akan membahas bagaimana menggunakan fitur tersebut pada Laravel, berikut caranya : Membuat project Langkah pertama, tentu saja kita buat project laravel menggunakan perintah : composer create-project laravel/laravel my-app Dalam pembuatan project laravel dapat menggunakan composer, jika belum mempunyai dapat mendownload pada link ini https://getcomposer.org/download/. Membuat database Langkah kedua kita buat database terlebih dahulu di PhpMyAdmin. Jika sudah membuat database jangan lupa kita atur .env di project laravel. Membuat tabel dan menjalankan Migration Langkah ketiga cari folder database/migration. untuk tabel kita gunakan saja file users yang ada didalam folder tersebut. Pada folder migration file 2014_10_12_000000_create_users_table.php terdapat beberapa field yang sudah disediakan oleh laravel. kalian juga bisa memodifikasi field tersebut. Kita coba menambahkan 1 field berupa role dengan default user. Untuk menjalankan Migration pada laravel kita dapat menggunakan perintah : php artisan migrate Nah setelah itu coba kita lihat di PhpMyAdmin maka akan ada tabel pada database yang sudah kita buat sebelumnya. Membuat file Seeder Langkah keempat yaitu proses seeder digunakan untuk membuat sample data atau dummy data dengan command yang sederhana. Untuk melakukan seeder kita buat dulu file yang menjalankan proses seeder dengan perintah berikut : php artisan make:seeder UsersSeeder Setelah menjalankan perintah tersebut coba kita liat pada folder seeders disana terdapat file dengan nama UsersSeeder.php. Didalam file tersebut coba kita input data-data yang kita sesuaikan dengan field yang sudah diatur didalam tabel. Menjalankan perintah eksekusi Seeder Langkah kelima untuk menjalankan file seeder buka file DatabaseSeeder.php masukan code seperti berikut. Setelah itu coba kita jalankan perintah php artisan berikut : php artisan db:seed php artisan db:seed --class=UsersSeeder Perintah php artisan db:seed menjalankan seeder secara default DatabaseSeeder, sedangkan jika kita ingin menjalankan Class tertentu dapat menggunakan —class=(nama_class). Hasil dari seeder dapat dilihat pada database. Sampai disini tutorial Migration & Seeder pada laravel dengan menggunakan fitur tersebut tentu saja dapat membantu kita secara cepat dalam pembuatan tabel dan dummy data. Semoga membantu dan bermanfaat. Perfect Place to Begin Your Career Development. BuildWith Angga

Kelas Dapatkan Hadiah Rp 50K Yang Menyelesaikan Ebook UI Design di BuildWithAngga

Dapatkan Hadiah Rp 50K Yang Menyelesaikan Ebook UI Design

BuildWith Angga saat ini ingin membantu kamu yang lebih suka belajar melalui tulisan seperti ebook salah satu contohnya, kami baru saja merilis ebook gratis untuk kamu yang ingin belajar materi UI design menggunakan software Figma. BuildWith Angga juga akan memberikan hadiah sebesar Rp 50.000 untuk 20 orang yang beruntung yang telah menyelesaikan ebook dengan baik. Kriteria Menjadi Orang Beruntung Menyelesaikan ebook dengan software FigmaMengirimkan link projek Figma yang bisa diakses secara publikMemberikan kritik dan saran yang mendetail (semakin detail semakin bagus) Oke Saya Mau Coba, Gimana Alurnya? Pelajari ebook UI Design terbaru kami yang satu ini buildwithangga.com/ebook/belajar-uiux-figma-design-medication-home-screenSubmit feedback kamu pada form yang terdapat pada hal. 8 dari ebook tersebutBerdoa semoga bisa jadi orang yang beruntung Informasi Lainnya Batas terakhir submit feedback adalah tanggal 30 Desember 202220 orang beruntung akan diumumkan pada tanggal 7 Januari 2023Jika sudah submit dan belum percaya diri karena kurang mendetail namun ingin coba submit ulang lebih baik lagi maka kami perbolehkan Jika ada pertanyaan lainnya boleh DM via Instagram BuildWith Angga.

Kelas Bantuan Dampak LaidOff Dari BuildWith Angga di BuildWithAngga

Bantuan Dampak LaidOff Dari BuildWith Angga

BuildWith Angga saat ini bersedia untuk memberikan akses kelas Premium & group konsultasi belajar dengan mentor yang expert, kamu berhak mendapatkan 3 akses kelas Premium secara gratis yang bisa dipelajari tanpa batasan waktu. Bantuan dari BWA kali ini hanya diberikan khusus untuk mereka yang baru saja terkenda dampak laid off yang mungkin ingin upgrade skills, mempelajari skills baru, atau switching karir di perusahaan baru nantinya. Bantuan Dampak LaidOff Dari BuildWith Angga Loading… Bantuan ini dibataskan dengan kuota 100 orang pertama yang submit oleh karena itu silahkan bagikan kepada rekan terdekat kamu yang membutuhkannya sehingga karirnya akan menjadi lebih baik lagi ke depannya. BuildWith Angga dan mentor expert di sini berharap bahwa bantuan ini akan bermanfaat untuk kamu yang ingin switching karir dan mencari pekerjaan yang lebih baik lagi pada perusahaan baru nantinya, silahkan claim bantuan tersebut di atas dan semoga bermanfaat. Perfect place to begin your career development. BuildWith Angga.

Kelas Flutter Tutorial : Membuat Bottom Navigation Sederhana di BuildWithAngga

Flutter Tutorial : Membuat Bottom Navigation Sederhana

Hello people with spirit of learning! Pasti kalian mengetahui banyak aplikasi yang kita gunakan rata-rata mempunyai tombol navigasi dibawahnya, tombol tersebut bernama Bottom Navigation Bar. Disini kita akab belajar cara membuat Bottom Navigation Bar atau biasa disebut NavBar sederhana seperti gambar diatas. Namun sebelumnya, kita mendownload assetnya terlebih dahulu disini. Sebelum membuat Bottom Navigation Bar, Kita download assetsnya terlebih dahulu. Berikut caranya : 1) Kunjungin website Shaynakit.com lalu pilih Login 2) Masukkan Email dan Password 3) Lalu pilih Mobile Design https://buildwithangga.com/storage/photos/shares/flutter-tutorial-membuat-bottom-navigation-sederhana/image3.png 4) Cari design yang berjudul “Doctor Consultation UI KIT” https://buildwithangga.com/storage/photos/shares/flutter-tutorial-membuat-bottom-navigation-sederhana/image5.png 5) Buka website figma.com dan import file figma yang sudah kita download https://buildwithangga.com/storage/photos/shares/flutter-tutorial-membuat-bottom-navigation-sederhana/image6.png 6) Sesudah import, klik icon pada Bottom Navigation nya, Lalu export masing-masing icon https://buildwithangga.com/storage/photos/shares/flutter-tutorial-membuat-bottom-navigation-sederhana/image7.png 7) Terakhir, kita create folder dalam project flutter kita bernama “assets”. Lalu pindahkan icon yang sudah kita export ke dalam folder assets. https://buildwithangga.com/storage/photos/shares/flutter-tutorial-membuat-bottom-navigation-sederhana/image8.png https://buildwithangga.com/storage/photos/shares/flutter-tutorial-membuat-bottom-navigation-sederhana/image9.png Untuk cara menambahkan assets ke dalam flutter, bisa membaca dokumentasi berikut : Cara Menambahkan Assets pada Flutter. Kita baru saja mengikuti tutorial cara mendownload template di website Shaynakit.com. Yuk masuk ke tutorial membuat Bottom Navigation Bar sederhana. Berikut caranya : 1) Menambahkan Widget Scaffold dan diisi dengan properti bottomNavigationBar Scaffold( bottomNavigationBar: ), Langkah awal untuk membuat Bottom NavBar adalah menambahkan widget Scaffold. Lalu dalam Scaffold tambahkan properti bottomNavigationBar. 2) Menambahkan Widget BottomNavigationBar Scaffold( bottomNavigationBar: BottomNavigationBar( items: [], )), Langkah kedua adalah menambahkan widget BottomNavigationBar pada properti bottomNavigationBar. pada Widget BottomNavigationBar, kita tambahkan properti items. fungsi properti items adalah untuk menempatkan Widgets yang bertipe BottomNavigationBarItems. Jadi selain widget BottomNavigationBarItems, maka akan terjadi logic error. 3) Isi Properti List Items dengan BottomNavigationBarItems https://buildwithangga.com/storage/photos/shares/flutter-tutorial-membuat-bottom-navigation-sederhana/image10.png Scaffold( bottomNavigationBar: BottomNavigationBar(items: [ BottomNavigationBarItem( icon: Image.asset( 'assets/doctor.png', width: 24, ), label: ''), BottomNavigationBarItem( icon: Image.asset( 'assets/notification.png', width: 24, ), label: ''), ])), Langkah ketiga adalah menambahkan BottomNavigationBarItem. Pada BottomNavigationBarItem, ada 2 properti yang wajib dipakai. Yaitu icon dan label. icon untuk menambahkan asset gambarnya atau iconnya dan label untuk penamaan navigasinya. Untuk icon kita isi dengan widget Image.asset lalu arahkan dengan path asset kita tempatkan. dan label disini kita isi dengan String kosong saja. Kenapa tetap menambahkan label ? bila kita tidak menambahkan label, maka akan terjadi logic error. Note : Properti List items harus kita isi minimal 2 widget yang bertipe BottomNavigationBarItem. Mengapa ? nanti akan terjadi logic error jika kurang dari 2, Berikut pesan errornya. https://buildwithangga.com/storage/photos/shares/flutter-tutorial-membuat-bottom-navigation-sederhana/image11.png 4) Menambahkan 2 Widget BottomNavigationBarItem https://buildwithangga.com/storage/photos/shares/flutter-tutorial-membuat-bottom-navigation-sederhana/image12.png Scaffold( bottomNavigationBar: BottomNavigationBar( items: [ BottomNavigationBarItem( icon: Image.asset( 'assets/doctor.png', width: 24, ), label: ''), BottomNavigationBarItem( icon: Image.asset( 'assets/notification.png', width: 24, ), label: ''), BottomNavigationBarItem( icon: Image.asset( 'assets/bookmarked.png', width: 24, ), label: ''), BottomNavigationBarItem( icon: Image.asset( 'assets/ic_profile.png', width: 24, ), label: ''), ], )), Disini kita hanya menambahkan widget BottomNavigationBarItemnya saja dan mengubah iconnya saja. 5) Menambahkan Properti Type pada BottomNavigationBar https://buildwithangga.com/storage/photos/shares/flutter-tutorial-membuat-bottom-navigation-sederhana/image13.png Scaffold( bottomNavigationBar: BottomNavigationBar( type: BottomNavigationBarType.fixed, items: [...], )), Pada gambar sebelumnya, kita melihat bahwa align icon home tidak rata dengan icon yang lainnya dan ujung kanan dan ujung kiri jaraknya tidak sama. Dengan itu pada Scaffold kita tambahkan properti type. Dan kita isi dengan Widget BottomNavigationBarType.fixed. Kita baru saja membuat Bottom Navigation Bar sederhana. fungsi dari Bottom Navigation bar atau biasa disebut dengan Bottom NavBar adalah untuk berpindah ke suatu halaman / fitur ketika kita menekan tombol navigasi yang ada. Semoga bermanfaat dan terima kasih!

Kelas Flutter Tutorial : Membuat Appbar pada Flutter App Development di BuildWithAngga

Flutter Tutorial : Membuat Appbar pada Flutter App Development

Dalam pembuatan / pengembangan aplikasi, Kita membutuhkan widget-widget untuk membuat aplikasi pada Flutter. Salah satunya adalah Appbar Application Bar. Disini kita akan membuat Appbar sederhana. 1) Menambahkan Widget Appbar Scaffold( appBar: AppBar() ) Yang Pertama, Kita harus menambahkan widget Scaffold dan property appBar kita tambahkan dengan widget Appbar(). Ini adalah Langkah dasar menggunakan Appbar. 2) Menambahkan Leading, Title dan Action Scaffold( appBar: AppBar( leading: IconButton( onPressed: () {}, icon: Icon( Icons.list_rounded, size: 30, )), title: Text('Home'), centerTitle: true, actions: [ IconButton(onPressed: () {}, icon: Icon(Icons.notifications)) ], ), ), Yang kedua menambahkan Leading, Title, dan Action. Leading adalah sisi kiri menu sebelum title yang berfungsi sebagai tombol navigasi. Leading ini bersifat opsional ya, Jadi jika kamu tidak menggunakan Leading maka sisi kiri akan diisi dengan Title. Untuk membuat Title berada di tengah, maka gunakan CenterTitle dan set menjadi True. Fungsi property Action pada Appbar adalah dapat menambahkan widget-widget yang akan diletakkan pada sisi kanan Appbar secara horizontal seperti baris. Biasanya digunakan untuk menampilkan tombol menu yang sering digunakan seperti notif, search, dll. Pada bagian Property Action yang bertipe List, Saya isi dengan widget IconButton. Penulisannya code nya bisa dicontoh seperti yang diatas. 3) Mengubah warna pada AppBar Scaffold( appBar: AppBar( backgroundColor: Colors.purple, leading: IconButton( onPressed: () {}, icon: Icon( Icons.list_rounded, size: 30, )), title: Text('Home'), centerTitle: true, actions: [ IconButton(onPressed: () {}, icon: Icon(Icons.notifications)) ], ), ), Yang terakhir, Jika kalian ingin mengubah warna, maka pada AppBar gunakan property BackgroundColor. Disini aku mengubah warna Appbar nya menjadi ungu. Kalian bisa ubah sesuai keinginan. Kita baru saja menerapkan AppBar yang sederhana dalam project flutter kita. Kegunaan dari Appbar atau Application Bar adalah sebagai menu petunjuk dan menampilkan beberapa navigasi. Semoga bermanfaat dan Terima kasih!

Kelas Membuat Column dan Row Pada Flutter di BuildWithAngga

Membuat Column dan Row Pada Flutter

Hello people with spirit of learning! Flutter dikenal dengan beragam widgets yang dapat membangun UI pada aplikasi kita. Disini saya akan menjelaskan Widget yang wajib kamu tahu yaitu Row dan Column (Baris dan Kolom). Disini kita akan mencoba menggunakan kedua Widget ini dengan Row didalam Column. Step 1 : Menambahkan Widgets Column Yang pertama kita menambahkan widget column terlebih dahulu. Step ini adalah langkah awal untuk membuat column. Begitu juga dengan membuat Row. Step 2 : Isi dengan Widget Text dan Row Langkah kedua kita isi Widget column dengan Widget text dan Row. Disini saya akan mengisi Widget Column dengan 3 Row. Dan Widget text-nya akan kita gunakan sebagai tanda urutan barisnya. Step 3 : Widget Row kita isi dengan widget apapun Langkah ketiga adalah Widget row akan diisin dengan Apapun. Disini saya isi dengan container saja. Untuk Container-nya kita styling terlebih dahulu ya. Kamu juga bisa style Container-nya sesuai keinginan kamu. Gunakan Sizebox untuk memberi jarak antar containernya. Step 4 : Tambahkan CrossAxisAligment pada column Langkah Terakhir adalah menambahkan CrossAxisAligment pada colum, Fungsi CrossAxisAligment pada column adalah menempatkan posisi widget yang ada di column secara horizontal. Disini gunakan CrossAxisAligment.start agar semua widgetnya menjadi rata kiri / Align left. Kita baru saja menyelesaikan Column yang isinya terdapat 3 Row. Dalam membangun sebuah project pada flutter, Kedua widget ini sering dipakai untuk Menyusun widget-widget yang akan dipakai sesuai keinginan kita. Semoga bermanfaat dan Terima kasih!

Kelas Belajar Dari Elon Musk dan Nadiem Makarim Untuk Meningkatkan Karir di BuildWithAngga

Belajar Dari Elon Musk dan Nadiem Makarim Untuk Meningkatkan Karir

Elon Musk dikenal dengan cara berpikirnya yang hebat, selain itu juga ia dapat mengerjakan lebih dari satu hal-hal besar secara bersamaan. Pada acara kali ini Elon akan memberikan beberapa saran penting untuk kita bisa meningkatkan kualitas diri dari cara kita berpikir, bekerja, membangun sesuatu dan hal-hal bermanfaat lainnya. Intergenerational Dialogue for Our Emerging Future G20 Critical Thinking Berpikir kritis adalah hal yang perlu diajarkan kepada setiap orang sehingga mereka bisa menjadi lebih kreatif dalam memecahkan sebuah masalah, sebagai contohnya Elon Musk saat ini menjalankan misinya pada perusahaan Tesla untuk membuat dunia menjadi lebih baik lagi dalam segi transportasi dan juga energi (sustainable technology). Artificial Intelligence Setelah kita belajar berpikir kritis maka bisa kita lanjutkan untuk mulai mempelajari Aftificial Intellegence (A.I) untuk membantu manusia bekerja lebih cepat dan ringan. Robot yang diberikan kecerdasan buatan dapat membuat manusia memiliki waktu luang lebih banyak untuk mempelajari atau menikmati hidup lebih baik. Curiousity Selama kita hidup maka kita perlu memiliki rasa penasaran yang tinggi tentang dunia ini, bagaimana jika kita membuat A atau bagaimana caranya meningkatkan perfomance pada alat B. Tujuan utamanya adalah membuat kehidupan menjadi lebih baik, dengan seperti itu maka kita akan tertantang untuk belajar hal baru pada setiap harinya, ini adalah motivasi yang kuat. Kesimpulan Beberapa saran yang diberikan oleh Elon Musk pada video di atas adalah perspektif dari seorang yang memiliki expertise pada teknologi dan jika kamu mencintai teknologi, mungkin bisa mulai mengikuti beberapa saran dari Elon Musk.

Kelas 5 Shortcut Figma Paling Sering Digunakan di BuildWithAngga

5 Shortcut Figma Paling Sering Digunakan

Shortcut Figma dapat membantu kita bekerja lebih cepat lagi sebagai ui/ux designer ketika mendesain aplikasi atau sebuah website. Pada kali ini saya akan berbagi beberapa shortcut yang sering saya gunakan agar mendesign lebih produktif dan hasilnya juga sangat baik. 1) Shortcut Figma 'F' Digunakan untuk memilih dan membuat artboard tempat kita bekerja, misalnya kita ingin mendesain aplikasi iOS maka tinggal tekan F pada keyboard lalu pilih iPhone. 2) Shortcut Figma 'T' Apabila kita ingin menambahkan Text pada design kita maka dengan menekan keyboard T kita bisa langsung membuat paragraph untuk kebutuhan design. 3) Shortcut Figma 'R' Membuat background atau button dapat kita lakukan dengan cepat dan mudah dengan menggunakan shortcut R (rectangle) pada software Figma. 4) Shortcut Figma 'P' Biasanya untuk membuat chart maka kita butuh tools yang fleksibel untuk menggambar sebuah garis atau shape, maka dari itu saya mengandalkan shortcut P atau Pen tool pada Figma. 5) Shortcut Figma 'Shift V' dan 'Shift H' Kita dapat mengubah posisi sebuah Icon secara Vertical dengan Shift V atau apabila ingin horizontal bisa gunakan Shift H pada software Figma.

Kelas Persiapan Awal Untuk Belajar UX Design Tahun 2023 di BuildWithAngga

Persiapan Awal Untuk Belajar UX Design Tahun 2023

Belajar UX dapat dikatakan sesuatu yang tidak mudah namun di sini saya akan berbagi hal penting yang perlu kita ketahui apabila kita sedang persiapan awal untuk belajar ux design di tahun 2023 dan seterusnya nanti. UX designer adalah karir yang memiliki bayaran tinggi di Indonesia atau luar negeri, pekerjaan UX designer adalah memastikan bahwa pengguna dapat dengan mudah menggunakan aplikasi atau website buatan dari perusahaan tempat kita bekerja. Jika kamu ingin mulai belajar UX design maka wajib sekali untuk mengikuti setiap materi di bawah in yang saya jabarkan khusus untuk pemula seperti kamu saat ini, let's get started. Meningkatkan Rasa Penasaran Sebagai UX Designer Sebelum terjun mendesain aplikasi pertama kita maka ada hal penting lainnya yang perlu kita lakukan, kita bisa mulai dengan menggunakan aplikasi buatan perusahaan lain misalnya Tokopedia, Traveloka, Tiket, TIX, atau aplikasi lainnya. Tujuan utamanya adalah untuk mempelajari setiap pengalaman pada aplikasi tersebut yang nantinya bisa kita implementasikan juga dari segi user-flow, experience design, dan visual design kepada aplikasi buatan perusahaan kita. Ketika menggunakan aplikasi perusahaan lain maka pada benak pikiran kita berpikir kurang lebih seperti ini 'kira-kira kenapa fitur A berada di halaman B ya?' atau mungkin bisa seperti ini 'kenapa pengguna perlu login dulu untuk membeli tiket ya?' Mempraktikkan Heuristic Evaluation Pada Website atau Mobile Apps Setelah kita berhasil menggunakan lebih dari 10 aplikasi buatan perusahaan lain, lalu kita juga sudah bisa merasakan experience design dari setiap aplikasi tersebut. Kini waktunya untuk mempraktikkan heuristic evaluation pada UX design yang di mana tujuan utamanya adalah membuat beberapa peningkatkan pada design dari website atau aplikasi. Misalnya kita uji coba membeli tiket pesawat melalui Traveloka lalu memilih pembayaran menggunakan kartu kredit, setelah itu kita merasakan pengalaman membayar yang masih di bawah harapan kita sebagai pengguna aplikasi Traveloka. Oleh karena itu kita perlu mencatat beberapa hal yang bisa kita tingkatkan kembali bedasarkan dari pengalaman yang kita rasakan sebelumnya, contohnya seperti ini: "Tadi kan saya bayar pakai kartu kredit, lalu saya lihat tidak ada pilihan apakah akan langsung bayar lunas 100% atau bisa mencicil selama beberapa bulan. Jadi, saya kepikiran untuk meningkatkan dan membuat fitur tersebut pada design aplikasi perusahaan saya nantinya". Di atas adalah salah satu contoh kecil dari mengimplementasikan teknik heuristic evaluation pada UX design pada aplikasi Traveloka, kamu juga bisa mempraktikkannya pada aplikasi lainnya yang mungkin menarik untuk Mempelajari Software Design Seperti Whimsical dan Figma Kita sudah mencatat beberapa hal yang perlu ditingkatkan di dalam aplikasi Traveloka, Tiket, Tokopedia, dan aplikasi lainnya. Sudah waktunya untuk kita mempelajari salah satu software design yang dapat membantu kita untuk membuat projek design pertama kita. Kamu bisa mulai mencoba software seperti Figma atau Whimsical yang dapat digunakan secara gratis, selamanya. Whimsical sangat cocok untuk membuat wireframe atau gambaran kasar dari design aplikasi yang akan kita kerjakan, sedangkan Figma cocok untuk difokuskan pada tahap visual design dan prototype. Berikut beberapa kelas online gratis yang bisa diikuti rekomendasi untuk mempelajari kedua software tersebut di BuildWith Angga: Belajar membuat Wireframe dengan WhimsicalBelajar tools dasar dan design aplikasi Travel dengan Figma Kolaborasi Dengan Developer dan Team Marketing Apabila kamu sudah berhasil design menggunakan software Figma dan Whimsical maka kamu bisa coba diskusi dengan developer atau programmer yang berada di perusahaan tempat kamu bekerja sebagai UX designer. Tujuan dari diskusi tersebut adalah memberikan insight tambahan untuk kamu memahami bagaimana nantinya design yang sudah kamu kerjakan akan diimplementasikan kepada coding atau disebut dengan tahap development. Setelah tahap development selesai maka aplikasi atau website siap digunakan oleh pengguna yang sesuai dari customer persona yang telah kita rancang sebelumnya, dari situ nantinya bisa kita lanjutkan untuk meminta feedback kepada pengguna terkait hal apa saja yang bisa ditingkatkan kembali. Di BuildWith Angga, Belajar UX Tanpa Mengeluarkan Biaya Kamu telah mempelajari beberapa hal penting di atas dan apabila kamu sudah berminat untuk belajar lebih tentang UX design maka saya dapat sarankan untuk mengikuti beberapa kelas online gratis yang tersedia di BuildWith Angga.