Changes

m
Line 13: Line 13:  
{| class="wikitable"
 
{| class="wikitable"
 
|+
 
|+
 +
Mechanical design examples
 
!Project
 
!Project
 
!Concept drawing
 
!Concept drawing
Line 40: Line 41:  
{| class="wikitable"
 
{| class="wikitable"
 
|+
 
|+
 +
Electrical design examples
 
!Project
 
!Project
 
!Concept drawing
 
!Concept drawing
Line 46: Line 48:  
|Car monitoring system<ref>https://makerepo.com/123qaswar/1051.hotomobile-b2</ref>
 
|Car monitoring system<ref>https://makerepo.com/123qaswar/1051.hotomobile-b2</ref>
 
|[[File:B2 concept.PNG|alt=Concept drawing of a car monitoring system|none|thumb|Concept drawing of a car monitoring system|350x350px]]
 
|[[File:B2 concept.PNG|alt=Concept drawing of a car monitoring system|none|thumb|Concept drawing of a car monitoring system|350x350px]]
| colspan="2" |[[File:B2 detailed1.png|alt=Detailed circuit of a car monitoring system|none|thumb|Detailed circuit of a car monitoring system|350x350px]]
+
| colspan="2" |[[File:B2 detailed1.png|alt=Detailed circuit of a car monitoring system|none|thumb|Detailed circuit of a car monitoring system|500x500px]]
|
   
|-
 
|-
 
|Remote button push<ref>https://makerepo.com/Strem078/shipping-and-safely-receiving</ref>
 
|Remote button push<ref>https://makerepo.com/Strem078/shipping-and-safely-receiving</ref>
Line 53: Line 54:  
|[[File:SSR detailed1.PNG|alt=Detailed circuit of a remote button push|none|thumb|Detailed circuit on breadboard of a remote button push|350x350px]]
 
|[[File:SSR detailed1.PNG|alt=Detailed circuit of a remote button push|none|thumb|Detailed circuit on breadboard of a remote button push|350x350px]]
 
|[[File:SSR detailed2.PNG|alt=Detailed circuit of a remote button push|none|thumb|Detailed circuit on protoboard of a remote button push|350x350px]]
 
|[[File:SSR detailed2.PNG|alt=Detailed circuit of a remote button push|none|thumb|Detailed circuit on protoboard of a remote button push|350x350px]]
|
   
|}
 
|}
<br />
      
==Software==
 
==Software==
Line 62: Line 61:  
#All individual parts in the design with thought into how exactly they will interact together (what libraries or APIs are needed to execute a certain feature, what elements are needed in a UI, etc).
 
#All individual parts in the design with thought into how exactly they will interact together (what libraries or APIs are needed to execute a certain feature, what elements are needed in a UI, etc).
 
#Assembly of all parts and thought into how exactly they will be linked together (backend and frontend data transfer, number of functions, etc) and how it will be hosted (server, local, app, website, etc).
 
#Assembly of all parts and thought into how exactly they will be linked together (backend and frontend data transfer, number of functions, etc) and how it will be hosted (server, local, app, website, etc).
#Gen
+
#General data representation is also important to know how much storage is needed or what transfer speed will be possible.
    
A detailed design can also be a hand sketch, like the concept drawing, but it can also be done using a design software, like [https://docs.google.com/drawings/ google drawings], [https://app.diagrams.net/ draw.io] or [https://www.figma.com/ figma]. See [[Software prototyping|software tools]] for more suggestions.
 
A detailed design can also be a hand sketch, like the concept drawing, but it can also be done using a design software, like [https://docs.google.com/drawings/ google drawings], [https://app.diagrams.net/ draw.io] or [https://www.figma.com/ figma]. See [[Software prototyping|software tools]] for more suggestions.
  −
   
{| class="wikitable"
 
{| class="wikitable"
 
|+
 
|+
 +
Software design examples
 
!Project
 
!Project
 
!Concept drawing
 
!Concept drawing
 
! colspan="3" |Detailed design
 
! colspan="3" |Detailed design
 
|-
 
|-
|
+
|Loyalty reward app<ref>https://makerepo.com/amybarnhill/1048.group-3-zafin-loyalty-program#&gid=1&pid=4</ref>
|
+
|[[File:A3 concept.PNG|alt=Concept drawing for a loyalty rewards app|none|thumb|Concept drawing of a loyalty rewards app|350x350px]]
|
+
| colspan="3" |[[File:A3 detailed1.PNG|alt=Detailed interface of a loyalty rewards app|none|thumb|Detailed interface of a loyalty rewards app|350x350px]]
|
  −
|
   
|-
 
|-
|
+
|Personal safety app<ref>https://makerepo.com/KianAshrafganjouei/1077.safetnet-b14</ref>
|
+
|[[File:B14 concept.PNG|alt=Concept representation of a personal safety app|none|thumb|Concept representation of a personal safety app|350x350px]]
|
+
|[[File:B14 detailed1.PNG|alt=Detailed interface of a personal safety app|none|thumb|Detailed interface of a personal safety app|350x350px]]
|
+
|[[File:B14 detailed2.PNG|alt=Detailed flowchart of a personal safety app|none|thumb|Detailed flowchart of a personal safety app|350x350px]]
|
+
|[[File:B14 detailed3.PNG|alt=Detailed UML chart of a personal safety app|none|thumb|Detailed UML chart of a personal safety app|350x350px]]
 
|}
 
|}
wireframe or storyboard of UI elements, flowchart for backend functionality, uml diagram
      
==References list==
 
==References list==
 
<references />
 
<references />
MakerRepo Administrators, MakerRepo Staff
756

edits