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 14:15] – [Structure] 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 59: Line 59:
 === Brainstorming === === Brainstorming ===
  
-Once we settled on the smartification of objects, specifically the smart water bottle, the team held its first dedicated brainstorming session. Because the potential features for a "smart" container are so vast, we needed a way to filter the noise and focus on what actually added value. We turned to Miro to map out these early thoughts, using the boards shown to organize our ideas into functional clusters. This collaborative space was essential not just for tracking our suggestions, but for refining a set of concepts that eventually became the foundation of our final proposal. Figure {{ref>fig:miro}} ...+Once we settled on the smartification of objects, specifically the smart water bottle, the team held its first dedicated brainstorming session. Because the potential features for a "smart" container are so vast, we needed a way to filter the noise and focus on what actually added value. We turned to Miro to map out these early thoughts, using the boards shown to organize our ideas into functional clusters. This collaborative space was essential not just for tracking our suggestions, but for refining a set of concepts that eventually became the foundation of our final proposal. Figure {{ref>fig:miro}} represents one of the brainstorming activities we did in Miro.
 <WRAP centeralign> <WRAP centeralign>
 <figure fig:miro> <figure fig:miro>
 {{ :report:miro_brainstorming.png?800 | Miro}} {{ :report:miro_brainstorming.png?800 | Miro}}
-<caption>Add caption</caption>+<caption>Brainstorming in Miro</caption>
 </figure> </figure>
 </WRAP> </WRAP>
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 ====
  
 +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.
 +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.
 +Overall, the combination of these materials supports a design that is durable, safe, and visually appealing for everyday use."
 === Structure === === Structure ===
  
Line 133: Line 138:
 <figure fig:draft> <figure fig:draft>
 {{ :report:structural_drafts_2.png |}} {{ :report:structural_drafts_2.png |}}
-<caption>Add caption</caption>+<caption>Structural Drafts</caption>
 </figure> </figure>
 </WRAP> </WRAP>
Line 149: 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?200 |}} +{{ :report:brandcolors.png?600 |}} 
-<caption>Brand colors</caption>+<caption>Branding</caption>
 </figure> </figure>
 </WRAP> </WRAP>
  
 +
 +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.
 +
 +<WRAP centeralign>
 +<figure fig:model1>
 +{{ :report:fullbody.png?200 |}}
 +<caption>Model of the bottle from above</caption>
 +</figure>
 +</WRAP>
 +
 +<WRAP centeralign>
 +<figure fig:model2>
 +{{ :report:fullbody_2.png?200 |}}
 +<caption>Model of the bottle from the side</caption>
 +</figure>
 +</WRAP>
 +
 +<WRAP centeralign>
 +<figure fig:model3>
 +{{ :report:toppart.png?100 |}}
 +<caption>Model of the cap</caption>
 +</figure>
 +</WRAP>
 +
 +<WRAP centeralign>
 +<figure fig:model4>
 +{{ :report:drinkpart.png?100 |}}
 +<caption>Model of the drinking part</caption>
 +</figure>
 +</WRAP>
 +
 +<WRAP centeralign>
 +<figure fig:model5>
 +{{ :report:midpart.png?200 |}}
 +<caption>Model of the middle part from the top</caption>
 +</figure>
 +</WRAP>
 +
 +<WRAP centeralign>
 +<figure fig:model6>
 +{{ :report:midpart_2.png?200 |}}
 +<caption>Model of the middle part from the side</caption>
 +</figure>
 +</WRAP>
 +
 +<WRAP centeralign>
 +<figure fig:model7>
 +{{ :report:midpart_3.png?200 |}}
 +<caption>Model of the inner middle part</caption>
 +</figure>
 +</WRAP>
 +
 +<WRAP centeralign>
 +<figure fig:model8>
 +{{ :report:bottompart.png?100 |}}
 +<caption>Model of the bottom of the bottle</caption>
 +</figure>
 +</WRAP>
  
  
-(//ii//) material selection; 
-(//iii//) detailed drawings; 
-(//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 175: Line 239:
 <WRAP centeralign> <WRAP centeralign>
 <figure fig:blackBoxDiagram> <figure fig:blackBoxDiagram>
-{{:report:blackboxdiagramv2.drawio_1_.png?400|}} +{{ :report:blackboxdiagramv2.drawio_1_.png?600 |}} 
 <caption>Black box diagram underling components</caption> <caption>Black box diagram underling components</caption>
 </figure> </figure>
Line 192: Line 256:
  
 <WRAP centeralign> <WRAP centeralign>
-<figure fig:schematics> +<figure fig:schematics200> 
-{{:report:schematics.png|}}+{{ :report:schematics-v4.png |}}
 <caption>Detalied schematics</caption> <caption>Detalied schematics</caption>
 </figure> </figure>
Line 199: Line 263:
  
  
-(//iv//) power budget.+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> 
 +<table tab:powerCalculations> 
 +<caption>Power Calculations for System Components</caption> 
 +<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> 
 +</table> 
 +</WRAP> 
 +<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 208: 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 219: 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 248: 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 256: 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 264: 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 271: 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 277: 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 307: 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 325: 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 342: 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 359: Line 441:
 Microcontroller Microcontroller
  
-<WRAP centeralign>+<WRAP>
 <table tab:microcontroller> <table tab:microcontroller>
 <caption>Microcontroller Comparison</caption> <caption>Microcontroller Comparison</caption>
Line 377: 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>
 </figure> </figure>
  • report/dvp.1775654126.txt.gz
  • Last modified: 2026/04/08 14:15
  • by team3