LESSON TEME: Principales and Practices, Project Management

  For introducing my activies in Fab Academy 2016, I made this site [1] (version 1) and will update the articles according to the progress of each lecture. The page link of "My Profile" and "Final Project" are in the top banner of this site. I changed layout of my website three time, the figure [2] is the version 2. This current layout is version 3.

  I used a text editor "ATOM" [3] for coding HTML, CSS and Javascript, which are the mainstream programming languages to develope a frontend of a website. The HTML tags are based on HTML5 and the description of CSS is based on CSS3. This site is designed as Responsive Design, on which a layout of a website is responsively changed acoording to each resolutions of a user's web browser. The CSS framework of Responsive Design is Pure.css developed by Yahoo! Inc. The reason why I use the framework is that Pure.css provides very simple API for the responsive CSS grids system. The system is also provided by another framewoks, Bootstrap or Foundation, but the API of Pure.css is simpler than others and easy to understand the mechanism. The Javascript parts of this website are using "jQuery" which is a library to be able simply and easly to write the Javascript code. The articles and headlines of this site apply two types of web fonts: "Noto Sans" and "Nunito". Noto Sans is suit for writing articles and documents. Nunito is a kind of round style font and can be highlight a text, so it probably suits for writing a headline of the articles. These helpful library links are shown in the footer of this website. Lastly, I set the license of this site as "CC-BY" in Creative Commons 4.0 showing also in the footer of this site.

web site page
[1] Screenshot of My Website (ver.1)
web site page
[2] Screenshot of My Website (ver.2)
coding
[3] Cording Appearance on Text Editor "ATOM"

Version Control and Management

  About backend of this website, Fab Academy prepared the remote repository made by Gitlab which is a clone software of GitHub. When I registered my account in the Gitlab, at first, I generated SSH-Key on my Mac by using "ssh-keygen" command on Terminal. Two keys are generated in this process: one is public key and the other is private key. The contents of public key is pasted into the appropriate inpu form in the Gitlab. After the registration, I did to "clone" the contents of Fablab Kyushu from the remote repository by using "Source Tree" which is a Git client softwere [4]. The Git process is that the first step is to "pull" the contents from the repositry in order to merge the upteded contents by another member of Fablab Kyushu. In the merge process, "conflict" is often happend in usual development case. But in this project, it probably dosn't happen it becase each files are separated by users; I mean that there is no opportunity for anotehr member to modify or update my website files. No error or no "conflict" showed in the client software, then "commit" my updated content for the local version control. It maybe better to frequently commit an updated contents in order to manage the versions. When I completely finish the update, then finall "push" the contents to the remote repository by using the Git protocol. It is not until published the updated contents that I "push" them to the repository.
Have fun, happy Git life ;-)

web site page
[4] Git Version Control by "Source Tree"