157
edits
mNo edit summary |
mNo edit summary |
||
(16 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
'''Introduction:''' | '''Introduction:''' | ||
Line 44: | Line 42: | ||
The design was very much influenced by the early thoughts on the topic of <i>capacitive touch</i>. I would have installed all the technical components in a [https://www.instructables.com/Dead-Bug-Prototyping-and-Freeform-Electronics/ dead bug] fashion, disappearing into the flush socket of the wall, if it hadn't been for the idea of realising the entire backend as a PCB in the front. However, when the idea of touch input gestures was dropped (because this contrasted with highlighting mechanical devices), all that was left were components that logically belong to the backend. Yet, having everything fit tightly into the cover of the switch makes debugging very easy. By removing it, all the connections are accessible. So the transfer from breadboard to a PCB was the only logical consequence. | The design was very much influenced by the early thoughts on the topic of <i>capacitive touch</i>. I would have installed all the technical components in a [https://www.instructables.com/Dead-Bug-Prototyping-and-Freeform-Electronics/ dead bug] fashion, disappearing into the flush socket of the wall, if it hadn't been for the idea of realising the entire backend as a PCB in the front. However, when the idea of touch input gestures was dropped (because this contrasted with highlighting mechanical devices), all that was left were components that logically belong to the backend. Yet, having everything fit tightly into the cover of the switch makes debugging very easy. By removing it, all the connections are accessible. So the transfer from breadboard to a PCB was the only logical consequence. | ||
[[File:BackAsFront.png|800px]] | [[File:BackAsFront.png|800px]] | ||
Before going into detail about the actual layout or so-called floor planning, I would like to add a few sentences about the look. The new subject shifted the focus slightly to more technical/constructional aspects, which is why I felt the need to pay extra attention to the graphical appearance. Since the ESP module rises above the other components, it was clear that it would have to be given appropriate treatment. Thus, it will be duly honoured by the Wifi Prayer ( | Before going into detail about the actual layout or so-called floor planning, I would like to add a few sentences about the look. The new subject shifted the focus slightly to more technical/constructional aspects, which is why I felt the need to pay extra attention to the graphical appearance. Since the ESP module rises above the other components, it was clear that it would have to be given appropriate treatment. Thus, it will be duly honoured by the <i>Wifi Prayer</i> (see sketch below) on the final design. (Well, it won't fit entirely on the plain, but its praising hands.) | ||
[[File:WifiPrayer.png|800px]] | [[File:WifiPrayer.png|800px]] | ||
As the graphics are not on the silkscreen layer, but the areas have been exposed on the soldermask layer, I found an opportunity to combine artistic and technical peculiarities because it makes these excellent GND connections for crocodile clamps while debugging. | As the graphics are not on the silkscreen layer, but the areas have been exposed on the soldermask layer, I found an opportunity to combine artistic and technical peculiarities because it makes these excellent GND connections for crocodile clamps while debugging. [spoiler alert] | ||
[[File:crocodileDebug.jpg|800px]] | |||
A milestone on the way to a PCB is a hand-soldered prototype. As common switches come with a cover, the base plate already existed. But I did not start soldering right away. The first thing I did was a rough sketch of all components and their respective connections on a piece of paper. Only then I made my first attempts at this design in KiCAD. Since I did not want to spoil my option of revisiting capacitive touch gestures at a later stage, it was my personal challenge to realise everything on just one side of a PCB with no viases or through-hole components. Of course, this also meant that all elements had to be placed so that there is no intersection of a single trace, which has been hard before I got to know the practice of ground areas (across the entire PCB). Another major restriction was the form of the cover's connection clips. It was an eternal back and forth between different media (Paper, Fusion, KiCAD, soldering iron, and back again) before the hand-soldered prototype was finished. | A milestone on the way to a PCB is a hand-soldered prototype. As common switches come with a cover, the base plate already existed. But I did not start soldering right away. The first thing I did was a rough sketch of all components and their respective connections on a piece of paper. Only then I made my first attempts at this design in KiCAD. Since I did not want to spoil my option of revisiting capacitive touch gestures at a later stage, it was my personal challenge to realise everything on just one side of a PCB with no viases or through-hole components. Of course, this also meant that all elements had to be placed so that there is no intersection of a single trace, which has been hard before I got to know the practice of ground areas (across the entire PCB). Another major restriction was the form of the cover's connection clips. It was an eternal back and forth between different media (Paper, Fusion, KiCAD, soldering iron, and back again) before the hand-soldered prototype was finished. | ||
Line 60: | Line 60: | ||
[[File:wired_prototype.JPG|800px]] | [[File:wired_prototype.JPG|800px]] | ||
It cost me some time and some burnt-out components but I was glad to have figured it all out before the PCB went into production, and when it finally did, all I could do was wait…. I purchased my first PCB ever at [https://aisler.net aisler.net]. Refreshing the order history every second at some point revealed the smart test | It cost me some time and some burnt-out components but I was glad to have figured it all out before the PCB went into production, and when it finally did, all I could do was wait…. I purchased my first PCB ever at [https://aisler.net aisler.net]. Refreshing the order history every second at some point (a few days later) revealed the smart test results, which made me even more excited. | ||
[[File:SmartTestsResults.png|800px]] | [[File:SmartTestsResults.png|800px]] | ||
Line 69: | Line 69: | ||
[[File:prototypes_ABC.jpg|800px]] | [[File:prototypes_ABC.jpg|800px]] | ||
The prototypes shown in the picture above are only some of those I did. To be honest, I ordered another six PCBs right after receiving the first batch because in the meantime I already improved my design slightly. Also, I actually wanted to have a black solder mask, which is not available at aisler and that is why I ordered a third batch (again with some minor improvements) at [https://jlcpcb.com J@LC] | The prototypes shown in the picture above are only some of those I did. To be honest, I ordered another six PCBs right after receiving the first batch because in the meantime I already improved my design slightly. Also, I actually wanted to have a black solder mask, which is not available at aisler and that is why I ordered a third batch (again with some minor improvements) at [https://jlcpcb.com J@LC]. Luckily I realised the design as one layer only because there has been a special offer of aluminum PCBs and those do not support multi-layer designs. | ||
[[File:variantsABC.jpg|800px]] | |||
[[File:finalPT03.jpg|800px]] | |||
[ | [[File:finalPT02.jpg|800px]] | ||
[[File:finalPT01.jpg|800px]] | |||
[[File:finalAlum.jpg|800px]] | |||
<center> | |||
{{#ev:youtube|FuN_1XCh2so}} | |||
{{#ev:youtube|b4yNKV2lpCE}} | |||
{{#ev:youtube|twPO_e-89aE}} | |||
</center> | |||
[[File:finalBuiltIn.jpg|800px]] | |||
'''Conclusion:''' | '''Conclusion:''' | ||
This course has been not only a great opportunity to learn the basics of PCB design but opened up a whole new medium to express myself artistically. Fortunately, I was able to take this course by combining it with my thesis work, even though the focus was more technical at first. For this, I still had [https://www.uni-weimar.de/kunst-und-gestaltung/wiki/GMU:Printed_Circuit_Board_Art/mxkllmnn_(side_project) an arty project] running alongside. | This course has been not only a great opportunity to learn the basics of PCB design but opened up a whole new medium to express myself artistically. Fortunately, I was able to take this course by combining it with my thesis work, even though the focus was more technical at first. For this, I still had [https://www.uni-weimar.de/kunst-und-gestaltung/wiki/GMU:Printed_Circuit_Board_Art/mxkllmnn_(side_project) an arty project] running alongside. | ||
Thank you for allowing me to learn so much and to push my thesis forward significantly! | Thank you for allowing me to learn so much and to push my thesis forward significantly! | ||
edits