{"id":1976,"date":"2025-11-01T02:40:34","date_gmt":"2025-11-01T02:40:34","guid":{"rendered":"https:\/\/alif-smp-idn.my.id\/?p=1976"},"modified":"2025-11-21T14:08:16","modified_gmt":"2025-11-21T14:08:16","slug":"demo-dashbord-islami","status":"publish","type":"post","link":"https:\/\/alif-smp-idn.my.id\/?p=1976","title":{"rendered":"Demo Dashbord islami"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1976\" class=\"elementor elementor-1976\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7d00125 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7d00125\" 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=\"aux-parallax-section elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9a35e89\" data-id=\"9a35e89\" 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-76a4bc8 elementor-widget elementor-widget-image\" data-id=\"76a4bc8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1414\" height=\"2000\" src=\"https:\/\/alif-smp-idn.my.id\/wp-content\/uploads\/2025\/11\/Helene-Paquet-6.png\" class=\"attachment-full size-full wp-image-1979\" alt=\"\" srcset=\"https:\/\/alif-smp-idn.my.id\/wp-content\/uploads\/2025\/11\/Helene-Paquet-6.png 1414w, https:\/\/alif-smp-idn.my.id\/wp-content\/uploads\/2025\/11\/Helene-Paquet-6-1086x1536.png 1086w\" sizes=\"(max-width: 1414px) 100vw, 1414px\" \/>\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=\"aux-parallax-section elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c1fd32c\" data-id=\"c1fd32c\" 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-deee096 elementor-widget elementor-widget-video\" data-id=\"deee096\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/CdyZjWHktiY&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<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-2aa820e elementor-widget elementor-widget-heading\" data-id=\"2aa820e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">An Islamic Dashboard in Visual Studio is a user interface (UI) created using programming languages \u200b\u200blike HTML, CSS, JavaScript, or frameworks like Flutter, React, or ASP.NET. It contains a variety of Islamic-themed information and features.\nIts purpose is to display Islamic data, schedules, or content in an engaging, interactive, and easily accessible manner.<\/h4>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a38932c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a38932c\" 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=\"aux-parallax-section elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-58e6871\" data-id=\"58e6871\" 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-614d28d elementor-widget elementor-widget-video\" data-id=\"614d28d\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/VmwxWjvyQwQ&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<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-4e00945 elementor-widget elementor-widget-heading\" data-id=\"4e00945\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">The Prayer Screen is a display page (screen) in a Flutter application that displays a collection of daily prayers to the user. Typically, this screen is created using a StatefulWidget or StatelessWidget widget and contains UI elements that display the prayer.<\/h4>\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=\"aux-parallax-section elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-491b01b\" data-id=\"491b01b\" 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-72e4713 elementor-widget elementor-widget-image\" data-id=\"72e4713\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1414\" height=\"2000\" src=\"https:\/\/alif-smp-idn.my.id\/wp-content\/uploads\/2025\/11\/Helene-Paquet-7.png\" class=\"attachment-full size-full wp-image-1988\" alt=\"\" srcset=\"https:\/\/alif-smp-idn.my.id\/wp-content\/uploads\/2025\/11\/Helene-Paquet-7.png 1414w, https:\/\/alif-smp-idn.my.id\/wp-content\/uploads\/2025\/11\/Helene-Paquet-7-1086x1536.png 1086w\" sizes=\"(max-width: 1414px) 100vw, 1414px\" \/>\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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-353f941 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"353f941\" 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=\"aux-parallax-section elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3750b16\" data-id=\"3750b16\" 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-e2bdfef elementor-widget elementor-widget-image\" data-id=\"e2bdfef\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1414\" height=\"2000\" src=\"https:\/\/alif-smp-idn.my.id\/wp-content\/uploads\/2025\/11\/Helene-Paquet-8.png\" class=\"attachment-full size-full wp-image-1992\" alt=\"\" srcset=\"https:\/\/alif-smp-idn.my.id\/wp-content\/uploads\/2025\/11\/Helene-Paquet-8.png 1414w, https:\/\/alif-smp-idn.my.id\/wp-content\/uploads\/2025\/11\/Helene-Paquet-8-1086x1536.png 1086w\" sizes=\"(max-width: 1414px) 100vw, 1414px\" \/>\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=\"aux-parallax-section elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2160652\" data-id=\"2160652\" 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-4c1e1e9 elementor-widget elementor-widget-video\" data-id=\"4c1e1e9\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/AVdVkFb82dg&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<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-67db088 elementor-widget elementor-widget-heading\" data-id=\"67db088\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">The Zakat Screen is one of the main displays in the Flutter application, serving as a zakat information and management page. This page is designed to help users understand the meaning of zakat, its types, and perform zakat calculation simulations easily and interactively.\n<\/h4>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2736316 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2736316\" 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=\"aux-parallax-section elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b69f053\" data-id=\"b69f053\" 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-d65600a elementor-widget elementor-widget-video\" data-id=\"d65600a\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/wIWs4ool8hY&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<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-495db21 elementor-widget elementor-widget-heading\" data-id=\"495db21\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">The Prayer Schedule Screen is a user interface (UI) screen designed using Visual Studio as part of an Islamic-themed application. The project's primary goal is to provide accurate, informative, and easily accessible daily prayer schedule information to users in a single, clean and modern display. Each prayer time is organized into a clear table or card, allowing users to quickly and conveniently view the daily schedule.<\/h4>\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=\"aux-parallax-section elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e9f9903\" data-id=\"e9f9903\" 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-6f83eb9 elementor-widget elementor-widget-image\" data-id=\"6f83eb9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1414\" height=\"2000\" src=\"https:\/\/alif-smp-idn.my.id\/wp-content\/uploads\/2025\/11\/Helene-Paquet.jpg\" class=\"attachment-full size-full wp-image-2009\" alt=\"\" srcset=\"https:\/\/alif-smp-idn.my.id\/wp-content\/uploads\/2025\/11\/Helene-Paquet.jpg 1414w, https:\/\/alif-smp-idn.my.id\/wp-content\/uploads\/2025\/11\/Helene-Paquet-1086x1536.jpg 1086w\" sizes=\"(max-width: 1414px) 100vw, 1414px\" \/>\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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a079c75 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a079c75\" 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=\"aux-parallax-section elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b1866e2\" data-id=\"b1866e2\" 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-fa21b28 elementor-widget elementor-widget-image\" data-id=\"fa21b28\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1414\" height=\"2000\" src=\"https:\/\/alif-smp-idn.my.id\/wp-content\/uploads\/2025\/11\/Helene-Paquet-9-1.png\" class=\"attachment-full size-full wp-image-2013\" alt=\"\" srcset=\"https:\/\/alif-smp-idn.my.id\/wp-content\/uploads\/2025\/11\/Helene-Paquet-9-1.png 1414w, https:\/\/alif-smp-idn.my.id\/wp-content\/uploads\/2025\/11\/Helene-Paquet-9-1-1086x1536.png 1086w\" sizes=\"(max-width: 1414px) 100vw, 1414px\" \/>\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=\"aux-parallax-section elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2d20dbb\" data-id=\"2d20dbb\" 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-ab9559a elementor-widget elementor-widget-video\" data-id=\"ab9559a\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/UvxiLMBf1iw&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<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-c0dd532 elementor-widget elementor-widget-heading\" data-id=\"c0dd532\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/youtu.be\/UvxiLMBf1iw\">The Study Video Project is a multimedia work aimed at presenting Islamic material in an engaging, informative, and easy-to-understand audio-visual format. These videos provide explanations of Islamic studies based on the Quran, Hadith, and the opinions of Islamic scholars, presented concisely and relevant to everyday life.<\/a><\/h4>\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>An Islamic Dashboard in Visual Studio is a user interface (UI) created using programming languages \u200b\u200blike HTML, CSS, JavaScript, or frameworks like Flutter, React, or ASP.NET. It contains a variety of Islamic-themed information and features. Its purpose is to display Islamic data, schedules, or content in an engaging, interactive, and easily accessible manner. The Prayer [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24],"tags":[],"class_list":["post-1976","post","type-post","status-publish","format-standard","hentry","category-it-project"],"_links":{"self":[{"href":"https:\/\/alif-smp-idn.my.id\/index.php?rest_route=\/wp\/v2\/posts\/1976","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alif-smp-idn.my.id\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alif-smp-idn.my.id\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alif-smp-idn.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alif-smp-idn.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1976"}],"version-history":[{"count":19,"href":"https:\/\/alif-smp-idn.my.id\/index.php?rest_route=\/wp\/v2\/posts\/1976\/revisions"}],"predecessor-version":[{"id":2019,"href":"https:\/\/alif-smp-idn.my.id\/index.php?rest_route=\/wp\/v2\/posts\/1976\/revisions\/2019"}],"wp:attachment":[{"href":"https:\/\/alif-smp-idn.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1976"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alif-smp-idn.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1976"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alif-smp-idn.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}