My Blog

Categories
Project IT

UI UX Mockup

UI UX Mockup

Liko Cake was created to support bakery owners who often manage their products, menus, and customer interactions manually. Many small and home-based bakeries struggle with organizing their product lists, presenting menus clearly, and providing customers with an easy way to browse available items. This challenge inspired the development of an application that simplifies product management while improving the customer experience.

The goal of Liko Cake is to provide a simple, clean, and efficient platform where bakery owners can showcase their products through a digital catalog. The app aims to make menu browsing easier, help users highlight best-selling items, and ultimately support bakery businesses in operating more professionally and reaching more customers.

Categories
Project IT

UI UX Prototype

UI UX Prototype

Description — What the App Is
Liko Cake is a bakery management application designed to help business owners organize their products and present a digital catalog, making it easier for customers to view and choose menu items.

Main Feature — Main Feature
The main feature of Liko Cake is its digital product catalog, which displays various cakes and desserts in card format. Users can quickly view products, explore categories such as Best Seller and Menu, and easily find their favorite items.

Categories
Project IT

smart color sorter (conveyor)

smart color sorter (conveyor)

The Micro:bit-Based Smart Color Sorter is an automatic color-sorting device that integrates a color sensor, servo motor, and DC motor, all of which are controlled through a Micro:bit microcontroller and a motor/servo extension board. The system begins by using a high-precision color sensor to detect the color of each object passing along the conveyor. Once the sensor captures the color data, the Micro:bit processes the information in real time and determines the appropriate sorting category. Based on this decision, the servo motor rotates to a specific angle, guiding the object toward the correct output path or container, while the DC motor continuously drives the conveyor to keep objects moving smoothly through the sorting mechanism.This smart system is cost-effective, simple to assemble, and highly educational, making it an excellent choice for classroom projects, STEM learning activities, introductory robotics, and small-scale automation prototypes. It allows students and beginners to understand fundamental concepts such as sensor integration, motor control, and decision-making logic within embedded systems. The motor/servo extension board plays a crucial role by providing stable and reliable power distribution, ensuring that the motors and sensors operate safely without overloading the Micro:bit. It also includes convenient ports that make wiring and component connection significantly easier.Overall, the Micro:bit-Based Smart Color Sorter demonstrates how basic electronic components can be combined with programming to create a functional and intelligent automated system. It offers hands-on experience with real-world engineering principles while remaining accessible and fun to build.

Categories
Project English

english presentation

english presentation

Figma is a cloud-based design application used to create user interfaces (UI), illustrations, and various visual assets collaboratively. One of its standout features is the ability to apply and customize gradient colors easily and flexibly. Figma provides several types of gradients such as linear, radial, and angular, which can be applied to any object—from basic shapes to complex components.

With its intuitive color panel, users can add multiple color stops, adjust gradient direction, control transparency, and blend colors with precision. This feature helps designers create modern visual effects, add depth to UI elements, and bring aesthetic appeal to illustrations. All gradient settings update in real time and can be viewed instantly during team collaboration, making the design process faster, cleaner, and more efficient.

Categories
Project English

practical exam

practical exam

These images deliver a deep critique of modern human behavior and family relationships in the age of technology. In the first image, a young child stands alone in the middle of a playground, holding a gadget while a soccer ball lies at his feet—a symbol of how real playtime and genuine interaction are slowly fading away. Around him, adults sit on benches, yet none of them pay attention to him; all are absorbed in their phones. This scene illustrates how technology, despite its conveniences, often creates emotional distance. A child who should be accompanied, guided, and involved in social activities is instead left alone because the people around him are trapped in their digital worlds. The image highlights how excessive gadget use can damage the quality of relationships, reduce empathy, and weaken our awareness of what’s happening around us.Meanwhile, the second image shows the silhouettes of a father and son facing each other. The father’s body appears hollow and incomplete, as if parts of him have been worn away, while the child’s body remains whole. This powerful visual metaphor represents the sacrifices parents—especially fathers—make for their children. Each hollow space in the father’s figure symbolizes something he has given up: the exhaustion he hides, the dreams he sets aside, and the struggles he endures silently. In contrast, the child’s intact form shows how he grows complete and strong through the father’s sacrifices.When these two images are combined in meaning, they provide a broader reflection on how human relationships are changing. On one side, technology is causing people to become isolated from each other; on the other, there are deep, often unseen acts of love within families where a father gives almost everything for his child. The moral message from both images is a reminder to value genuine human connection—both with the people around us and with the family members who sacrifice so much for us. They remind us that attention, affection, and real interaction are far more meaningful than the digital world that sometimes makes us forget true presence.

Categories
Project English Project IT

IT tutorial

IT tutorial

Figma is a cloud-based design application used to create user interfaces (UI), illustrations, and various visual assets collaboratively. One of its standout features is the ability to apply and customize gradient colors easily and flexibly. Figma provides several types of gradients such as linear, radial, and angular, which can be applied to any object—from basic shapes to complex components.

With its intuitive color panel, users can add multiple color stops, adjust gradient direction, control transparency, and blend colors with precision. This feature helps designers create modern visual effects, add depth to UI elements, and bring aesthetic appeal to illustrations. All gradient settings update in real time and can be viewed instantly during team collaboration, making the design process faster, cleaner, and more efficient.

Categories
Project Diniyah

fiqih mindmaping

fiqih mindmaping

Preparations before Friday prayer – taking a bath, wearing nice clothes, using perfume, applying hair oil, and sending more blessings (shalawat) to the Prophet.Etiquettes on the way to and inside the mosque – going early, walking to the mosque, not stepping over people’s shoulders, performing the tahiyyatul masjid prayer, and not taking someone else’s seat.Etiquettes during the Friday service – making more supplications, listening to the sermon, facing the khatib, using siwak, and performing the sunnah prayer afterward.

Categories
Project Diniyah

bacaan sholat

bacaan sholat

In Islamic prayer, or sholat, the recitations guide the worshipper through a structured act of devotion. The prayer begins with Takbiratul Ihram, where the person raises their hands and declares “Allahu Akbar”—a reminder that Allah is greater than anything else. Each unit of prayer includes the recitation of Surah Al-Fatihah, a chapter that praises Allah, acknowledges His mercy, and asks for guidance on the straight path. This is often followed by another short Qur’anic verse or surah, which deepens the worshipper’s reflection.

As the prayer continues, the worshipper moves into ruku’ (bowing), saying “Subhana Rabbiyal Adheem” to express humility. They then stand again in i’tidal, praising Allah with “Sami’ Allahu liman hamidah” and “Rabbana wa lakal hamd.” The most profound moment comes in sujud (prostration), where the forehead touches the ground while reciting “Subhana Rabbiyal A’la,” symbolizing complete submission to Allah.

 

Between the two prostrations, the worshipper sits briefly to seek forgiveness and mercy. In the final sitting, they recite the Tashahhud, affirming faith in Allah’s oneness and sending blessings upon the Prophet Muhammad. Finally, the prayer ends with the Salam, wishing peace and Allah’s mercy to those on the right and left, marking the conclusion of the entire ritual.

Categories
Project IT

hand gesture

hand gesture

TinyBit Hand Gesture is an educational and innovative project that enables users to control a TinyBit (LoFi CardBot) robot using simple hand gestures. The system works by combining artificial intelligence, machine learning, and visual programming to create a fun and interactive experience in learning robotics and AI. Through the integration of Teachable Machine and MakeCode, the project shows how human gestures can be recognized by a computer and translated into real movements of a robot.

The process begins with the use of Teachable Machine, a web-based platform by Google that allows anyone to train a machine learning model easily without deep coding knowledge. In this project, Teachable Machine is used to recognize different hand gestures such as an open palm, a closed fist, or a pointing direction. Each gesture is captured using a webcam and then labeled according to its function—for example, an open hand means “move forward,” a closed fist means “stop,” and pointing left or right means “turn left” or “turn right.” After training, the AI model learns to recognize these gestures accurately through pattern recognition.

Once the model is trained and exported in a web-friendly format, it is connected to MakeCode, a block-based programming environment developed by Microsoft. MakeCode is used to program the TinyBit robot so that it can respond to the recognized gestures. Through a series of logical blocks, the program defines what actions the robot should take when the AI detects specific gestures. For instance, if the AI detects an open hand, MakeCode sends a command to the robot’s motors to move forward. If it detects a closed fist, the motors stop, and the robot remains still.

Categories
Project English

news caster

news caster

Okay friends, this is the task of the English project, namely news caster, our group raised the theme of murder news, oh yes, I want to inform you first that the actions we do are only limited to scenes, not done in real life and you need to know who is in this news caster, first there is me who is the murderer, second there is Azka who is the victim of murder, third there is Faiz who is a reporter and lastly there is Alif who is an eye witness to the murder from this news caster video we can all take a valuable lesson that we can be blinded by wealth and without realizing it we can take lives for what we want.