https://www.gordontech.digital/home daily 1.0 2025-01-16 https://www.gordontech.digital/sftwrtech daily 0.75 2020-12-04 https://www.gordontech.digital/sftwrtech/qtracksimp monthly 0.5 2020-12-15 https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607050789614-HOJM24WLG8U2MXNH8397/01.png Software - QTrack (Simple) - The first major part of development is fleshing out the UI. I find it easier to build logic when I defined everything the user will be able to see first. In this screen, I've simply added a button, label, and text box. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607050895439-MC5DLWXCV2FWWDTXF1J4/02.png Software - QTrack (Simple) The added components (a label, drop down menu, and button) will be used to implement a searching feature to get a list of all the computers for a given department, though this may change. The logic for that feature will not be implemented as of this development sprint. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607050971837-G6TX3DBWWQG3UDRW1FAL/03.png Software - QTrack (Simple) We don't want the track button to be able to be pressed if the input is empty, so we need to add some simple logic to disable to button if the text box is empty. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607051090107-QR6JJOD69FOSJD81XAV0/04.png Software - QTrack (Simple) We also need to build a modal pop up in case a record is ever searched that doesn't exist. A background, two buttons, and a text box are used here. They are also grouped together to handle the modal logic a bit easier, which will be handled in a later step. The textbox has a white fill color, and the background is a medium-dark grey with it's opacity set to 25%. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607051196697-COBZ8324QKBDN4WGUX7K/05.png Software - QTrack (Simple) The specific process this app is being designed for breaks down our imaging process into 4 distinct steps. There are also 2 additional steps for creating our records. The form template is used to create these screens. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607051252247-T29H3P94UGSIAGIZ9A9N/06.png Software - QTrack (Simple) The screen is duplicated a total of six times and named accordingly. Some of these names are changed in later screenshots to reflect some feedback during the development sprint. You may note the modal is in its own screen currently. This was changed later in the sprint and should just be a group in the intro screen. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607051347668-SYOSP006DNFO3PYGXG2O/07.png Software - QTrack (Simple) https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607051411817-KOD7AICSPSCK5HZ87755/08.png Software - QTrack (Simple) Each box in the sheet is a step, and will need to be made into a column within excel. We will use these as the headers for a table to keep track of things. As stated above, the 3 highlighted yellow boxes need data validation enabled. This will look different for different processes. Add the following columns to the end of what was added: "BasicComp, InfoComp, IsPrepare, IsImage, IsConfig, IsDeploy". These will be used later when we write the logic. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607051618485-2GAKYH1ULJQIGOQ9ZUVH/09.png Software - QTrack (Simple) https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607051730709-RRPSM6F9FCYW2RRW9C1L/10.png Software - QTrack (Simple) Now that we our data source we actually need to connect it back to our app. This is going to let us look up and patch records in to the table we made. It is important we actually made the table as that is the only way the Power platform will interact with the Excel sheet. Click on the "Data" tab in Power Apps (highlighted in yellow on the left side of your screen) and choose the "OneDrive for Business" connector. That should open a toolbar on the right side of your screen to choose a file. Click on the appropriate excel file. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607051836588-4A5V42N1IK5R7CC29X2X/11.png Software - QTrack (Simple) With the data now connected to the app we need to specify to our forms which table in the excel sheet they should be using. Click into the properties for the form in each screen that has one, and add the data source. You may see multiple entries depending on how you chose to format your excel file. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607051915984-PPVC6FVASHVZ2O8NTBPL/11.png Software - QTrack (Simple) Each form is going to have different fields. This part is specific to the needs my organization has for this application. Once you have added the data source you should see an option labeled "Edit fields". Click here and select "Add field" to get a list of all the fields PowerApps will recognize from excel. This should show every header in the table we made, assuming it was formatted correctly. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607052129182-THX0AE3DKWLNWZVTUFAY/13.png Software - QTrack (Simple) PowerApps is quite intuitive and will do alot for us automatically. This can be a bit of a detriment as we may have named our fields in "developer-friendly" way but not one that is intuitive to anyone using the app. PowerApps also tends to protect us from ourselves and lock components it automatically created. We want to go ahead and unlock these so we can customize the properties to our liking. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607052155640-H1ACGN0NNFVXZ9IHZ0YK/13.png Software - QTrack (Simple) In our case, pretty much every field needs to be turned into a checkbox. Go ahead and delete the textbox in every card. This will generate a few errors for every card that was created for us, which is fine. We will resolve those in a minute. In my case, I am doing this for every field in the "Preparation", "Imaging", "Configuration", and "Deployment" screens. This is a very tedious step as we are going in and deleting 30 or so text boxes, adding 30 or so checkboxes, and updating 60 or so errors. With regards to the errors, if you move your cursor over the red x and click it, you will be able to navigate to the exact property that is giving the error. You may see fields referencing the textboxes deleted. The specific properties used exist with our checkboxes (though the .text property needs to be changed to .value) so we can simply replace the name of the old deleted textbox with one of the appropriate checkbox. Pay careful attention to the names inside of the "Tree view" to avoid confusion. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607052284913-YO5H3WZW921LLPNC8ALU/15.png Software - QTrack (Simple) With the base of the forms filled out we need to add some additional UI elements. For convenience, I chose to add a button to select all the checkboxes and two navigation buttons to take us forward and backwards in the process. The check icon should take us back to the main screen for a given entry (I haven't created that yet at this point) and the X icon should take us back to the main intro screen. The navigation buttons and the check icon should both save our progress, whereas the X icon will not. Again, this logic won't be implemented quite yet but that is the design intention. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607052320203-9G0MJ12OVHVKGVL0Y7J6/16.png Software - QTrack (Simple) Now we will make the section select screen that I mentioned above. It has a viewer form to show some basic helpful info and four buttons for navigation to a specific section. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607052475042-399JTR9TDNY5JAJBU2TJ/17.png Software - QTrack (Simple) https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607052579483-AP8W055K5IE7CL1XIBL1/18.png Software - QTrack (Simple) For the track button, we want to use the statement above in the OnSelect property. We need to first determine if the text entered is actually in the table or not. What we are really doing is searching the main data source for a specific record that has a matching serial number. That query will always return a table, however if no match is found the table is blank. Depending on the results we will either launch the modal to make a new record or take us to the process selection screen ("SectionSelect"). The modal's visibility is determined by a context variable named "notfound". Context variables exist only in the context of a specific screen. The function entered is pretty long but the logic is straightfoward. It is saying "If the Search() result IsEmpty() then "notfound" equals true. Else set the variable "WorkingSerial" to the text value entered in the text box then Navigate() to the screen named "SectionSelect". Serial numbers for computers are unique, and we can take advantage of the fact by knowing a match will only ever return one record or an empty. To be safe we should add some more advanced data validation, but that will not be discussed in this breakdown. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607052874746-P2FBVR8FZLSOHQPXB563/19.png Software - QTrack (Simple) https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607052947097-VAONJ3S29GMS5F603FEP/19.png Software - QTrack (Simple) https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607053000767-ZKOSYDRN8PXJ130OJH7C/21.png Software - QTrack (Simple) https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607119590676-DH83QYM7R02K1Q2SRFQ1/22.png Software - QTrack (Simple) https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607119739073-6HHLS2ZB7OR5SUYC15HT/23.png Software - QTrack (Simple) The default value of each checkbox will need to be an if statement. It is saying "If "allselected" is true then set the default to "allselected" (checkboxes have are binary, either on or off; otherwise stated as true or false). Else, see if the field called "CreateBackup" in our WorkingCollection is true and if it is then set the checkbox default to true. While a bit convoluted it seems to work well so far. The tedious part is we need to apply this statement to every checkbox, but referencing the appropriate field rather than "CreateBackup" every time. I didn't mention creating any variable named "WorkingCollection" above. We are going to go ahead and do that now. A collection in PowerApps is essentially a table stored in a variable. This table is stored locally and does not persist upon leaving the app. For setting default values, we can take advantage of a collection by storing the entire record we searched earlier. We will set the working collection in OnVisible property of screen screen. Use the Collect() function to make a collection by searching the main data source for a record with the "ServiceSerial" field equal to the working serial. In the OnHidden property of screen we want to clear out the entire collection to prevent building up multiple records in the table. Since we are using the First() function to get the first record in the collection, it will be easier to predict the value if we can verify there is only ever one record in the table at a time. The check icon in each screen should already have the OnSelect property filled out with a SubmitForm() function. The X icon will probably have the OnSelect property set to false; change it to use the Navigate() function to navigate back to the "SectionScreen". The right and left arrow buttons need the appropriate SubmitForm() function added to them, in addition to a navigate function that will go to the next or previous step. The syntax of the SubmitForm() function used can be the same as what is filled into the check icon mentioned above. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607120225407-9EM0X4BP0JJRHP3H1KHY/24.png Software - QTrack (Simple) https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607120058153-UGPJWCDDA99Q4X7QLMH2/25.png Software - QTrack (Simple) https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607120132643-TRWL96N71FG948BYC73V/26.png Software - QTrack (Simple) https://www.gordontech.digital/design daily 0.75 2020-12-04 https://www.gordontech.digital/design/sf monthly 0.5 2020-12-15 https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607128245259-4ACTFWPWEPX8FVBBCDG1/katie_01.jpeg Design - Student Feature https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607128245514-Z9Y0G7YJV6SR3Q0SJKO8/katie_03.jpeg Design - Student Feature https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607128244751-FC4ZZ08FYNDHE2EL9WQ9/katie_05.jpg Design - Student Feature https://www.gordontech.digital/design/jpphoto monthly 0.5 2020-12-15 https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607132253863-QXJBX68RRKOUGCL1HHLT/20180708_100752.jpg Design - Japan Photos https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607132252188-GQ33CEJ9DPFMFRPUCTA3/20180708_100848.jpg Design - Japan Photos https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607132251924-LUJFPJ5T2U7L05HT8MAY/20180708_101053.jpg Design - Japan Photos https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607132253194-QYTJ15GNAFP4IQ8014SO/20180708_101235.jpg Design - Japan Photos https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607132252023-8DEIKHRM58F1FAW8E84X/20180708_103235.jpg Design - Japan Photos https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607132254538-WAFEFWWARGSDIP9DPVMP/20180708_103240.jpg Design - Japan Photos https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607132297480-3N85LELV2RWZ4YJ1V28F/20180708_104709.jpg Design - Japan Photos https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607132308482-QMJTN5HID5JV4PWPMRNO/20180708_105052.jpg Design - Japan Photos https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607132294595-12L4MBWOJ395Z6WIWL29/20180708_110344.jpg Design - Japan Photos https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607132300153-F5MXV6PJ9VXQBBWX35TV/20180708_112522.jpg Design - Japan Photos https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607132298245-ZV1RR7U9PAUPBZK8TQN8/20180708_120448.jpg Design - Japan Photos https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607132308679-VQFMXOA0ZH7TS7OTROZX/20180708_133147.jpg Design - Japan Photos https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607132329045-M8097P5STQQAWAFH6Y5J/20180708_133210.jpg Design - Japan Photos https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607132327308-GC90DDG54YCDQUA64M0P/20180708_133221.jpg Design - Japan Photos https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607132316559-VMUB3XE7FDVUY63V6SH4/IMG2937683562043913411.jpg Design - Japan Photos https://www.gordontech.digital/design/plp monthly 0.5 2020-12-15 https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607126948125-FLJXUG8K8VF9L3VLI58W/businesscard.png Design - Pi Lambda Phi Highlights https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607127288936-LHPDFLVWZMG262MD5GFY/plp_newsletter.png Design - Pi Lambda Phi Highlights https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607126948955-ONS41GQMR896T6I7CDDG/lionsclean.png Design - Pi Lambda Phi Highlights https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607127288937-3JZL550PCQTEKS52OYCY/plp_newsletter2.png Design - Pi Lambda Phi Highlights https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607126950782-WBJ176RSC2N6S3O6N77Q/lionsdirty.png Design - Pi Lambda Phi Highlights https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607127289094-DAZX1I5I90GE7Z3UC66O/plp_newsletter3.png Design - Pi Lambda Phi Highlights https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607126948266-20WIEIF7S5NM2CNDFVSH/shashphight.jpg Design - Pi Lambda Phi Highlights https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607127288263-E6QTSDS7HM5EMDJF2NG4/plp_newsletter4.png Design - Pi Lambda Phi Highlights https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607127288644-ZLF7WJWBE4BN40DOGFG9/plp_newsletter5.png Design - Pi Lambda Phi Highlights https://www.gordontech.digital/design/welink monthly 0.5 2020-12-15 https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607125984632-YZVHYY5WT7UMXP6KE28J/stickers.jpg Design - WELink Stickers https://www.gordontech.digital/design/fyf monthly 0.5 2020-12-15 https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607121649414-E4PI2P8UOQY6WPUDZLR5/page_01.png Design - First Year Facts https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607121649870-OOSNNZMJ14NKTESDCADX/page_02.png Design - First Year Facts https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607121649907-XZCNOBWBHYC4IBJX25RW/page_03.png Design - First Year Facts https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607121649593-UV2BTZFTCJEITUYALB4W/page_04.png Design - First Year Facts https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607121649909-SAEYH2UZV87DNLLEX5CF/page_05.png Design - First Year Facts https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607121650052-IDEVGV404ABCAJ7TRWMK/page_06.png Design - First Year Facts https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607121650267-DPNH5KX5H96RMC84SMRN/page_07.png Design - First Year Facts https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607121650369-8SKJ7KDJZMBTA3U9TV9B/page_08.png Design - First Year Facts https://www.gordontech.digital/vfx daily 0.75 2020-12-14 https://www.gordontech.digital/vfx/airglowmv monthly 0.5 2020-12-15 https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607142436113-N6Z92X7SPHUH2UXV0OFG/linesfill.png Visual Effects - Airglow Music Video Concept https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607142402235-T0WASXU20RNNA71I0PDI/image-asset.png Visual Effects - Airglow Music Video Concept https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607142617283-HBQGMDZTVF1HQPQSI6OA/image-asset.png Visual Effects - Airglow Music Video Concept https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607142630564-BTM9VRDK0SCTA09AI6UG/city_2.png Visual Effects - Airglow Music Video Concept https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607142898107-OC88SPHHY3J7Q9PCVBY7/analog_1.jpg Visual Effects - Airglow Music Video Concept https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607142898938-L7TQKDO8OQFYHQY6WL1F/analog_2.jpg Visual Effects - Airglow Music Video Concept https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607142898379-DKETUBUAHAV51LJK9J8Q/analog_3.jpg Visual Effects - Airglow Music Video Concept https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607142898986-46JDXCBNAEFBJG9AVZZ3/analog_4.jpg Visual Effects - Airglow Music Video Concept https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607142898730-V4IMWMXO91Y29U0P9IQE/analog_5.png Visual Effects - Airglow Music Video Concept https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607142898879-C1PE8LCT9ZBSCTN7XAP9/analog_6.png Visual Effects - Airglow Music Video Concept https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1607142899721-JWV803KY89PU697GE2SJ/analog_7.png Visual Effects - Airglow Music Video Concept https://www.gordontech.digital/diy daily 0.75 2024-07-24 https://www.gordontech.digital/diy/office-sign-pt1 monthly 0.5 2024-07-24 https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/29982c42-7be7-482f-a5f8-1e8db07c24a2/simp_arch.jpeg https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/61cb6e69-8e91-4498-8254-db283cffe9f2/detailed_arch.png https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/b55d7b9b-4d50-4b18-b68f-9492646acef1/Screenshot+2024-07-22+at+2.36.38%E2%80%AFPM.png https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1721842181208-B2VBFAUKPXV87QEIR4U8/demo.gif https://www.gordontech.digital/diy/vday2022 monthly 0.5 2023-08-29 https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/4b16bd13-ad5a-4af7-bb26-8252b176b285/final.gif DIY - Valentine's 2022 The final completed card. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/52db7699-bd28-494c-b477-3c51c486c699/20220211_231458.jpg DIY - Valentine's 2022 https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/a13a65ca-de33-4a96-bab8-cff534807bc1/20220210_161229.jpg DIY - Valentine's 2022 https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/42797293-7f4e-4889-8ae9-bb35291f8447/barecircuittest.gif DIY - Valentine's 2022 Testing the circuit. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/f0931020-c3c2-496b-bb96-e500dba9f02b/20220212_135623.jpg DIY - Valentine's 2022 https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/f4b4e8c9-0ff9-4d0f-bd5b-540eba45cfdd/20220211_235635.jpg DIY - Valentine's 2022 Overhead view of circuit layout, which shows the battery case containing 2 CR2032 batteries with an on/off switch. The yellow circle brings attention to a small piece of paper to act as a dielectric to prevent an unused pin from shorting the base copper foil layer. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/f1f0e9a6-f4d5-4f4b-9370-05b066b7ec10/20220211_234007.jpg DIY - Valentine's 2022 Completed design with joints soldered. Note the yellow circle that brings attention to a problematic joint. This is fixed before final construction. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/71744856-b51e-4ddb-84e8-c77b9c96d8fd/20220212_125305.jpg DIY - Valentine's 2022 Final circuit, ready for programming and then final construction. The yellow circle brings attention to the fixed joint that was causing an unreliable connection that prevented the 3rd white LED from working. https://www.gordontech.digital/diy/vday2023 monthly 0.5 2024-04-08 https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1693285044779-ON9FX597MT1MLTO5A3OC/vd2k23.gif https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/3656f6d9-88cb-4c2e-b111-1998543a1d1a/IMG_0671.JPG https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/8f02b53a-bd97-4987-85e6-4795c4a1bec6/IMG_0670.JPG https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/498633ed-6755-43f0-8ae4-a06c967f2447/IMG_0673.JPG https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/ffa5841a-acd0-4777-9b13-75342d66569a/card_design_layout.png https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/92bb448f-d3ad-498e-ac57-e585487a20af/4242-00.jpg https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/13842f1d-15de-43ed-9910-95b0b86ec4e5/adafruit_logo_icon_247725.png https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/2a591e39-6144-45cc-93da-6527bb6899e2/python-powered-h-100x130.png https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/adb84ef8-7c2c-498f-a1c7-ccbf63768499/The_GIMP_icon_-_gnome.png https://www.gordontech.digital/diy/i-love-you-moon-n-back monthly 0.5 2024-04-13 https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/d82435bc-6526-4b33-8456-20a8ffbbd3bd/screen_closeup_trimmed.gif https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/fc6ed4b1-0bc4-46f2-a393-260c22f97ca6/screen_test.jpg https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/74a3ef1c-4968-488b-9b70-bb8d2b78c607/screen_hello_world.JPG https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1225a2f2-1b5c-46e3-acc5-20b62460beb5/sprite_sheet.jpg https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/1f57cc60-722f-4c6a-9351-0da406102e2d/cb_simple_particle_trimmed.gif https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/9150ec2e-ea3f-4d3c-b7ea-47c3abd1d6e7/bp_solder_screen.JPG DIY - I love you, to the moon and back Assembling the board was a bit of a bear. A one-off project can make PCB design quite expensive, but it was almost worth doing so. There are 3 main components to connect; In this photo the screen is being soldered to its own board. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/8fccfa63-52df-45c2-8b80-105d2d702ed9/bp_screen_subassembly.jpg DIY - I love you, to the moon and back The SPI interface in this case requires 8 connections: 5V, GND, MISO, MOSI, CLK, C/S, DC, Backlight. The screen was connected to a PCB Proto board with headers, and wires were soldered on from there. This image is the completed screen sub-assembly. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/706e6676-fe6f-412a-92cf-ece3141e9532/bp_mainboard.jpg DIY - I love you, to the moon and back The mainboard assembly hosts the microcontroller and real-time-clock. The RTC allows for keeping time should the device lose power. The idea is the microcontroller will write a timestamp with the number of cycles passed, then read this timestamp and calculate the difference with current time. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/02b7ad6e-7947-41d4-86da-6589260ae46a/bp_join_ssa_1.jpg DIY - I love you, to the moon and back The final assembly with screen attached to mainboard. The screen was affixed to the mainboard with headers soldered to the board but unconnected. Everything is more or less held with draft tape while soldering happens. https://images.squarespace-cdn.com/content/v1/5fc983fe1435a206ee349b76/abcb82b0-1bed-4962-a237-e6e35222ea2c/cb_screen_attach.jpg DIY - I love you, to the moon and back Final assembly with everything connected! It is not so straight, and more time should have been spent investigating build methods - The uneven construction introduced headaches with the case design process.