The objectives of this week are as follows:
- Build a basic website describing my final project.
- Work through the Git tutorial.
The Website
Tools used to designing a website are evolving so rapidly and the HTML language and its peripheries are evolving at even faster pace. To design the website I have used the popular free and opensource code editor Notepad++
.
Notepad++ is a very handy tool providing important coding facilities such as indentation, syntax completion and highlighting.
The website is a combination of HTML 5 and CSS3 sytle sheets. The ultimate resouce guide for HTML and CSS design is available at w3schools.com .
I created a CSS template for my website with the help of w3schools.com
Likewise all the remaining pages were created
Although manual design is not the most convinient way to design webpages as it does not keep track of broken links and page formatting is a constant issue but since I intend to design a simple website, therefore, I have decided to not to use more involved design tools like Dreamweaver or websites like Squarespace and Wordpress.
The Git Business
A detailed introduction to Git is available at our Fab Lab BCN website
Git is simply a version control software which allows multiple users working of the same project to keep work simultaneously and tracking changes and anamolies creating along the way.
A brilliant interactive tool is available here.
The steps include:
Create user account at Fablab git website.
Download and install git from here.
In the git terminal create SSH key as < $ssh-key -t rsa -c @"my email id" >, connect your local laptop to gitlab using the SSH key.
Create repository at local drive. e.g. /Desktop/Fablab .
Clone the content to local repository < $git clone git@git.fabacademy.org:fabacademy2017/fablabbcn.git >.
Now on the command line git pull .
To confirm the status of upload < git status >.
To add all the files to the server < git add . > .
To update these changes use < git commit >.
To complete the process use < git push > .
A quick take demonstration of git process
Final Project Proposal Development
For my final project I wanted to develope something of practical imporatance. From my review of fab academy website I reaslized that a final project should include several of the design techniques covered in program. The projects which inspired me are- Solar Panel Cleaning System Photovoltaic solar systems are gaining tremendous attention over the past decade. The provide green and cost-effective energy to remote off-grid population which is a typical scenario in developing countries. Pakistan has recently set one of the largest solar park in the world.
- Large Wall Clock for Outdoor Location I have been considering to working on this project as this can bring a aesthic look to dark urban spaces. I have not seen projects on this kind
Quaid e Azam Solar Park Bahawalpur Pakistan
To maximize the output of the plant all the panels must be kept clean.
Regular cleaning of panels is essential
And that is a problem because a dedicated work force and water is required for this job. One solution to this problem is to install automatic machines over the panels.
a number of products are available in the market
Design of indigneous and low-cost solution seems like a keen thing to do. As more and more businesses like gas stations, agriculture farms, remote mobile and terresterial communication base-stations sites are going off-grid.
Not quite what I have in mind but close
The clock will not contain hour, minute and second hands rather this information will be through LEDS.
A rough sketch of clock I would like to build
The Final Project website has been created and I will keep track of project progress on this page.
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License
Copyright © 2017 Muhammad Asim Ali
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License
Copyright © 2017 Muhammad Asim Ali