{"id":3187,"date":"2025-11-06T10:18:39","date_gmt":"2025-11-06T03:18:39","guid":{"rendered":"http:\/\/faqihportofolio.my.id\/?p=3187"},"modified":"2025-11-06T10:24:18","modified_gmt":"2025-11-06T03:24:18","slug":"doa-screen","status":"publish","type":"post","link":"http:\/\/faqihportofolio.my.id\/?p=3187","title":{"rendered":"Doa Screen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3187\" class=\"elementor elementor-3187\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b1e715b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b1e715b\" 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-b904a64\" data-id=\"b904a64\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-01a6071 elementor-widget elementor-widget-video\" data-id=\"01a6071\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/IcSL2IauB48&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<style>\/*! elementor - v3.15.0 - 20-08-2023 *\/\n.elementor-widget-video .elementor-widget-container{overflow:hidden;transform:translateZ(0)}.elementor-widget-video .elementor-wrapper{aspect-ratio:var(--video-aspect-ratio)}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{height:100%;width:100%;display:flex;border:none;background-color:#000}@supports not (aspect-ratio:1\/1){.elementor-widget-video .elementor-wrapper{position:relative;overflow:hidden;height:0;padding-bottom:calc(100% \/ var(--video-aspect-ratio))}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{position:absolute;top:0;right:0;bottom:0;left:0}}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:50%}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{display:block;width:100%;aspect-ratio:var(--video-aspect-ratio);-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}@supports not (aspect-ratio:1\/1){.elementor-widget-video .elementor-custom-embed-image-overlay{position:relative;overflow:hidden;height:0;padding-bottom:calc(100% \/ var(--video-aspect-ratio))}.elementor-widget-video .elementor-custom-embed-image-overlay img{position:absolute;top:0;right:0;bottom:0;left:0}}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}.e-con-inner>.elementor-widget-video,.e-con>.elementor-widget-video{width:var(--container-widget-width);--flex-grow:var(--container-widget-flex-grow)}<\/style>\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a8f6e2 elementor-widget elementor-widget-image\" data-id=\"0a8f6e2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 20-08-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"http:\/\/faqihportofolio.my.id\/wp-content\/uploads\/2025\/11\/Doa-724x1024.png\" class=\"attachment-large size-large wp-image-3192\" alt=\"\" srcset=\"http:\/\/faqihportofolio.my.id\/wp-content\/uploads\/2025\/11\/Doa-724x1024.png 724w, http:\/\/faqihportofolio.my.id\/wp-content\/uploads\/2025\/11\/Doa-212x300.png 212w, http:\/\/faqihportofolio.my.id\/wp-content\/uploads\/2025\/11\/Doa-768x1087.png 768w, http:\/\/faqihportofolio.my.id\/wp-content\/uploads\/2025\/11\/Doa-1085x1536.png 1085w, http:\/\/faqihportofolio.my.id\/wp-content\/uploads\/2025\/11\/Doa-1447x2048.png 1447w, http:\/\/faqihportofolio.my.id\/wp-content\/uploads\/2025\/11\/Doa-scaled.png 1809w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>\t\t\t\t\t\t\t\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ca7aec5\" data-id=\"ca7aec5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b32962f elementor-widget elementor-widget-heading\" data-id=\"b32962f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 20-08-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Doa Screen<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-016fe9b elementor-widget elementor-widget-text-editor\" data-id=\"016fe9b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 20-08-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p data-start=\"265\" data-end=\"714\">The <strong data-start=\"269\" data-end=\"283\">Doa Screen<\/strong> in <strong data-start=\"287\" data-end=\"309\">Dashboard Bitaqwaa<\/strong> is a dedicated section that allows users to access, read, and learn various Islamic prayers (<em data-start=\"403\" data-end=\"409\">duas<\/em>) for different occasions in daily life. This feature is designed to help users strengthen their remembrance of Allah through consistent recitation and understanding of essential supplications. Built using <strong data-start=\"615\" data-end=\"626\">Flutter<\/strong>, the Doa Screen combines functional design with a calm and spiritual user experience.<\/p><p data-start=\"716\" data-end=\"1309\">The main purpose of the Doa Screen is to make it easier for users to find and read prayers anytime and anywhere. Each prayer is displayed in <strong data-start=\"857\" data-end=\"867\">Arabic<\/strong>, accompanied by its <strong data-start=\"888\" data-end=\"913\">Latin transliteration<\/strong> and <strong data-start=\"918\" data-end=\"955\">Indonesian or English translation<\/strong>, so users can understand the meaning and pronunciation clearly. The prayers are categorized based on their context, such as daily prayers, morning and evening remembrance (<em data-start=\"1128\" data-end=\"1135\">dzikr<\/em>), prayers before and after eating, traveling, sleeping, and more. This structured organization helps users quickly access the doa they need without unnecessary navigation.<\/p><p data-start=\"1311\" data-end=\"1770\">From a technical perspective, the Doa Screen is built using Flutter\u2019s <strong data-start=\"1381\" data-end=\"1393\">ListView<\/strong> and <strong data-start=\"1398\" data-end=\"1414\">Card widgets<\/strong>, which provide a smooth and responsive scrolling experience across devices. The data for each doa can be stored locally using <strong data-start=\"1541\" data-end=\"1551\">SQLite<\/strong> or fetched dynamically from an <strong data-start=\"1583\" data-end=\"1590\">API<\/strong> connected to a database such as <strong data-start=\"1623\" data-end=\"1635\">Firebase<\/strong> or <strong data-start=\"1639\" data-end=\"1648\">MySQL<\/strong>. This setup allows flexibility in managing and updating prayer content while maintaining fast performance even offline.<\/p><p data-start=\"1772\" data-end=\"2245\">The UI design of the Doa Screen emphasizes simplicity and readability. A soft color palette and clean typography are used to create a peaceful reading atmosphere. Each doa card includes clear spacing, an elegant Arabic font, and a readable translation layout. Users can also use a <strong data-start=\"2053\" data-end=\"2067\">search bar<\/strong> or <strong data-start=\"2071\" data-end=\"2089\">filter feature<\/strong> to find specific prayers instantly. Additionally, a <strong data-start=\"2142\" data-end=\"2173\">favorite or bookmark option<\/strong> allows users to save frequently used prayers for easier access later.<\/p><p data-start=\"2247\" data-end=\"2444\">To enhance user engagement, the Doa Screen can include an <strong data-start=\"2305\" data-end=\"2322\">audio feature<\/strong> that plays the correct pronunciation of each prayer. This helps users who want to memorize or improve their recitation.<\/p><p>\n\n\n\n\n<\/p><p data-start=\"2446\" data-end=\"2754\">Overall, the <strong data-start=\"2459\" data-end=\"2473\">Doa Screen<\/strong> in Dashboard Bitaqwaa is not only a digital collection of prayers but also a learning tool that encourages users to make <em data-start=\"2595\" data-end=\"2602\">dzikr<\/em> and supplication part of their daily lives. It transforms traditional prayer reading into a modern, accessible, and spiritually uplifting experience.<\/p>\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Doa Screen The Doa Screen in Dashboard Bitaqwaa is a dedicated section that allows users to access, read, and learn various Islamic prayers (duas) for different occasions in daily life. This feature is designed to help users strengthen their remembrance of Allah through consistent recitation and understanding of essential supplications. Built using Flutter, the Doa &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"http:\/\/faqihportofolio.my.id\/?p=3187\"> <span class=\"screen-reader-text\">Doa 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":{"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":"","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-3187","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/faqihportofolio.my.id\/index.php?rest_route=\/wp\/v2\/posts\/3187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/faqihportofolio.my.id\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/faqihportofolio.my.id\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/faqihportofolio.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/faqihportofolio.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3187"}],"version-history":[{"count":4,"href":"http:\/\/faqihportofolio.my.id\/index.php?rest_route=\/wp\/v2\/posts\/3187\/revisions"}],"predecessor-version":[{"id":3197,"href":"http:\/\/faqihportofolio.my.id\/index.php?rest_route=\/wp\/v2\/posts\/3187\/revisions\/3197"}],"wp:attachment":[{"href":"http:\/\/faqihportofolio.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3187"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/faqihportofolio.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3187"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/faqihportofolio.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}