WeeK 01 - Project Management

Assignment items

Principles and Practices (part 1 of 2)

Project Management (part 2 of 2)




Meetings

Meeting with Prof.Neil

21.01.2026 | Meeting with Prof.Neil

Vuja De team

23.01.2026 | Meeting with local FabLab node is Saudi , Vuja De

Saturday Support group

24.01.2026 | The amazing Saturday group

The process

This week I set up my documentation workflow, Git publishing process, and chose my tooling.

Project Management:


Finding a tool that helps me in breaking up the tasks and activate reminders on my mobile is my goal in my selection.(excel would not be an option with reminders)
It is not easy to manage my time as I'm a mom and also running WRO season 2026 in Kuwait in the same time I'm taking this course attending zilions of meetings in a week. These are the ones I tried in not longer than 10 min of trial each.


Option 01: Monday Work Management (online platform)


reated a new free account

01 | I created a new free account on Monday and downloaded mobile version

dding my weeks and subtasks

02| I strated adding my weeks and subtasks for each week and update the status

Good Enough for now
  • Feedback:Interface (UI/UX) is simple and easy and direct, enough for what I need now
  • Challenge: The main feacher I need, notofications, is not included in the free account

Option 02: ClickUp (online platform)


new free account

01 | I created a new free account on ClickUp

add items

02| tried to find the fastest way to add items without setting up alot of parameters in PM software

Didn't Work
  • Feedback:I found the setup very complex for my needs
  • Challenge: The main feacher I need, notofications, is not included in the free account

Connect GitLab Repo & select IDE:


I wanted to find the best and shortest way to have my files edited locally and upploaded to the my GitLab repository without the risk of duplicated files.

Option 01: Getting familiar with GitLab


HTTP link

01 | I used the HTTP link as my username to connect with GitLab

Personal Access Token

02| from preferences, I created Personal Access Token

A dedicated token

03| A dedicated token is needed for each tool or terminal used

Token scope should be API

04| Token scope should be API

Great
  • Feedback:TheToken Access key is valid only for one app or channel, I had to create two to compare between two tools
  • Challenge: Name the token clearly to keep track

Option 02: Trying GitDesktop


download GitHub descktop

01 | Download GitHub descktop for Mac

nstalling the App

02| Installing the App

Addiing HTTPs

03| Addiing HTTPs link as user, selecting the local path to clone the repo and used Personal Access Token as Password.

Connected to repo

04| Connected to repo and cloned successfully

Not what I need!
  • Feedback:Make sure the local folder selcted to clone the repo is empty, else you will get an error
  • Challenge: When editing the files and trying to comment and upload the files, there was duplicated files and that is not the way to I want to keep working on until Jun

Option 03: Trying Dreamwaver (my favorte webdev App since 2006)


Open Dreamwaver Adobe

01 | Open Dreamwaver Adobe and creat a new site

Connecting to Gitlab

02| Connecting the site to my Gitlab repository

Git client was not installed

03| Git client was not installed on my Mac

Installing Git client

04| Installing Git client

HomeBrew on the Tirminal

05| Running the installation with HomeBrew on the Tirminal

Connecting to Gitlab

06| Try again to connecting to Gitlab

Start the Git Pull

07| Start the Git Pull by adding HTTP Link, username and token to connect to my repo

Editing from Local

08| Creating new files and editing exsiting ones on local enviroment

stagged and uploaded

09| Selecting the files to be stagged and uploaded

adding commints

10| Staging files and adding commints

update files

11| Push to the repo and update files

I like this
  • Feedback:My workflow: edit locally in Dreamweaver → stage → commit with message → push to GitLab Pages. I'm really glad I was able to connect Dreamwaver to Repo. Made me feel confidence in creating a website to maintain for the coming 6 months
  • Challenge: Now it is alla bout designing best layout once and following it for all the coming weeks and project

Compress Images:


I wanted to find a tool that compress images in resonable resolution/ clearity in a size not more than 200KB with acceptable quality. Its important to compress folders to save time.

Option 01: My Preview


screenshot images

01 | Slecting the screenshot images taken in bulk

open with Preview App

02| righclick to open them with Preview App on Mac

Export with more option

03| Export with more option to reduce size file

Good Enough for now
  • Feedback:its fast and the file size are reduce
  • Challenge: the resolution compared to FFMPG is much lower, but Im still not confirtable using terminals for compressing the pictures

Option 02: FFMPEG


install ffmpeg

01 | Command brew install ffmpeg

Compress using ffmpeg

02| Compress using ffmpeg -i me.jpg -q:v 10 me2.jpg

not good enough for me
  • Feedback:Resolution is amazing, my husband and Fablab studnet Musaed alKout helpped me in this
  • Challenge:I need a tool for bulk compresing and also video compressing

Option 03: Magic


Did not work
  • Feedback:
  • Challenge: Still looking for a tool that works with Mac , compressing bulk images with high clarity

Building the website:


My strategy was to have the index page with the maain navigation bar on the left, while useing ifream tages to load all the other pages on the right sid of the page. I also developed a template design that can apply to all the assignment. Each assignment has a folder with an index.html page and img folder.

Option 01: HTML Bootstrap


screenshot images

01 | Using Bootstrap 5.3 for ready and easy to use CSS styling and JS scripts.

open with Preview App

02| W3schools.com was a good reference to the options available

Export with more option

03| I made sure to add comments to easily navigate through the code by me or others.

Export with more option

04| This is the structure I will be following in building this website.

I love it
  • Feedback:I feel its very organized and I can depend on using this template for the comming assignments
  • Challenge:To keep documneting ^_^

Cost

The purpose of this table is to calculate and track the total fixed-cost overhead associated with my activities and projects up to FabLab graduation. The costs calculated here will be treated as overhead fixed costs and allocated proportionally across all projects undertaken during the coming weeks. This approach ensures consistent cost attribution and accurate project-level cost analysis throughout the FabLab period.

Weekly Overhead calculation


From an accounting perspective, the primary fixed cost associated with all my projects during the FabLab program and the coming weeks is the USD 5,000 FabLab enrollment fee. This cost will be amortized over 32 weeks, resulting in a weekly fixed cost of USD 156.25. In addition, I maintain several monthly software subscriptions that are already used within my company operations,for the purpose of FabLab-related activities, it is estimated that 25% of the monthly subscription costs will be attributable to FabLab projects.
There was no direct project-specific cost incurred during the current week.

Item Description Total Cost Weekly Amortization USD Cost/week
FabLab Fee For 32 weeks 5000 =(5000/32weeks) 156.25
AdobeCreative Monthly Subcription- 4 weeks 15 =(15/4weeks)*25% usage 0.94
Chat GPT pro Monthly Subcription- 4 weeks 20 =(20/4weeks)*25% usage 1.25
Capcut Pro Monthly Subcription- 4 weeks 14 =(14/4weeks)*25% usage 0.88
Canva Pro Monthly Subcription- 4 weeks 12 =(15/4weeks)*25% usage 0.75
Overhead Cost per week 160.06

Tools

Use of AI

Option 01: Create FABGPT


I used ChatGPT to dreate a FabGPT. I first provide some context of my role in Fablab, then I added my skills and I started using is as define bellow. you can try my FabGTP
creating a new GPT

01 | loginin and creating a new GPT

Defineing the role

02 | Defineing the role of the FabGPT and the context of the convestations

Defining the area of GPT

03 | Defining the area of GPT expert and selecting the version

setup for a FabGPT

04 | Complete setup for a FabGPT which can be use via this link

FabGPT to debug

05 | Sharing my code and asking FabGPT to debug and explain why it's not working

syntax error

06 | the syntax error is beeing highlighted and a better vesion of my code is also shared

Good Enough for now
  • Feedback:This makes my AI conversations more organized and relative to the context of Fablab
  • Challenge: It does provide me with many options and that make me feel Over welmed with the need to learn more things. But I can alsways ask for detailed explaination

Useful Links

Learning Outcomes