Gepersonaliseerde DogTag app: vrij project student Werktuigbouwkunde

Eren Öztürk, student Werktuigbouwkunde, heeft zijn Vrij Project gedaan voor Marco van MerchCorner.

 

 

 

 

Aan het assortiment van MerchCorner wil Marco een gepersonaliseerde DogTag toevoegen. Hiervoor heeft hij een DogTag printer en software op de laptop. Op dit moment moet hij alle gegevens zelf invullen en dat is niet handig. Daarom heeft hij Eren gevraagd om hiervoor een oplossing aan te dragen.

Opdracht

Eren kreeg de volgende opdracht van Marco: ontwikkel een systeem om data te verzamelen, waarmee er op een lokaal netwerk klantgegevens van een mobiel apparaat naar de DogTag printer verzonden kunnen worden, waarna de DogTag geprint en verkocht kan worden.

Applicatie

Eren heeft daarop de DogTag Generator ontwikkeld, een app die klanten in staat stelt om snel en op een simpele manier hun eigen DogTag te ontwerpen. De DogTag Generator app is gecreëerd met de volgende talen:

  • HTML (lay-out)
  • CSS (kleuren en lettertypen)
  • JavaScript (acties zoals DogTag Silencer keuze, tekst projecteren data opslaan en knoppen)
  • .NET (database runnen)
  • .asp (database gegevens sturen)
  • MySQL (database type)

De app draait op de laptop op een lokale Internet Information Server (IIS). Dus alle tablets die met het lokale netwerk zijn verbonden waar ook de laptop mee verbonden is kunnen de app draaien en informatie sturen naar de server. Eren: “Dit was het lastigste om te regelen; meerdere tablets die meerdere data versturen naar de laptop.”

Concept applicatie

Voordat de uiteindelijke applicatie is gemaakt heeft Eren eerst 4 verschillende concepten/ versies van de app in PowerPoint gemaakt als concept. “Deze heb ik toegevoegd als bijlagen en zijn besproken met Marco. Daarna ben ik begonnen met het echt bouwen van de app. Hiermee ben ik sinds het begin van mijn Vrij Project elke vrijdagavond en zaterdag mee bezig geweest. Op zaterdag en zondag waren er updatebijeenkomsten om de gemaakte wijzigingen te bespreken. De concepten maken en deze dan echt bouwen vond ik het leukste om te doen!”

Presentatie en kennisdeling met derden

Zijn Vrij Project heeft Eren op 30 mei gepresenteerd op een interne HAN-beurs. “Hiervoor had ik de DogTag printer meegenomen om de werking ervan uit te leggen. Daarnaast had ik ook 10 stuks voorbeeld DogTag’s uitgeprint om uit de delen.”

“Leuk dat 6 personen interesse hebben getoond en zij hebben van mij een bouwpakket voor een DogTag ontvangen. Hierin zat een lange ketting, een bedrukte DogTag en een zelf uitgekozen silencer kleur.”

“De bedoeling is om ook op de HAN Open Dag van 18 november 2023 te staan en persoonlijke DogTag’s te gaan produceren voor bezoekers. Waarschijnlijk kunnen we de app op die dag nog uitgebreider testen.”

Startpagina

De startpagina van de DogTag Generator app ziet er zo uit:

Eren: “Hier wordt de prijs weergegeven van de DogTag configuraties. De gehele applicatie is in het Engels gemaakt, zodat de app gebruikt kan worden op beurzen in Nederland, België en Duitsland.”

Designpagina

De designpagina is bedoeld om een gepersonaliseerde DogTag te maken. Op de DogTag kunnen 5 regels van 13 karakters aan tekst geplaatst worden. De klant kan uit 23 verschillende kleuren kiezen als silencer of eentje zonder bestellen. De klant kan kiezen uit een lange ketting of een korte ketting.

“Wanneer er tekst ingevuld wordt, worden de aantal karakters bijgehouden. Zo weet de klant hoeveel karakters hij nog mag gebruiken voor zijn design. Met de knop aan de linkerkant met een refresh symbool kun je de lengte van de ketting kiezen. Om uit verschillende kleuren te kiezen kun je de kleuren swipen, maar je kunt ook de kleuren swipen door de knoppen links en rechts van de kleuren in te drukken.”

Bestelpagina

De bestelpagina is bedoeld om de gepersonaliseerde DogTag’s nog een keer te bekijken en de kosten ervan in te zien. Als de klant eens is met het design, dan kan hij deze bestellen door op de “Order” knop te drukken. “De prijzen kloppen nog niet”, geeft Eren aan.

Laadpagina

De laadpagina is bedoeld om de data die de klant heeft ingevuld op te sturen naar de database die op de laptop draait. Het geeft de klant ook een gevoel dat de order gelukt is.

Software voor de printer

De software voor de printer is EmbosserWorks. Eren legt het uit: “Het is een oud stuk software, wat ook alleen .csv of .mdb bestanden kan lezen. Wanneer je een database met .csv aanmaakt kan je deze niet wijzigen via de software, maar een database met .mdb bestandstype kun je wel binnen de software wijzigen. Op de designpagina kun je instellen welke data waar terecht moet komen op de DogTag.”

“Op de database pagina kun je zien welke data er in de database zit. Dus dit is de plek waar alle data samenkomt. Als voorbeeld heb ik er nu Regel 1 tot en met 5 neergezet. De extra kolommen zijn voor data als de kleur Silencer en de lengte van de gekozen ketting. Daarnaast kun je zo nodig er ook klantgegevens in zetten.”

MerchCorner is een bedrijf gespecialiseerd in het verkopen van merch en is gevestigd in Terborg. Onder merch wordt merchandise als kleding, game, film of serie gerelateerde artikelen verstaan. Enkele voorbeelden hiervan zijn: bedrukte petten, bedrukte hoodies, boeken, gadgets, speelgoed en speelgoedkaarten. Merch Corner heeft een fysieke winkel en een webshop voor online verkoop. Ook staat het bedrijf op beurzen zoals ComiCon, Dutch ComiCon en Facts.

Bron en fotografie: Eren Öztürk