1. State of the art, project management and documentation¶

Introduction¶

This was the first week of the Fabricadmey program, during which we learned three things:

• Introduction to the Fabricadmey Program: We learned what the program is, the requirements needed to succeed in it, and we also took a look at what the world has achieved in the fields of textiles and digital fabrication.

• We looked at the assignments, how they work, and how they’re graded.

• We learned how to design our own website and upload our assignments to it.

1. from Challenge to Product¶

For me, product design wasn’t just a choice of major or a field of study—it was a different way of understanding problems and trying to turn them into real solutions.

Over time, I began to realize that I didn’t just enjoy designing the form, but the entire journey—from the moment I identified the problem, through research, then thinking and experimentation, all the way to something I could see, touch, and use.

With every idea, I’d discover a new problem that needed a solution. Sometimes a concept is visually appealing, but when I think about how it would be used, I realize it’s impractical. That’s when I began to understand the importance of prototyping, because a design on a screen gives you a vision, but a real prototype provides completely different answers.

Source

In some projects and experiments, I would start with a very simple prototype just to test the idea, and then gradually refine it. Sometimes I’d discover that the problem wasn’t with the idea itself, but rather with the size, the assembly method, or the material used. This taught me that a prototype isn’t a miniature version of the final product—it’s a tool for thinking and discovering things we can’t see on a screen.

That’s when the design process became, for me, more like a continuous cycle: I understand the problem, research, brainstorm ideas, design, build a prototype, test it, learn from my mistakes, and then go back and refine the design all over again. With every idea, I discovered a new problem that needed a solution.

Source

2. The (CPF) Maker Space¶

2.1 Quick Tour In Maker Space¶

The Makerspace ِAmman is a program sponsored by the Crown Prince Foundation; it is also a digital fabrication lab dedicated to supporting and assisting young people in innovation, design, and manufacturing.

2.2 Maker space opportunity¶

The Makerspace contains many sections, including:

• 3D printing section
• CNC section
• Laser cutting section
• Workspace

Caption for the left image

Caption for the right image

2.3 The Saftey¶

The makerspace is committed to public safety; there are many informational signs, and a staff team is on-site to ensure the safety of users and visitors.

My Website Workflow¶

Step 1: Sketches & Design¶

At this stage, I created some preliminary sketches on paper for my website. After that, I designed it in Figma as a prototype before converting it into code.

Step 2: Learn HTML & CSS¶

The second stage was learning the programming languages used for web design, HTML and CSS, using the W3Schools website and YouTube videos.

Caption for the left image

Caption for the right image

Step 3: Create My Website¶

While building my website, I ran into a lot of problems, such as * Consistency. * Differences in screen sizes between mobile and computer screens * How to integrate HTML with Markdown

Caption for the left image

Caption for the right image

However, by reviewing the lecture, searching for solutions online, and using artificial intelligence, I was able to resolve most of these issues.

CSS: