Principles and Practices
Project Management :Building a website

Principles and Practices

I decided to make a Sorting waste machine for recycling.The waste problem is not only a national issue but also international. Recycling became a necessity to help solving the dilemma. Sorting the waste is a crucial step in the recycling process. Sometimes people get confused with the many categories of waste cans. To sort it manually is not an easy process, it can be quite hectic and dangerous with sharp objects and toxic chemicals. After long research on the subject, there are big factories to sort the waste but not so many. The aim of this project is to be user friendly, can be placed anywhere and with a reasonable cost.

About the machine:

I think of my machine as a black box that have inputs, outputs and properties which by a deep study will determine the inner mechanism.

Questions I have to find an answer for ,in order to determine the mechanism:

1. As input : one piece at a time or multiple pieces and if so how many.
2.Into how many categories this machine can sort.
3.What are the challenges that the machine may face and have to be considered while designing, being put for the public to use.
4.What are the constraints.
5.What is the cost of it.
All this questions and more are to be answered each week in the assignments.

N.B.

Later on, I discovered that I was too ambitious, I had unrealistic expectations given the limited period of the program. The target should have been to complete a first prototype in this cycle. Then consider this step as a first iteration to go further.

References

- researchgate.net/
- https://www.sciencedirect.com/science
-A review on automated sorting of source separated municipal solid waste for recycling
-https://www.directindustry.com/prod
-Automated municipal solid waste sorting for recycling using a mobile manipulat
-https://www.youtube.com

Project Management :Building a website

I built the website from scratch; I didn't use any template because I wanted to maximize my learning outcome and personalize my website. I used Notepad++.
First, I built my home page in html, I made an active header, the welcome statement, student agreement and the footer.

Then I made the CSS file choosing the font, the background picture in a separate sheet to be easier to go back and modify it.

Then I linked the two pages

After finishing the Home page, I created the subpages "About me, Assignments and Final project"each in a separate file with it's CSS file and I linked them together as well.
The subpage "About me":
It wasn't complicated in html and CSS where I wrote a text, then in CSS file, I chose the style, font, color and the background picture.
Then I inserted my picture and changed the opacity.

The subpage "Assignments":
I made an active link to every week's assignment, I started with Assignment 1 then a file will be made weekly for the assignment to be submitted. I'll just add the new file and create the link to the main page which will be easier to track.

To reduce pictures size I used Optimizilla : https://imagecompressor.com/

N.B.

Later on I searched and learned about other languages like Javascript and Bootstrap,because I was working to enhance my website ,I searched for some features to add , at first I just copied the code that I found online, but then I was afraid to miss the chance to learn it ,so I watched some tutorials and looked it up online ,I have to say it was really interesting :Here are some tutorials that I followed:

https://www.youtube.com/JS

https://www.youtube.com/JS

https://www.youtube.com/Bootstrap

https://www.youtube.com/Bootstrap

After finishing the code, I have to configure Git Lab to upload the site.

First let me answer the question: What are version control protocols?

Version control protocols is a tool we install on our computer to help managing software projects' files .Git is a version control system in service.It allows us to track changes in our projects like taking snap shots at every safe point to be able to go back to when necessary.We can also make sub branches of the main branch and work on it without disturbing the main branch and at the end the branches get merged together.
There is also GIT HUB which is a social net based on Git ,where we can push our projects either to make it public and open source or it can be privat.

https://www.youtube.com/GIT

https://www.youtube.com/GIT

https://www.youtube.com/GIT

For the first time our great mentor Mohamed Kamel helped me configuring Git.Later I repeated the process again for 4 times trying to solve an issue. I downloaded git on my computer.

So, as an e-mail was sent to grant me access to Git Lab, I signed in and created a new password. I configured ssh keygen.Here are the steps on how SSh key is configured in details:
https://support.atlassian.com/bitbucket-cloud/docs/set-up-an-ssh-key/

I opened my command prompt and wrote git:

I linked git with a local file "Documents" on my computer. I cloned it and upload it.

I configured my user name and email:

I used git commands to be sure of my status:

Then I made a trial to check that everything works properly so I made changes in the template locally and I wrote git add.

I committed the changes:

I pushed it:

And it worked !!!

So I didn't use a template ,I should delete the files in the repository and replace it with my own.

I followed many online tutorials Like:

-https://www.youtube.com/watch?v=azZCW24XtT4

-https://www.youtube.com/watch?v=t0HdyoGjCmg

-https://www.youtube.com/watch?v=q91wYGCCwGc

-https://www.youtube.com/watch?v=DiSvq5SgLMI&t=192s

-https://www.youtube.com/watch?v=lkDrG7G77Fg

-https://www.youtube.com/watch?v=q91wYGCCwGc

-https://www.youtube.com/watch?v=t0HdyoGjCmg

-https://www.youtube.com/watch?v=azZCW24XtT4

-https://websitesetup.org/website-coding-html-css/#customize

-https://websitesetup.org/website-coding-html-css/#design

-https://www.w3schools.com/colors/colors_picker.asp

-https://websitesetup.org/website-coding-html-css/#content-images

-https://skillcrush.com/2013/07/04/adding-new-pages-to-your-site/

-https://websitesetup.org/website-coding-html-css/

-https://www.w3schools.com/html/html_images_picture.aspa>

-https://www.wikihow.com/Insert-Images-with-HTML

And this site was quite helpful:
https://www.w3schools.com/