Home Next assignment


Week 1: Principles and practices, project management

*Build a personal site describing you and your final project.

*Plan and sketch a potential semester project and add it to your website.

*Upload it to the class archive. Work through a git tutorial.

Learning outcomes:

*Explore and use website development tools.

*Formulate a final project proposal.

*Identify version control protocols.

Have you:

*made a website and described how you did it.

*introduced yourself.

*described and made a sketch of your final project.

*documented steps for uploading files to archive.

*pushed to the class archive.



Building a personal website-CSS

The first assignment is to design and make a personal website to manage the assignments that I will develop during the Fab Academy 2017.

In order to make my website, I applied a little reverse engineering using templates from Startbootstrap. I recommend to use this option for all those who do not master the HTML language, as it's a dynamic and fun way to learn

First, I chose a template, downloaded it,

open the .zip and files by default.

and then I changed with "Code Writer" the information, according to what I wanted to share, always using this guide: http://getbootstrap.com/css/

These are the commands that I will use frequently, I recommend them, they are practical.

"div="" To create new divisions on my page according to what I want, can be combined with other commands as "class=", to define the division type.

"p=" For each new paragraph

"img=" For pictures, photos, GIF, etc

Most of my videos will be uploaded through the link provided by my Youtube account. To not generate that my page weighs much.

Also, I'm using BeFunky,TinyPNG, Photoshop and Paint (sometimes), to resize my pictures and share with you lot of.

For my files, I'm using Drive from my .gmail account and I'm also attaching some directly from my page, which do not weigh much.

Today is 05/31 as time has passed, I have been learning more about the .html language since one month ago I started using "Sublime text", it's a really great tool, I recommend it to everyone.


GIT

What is GIT?. That's a good question, I do not know what it's about, so I found out a bit and I share it with you so we can understand together.

Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.

What it means?. From my point of view, GIT makes it easy for all students to update our information and work together on large projects, such as the Fab Academy, since we are about 500 students. So what GIT gives us, is an order in updating and publishing information.

Later on, I am explaining to you how I used it, I hope to let me understand. In addition I attach here, information that can serve to further investigate this tool and test it.


Uploading on GIT

I had to upload it onto the Fab Academy file. That was easy thanks to the training provided by my instructor at Fab Lab Tecsup. I registered myself on fablabs.io, logged onto git.fabacademy.org to activate my account, then I donwnloaded and installed GitHub on my computer to synchronize what I am working on my .html file and it will be published.

This is the order how I did it:

Download GitGui for windows and click on Choose Existing Repository

Go to the following page: http://git.fabacademy.org/fabacademy2017/fablabtecsup

Copy the link and make a copy with your file name, then click on clone, and after several minutes the next window will open.

Open the "Academy 2017" file and click on students file, then chose the folder with your code number and you will see there your files according uploads







Those are the steps that I always make to upload my website

-Fetch from origin

-Rescan

-Stage Changed (here you have to indicate the number of modification)

-Sign off (I write my name)

-The changes will be ready to be modified, but first write a "commit"

-Click on "Merge" then "local merge"

-Finally "PUSH" and that's it, success!

I can conclude that this challenge was fun, but it took time. I can also say I discovered different tools to achieve this first assignment as Sublime text, Code Writer, Git hub and others.

I will improve my website as the weeks go on.


Introduced yourserlf:

In order to achieve this part of the first assignment I made this website using the website development tools that I explored: About me







Final Project Proposal: "SMARTBEDDO"

Here I'm sharing my final project proposal with you.

For my final project, I want to make a smart mattress called SMARTBEDDO (Beddo = bed in Japanese) which is controlled by the mobile phone and can be used by patients who have to spend a lot of time in a bed such as cancer patients, Lupus patients, and others.

This patients need to be moved every few hours to avoid bedsores and be more comfortable. Therefore, this mattress will work as the patient wants to be in bed: Left, right, front or semi-saddle. Thus achieving a higher level of comfort of this type of patients and facilitating the work of nurses as a way of preventing back pain.


Click on the image to go to my Final Project page



Using Excel, I made a Gantt for my project:



Self Evaluation:

I learned how to build a personal website, I had never done it before. Using .html language.

I used "Code writer" and "Sublime Text" and CSS guide.

This was the first time I learn to work through a git tutorial, I did it and I enjoyed it.

I found interesting online tools to resize my photos and it allows me to upload a lot of.

I made my final project proposal, a Gantt proposal about it and sketched a potential semester project.

This Academy allows me to accomplish a dream, it is just the begging!.



Home Next assignment