{"id":2194,"date":"2025-11-07T10:39:54","date_gmt":"2025-11-07T03:39:54","guid":{"rendered":"https:\/\/hilmialfqhprtf1012011.my.id\/?p=2194"},"modified":"2025-11-07T10:44:02","modified_gmt":"2025-11-07T03:44:02","slug":"dashboard-screen","status":"publish","type":"post","link":"https:\/\/hilmialfqhprtf1012011.my.id\/?p=2194","title":{"rendered":"Dashboard Screen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2194\" class=\"elementor elementor-2194\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-523421c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"523421c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-acf2279\" data-id=\"acf2279\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b06637e elementor-widget elementor-widget-video\" data-id=\"b06637e\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/Gm3JLg1-Bw4&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7918594\" data-id=\"7918594\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1f4ff65 elementor-widget elementor-widget-heading\" data-id=\"1f4ff65\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dashboard Screen<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8bcd44a elementor-widget elementor-widget-text-editor\" data-id=\"8bcd44a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"93\" data-end=\"647\">This video showcases a detailed demo of <em data-start=\"133\" data-end=\"143\">Bittaqwa<\/em>, a modern Muslim application developed using <strong data-start=\"189\" data-end=\"200\">Flutter<\/strong> and <strong data-start=\"205\" data-end=\"237\">Visual Studio Code (VS Code)<\/strong>. The demonstration focuses specifically on the <strong data-start=\"285\" data-end=\"305\">Dashboard Screen<\/strong>, which serves as the main hub of the app, providing quick access to essential Islamic features and daily utilities. Designed with a clean, elegant, and user-friendly interface, the dashboard represents the core of <em data-start=\"520\" data-end=\"532\">Bittaqwa\u2019s<\/em> functionality and reflects its purpose of supporting Muslims in their daily spiritual routines through technology.<\/p><p data-start=\"649\" data-end=\"1271\">At the start of the demo, the video introduces the sleek loading animation and smooth transition to the dashboard interface. The dashboard layout is divided into well-structured sections, displaying important information such as the <strong data-start=\"882\" data-end=\"906\">current prayer times<\/strong>, <strong data-start=\"908\" data-end=\"927\">Qibla direction<\/strong>, <strong data-start=\"929\" data-end=\"952\">Hijri calendar date<\/strong>, and <strong data-start=\"958\" data-end=\"985\">daily Islamic reminders<\/strong>. Each section is visually distinct, featuring minimalistic icons and carefully chosen color themes to create an atmosphere of calm and focus. The use of Flutter\u2019s rich widget system allows for fluid animations and seamless navigation, making the user experience pleasant and efficient.<\/p><p data-start=\"1273\" data-end=\"1812\">The video also highlights the <strong data-start=\"1303\" data-end=\"1324\">interactive cards<\/strong> on the dashboard, which allow users to quickly access features like <em data-start=\"1393\" data-end=\"1412\">Qur\u2019an recitation<\/em>, <em data-start=\"1414\" data-end=\"1431\">Tasbeeh counter<\/em>, <em data-start=\"1433\" data-end=\"1449\">Dua collection<\/em>, and <em data-start=\"1455\" data-end=\"1471\">Mosque locator<\/em>. Each feature is designed with precision to ensure both visual appeal and functional clarity. The narrator explains how the dashboard was programmed using Flutter\u2019s state management tools, providing smooth real-time updates such as changing prayer times based on the user\u2019s location and adjusting the display according to day or night mode.<\/p><p data-start=\"1814\" data-end=\"2331\">Throughout the video, the development process using <strong data-start=\"1866\" data-end=\"1877\">VS Code<\/strong> is briefly showcased, emphasizing the coding workflow, debugging process, and integration of APIs that make the app dynamic. The narrator also discusses how the design focuses on <strong data-start=\"2057\" data-end=\"2106\">simplicity, accessibility, and responsiveness<\/strong>, ensuring that the app performs well on both Android and iOS devices. Viewers can see how the Flutter framework brings life to every motion, from button presses to page transitions, creating a polished and professional feel.<\/p><p data-start=\"2333\" data-end=\"2636\">By the end of the demo, the video summarizes the dashboard\u2019s purpose: to provide an all-in-one digital space for Muslims to stay connected to their faith. <em data-start=\"2488\" data-end=\"2498\">Bittaqwa<\/em> combines spirituality and technology in a meaningful way, reflecting the harmony between modern innovation and timeless Islamic values.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dashboard Screen This video showcases a detailed demo of Bittaqwa, a modern Muslim application developed using Flutter and Visual Studio Code (VS Code). The demonstration focuses specifically on the Dashboard Screen, which serves as the main hub of the app, providing quick access to essential Islamic features and daily utilities. Designed with a clean, elegant, &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/hilmialfqhprtf1012011.my.id\/?p=2194\"> <span class=\"screen-reader-text\">Dashboard Screen<\/span> Selengkapnya &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","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":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-2194","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=\/wp\/v2\/posts\/2194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2194"}],"version-history":[{"count":4,"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=\/wp\/v2\/posts\/2194\/revisions"}],"predecessor-version":[{"id":2199,"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=\/wp\/v2\/posts\/2194\/revisions\/2199"}],"wp:attachment":[{"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}