report:dvp

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
report:dvp [2026/04/08 20:28] – [Design] team3report:dvp [2026/04/23 20:46] (current) – [Smart System] epsatisep
Line 9: Line 9:
 <WRAP centeralign> <WRAP centeralign>
 <figure fig:ideation1> <figure fig:ideation1>
-{{:report:ideation1.png?400|}}+{{ :report:ideation1.png?400 |}}
 <caption> TRAQUA first Design idea</caption> <caption> TRAQUA first Design idea</caption>
 </figure> </figure>
Line 22: Line 22:
 <WRAP centeralign> <WRAP centeralign>
 <figure fig:ideation2> <figure fig:ideation2>
-{{:report:ideation2.png?400|}}+{{ :report:ideation2.png?400 |}}
 <caption> TRAQUA second bottel design</caption> <caption> TRAQUA second bottel design</caption>
 </figure> </figure>
Line 32: Line 32:
 <WRAP centeralign> <WRAP centeralign>
 <figure fig:ideation3> <figure fig:ideation3>
-{{:report:itaration3.png?400|}}+{{ :report:itaration3.png?400 |}}
 <caption>TRAQUA third design</caption> <caption>TRAQUA third design</caption>
 </figure> </figure>
Line 48: Line 48:
 <WRAP centeralign> <WRAP centeralign>
 <figure fig:design1> <figure fig:design1>
-{{:report:fylerv1.png?400|}}+{{ :report:fylerv1.png?400 |}}
 <caption>First design </caption> <caption>First design </caption>
 </figure> </figure>
Line 77: Line 77:
 {{ :report:c2.png?400 |}} {{ :report:c2.png?400 |}}
 {{ :report:c3.png?400 |}} {{ :report:c3.png?400 |}}
-<caption>Add caption</caption>+<caption>First version of the bottle</caption>
 </figure> </figure>
 </WRAP> </WRAP>
Line 92: Line 92:
 <figure fig:brainstorm2> <figure fig:brainstorm2>
 {{ :report:c2.png?350,400 |}} {{ :report:c2.png?350,400 |}}
-<caption>Add caption</caption>+<caption>Second version of the bottle</caption>
 </figure> </figure>
 </WRAP> </WRAP>
Line 98: Line 98:
 <figure fig:brainstorm3> <figure fig:brainstorm3>
 {{ :report:c3.png?400 |}} {{ :report:c3.png?400 |}}
-<caption>Add caption</caption>+<caption>Third version of the bottle</caption>
 </figure> </figure>
 </WRAP> </WRAP>
Line 117: Line 117:
 ==== Design ==== ==== Design ====
  
-The materials for each component of the smart water bottle were selected based on both functional requirements and aesthetic considerations, ensuring a balance between performance and visual appeal.+MATERIAL SELECTION : "The materials for each component of the smart water bottle were selected based on both functional requirements and aesthetic considerations, ensuring a balance between performance and visual appeal.
 Polypropylene (PP) is used for the cap due to its durability and ability to withstand repeated use, while also providing a clean and smooth finish that contributes to a modern appearance. Polypropylene (PP) is used for the cap due to its durability and ability to withstand repeated use, while also providing a clean and smooth finish that contributes to a modern appearance.
 The bottle body is made from polished aluminum, chosen not only for its lightweight structure and corrosion resistance, but also for its sleek, reflective surface, which enhances the overall aesthetic and gives the product a premium look. The bottle body is made from polished aluminum, chosen not only for its lightweight structure and corrosion resistance, but also for its sleek, reflective surface, which enhances the overall aesthetic and gives the product a premium look.
 For the compartment containing the electronic components, a plastic material such as polycarbonate is used. This ensures proper electrical insulation and waterproof protection, while also allowing for a precise and refined design that integrates seamlessly with the rest of the bottle. For the compartment containing the electronic components, a plastic material such as polycarbonate is used. This ensures proper electrical insulation and waterproof protection, while also allowing for a precise and refined design that integrates seamlessly with the rest of the bottle.
-Overall, the combination of these materials supports a design that is durable, safe, and visually appealing for everyday use.+Overall, the combination of these materials supports a design that is durable, safe, and visually appealing for everyday use."
 === Structure === === Structure ===
  
Line 154: Line 154:
   * ''#FFF9F0'' — off-white, used for neutral backgrounds and contrast   * ''#FFF9F0'' — off-white, used for neutral backgrounds and contrast
  
-**Typography:** The project uses the **Big Shoulders** font family, chosen for its clean, technical aesthetic that aligns with the engineering nature of the product.+The design is summed up in figure {{ref>fig:brandColors}}
  
  
 <WRAP centeralign> <WRAP centeralign>
 <figure fig:brandColors> <figure fig:brandColors>
-{{:report:brandcolors.png?600 |}}+{{ :report:brandcolors.png?600 |}}
 <caption>Branding</caption> <caption>Branding</caption>
 </figure> </figure>
Line 165: Line 165:
  
  
-<WRAP centeralign> +In order to showcase the appearance of the products, 3D models were created. These models illustrate the structure of the three-part bottle. The following figures {{ref>fig:model1}}, {{ref>fig:model2}}, {{ref>fig:model3}}, {{ref>fig:model4}}, {{ref>fig:model5}},{{ref>fig:model6}},{{ref>fig:model7}}, {{ref>fig:model8}} present these models.
-(//ii//) material selection; +
-(//iii//) detailed drawings;+
  
 <WRAP centeralign> <WRAP centeralign>
-<figure fig:brandColors> +<figure fig:model1> 
-{{:report:fullbody.png?400|}} +{{ :report:fullbody.png?200 |}} 
-<caption>fullbody_3D</caption>+<caption>Model of the bottle from above</caption>
 </figure> </figure>
 </WRAP> </WRAP>
  
 <WRAP centeralign> <WRAP centeralign>
-<figure fig:brandColors> +<figure fig:model2> 
-{{:report:fullbody_2.png?400|}} +{{ :report:fullbody_2.png?200 |}} 
-<caption>fullbody_2_3D</caption>+<caption>Model of the bottle from the side</caption>
 </figure> </figure>
 </WRAP> </WRAP>
  
 <WRAP centeralign> <WRAP centeralign>
-<figure fig:brandColors> +<figure fig:model3> 
-{{:report:toppart.png?400|}} +{{ :report:toppart.png?100 |}} 
-<caption>toppart_3D</caption>+<caption>Model of the cap</caption>
 </figure> </figure>
 </WRAP> </WRAP>
  
 <WRAP centeralign> <WRAP centeralign>
-<figure fig:brandColors> +<figure fig:model4> 
-{{:report:drinkpart.png?400|}} +{{ :report:drinkpart.png?100 |}} 
-<caption>drinkpart_3D</caption>+<caption>Model of the drinking part</caption>
 </figure> </figure>
 </WRAP> </WRAP>
  
 <WRAP centeralign> <WRAP centeralign>
-<figure fig:brandColors> +<figure fig:model5> 
-{{:report:midpart.png?400|}} +{{ :report:midpart.png?200 |}} 
-<caption>midpart_3D</caption>+<caption>Model of the middle part from the top</caption>
 </figure> </figure>
 </WRAP> </WRAP>
  
 <WRAP centeralign> <WRAP centeralign>
-<figure fig:brandColors> +<figure fig:model6> 
-{{:report:midpart_2.png?400|}} +{{ :report:midpart_2.png?200 |}} 
-<caption>midpart_2_3D</caption>+<caption>Model of the middle part from the side</caption>
 </figure> </figure>
 </WRAP> </WRAP>
  
 <WRAP centeralign> <WRAP centeralign>
-<figure fig:brandColors> +<figure fig:model7> 
-{{:report:midpart_3.png?400|}} +{{ :report:midpart_3.png?200 |}} 
-<caption>midpart_3_3D</caption>+<caption>Model of the inner middle part</caption>
 </figure> </figure>
 </WRAP> </WRAP>
  
 <WRAP centeralign> <WRAP centeralign>
-<figure fig:brandColors> +<figure fig:model8> 
-{{:report:bottompart.png?400|}} +{{ :report:bottompart.png?100 |}} 
-<caption>bottompart_3D</caption>+<caption>Model of the bottom of the bottle</caption>
 </figure> </figure>
 </WRAP> </WRAP>
  
-(//iv//) 3D model with load and stress analysis; +
-(//v//) colour palette.+
  
 === Smart System === === Smart System ===
 +
 +<WRAP clear></WRAP>
 +
 +
  
 == Hardware == == Hardware ==
 +
  
 Figure {{ref>fig:blackBoxDiagram}}  Figure {{ref>fig:blackBoxDiagram}} 
Line 237: Line 239:
 <WRAP centeralign> <WRAP centeralign>
 <figure fig:blackBoxDiagram> <figure fig:blackBoxDiagram>
-{{:report:blackboxdiagramv2.drawio_1_.png?600|}} +{{ :report:blackboxdiagramv2.drawio_1_.png?600 |}} 
 <caption>Black box diagram underling components</caption> <caption>Black box diagram underling components</caption>
 </figure> </figure>
Line 254: Line 256:
  
 <WRAP centeralign> <WRAP centeralign>
-<figure fig:schematics> +<figure fig:schematics200> 
-{{:report:schematics-v3.png|}}+{{ :report:schematics-v4.png |}}
 <caption>Detalied schematics</caption> <caption>Detalied schematics</caption>
 </figure> </figure>
Line 261: Line 263:
  
  
-To ensure the system operates reliably, a power budget was established for all electronic components. The table below outlines the voltage, normal and maximum current draw, and resulting power consumption for each component.{{ref>fig:powerBudget}} +To ensure the system operates reliably, a power budget was established for all electronic components. The table below outlines the voltage, normal and maximum current draw, and resulting power consumption for each component {{ref>tab:powerCalculations}}. 
-<WRAP centeralign> + 
-<figure fig:powerBudget> +<WRAP> 
-{{:report:powerbudget.png?600 |}} +<table tab:powerCalculations> 
-<caption>Power Budget table</caption> +<caption>Power Calculations for System Components</caption> 
-</figure>+<WRAP box center> 
 +^ Equipment ^ Voltage [V] ^  Inormal [A] ^  Imax [A] ^  Pnormal [W] ^  Pmax [W] ^ 
 +| TDS sensor | 3.3 |  0.003 |  0.006 |  0.0099 |  0.0198 | 
 +| Accelerometer | 3.3 |  0.000002 |  0.000004 |  0.0000066 |  0.0000132 | 
 +| UV-C LED module | 12 |  0.1 |  0.11 |  0.8 |  0.88 | 
 +| Pressure sensor | 3.3 |  0.000264 |  0.00022 |  0.000726 |  0.000726 | 
 +| Temperature sensor | 5 |  0.0001 |  0.0025 |  0.0005 |  0.0125 | 
 +| Microcontroller | 5 |  0.08 |  0.24 |  0.4 |  1.2 | 
 +| TOTAL | | |  0.358724 |  1.2111326 |  2.1130392 |
 </WRAP> </WRAP>
- +</table> 
- +</WRAP> 
-(//iv//) power budget.+<WRAP clear></WRAP>
  
 == Software == == Software ==
 +
 The following sub chapter will introduce and explain the reason why TRAQUA decided to program the application system the way it is, talk about its components and the tools used to do it.  The following sub chapter will introduce and explain the reason why TRAQUA decided to program the application system the way it is, talk about its components and the tools used to do it. 
  
Line 279: Line 290:
 <WRAP centeralign> <WRAP centeralign>
 <figure fig:UseCaseDiagram> <figure fig:UseCaseDiagram>
-{{:report:usecasev1.drawio.png?400|}}+{{ :report:usecasev1.drawio.png?400 |}}
 <caption>Use case Diagram of the system</caption> <caption>Use case Diagram of the system</caption>
 </figure> </figure>
Line 290: Line 301:
 <WRAP centeralign> <WRAP centeralign>
 <figure fig:dfdLevel1> <figure fig:dfdLevel1>
-{{:report:dfdv1.drawio.png?400|}}+{{ :report:dfdv1.drawio.png?400 |}}
 <caption>Level 1 DFD of the system</caption> <caption>Level 1 DFD of the system</caption>
 </figure> </figure>
Line 319: Line 330:
 <WRAP centeralign> <WRAP centeralign>
 <figure fig:WebsiteSectionOne> <figure fig:WebsiteSectionOne>
-{{:report:traquawebsite1.png?600|}}+{{ :report:traquawebsite1.png?600 |}}
 <caption>Website landing </caption> <caption>Website landing </caption>
 </figure> </figure>
Line 327: Line 338:
 <WRAP centeralign> <WRAP centeralign>
 <figure fig:WebsiteSectionTwo> <figure fig:WebsiteSectionTwo>
-{{:report:traquawebsite2.png?600|}}+{{ :report:traquawebsite2.png?600 |}}
 <caption>Website section 2</caption> <caption>Website section 2</caption>
 </figure> </figure>
Line 335: Line 346:
 <WRAP centeralign> <WRAP centeralign>
 <figure fig:WebsiteSectionthree> <figure fig:WebsiteSectionthree>
-{{:report:traquawebsite3.png?600|}}+{{ :report:traquawebsite3.png?600 |}}
 <caption>Website section 3</caption> <caption>Website section 3</caption>
 </figure> </figure>
Line 342: Line 353:
 <WRAP centeralign> <WRAP centeralign>
 <figure fig:WebsiteSectionfour> <figure fig:WebsiteSectionfour>
-{{:report:traquawebsite4.png?600|}}+{{ :report:traquawebsite4.png?600 |}}
 <caption>Website section 4</caption> <caption>Website section 4</caption>
 </figure> </figure>
Line 348: Line 359:
 <WRAP centeralign> <WRAP centeralign>
 <figure fig:WebsiteSectionfive> <figure fig:WebsiteSectionfive>
-{{:report:traquawebsite5.png?600|}}+{{ :report:traquawebsite5.png?600 |}}
 <caption>Website section five</caption> <caption>Website section five</caption>
 </figure> </figure>
Line 378: Line 389:
 Mobile framework Mobile framework
  
-<WRAP centeralign>+<WRAP>
 <table tab:mobileFramework> <table tab:mobileFramework>
 <caption>Mobile Framework Comparison</caption> <caption>Mobile Framework Comparison</caption>
Line 396: Line 407:
 Web Framework Web Framework
  
-<WRAP centeralign>+<WRAP>
 <table tab:webFramework> <table tab:webFramework>
 <caption>Web Framework Comparison</caption> <caption>Web Framework Comparison</caption>
Line 413: Line 424:
 Backend Framework Backend Framework
  
-<WRAP centeralign>+<WRAP>
 <table tab:backendFramework> <table tab:backendFramework>
 <caption>Backend Framework Comparison</caption> <caption>Backend Framework Comparison</caption>
Line 430: Line 441:
 Microcontroller Microcontroller
  
-<WRAP centeralign>+<WRAP>
 <table tab:microcontroller> <table tab:microcontroller>
 <caption>Microcontroller Comparison</caption> <caption>Microcontroller Comparison</caption>
Line 448: Line 459:
 Below you can find a detailed use case explanation of how the user interacts with the system. Below you can find a detailed use case explanation of how the user interacts with the system.
 Our user being the actor in this case. Our user being the actor in this case.
-Figure {{ref>fig:detailUseCase}} ...+Figure {{ref>fig:detailUseCase}} shows the usage. 
 <WRAP centeralign> <WRAP centeralign>
 <figure fig:detailUseCase>  <figure fig:detailUseCase> 
-{{:report:usercasetraqua.png?400|}}+{{ :report:usercasetraqua.png?400 |}}
  
 <caption> Detail use case </caption> <caption> Detail use case </caption>
  • report/dvp.1775676529.txt.gz
  • Last modified: 2026/04/08 20:28
  • by team3