Skip to main content

Posts

Showing posts with the label Aziz Ahwan

Flutter UI Designing Book App UI Design Uplabs

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about  Flutter UI Book App UI Design Uplabs on Android Studio.
In this section, we will implement like many concepts and widgets such as Stack, Container, Column, Row, Positioned, Flutter SVG, Navigator, and much more.

Project Starter Code flutter_finance_app_starter.zip
Packages we are using: flutter_svg: get packagegoogle_fonts: get package Fonts Open Sans get font UI Credit Design by: Rizki AR Khomaini see the profile
You can get Project file from the link below:
Flutter Final Project Link ► get file
Watch in on YouTube

Flutter UI Designing Modern Moora Money Managemenet App

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about  Flutter UI Designing Moora Money Banking Management App UI Design Uplabs on Android Studio.
In this section, we will implement like many concepts and widgets such as Stack, Container, Column, Row, Positioned, Flutter SVG, and much more.

Project Starter Code flutter_finance_app_starter.zip
Packages we are using: flutter_svg: get packagegoogle_fonts: get package Fonts Inter get font UI Credit Design by: Innovation Graphics see the profile
You can get Project file from the link below:
Flutter Final Project Link ► get file
Watch in on YouTube

Designing Modern Travel Booking App Travelkuy UI Design with Flutter

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about Designing Modern Travel Booking App Travelkuy UI Design with Flutter on Android Studio.
In this section we will implement like many concepts and widgets such as Stack, Container, Column, Row, Positioned, Flutter SVG, and much more.

Project Starter Code flutter_travelkuy_app_starter.zip
Packages we are using: flutter_svg: get packageflutter_swiper: get packagegoogle_fonts: get package Fonts Inter get font UI Credit Design by: Bagas Nirwan see the profile
You can get Project file from the link below:
Flutter Final Project Link ► get file
Watch in on YouTube

How to Use Custom Font Google Fonts in Flutter - Introducing Google Fonts for Flutter

Hello guys, welcome back with me Abdul Aziz Ahwan, Google Developer YouTube channel just announced several new features, one of which caught my attention is the following new feature.
That's Google Fonts for Flutter. Google Fonts allows developers to easily experiment with and use any of the fonts from fonts.google.com in their app.  When the app is ready to publish, the developer then decides whether the user receives the font by downloading it from the API, or it’s pre-bundled with the app package. 
We have minimized the work needed to pre-bundle a font, and also kept it compatible with dynamic font loading so you don’t have to change your code if you decide to pre-bundle. (source)
So beforehand if using custom fonts, even Google fonts though we have to declare it in assets. And now we can use Google fonts directly from our style without the need to download and store them in assets. Look like this.  Let's try the update feature.

How to Get Figma Professional Plan for Free - Figma Education only for Students & Educators

#Figma #Professional #Plans #Free #Student

Hello guys, how are you today? I hope you'll be fine today. I am Abdul Aziz Ahwan from Indonesia. Usually, I made tutorial videos, such as android development, flutter and much more.

Ok, so in this post I am going to share a little bit tips for you. As I mentioned last month, I want to show what's kind of apps that I used to produce, learning, and help my development process. And I think, now it's time.

One of the apps that I used is Figma. Figma is a cloud-based design and prototyping tool for digital projects. It’s made so that users can collaborate on projects and work pretty much anywhere.
While this tool looks a lot like other prototyping options, the key differentiator is the ability to work with teams on projects.

Figma helps teams create, test, and ship better designs from start to finish. Packed with design features you already love plus unique inventions like the Arc tool and Vector Networks, Figma helps you keep the id…

Change Icon or Image of Selected Item in Bottom Navigation View - Android Studio Tutorial

Hi everyone, I am  @Abdul Aziz Ahwan. In this post, we are going to learn How to Change Icon or Image of Selected Item in Bottom Navigation View in Android Studio.

In this video I'm trying to clone TixID application. And I have duplicate the icon using Figma to learning purpose.

I think it was very easy. We just need to create selector in our drawable resource, and then we need to call our drawable. But don't forget to call android:state_checked like this.


Full tutorial, you can watch my video below.

Build a Countdown App from Date Picker in Android Studio | Using Countdown View and Lottie Library

Hello guys, how are you today? in this post we are going to Build a Countdown App from Date Picker in Android Studio | Using Countdown View Library.

First of all, make sure you have watch my first video here.


After that make sure you have clone or checkout my Github repository from here

The first step is we need to update our build.gradle like this

After that update our activity_main.xml look like this


And then create a new Java class called DatePickerFragment.java like this


And the last but not least, update our MainActivity like this

And yeay! we have finished, try to run our App :)
Android Studio Project file ► here
Lottie Assets  ►http://gg.gg/gsif4

If you want to watch full tutorial on YouTube here

How to Implement SetOnItemSelectedListener in Fragment on Bubble Tab Bar Chip Navigation Bar Kotlin Android Studio

Hello guys, how are you today? in this post we are going to learn How do we Implement SetOnItemSelectedListener in Fragment on Bubble Tab Bar Chip Navigation Bar with Kotlin Android Studio.

First of all, make sure you have watch my first video here.


After that make sure you have clone or checkout my Github repository from here

The first step is we need to update our build.gradle like this

After that update our activity_main.xml look like this


And then create new layout resource file called fragment_child like this


And then create a new Kotlin class called ViewPagerAdapter like this


And the last but not least, update our MainActivity like this
And yeay! we have finished, try to run our App :)
If you want to watch full tutorial on YouTube here

Designing Online Course Education App UI Design from Adobe XD to Android Studio (XD File + Source Code)

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are going to Learn How to Designing Online Course Education App UI Design from Adobe XD to Android Studio. In this tutorial we are implementing many things, like Layouting, RecyclerView, CardView, Animation and more.
So Education App that we want to create like this.


You can get Project File from link below:
Assets : assets.abdulazizahwanAdobe XD : xd.abdulazizahwanAndroid Studio Part 1 : asp1.abdulazizahwanAndroid Studio Final : aspc.abdulazizahwanPart I [Design Section]
Part II [XML Layouting Section]
Part III [Java Section]

How to Create Modern Onboarding Walkthrough Screen UI Design for Travel Holiday Application from Adobe XD to Android Studio

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about How to Create Onboarding Walkthrough Screen UI Design for Travel Holiday Application from Adobe XD to Android Studio. Illustration by Craftwork.design https://gumroad.com/a/126252147.
So Onboarding that we want to create like this.

You can get Project File from link below:
Adobe XD : xd.abdulazizahwanAndroid Studio : git.abdulazizahwanPart I [Design Section]
Part II [Code Section]

Designing Modern MyLearningApp Login Screen UI Adobe XD to Android Studio

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about Designing Modern MyLearningApp Login Screen UI Adobe XD to Android Studio. In this section we will implementing like Constraint Layout, Intent Animation on Android Studio. The design would be look like this.

You can get Project File from link below:
Adobe XD : xd.abdulazizahwanAndroid Studio : git.abdulazizahwanPart I [Design Section]
Part II [Code Section]

How to Create Splash Screen Like YouTube App in Android Studio

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia.

In this post, we are gonna talk How to Clone YouTube App Splash Screen in Android Studio.

You can get Project File from link below:
- Android Studio : androidstudio.abdulazizahwan
- YouTube Logo : youtube_logo.svg

Video Tutorial

How to Customize Background Shape Bottom Navigation View Material Design Component in Android Studio

#CustomShape #BottomNavigationView #AndroidStudio #Modern

Hi everyone, I am Abdul Aziz Ahwan . In this post, we are going to Learn How do I Customize Background Shape Bottom Navigation View Material Design Component in Android Studio.

To customize background shape it's so simple, we can simply create drawable resource file and set that file as the background.

If you want to learn more, you can watch the tutorial below.
Android Studio Project File (abdulazizahwan.androidstudio


Cara Menampilkan Layar Hp Smartphone, Streaming Main PUBG di Laptop atau PC

Sebagai Pembuat Konten yang membuat Tutorial Pengembangan Seluler, kadang-kadang saya perlu mirror Perangkat Android saya ke komputer saya, alasannya bisa banyak, seperti Demo, Emulator Mengkonsumsi Memori Tinggi, Spesifikasi Komputer Rendah dan Lebih Mudah Menggunakan Perangkat Fisik. Itu beberapa alasan mengapa saya membuat video ini.

Pada kenyataannya, ada banyak Aplikasi mirroring layar, seperti Vysor, MirrorGO, ApowerMirror dan banyak lagi. Tapi, hampir semuanya berbayar, walaupun ada versi gratis yang tersedia.

Versi gratis memiliki banyak fitur keterbatasan, kualitas resolusi layar buruk dan semua animasi hilang ketika kita mencerminkan perangkat dalam frame rate tinggi, memiliki iklan dan watermark yang mengganggu.
Jika kita menginginkan resolusi tinggi dengan frame rate tinggi dan tanpa iklan, kita perlu membeli versi pro.
Tapi, sekarang kita bisa menggunakan Scrcpy.

Scrcpy adalah pencerminan layar dan alat yang hebat untuk mengendalikan perangkat Android kami dari komputer …

Cara Membuat PowerPoint Keren Bagi Mahasiswa Yang Gak Bisa Desain

Kata "mahasiswa" tidak jauh dengan pasangannya yakni tugas kuliah. Tak dapat dihindari dan tak dapat dipungkiri. Tiap minggu atau bahkan tiap hari. Yang mengharuskan "mahasiswa" untuk menyajikan materi dengan cara presentasi. 
Namun sebagai mahasiswa yang ngga bisa desain seperti saya ini, bagaimana cara untuk tampil memukau atau "eye-catching" atau mencuri pandangan audiensi  ketika presentasi? 
Video ini mungkin dapat menjawab pertanyaan tadi. Cara tampil memukau ketika presentasi. Pada postingan ini saya akan menunjukkan kepada Anda tentang Cara Saya Membuat Powerpoint Keren Tidak Perlu Skill Desain dan Tidak Berbayar. Stay tune with me. Subscribe juga boleh. Gratis pula.