Ameliorate water consumption experience for families using low techs

--- tags: PWF project assignments template --- # Ameliorate water consumption experience for families using low techs ## FIX OUR FUTURE WITH DIGITAL FABRICATION ##### Group 2 ##### Tutor "Tutor name here" ###### Participants : firstname lastname, firstname lastname, firstname lastname, firstname lastname, firstname lastname *** ## Welcome to your HackMD note ! :::success **This document is a logbook that will help you lead your project.** Use it as a collaborative tool to work as a team on your project, you can work on it together and at the same time : **take the time to complete it regularly and accurately.** You have **at least** to complete all **yellow fields** like this one: :::warning ... ::: :::danger This document will allow you to share your work with your tutors and will be the basis for **evaluating your work.** ::: :::danger **All *lorem ipsum* text must be replaced by your own content!** ::: If you don't know how to write a markdown note here is a [documentation](https://hackmd.io/features#Introduction) and a [tutorial](https://www.markdowntutorial.com/) to learn the Markdown syntax. To edit this document you can choose between **edit mode, view mode or split display mode**, by clicking on these icons at the top of the screen : ![](https://i.imgur.com/psakTJa.png) :::info 📸 We will ask you to add a lot of **images** in this document, don't panic, [it's very simple](https://hackmd.io/s/features#Image-Upload): - You can upload an image simply by clicking on the picture button in the toolbar - Alternatively, you can **drag-n-drop** an image into the editor. - Even **pasting images** is possible! ::: *** # P1. Prototype! :::info The goal of this phase is to define & materialize 3 relevant product proposals according to the subject given. ::: :::danger Your prototype must be a physical object : diagrams, images, drawings and 3D files etc. will not be considered as prototypes. ::: ### Ressources Here is a short list of useful websites and softwares for prototyping things. :::success - [instructables.com](https://www.instructables.com/): A great website with tutorials for (almost) everything - [makezine.com](https://makezine.com/projects/): A well known magazine with tons of cool projects - [thingiverse.com](https://www.thingiverse.com/) The world's largest 3D printing commmunity, with loads of projects - [hackaday.com](https://hackaday.com/): If you are a bit hacker or want to become one, this site is for you! - [wikifab.org](https://wikifab.org/wiki/Accueil): Just like instructables, but *en français* - [Slicer](https://apps.autodesk.com/FUSION/en/Detail/Index?id=8699194120463301363&os=Win64&appLang=en) : A software to convert 3D models (.stl files) into laser-cutted slices, a great tool to build cardboard objects. - [Make a box](https://makeabox.io/) : A website to create boxes that can be laser cutted - [Makercase](http://www.makercase.com/) : Another laser cutted boxes website - [templatemaker.nl](https://www.templatemaker.nl/) : To create quiclky paper objects. - [Sculptris](http://pixologic.com/sculptris/) : A 3D sculpting tool, a fun way to create 3D models for 3D printing or laser cutting. - ... ::: ## Define & prototype 3 proposals ### Proposal n°1 : name of your first proposal ##### Actors :::warning - FOR WHOM? Describe who is your target, what are their values and principles - BY WHO? Describe who you are - WITH WHOM? Describe the others actors or communitues involved, or whom you would like to involve and how to weave them in. ::: ##### Context :::warning - WHY? Tell what you want to change and what are your goals. Describe what you will consider as a success - WHEN? Define the key moments and the periodicity - WHERE? Identify and describe the spaces and how they are used ::: ##### Features :::warning - WHAT? Describe what concrete offering will result - HOW? Define the key actions, clarify the give/get relationships and how the actors connects. ::: ##### Usage scenario Describe use cases How will users access your service? Describe quickly the usage scenario, and add a drawing for each steps : :::warning **Initial context:** (insert drawing here) *Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae at pariatur eos eum voluptas eaque animi cumque! Molestiae molestias velit numquam, incidunt! Blanditiis, cupiditate repellat qui eum molestias, temporibus!* ::: :::warning **Action 1:** (insert drawing here) *Incidunt harum expedita aperiam fugiat, quaerat corporis fugit quam praesentium, minus alias, repellat deleniti, dignissimos iure nulla vitae ullam voluptatum temporibus. Ipsa nam sint ullam odit quia vero fuga laboriosam.* ::: :::warning **Action 2:** (insert drawing here) *Incidunt harum expedita aperiam fugiat, quaerat corporis fugit quam praesentium, minus alias, repellat deleniti, dignissimos iure nulla vitae ullam voluptatum temporibus. Ipsa nam sint ullam odit quia vero fuga laboriosam.* ::: :::warning **Action 3:** (insert drawing here) *Incidunt harum expedita aperiam fugiat, quaerat corporis fugit quam praesentium, minus alias, repellat deleniti, dignissimos iure nulla vitae ullam voluptatum temporibus. Ipsa nam sint ullam odit quia vero fuga laboriosam.* ::: :::warning **Resolving situation:** (insert drawing here) *Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae at pariatur eos eum voluptas eaque animi cumque! Molestiae molestias velit numquam, incidunt! Blanditiis, cupiditate repellat qui eum molestias, temporibus!* ::: ##### Benchmark List concurrents and relative projects and describe how they relate or differentiate to your project :::warning * project name, link, how is it linked to your project * project name, link, how is it linked to your project * ... ::: ##### Ressources We are expecting existing tutorials that can help you to materialize your proposal. You can search on youtube.com, instructables.com, thingiverse.com, etc. :::warning * reference name, link, how is it linked to your project * reference name, link, how is it linked to your project * ... ::: *** ##### Prototype description :::danger Your prototype must be **a physical object** : images, drawings, diagrams and 3D files will not be considered as prototypes. ::: Describe here the materials and tools you've used to build your prototype. You can use rough materials, such as paper, cardboard, clay, lego or repurpose existing objects. :::warning - material 1 - material 2 - tool 1 - tool 2 - etc. ::: ##### Prototype pictures Insert at least one main picture and two detail pictures of your prototype. :warning: **Drawings, illustrations and other images are not allowed.** :::warning Drag-n-drop 3 pictures below : ![](https://i.imgur.com/exemple.jpg) ![](https://i.imgur.com/exemple.jpg) ![](https://i.imgur.com/exemple.jpg) ::: ##### Prototype video Use your smartphone to make a short video (30s) showing your prototype in use, and post it on the Slack channel of your group. * * * ### Proposal n°2 : ##### Actors :::warning - FOR WHOM? Describe who is your target, what are their values and principles - BY WHO? Describe who you are - WITH WHOM? Describe the others actors or communitues involved, or whom you would like to involve and how to weave them in. ::: ##### Context :::warning - WHY? Tell what you want to change and what are your goals. Describe what you will consider as a success - WHEN? Define the key moments and the periodicity - WHERE? Identify and describe the spaces and how they are used ::: ##### Features :::warning - WHAT? Describe what concrete offering will result - HOW? Define the key actions, clarify the give/get relationships and how the actors connects. ::: ##### Usage scenario Describe use cases How will users access your service? Describe quickly the usage scenario, and add a drawing for each steps : :::warning **Initial context:** (insert drawing here) *Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae at pariatur eos eum voluptas eaque animi cumque! Molestiae molestias velit numquam, incidunt! Blanditiis, cupiditate repellat qui eum molestias, temporibus!* ::: :::warning **Action 1:** (insert drawing here) *Incidunt harum expedita aperiam fugiat, quaerat corporis fugit quam praesentium, minus alias, repellat deleniti, dignissimos iure nulla vitae ullam voluptatum temporibus. Ipsa nam sint ullam odit quia vero fuga laboriosam.* ::: :::warning **Action 2:** (insert drawing here) *Incidunt harum expedita aperiam fugiat, quaerat corporis fugit quam praesentium, minus alias, repellat deleniti, dignissimos iure nulla vitae ullam voluptatum temporibus. Ipsa nam sint ullam odit quia vero fuga laboriosam.* ::: :::warning **Action 3:** (insert drawing here) *Incidunt harum expedita aperiam fugiat, quaerat corporis fugit quam praesentium, minus alias, repellat deleniti, dignissimos iure nulla vitae ullam voluptatum temporibus. Ipsa nam sint ullam odit quia vero fuga laboriosam.* ::: :::warning **Resolving situation:** (insert drawing here) *Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae at pariatur eos eum voluptas eaque animi cumque! Molestiae molestias velit numquam, incidunt! Blanditiis, cupiditate repellat qui eum molestias, temporibus!* ::: ##### Benchmark List concurrents and relative projects and describe how they relate or differentiate to your project :::warning * project name, link, how is it linked to your project * project name, link, how is it linked to your project * ... ::: ##### Ressources We are expecting existing tutorials that can help you to materialize your proposal. You can search on youtube.com, instructables.com, thingiverse.com, etc. :::warning * reference name, link, how is it linked to your project * reference name, link, how is it linked to your project * ... ::: *** ##### Prototype description :::danger Your prototype must be **a physical object** : images, drawings, diagrams and 3D files will not be considered as prototypes. ::: Describe here the materials and tools you've used to build your prototype. You can use rough materials, such as paper, cardboard, clay, lego or repurpose existing objects. :::warning - material 1 - material 2 - tool 1 - tool 2 - etc. ::: ##### Prototype pictures Insert at least one main picture and two detail pictures of your prototype. :warning: **Drawings, illustrations and other images are not allowed.** :::warning Drag-n-drop 3 pictures below : ![](https://i.imgur.com/exemple.jpg) ![](https://i.imgur.com/exemple.jpg) ![](https://i.imgur.com/exemple.jpg) ::: ##### Prototype video Use your smartphone to make a short video (30s) showing your prototype in use, and post it on the Slack channel of your group. *** ### Proposal n°2 : name of your first proposal ##### Actors :::warning - FOR WHOM? Describe who is your target, what are their values and principles - BY WHO? Describe who you are - WITH WHOM? Describe the others actors or communitues involved, or whom you would like to involve and how to weave them in. ::: ##### Context :::warning - WHY? Tell what you want to change and what are your goals. Describe what you will consider as a success - WHEN? Define the key moments and the periodicity - WHERE? Identify and describe the spaces and how they are used ::: ##### Features :::warning - WHAT? Describe what concrete offering will result - HOW? Define the key actions, clarify the give/get relationships and how the actors connects. ::: ##### Usage scenario Describe use cases How will users access your service? Describe quickly the usage scenario, and add a drawing for each steps : :::warning **Initial context:** (insert drawing here) *Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae at pariatur eos eum voluptas eaque animi cumque! Molestiae molestias velit numquam, incidunt! Blanditiis, cupiditate repellat qui eum molestias, temporibus!* ::: :::warning **Action 1:** (insert drawing here) *Incidunt harum expedita aperiam fugiat, quaerat corporis fugit quam praesentium, minus alias, repellat deleniti, dignissimos iure nulla vitae ullam voluptatum temporibus. Ipsa nam sint ullam odit quia vero fuga laboriosam.* ::: :::warning **Action 2:** (insert drawing here) *Incidunt harum expedita aperiam fugiat, quaerat corporis fugit quam praesentium, minus alias, repellat deleniti, dignissimos iure nulla vitae ullam voluptatum temporibus. Ipsa nam sint ullam odit quia vero fuga laboriosam.* ::: :::warning **Action 3:** (insert drawing here) *Incidunt harum expedita aperiam fugiat, quaerat corporis fugit quam praesentium, minus alias, repellat deleniti, dignissimos iure nulla vitae ullam voluptatum temporibus. Ipsa nam sint ullam odit quia vero fuga laboriosam.* ::: :::warning **Resolving situation:** (insert drawing here) *Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae at pariatur eos eum voluptas eaque animi cumque! Molestiae molestias velit numquam, incidunt! Blanditiis, cupiditate repellat qui eum molestias, temporibus!* ::: ##### Benchmark List concurrents and relative projects and describe how they relate or differentiate to your project :::warning * project name, link, how is it linked to your project * project name, link, how is it linked to your project * ... ::: ##### Ressources We are expecting existing tutorials that can help you to materialize your proposal. You can search on youtube.com, instructables.com, thingiverse.com, etc. :::warning * reference name, link, how is it linked to your project * reference name, link, how is it linked to your project * ... ::: * * * ##### Prototype description :::danger Your prototype must be **a physical object** : images, drawings, diagrams and 3D files will not be considered as prototypes. ::: Describe here the materials and tools you've used to build your prototype. You can use rough materials, such as paper, cardboard, clay, lego or repurpose existing objects. :::warning - material 1 - material 2 - tool 1 - tool 2 - etc. ::: ##### Prototype pictures Insert at least one main picture and two detail pictures of your prototype. :warning: **Drawings, illustrations and other images are not allowed.** :::warning Drag-n-drop 3 pictures below : ![](https://i.imgur.com/exemple.jpg) ![](https://i.imgur.com/exemple.jpg) ![](https://i.imgur.com/exemple.jpg) ::: ##### Prototype video Use your smartphone to make a short video (30s) showing your prototype in use, and post it on the Slack channel of your group. * * * ### Choose the most promising proposal Compare the three proposals and select the one you think is the most relevant with regard to these 4 criterias: - Is this proposal relevant to the course theme? (Fix our future with digital fabrication) - Is this proposal relevant to the group's subject? - Can I materialize this proposal on a scale of 1:1 at the makers' lab? - Does my proposal respond to a real need? At the next meeting you will argue your choice with your tutor, she / he will choose the proposal you will develop in the next phases. :::warning **Give your project a name** ::: :::warning **Describe below why you selected this project:** (insert drawing here) *Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae at pariatur eos eum voluptas eaque animi cumque! Molestiae molestias velit numquam, incidunt! Blanditiis, cupiditate repellat qui eum molestias, temporibus!* ::: * * * ### Define your dream product You and your tutor have chosen the best proposal, before testing it with users you need to refine this proposal. :::warning - What is the purpose of your product? *Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae at pariatur eos eum voluptas eaque animi cumque! Molestiae molestias velit numquam, incidunt! Blanditiis, cupiditate repellat qui eum molestias, temporibus!* ::: :::warning - What problem do you want to solve with it? *Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae at pariatur eos eum voluptas eaque animi cumque! Molestiae molestias velit numquam, incidunt! Blanditiis, cupiditate repellat qui eum molestias, temporibus!* ::: :::warning - What features your product will have to achieve this objective? Rank the features in order of importance - main feature : - second feature : - third feature : - ... ::: * * * ### Make a more testable version of your prototype Make a more testable version of your first prototype. :::danger Keep the first version of your prototype as is and make a brand new one. ::: Insert at least one main picture and two detail pictures of your prototype. :warning: **Drawings, illustrations and other images are not allowed.** :::warning Drag-n-drop 3 pictures below : ![](https://i.imgur.com/exemple.jpg) ![](https://i.imgur.com/exemple.jpg) ![](https://i.imgur.com/exemple.jpg) ::: * * * # P2. Test! :::info The goal of this phase is to improve your prototype using end-users feedback. ::: :::danger **Negative user feedback doesn't means your proposal is bad** : do not give up and analyse what are the pain points to solve in a new version. ::: ## Test and iterate your proposal ### 1. Test protocol Write below your test ptotocol : :::warning **Write here the ideal user profile (persona):** *Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae at pariatur eos eum voluptas eaque animi cumque! Molestiae molestias velit numquam, incidunt! Blanditiis, cupiditate repellat qui eum molestias, temporibus* ::: :::warning **Write here the goal of your test:** *Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae at pariatur eos eum voluptas eaque animi cumque! Molestiae molestias velit numquam, incidunt! Blanditiis, cupiditate repellat qui eum molestias, temporibus* ::: :::warning **Describe here the main feature you want to test:** *Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae at pariatur eos eum voluptas eaque animi cumque! Molestiae molestias velit numquam, incidunt! Blanditiis, cupiditate repellat qui eum molestias, temporibus* ::: :::warning **Tell who will be conducting the tests (at least two persons per test):** *Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae at pariatur eos eum voluptas eaque animi cumque! Molestiae molestias velit numquam, incidunt! Blanditiis, cupiditate repellat qui eum molestias, temporibus* ::: :::warning **List and clearly describe all the actions that the user will have to perform to test your product according to your usage scenario:** - action 1 - action 2 - action 3 - ... ::: --- ### 2. First test #### User 1 :::warning - Name - Age - Occupation - phone number - email - Context of the meeting (where, with who, etc.) - Duration of the meeting ::: ##### User feedback :::warning Note here at least 3 issues raised by the user: - issue 1 - issue 2 - issue 3 ::: :::warning Note positive, neutral and negative feedback | Positive | Neutral | Negative | | --------| --------| --------| | Note here positive remarks| Note here neutral remarks| Note here negative remarks| ::: :::warning Note here other comments about your meeting with the user ::: :::warning Note here features that needs to be improved/removed/added ::: *** #### User 2 :::warning - Name - Age - Occupation - phone number - email - Context of the meeting (where, with who, etc.) - Duration of the meeting ::: ##### User feedback :::warning Note here at least 3 issues raised by the user: - issue 1 - issue 2 - issue 3 ::: :::warning Note positive, neutral and negative feedback | Positive | Neutral | Negative | | --------| --------| --------| | Note here positive remarks| Note here neutral remarks| Note here negative remarks| ::: :::warning Note here other comments about your meeting with the user ::: :::warning Note here features that needs to be improved/removed/added ::: *** #### User 3 :::warning - Name - Age - Occupation - phone number - email - Context of the meeting (where, with who, etc.) - Duration of the meeting ::: ##### User feedback :::warning Note here at least 3 issues raised by the user: - issue 1 - issue 2 - issue 3 ::: :::warning Note positive, neutral and negative feedback | Positive | Neutral | Negative | | --------| --------| --------| | Note here positive remarks| Note here neutral remarks| Note here negative remarks| ::: :::warning Note here other comments about your meeting with the user ::: :::warning Note here features that needs to be improved/removed/added ::: *** ### 3. Improve your prototype Insert below **at least 3 pictures** of your iteration showing your proposal evolution. :warning: **Drawings, illustrations and other images are not allowed.** :::warning Drag-n-drop 3 pictures below : ![](https://i.imgur.com/exemple.jpg) ![](https://i.imgur.com/exemple.jpg) ![](https://i.imgur.com/exemple.jpg) ::: :::warning Describe the evolution of the prototype: Nulla malesuada pellentesque elit eget gravida. Sit amet mattis vulputate enim nulla. Morbi leo urna molestie at elementum eu facilisis sed. Sagittis purus sit amet volutpat consequat mauris nunc congue. ::: ##### Prototype video Use your smartphone to make a short video (30s) showing your improved prototype in situation of use, and post it on the Slack channel of your group. *** ### 4. Second test #### User 1 :::warning - Name - Age - Occupation - phone number - email - Context of the meeting (where, with who, etc.) - Duration of the meeting ::: ##### User feedback :::warning Note here at least 3 issues raised by the user: - issue 1 - issue 2 - issue 3 ::: :::warning Note positive, neutral and negative feedback | Positive | Neutral | Negative | | --------| --------| --------| | Note here positive remarks| Note here neutral remarks| Note here negative remarks| ::: :::warning Note here other comments about your meeting with the user ::: :::warning Note here features that needs to be improved/removed/added ::: *** #### User 2 :::warning - Name - Age - Occupation - phone number - email - Context of the meeting (where, with who, etc.) - Duration of the meeting ::: ##### User feedback :::warning Note here at least 3 issues raised by the user: - issue 1 - issue 2 - issue 3 ::: :::warning Note positive, neutral and negative feedback | Positive | Neutral | Negative | | --------| --------| --------| | Note here positive remarks| Note here neutral remarks| Note here negative remarks| ::: :::warning Note here other comments about your meeting with the user ::: :::warning Note here features that needs to be improved/removed/added ::: *** #### User 3 :::warning - Name - Age - Occupation - phone number - email - Context of the meeting (where, with who, etc.) - Duration of the meeting ::: ##### User feedback :::warning Note here at least 3 issues raised by the user: - issue 1 - issue 2 - issue 3 ::: :::warning Note positive, neutral and negative feedback | Positive | Neutral | Negative | | --------| --------| --------| | Note here positive remarks| Note here neutral remarks| Note here negative remarks| ::: :::warning Note here other comments about your meeting with the user ::: :::warning Note here features that needs to be improved/removed/added ::: *** # P3. Design ## Make your final prototype :::info Now that you have defined what is your best proposal it's time to make a greater version of it. You will present it to the jury during the final evaluation alongside the early prototypes made in the previous phase. ::: :::success A good prototype is self-explainatory : the user must be able to understand how it works without instructions or user manual. It must be fully functional and sufficiently strong to withstand several demonstrations in real conditions of use. ::: :::danger For this phase it is **mandatory** to use at least : - **Tinkercad** to design in 3D your product - **Tinkercad Circuits** to design the electronics - **Adobe XD** to make your prototype interactive. ::: ___ ### Ressources Here is a short list of useful websites and softwares for prototyping things. :::success - [instructables.com](https://www.instructables.com/): A great website with tutorials for (almost) everything - [makezine.com](https://makezine.com/projects/): A well known magazine with tons of cool projects - [thingiverse.com](https://www.thingiverse.com/) The world's largest 3D printing commmunity, with loads of projects - [hackaday.com](https://hackaday.com/): If you are a bit hacker or want to become one, this site is for you! - [wikifab.org](https://wikifab.org/wiki/Accueil): Just like instructables, but *en français* - [Slicer](https://apps.autodesk.com/FUSION/en/Detail/Index?id=8699194120463301363&os=Win64&appLang=en) : A software to convert 3D models (.stl files) into laser-cutted slices, a great tool to build cardboard objects. - [Make a box](https://makeabox.io/) : A website to create boxes that can be laser cutted - [Makercase](http://www.makercase.com/) : Another laser cutted boxes website - [templatemaker.nl](https://www.templatemaker.nl/) : To create quiclky paper objects that can be cutted with the laser cutter. - [Sculptris](http://pixologic.com/sculptris/) : A 3D sculpting tool, a fun way to create 3D models for 3D printing or laser cutting. - ... ::: Note in the section below all the projects and tools you've find to help you for the conception and fabrication of your final prototype. :::warning * reference name, link, how is it linked to your project * reference name, link, how is it linked to your project * ... ::: ### Demonstrator design #### Drawing :::info Start by taking a sheet of paper and draw the global shape of your demonstrator, then explode it into the parts that compose it and draw them one by one. ::: Drag-n-drop below the pictures of your drawings, don't forget to write a caption for each image : :::warning ![](https://i.imgur.com/exemple.jpg) Main picture : global drawing of your demonstrator Write here a short description of your drawing ::: :::warning ![](https://i.imgur.com/exemple.jpg) Part 1 drawing Write here a short description of your drawing ::: :::warning ![](https://i.imgur.com/exemple.jpg) Part 2 drawing Write here a short description of your drawing ::: :::warning ![](https://i.imgur.com/exemple.jpg) Part 3 drawing Write here a short description of your drawing ::: :::warning Do the same for each part of your prototype ... ::: ___ ### Means of fabrication :::info Now that you have designed your final prototype it's time to build it! Take the time to fill accuratly the following section to have a good overview of the building process. ::: #### Tools List below what tools you need for building the project: :::warning * Tool 1 (exemple : ...) * Tool 2 (exemple : ...) * ... ::: #### BOM (Bill Of Materials) List in the table below all the elements you need to build your demonstrator (replace the exemples with your parts) : :::warning |Part number| Part name | Material /description | Dimensions |Quantity | |-----------| ----------- | ------------------------ | -------- |----- | |1 | cover plate | Medium 3mm | 300x120 mm | 2 | |2 | wood screw | steel | 2x40 mm | 10 | |3 | bracket | Z-ultrat | 12x20x3 mm | 5 | |4 | Arduino Uno | prototyping board | N/A | 1 | |... | ... | ... | ... | ... | ::: :::success Once you have decided what features to prototype and how, ask on slack the makers’ lab manager of your campus. He will give you some technical feedback and will tell you the material you need. Do not expect the makers’ lab managers to tell you what to build! ::: ___ ### Conception - Use **TinkerCAD** to design your parts. :::warning ![](https://i.imgur.com/exemple.jpg) ![](https://i.imgur.com/exemple.jpg) ![](https://i.imgur.com/exemple.jpg) Drag-n-drop here at least 3 screenshots of your **3D design** and write a caption for each screenshot ::: :::warning Insert here the link to your **3D design** on **tinkercad**. Make sure you have set the share settings to public! ::: - Use **Tinkercad circuits** and **Adobe XD** to design interactions :::warning ![](https://i.imgur.com/exemple.jpg) ![](https://i.imgur.com/exemple.jpg) ![](https://i.imgur.com/exemple.jpg) Drag-n-drop here at least 3 screenshots of your **UX design** and write a caption for each screenshot ::: :::warning Insert here the link to your **UX design** on **Adobe XD** ::: ___ ### Building process Describe below the building steps of your demonstrator and insert a picture for each step : :::warning ![](https://i.imgur.com/exemple.jpg) (Drag-n-drop picture here) **step one** : Enim ut sem viverra aliquet eget sit amet tellus. ::: :::warning ![](https://i.imgur.com/exemple.jpg) (Drag-n-drop picture here) **step two** : Pellentesque elit ullamcorper dignissim cras tincidunt. ::: :::warning ![](https://i.imgur.com/exemple.jpg) (Drag-n-drop picture here) **step three** : Elementum integer enim neque ::: :::warning Do the same for all the step of the building process ... ::: ##### Prototype video Use your smartphone to make a short video (30s) showing your improved prototype, and post it on the Slack channel of your group. --- # P4. Share :::info You’re almost there! You’ve a built your final prototype, now it’s time to share your project with the world. During the sharing phase you’ll make your project understandable and makable by everyone. ::: :::danger In this part you have to fill your online documentation using Glitch, don't forget to insert the link below. ::: :::warning [my-documentation](https://) Insert here the link of your Glitch documentation :::

Syntax	Example	Reference
# Header	Header	基本排版
- Unordered List	Unordered List
1. Ordered List	Ordered List
- [ ] Todo List	Todo List
> Blockquote	Blockquote
Bold font	Bold font
Italics font	Italics font
~~Strikethrough~~	~~Strikethrough~~
19^th^	19^th
H~2~O	H₂O
++Inserted text++	Inserted text
==Marked text==	Marked text
[link text](https:// "title")	Link
![image alt](https:// "title")	Image
`Code`	`Code`	在筆記中貼入程式碼
```javascript var i = 0; ```	`var i = 0;`
:smile:		Emoji list
{%youtube youtube_id %}	Externals
$L^aT_eX$	L^aT_eX
:::info This is a alert area. :::	This is a alert area.