Home | Weekly assignments | Final project

1week-(1)

-assignment
work through a git tutorial
build a personal site in the class archive describing you and your final project

1.Start and Problem

msi
I bought new laptop for Fabacademy. Cause I didn't have good computer to follow the class.
Before buying, I could get help from
Tex(2017 Fabacademy student) in Fablab Seoul.
He recommended MSI laptop and I got it.
In the process of installing Windows, some problem happened.
So I took it into MSI service center, waiting for it.
Now I'm using another laptop I borrowed from Fablab Seoul.



2.HTML and CSS

coding lecture
I had no knowledge of HTML and CSS. Everything was new to me.
I coudln't speak english very well. So I was studying HTML through "생활코딩"(Korean lecture) on youtube.
(If you are korean and feel more comfortable with korean than english,
I would highly recommend this lecture. It was really good. )
It was really easy for me to understand and learn the basic of HTML and CSS.
So I had no problem for that.

What I learned about HTML and CSS

1.What is HTML and why is it needed?

HTML is [HyperText Markup Language].
It's the language that computer understand to make websites.(We can't talk to computer with our languages.)
HTML is the original language for making websites.
So we should start to learn from this.

2.What is CSS and Why is it needed?

CSS is [Cascading Style Sheets].
It's for editing things related to design(not information).
Originally on HTML, it is used to edit style things such as color,size and so on.
But it was really difficult to do it one by one.
It means 'inefficient'.
So CSS came up for that reason.

I'll show you more specifically on <3.Tags>

2.Editor

We can use many Editors to work HTML.
Even we can use Notepad on Windows.
*Editors you can use for HTML
  • Sublime Text 2
  • Visual Studio Code
  • Atom
  • Note Pad(on your computer)


html
I chose Atom.

3.Tag

Tag is almost everything on HTML.
Tag consists < >part and < / >part.
< >part means this tag starts and < / >part means finising.
There are so many kind of tags. So I can't explain every tags and I don't have to.
Also I think you already learned about it through book or lecture.(If you don't, you should)
*my index html.
html
This is all my index html.
Briefly there are three parts(html and head and body).
html tag means it is the html.file.
And I'll explain the rest of the parts(head and body) one by one.
*head
html
Inside head tag it contains the informations which are not shown on the webpage.
So you should put our CSS here.
And other information such as title.
*body
html
Inside body tag it contains the informations which are shown on the webpage.
And all the words and lines are here.

3.Git

1.What is Git?

Git is a kind of Version control.
And you should more refer to https://git-scm.com/ and more precisely here (pro gitbook) for using git.

What is version control?

Version control is to manage source code for programming, documents , and all the files with software.
It's really difficult to manage so many files on personal computer.
And it's more convenient to manage with version control for group project.
So that's why we use version control for Fabacademy.

2.Using Git

Steps

-'folder> ssh-keygen -t rsa -C'
-'folder> git clone git@git.fabacademy.org:fabacademy2018/fablabseoul.git'
-'folder> git pull'
-(work on my files)
-'folder> git add .'
-('folder> git status')
-'folder> git commit -m "any comments"'
-('folder> git status')
-'folder> git push'

Problem

ssh
It made me angry and annoyed. Because it was really difficult for me.
First, watching Fiore's video and searching the parts of which I was confused on internet, I tried to solve this problbem over 4 hours.
But I failed at the end. I continously met this message 'Permission denied(publickey)'.
The problem was due to SSH key.
Making SSH key, I just put 'ssh-keygen' on git-bash, which led to that problem.

How can I solve this problem?

generate
First, Click 'generate it'.
generate2
Second, Copy the dragged lines. (Remeber if you already have SSH key, you don't have to.)
generate3
Third, In Git bash, push 'ssh-keygen -t rsa -C "Your@email.com" -b 4096'
Remeber!! put your email!!
And then finally I made it!
generate4
I registered my ssh key on git-lap.
It works!!!!

4.Final project

future craft
One day, I read an article that Adidas making shoes with 3d printing technology.
And actually they released 'Future craft', which are their new shoes made with 3d printing.
The shoes would be more comfortable and functional.
We could make easily custom-make shoes for everyone with 3d printing.

As I told about myself, I really like traditional things.
So I would like to make some traditional thing with this technology.
As it would be summer when we finish our class, I think my final project for summer would be better.

sketchsketch
These two shoes are korean traditional shoes.
Left one is 'Wooden shoes', which is made of wood and for rainy season.
(As far as I know, Holland also has this kind of shoes.)
Right one is 'Straw shoes', which was usually used for the common people in the past.
I'd like to combine these two designs to make my final project shoes.
sketch
This is my final project sketch.
It's still really really not enough and perfect.
But I'll develop and make it.

Clap switcher!!

switcher
I changed my mind to make clap switcher instead of shoes.(2018.06.05)
So I'm adding clap switcher's basic sketch.

Design

design

Process

process
When I clap, the microphone analog sensor reconizes the sound.
And then servo motor moves to turn on and off the switch.

Home | Weekly assignments | Final project