Technics

  • Bootstrap Wrapper Wiki
  • Markdown
  • Wiki Syntax
  • Google Spreadsheet


Project Assignment Description

- Build a personal site describing you, your final project and how you designed your website - Plan and sketch a potential semester project and add it to your website. - Upload it to the class archive Create an applicable Data Sheet for each page of my wiki site.



Final Project

In the initial research for the final project, I started by gathering visuals on pinterest (many).

In the end, I collected several objects in my environment (illustrations, flowers, photocopies…). By superimposing them on a woman's silhouette, it made up a complete outfit. I was rather interested in the part of the “hat”, I had found an illustration of Asian women wearing large hats (in the form of a donut) probably used for labor work. a wooden ribbon or structure system keeps the hat in place. In the superimposed visuals, I integrated an eye drawing. that made me think of the workers' hats. The idea of a helmet came to me, a protective bubble that could open around the head.

With a lowtech manual system in first version.

Inspiration Illustration
Project Final Inspiration
hood movement
Air Pump




Design Website

Tree structure

the creation of a tree structure allows you to conceptualize a data hierarchy and the structure of the website.

the wiki tree shows 3 navigation levels : first: home page > second: class > third: project in the class if there are several.

Framindmap

Framindmap allows you to create and share mental maps (also called heuristic maps)

Framasoft

A network dedicated to the promotion of “free” in general and free software in particular.


Wiki Syntax
1/Apply a hierarchy of contents by titles.

create the online documentation sheet. Once visual and textual content exists. This makes it possible to get a global idea of the amount of text and visuals to integrate in the wiki page.

you can play on the positioning of the images by leaving a space between the double hooks on the left, center, or right.

====== Class 2 : Digital Bodies ======
===== NEW MODEL - My Cardboard 3Dbody with 3D Laser Scanner  =====
 
{{ :fabricademy2017:students:julie.taris:julie-taris-digital-bodies-3dscan-bust-centrale_2_.jpg?200X200|}}{{ :fabricademy2017:students:julie.taris:julie-taris-digital-bodies-3dscan-bust-centrale_10_.jpg?200X200|}}{{ :fabricademy2017:students:julie.taris:julie-taris-digital-bodies-cardboardbust.jpg?200X200|}}
3/ Bootstrap Wrapper Plugin Tip !

Column Template for level 2 presentation in the tree structure. I chose to separate the different experimentation projects by class. For example: on the assignment bioplastic page, I have a link for each experimentation project that leads to its page. This brings you to a third level of hierarchy in the wiki as you see it in the tree structure. Link plugin for add several Bootstrap components to DokuWiki

====== Class 2 : Digital Bodies ======
 
<grid>
<col xs="6" md="3">
<thumbnail>
{{  :fabricademy2017:students:julie.taris:julie-taris-002-digital-bodies-bustinterlocked_007_.jpg?900x900|julie-taris-002-digital-bodies-bustinterlocked_007_.jpg}}
<caption>
 
 
[[fabricademy2017:students:julie.taris:class2-digital-bodies:first-3Dscan-appScan3d|FIRST MODEL - My Cardboard 3Dbody with App Android Smartphone SCANN 3D]]
</caption>
</thumbnail>
 
</col>
 
<col xs="6" md="3">
<thumbnail>
{{:fabricademy2017:students:julie.taris:julie-taris-digital-bodies-cardboardbust02.jpg?|}}
<caption>
[[fabricademy2017:students:julie.taris:class2-digital-bodies:new-my3Dbody-3DscanPro|NEW MODEL ! My Cardboard 3Dbody with a 3D Laser Scanner ]]
</caption>
</thumbnail>
</col>
</grid>




Project Managment

The Fabricademy2017 courses started on