Herinnert u zich deze nog?

Door deathgrunt op maandag 06 juli 2015 13:37 - Reacties (25)
Categorie: Apps voor Windows Phone en Android, Views: 3.698

...

Rond 2010 en 2011 tekende ik voor mijn blog op Tweakers.net elke dag een cartoon bij het belangrijkste ICT-nieuws. ICT stond hier dan ook voor Illustraties, Cartoons & Tekeningen.

Na een korte aanloop werden de cartoons snel populair onder een vaste schare aan "volgers" - in minder dan twee jaar heb ik toen ruim 375 cartoons getekend, die bij elkaar bijna 1.000.000 unieke views kregen.

...

Deathgrunt meets Tweakers

De dagelijkse bijdrage werd zo enthousiast onthaald dat mede-Tweaker WeeJeWel een script schreef dat mijn cartoons live doorstuurde naar de homepage van Tweakers.net

Tegelijkertijd ontwikkelde ikzelf binnen no-time een app (de eerste Nederlandstalige strip-app ter wereld voor Android!) en aanvullende widgets voor Opera en Chrome...

...

...

- deathgrunt.com meets Tweakers.net, elke dag een verse cartoon over het belangrijkste ICT-nieuws -

...

Sollicitatie

Na verloop van tijd werd het me toch te veel werk; een paar uur per dag was ik er wel mee bezig - en dat vijf dagen in de week. Ik heb nog geprobeerd de cartoons te slijten aan de redactie van Tweakers.net - maar daar heb ik nooit antwoord op gekregen...

...

...

- deathgrunt's sollicitatie bij Tweakers.net ... echt kansloos waar gebeurd! -

...

Om mijn betoog extra kracht bij te zetten, had ik twee papieren stripboeken laten drukken via blurb.com en bij de sollicitatiebrief gestopt... helaas mocht ook die extra inspanning niet baten.

(psssst, Tweakers! Stuur die albums even terug - ze hebben me samen 75 euro gekost en zijn verschenen in een extreem limited edition... van drie stuks).

...

...

- deathgrunt.com stripboeken... versie 1.0 en 1.1 - gesigneerd & genummerd (1#3 en 2#3) -

...

Retrospectief

Anyhow - vorige week kwam ik de stripboeken weer op het spoor, dankzij een andere blogpost van mijn hand. Al bladerend door de albums, betrapte ik mezelf er op dat het toch wel heel leuk was om het belangrijkste ICT-nieuws van 2010 en 2011 in retrospectief terug te lezen;
  • De introductie van Windows Phone.
  • Het gerucht dat Google aan "zelfrijdende" auto's zou werken.
  • De eerste multi-tasking versie van iOS (versie 4).
  • MeeGo, die heldhaftig kwam en evenzo weer ten onder ging.
  • etc... etc...
...

...

- cartoons... héél véél cartoons (en dit zijn er slechts enkele)... -

...

Het lijkt allemaal eeuwen terug - en in IT begrippen is het dat ook - maar eigenlijk is het pas een paar jaar geleden... Ik heb de papieren stripboeken van weleer daarom omgezet naar hun digitale counterparts, gebruikmakend van exact hetzelfde framework dat ik al voor mijn vorige app had ontwikkeld.

...

...

- www.deathgrunt.com - 1.000.000 unieke pageviews met 375 "ahum" unieke cartoons -

...

Gratis apps

Hieronder een bloemlezing van enkele cartoons uit die tijd. Wil je ze allemaal zien? Download dan de gratis ICT 2010 en ICT 2011 apps voor Windows Phone en / of Android.
  • download het gratis ICT-overzicht 2010 voor Windows Phone (deathgrunt 1.0)
  • download het gratis ICT-overzicht 2010 voor Android (deathgrunt 1.0)
  • download het gratis ICT-overzicht 2011 voor Windows Phone (deathgrunt 1.1)
  • download het gratis ICT-overzicht 2011 voor Android (deathgrunt 1.1)
...
...

...

Windows Phoney

- edit - Aanvankelijk waren de apps zowel beschikbaar voor Android als Windows Phone. Microsoft weigert echter om de twee apps in haar store toe te laten, omdat deze [quote] ontoelaatbaar expliciete porno en scheldwoorden bevatten en opruiend van aard zijn [unquote].

...

...

- Uncle “Fucker” Sam… click 4 download -

...

Gedurende een maand tijd heb ik geprobeerd de apps toch door de ballotage-commissie te loodsen, met telkens nul op mijn rekest. Zelfs na het indienen van drie tickets en een officiële vraag om een Nederlands-sprekend persoon (die de "ahum" humor wellicht beter kon duiden) is Microsoft van mening dat de apps grof, vuig en onzedelijk zijn.

Ik heb dus maar besloten te zwichten voor de puriteins preutse censuur van Uncle Sam en de apps enkel voor Android beschikbaar gemaakt.

...

...

- Microsoft? Fuck Yeah! -

...

Steve's Bill

Met de apps haal je een overzicht binnen van de belangrijkste IT-doorbraken van een paar jaar terug... en natuurlijk veel afleveringen van Steve's Bill - waarbij Steve Jobs en Bill Gates elkaar voortdurend probeerden af te troeven met hun zelf ontwikkelde gadgets en technieken :)

...



- Steve's Bill, the making of a cartoon (onderdeel van de deathgrunt's laboratory experiment) -

...

De twee gratis apps voor Windows Phone en Android bevatten alle cartoons die ook in de albums zijn verschenen, de overige 375 stuks bewaar ik voor later!

...

...

- originele Steve's Bill... inclusief hippe smartphone (in die tijd dan...) -

...

...

...

...

...

...

...

...

...

...

- Windows 8 belooft een einde aan de Blue Screen Of Death (BSOD) -


...

- de prijzen voor de nieuwste iMacs worden bekend gemaakt via de website van Apple -


...

...

...

...

...

...

...

...

...

- het marktaandeel van Android groeit explosief en gaat vooral ten koste van Apple -


...

- ondanks het moderne ontwerp ziet de markt Windows Phone als een ouderwetse telefoon -


...

Poll: De deathgrunt-cartoons moeten terugkomen!

http://poll.dezeserver.nl/results.cgi?pid=394903&layout=6&sort=prc

...

Browseless - sneller internet voor Android en Windows Phone

Door deathgrunt op donderdag 18 juni 2015 09:45 - Reacties (40)
Categorie: Apps voor Windows Phone en Android, Views: 3.226

...

Deathgrunt is een zuinig mens en let dus op de kosten van zijn telefoon-abonnement.

Om die reden heb ik al sinds jaar en dag een sim-only abonnement (à 6,50 euro p/m) zonder "echte" data-bundel, maar wel met ongelimiteerd gratis 64 kb/ps internettoegang.


Ter vergelijking; in 1993 had ik een vaste internet-verbinding van 14.4 Kbps, welke in 1996 werd geupdate naar 28.8 Kbps. En omdat het een echte Robotics modem betrof kon ik die via een hack in de firmware upgraden naar maar liefst 33.6 Kbps!

...

US Robotics, 14k4

 
...

- 14.4 Kpbs - 100% bakeliet... de Nokia 3200 onder de modems - 


Al die snelheden waren goed te doen; natuurlijk - je moest soms wachten, plaatjes werden pixel-rij voor pixel-rij naar beneden gedownload (is dat trouwens een contaminatie?) en het downloaden van een SouthPark episode duurde drie uur... maar het werkte!

...

In de praktijk

Die zogenaamde gratis 64 Kbps is tegenwoordig in de praktijk echter totaal onbruikbaar; Whatsapp / email en andere IM-protocollen gaan nog wel, maar een website bekijken, snel wat informatie achterhalen of de file-informatie checken kan je wel vergeten.

Het is zó traag, dat de server nog eerder een time-out geeft (omdat het hand-shake protocol niet geïnitieerd kan worden) dan dat hij de webpagina zelf toont...

...
...

- 64 Kbps anno 2015... dat werkt dus (bijna) nooit... -


Oftewel; leuk dat gratis internet, maar je hebt er eigenlijk niets aan... totdat ik dit bericht tegenkwam; Google heeft een service ontwikkeld (Web Light) waarmee je websites kan bekijken die tot +/- 80% minder data-traffic vereisen.

Door simpelweg je gewenste website als variabele achter hun URL in te voeren, krijg je die pagina te zien met een dikke compressie als extra bonus.De bovenstaande pagina van tweakers.net wordt bijvoorbeeld gecomprimeerd tot maar liefst 3.5 kb!

...

Web Light... werkt!

Als test heb ik dus snel de WIFI van mijn telefoon uitgeschakeld, zodat ik volledig was overgeleverd aan de 4G verbinding (voor wat het waard is met 64 kb/ps - maar goed...)... en warempel, het werkte!

...
...

- 64 Kbps via Google's "web light" technologie... dat werkt wel! -


Waar ik voorheen alleen maar time-outs te zien kreeg, kon mijn cheap-ass abonnementje opeens wel de "volledige" website tonen.

Natuurlijk, alle styling en scripting was weggefilterd - maar dat maakte me niet uit; in de praktijk wil ik juist enkel de pure informatie zien en heb ik geen behoefte aan bandbreedte-verslindende-opsmuk... dus ik was aangenaam verrast door deze nieuwe service.

...

Soms wel, soms niet...

Al snel kwam ik er wel achter dat niet alle websites de service ondersteunden...Let wel op - aangezien het hier om Google gaat, verminken ze de support voor Windows Phone (de CSS aanpassen zodat het menu niet meer werkt op WP toestellen).

......

- verwacht geen fancy pagina's met hippe styling en processor intensieve scripting, deze service is vooral bedoeld om een pagina uit te kleden tot de naakte essentie; informatie-overdracht -


Het enige nadeel is dat je telkens handmatig het gewenste adres achter de URL van Google moest plaatsen... natuurlijk kan je een bookmark aanmaken met het basis-adres en daar zelf je site achter plakken, maar gemak dient de mens - en dus was het tijd voor... een app!

...

Browseless - voor Android en Windows Phone

 
...


- browseless; surf the web and save up to 80% bandwidth -

...
  • Download "browseless" gratis voor Android.
  • ...of voor Windows Phone (experimenteel; Google's menu werkt niet).
......

...

...

...

Van jeugdzonde tot app

Door deathgrunt op dinsdag 19 mei 2015 13:37 - Reacties (30)
Categorie: Apps voor Windows Phone en Android, Views: 4.789

...

Begin jaren negentig van de vorige eeuw was ik (nog) een tiener en besteedde ik al mijn vrije tijd aan zaken waar elke puber zich mee bezig hield... geld, drank en lekkere wijven!

O nee... toch niet... ik was alléén maar bezig met... strips tekenen :(



...

Beeldverhaal

Uur in, uur uit - dag in, dag uit - zelfs jaar in, jaar uit... elke cent die ik als zakgeld ontving potte ik op, zodat ik steeds beter (teken-) papier, pennen en inkt kon kopen.

Mijn grote voorbeelden waren de "Hollandse Meesters" uit de Gouden Tijd van het beeldverhaal. Dagelijks verslond ik de Sjors, Pep (Por Dios! Wat een blad...), Eppo, etcetera...

Het hoogtepunt van de week was voor mij de vrijdagmiddag, rond vier uur; dan leverde "de bladenman" persoonlijk een vers exemplaar van mijn favoriete stripblad af en kwam ik het hele weekend niet meer buiten mijn slaapkamertje.

Minutieus  las ik de verhalen, bekeek ik de opbouw van de tekeningen en probeerde ik te analyseren hoe het plot was ingedeeld... tot de 44 pagina's uit waren en ik weer een week moest wachten.



- den verzamelden werken van... ja, van wie eigenlijk? overigens was ik fan van Iron Maiden... -


Maar niet getreurd, want in die week ging ik de strips natekenen... poppetje voor poppetje, handje voor handje, plaatje voor plaatje. Op een gegeven moment had ik het gevoel dat ik "het ook wel kon" en begon mijn eigen stripverhalen steeds serieuzer te benaderen.

Eerst tekende ik losse cartoons van hooguit drie plaatjes, later werden dat volledige pagina's en toen ik vijftien jaar werd, was ik er wel klaar voor;

Een eigen stripalbum, 48 pagina's - zelf geschreven, getekend, gedrukt en uitgegeven... en zo geschiedde...



- W.D. ...my first comic, en waarvoor staat "W.D." eigenlijk? -


Twee jaar lang heb ik toen zitten tekenen, en omdat ik puber was - was ik dus ook overal tégen. Tégen de maatschappij, tégen de belasting, tégen computers (ja ja...), tégen tégen tégen! Een soort SP avant la lettre; nergens vóór, overal tégen!

Die gedachtengang vind je - achteraf - goed terug in het verhaal;

De hoofdpersoon, een jongen van ongeveer twintig jaar, is tegen de Westerse maatschappij en besluit het "echte leven" en de "enige goede samenleving" op ze zoeken; het oerwoud, met haar inheemsen die al eeuwenlang in vrede en harmonie met de natuur en elkaar leven...



- mijn eerste stripverhaal, uitgegeven door F.A.T.H.H. (Fuck All The Human Habits - natuurlijk!) -


...zijn zoektocht naar het El Dorado van de maatschappij wordt echter wreed verstoord door een groep wetenschappers die rondstruinen in datzelfde oerwoud. Wat volgt is een clash of clans - met een niet heel goede afloop...

Achteraf natuurlijk lekker naïef, aandoenlijk slecht getekend en totaal achterhaald - maar hé, ik was een puber en blijkbaar is dat verhaal in retrospectief een blauwdruk van mijn ontwikkeling geweest.

Het leuke is dat ik járen later meer dan vijf jaar in het oerwoud heb gewoond en gewerkt; als webmaster, zonder internet - maar dat is weer een heel ander verhaal. Blijkbaar had ik voorspellende gaven :)



- deathgrunt in the jungle, armageddon style! -


...

App

TL;DR - Ruim twintig jaar na dato vond ik de originele tekeningen terug in een plastic zak op de zolder van mijn ouders' huis en besloot er een app van te maken.

Zo was al mijn geploeter als adolescent tenminste niet helemaal voor niets geweest. Nou ja, uiteindelijk heb ik jarenlang gewerkt als illustrator voor onder andere de Viva, Nieuwe Revu en een handvol (landelijke) dagbladen - dus het is wel een goede investering geweest in mijn kennis en kunde.

Het eerste probleem waar ik tegenaan liep, was het formaat van de pagina's. Professioneel als ik mezelf vond, tekende ik niet op van die lullige A4'tjes - maar op het "echte formaat", zoals al mijn voorbeelden deden; A3 - en eigenlijk net een slag groter!



- 48 pagina's op A3 formaat, vol met tekeningen... héél véél tekeningen... -


Maar hoe digitaliseer je dat, als je enkel de beschikking hebt over een vijftien jaar oude A4 flatbed-scanner (Canoscan Lide - de drivers worden nog steeds ondersteund!)? Natuurlijk kan ik de A3's doorknippen, maar dat vond ik zonde... los daarvan was de compositie van de pagina vaak zo dat de tekeningen in elkaar overliepen en ik waarschijnlijk drie scans per pagina moest doen.

Uiteindelijk moet je die natuurlijk weer handmatig aan elkaar stichen, wat ook een monsterklus is; toen ik vijftien was, vond ik het geen probleem om er twee jaar lang aan te werken - maar nu ik volwassen ben, moet dat ding gewoon binnen een dag af!

...

Scanproces

Bij dit soort complexe situaties haal ik dan ook het liefst mijn favoriete quote van Bill Gates aan;

"Neem vooral luie mensen in dienst, want die bedenken de meest eenvoudige oplossingen."

Gelukkig was de oplossing dan ook simpel; pak je ouwe DSLR, flikker de A3 op een kapotte kachel in de hoek van je kamer en schiet er een foto van. High-res, vanaf statief, lage ISO, leuke F-waarde en bediend via een cheap-ass tablet.

Voordeel van die laatste is dat je de ontspanner digitaal kan activeren zonder dat je de camera zelf hoeft aan te raken. Daardoor voorkom je bewegingsonscherpte en benader je relatief eenvoudig de kwaliteit van een normale scanner. Door wat afstand te nemen, heb je geen last van "ton / kussen" vorming (lensvertekening).



- hop, hop, hop - digitale camera in galop... 48 pagina's "scannen" in een half uur tijd -


Een ander pluspunt van deze set-up was dat de foto's direct als nieuwe laag in Photoshop werden geïmporteerd. De tablet draait zonder problemen Photoshop CS3 en zelfs het bestand van 1.5GB kon ik moeiteloos live bewerken, terwijl de camera aan het schieten was.

Gewoon een kwestie van de camera als TWAIN-source (Technology Without Any Interesting Name) instellen en een eenvoudig batch-bestandje schrijven dat elke nieuwe foto als laag boven op de ander plaatst.



- camera via USB aan de tablet en Photoshop "scanned" de pagina's vanzelf, laag voor laag -


Na een half uur (ik zei al dat ik binnen een dag klaar wilde zijn) had ik dus 48 pagina's gedigitaliseerd, schoon aan de haak - en direct klaar om te gebruiken.



- de "scan", op wat aanvankelijke chromatische aberratie en vignetering na goed te gebruiken -


...

User experience

Mijn uitgangspunt was om de interface en bediening van de app zo simpel mogelijk te houden. Het moest vooral om de inhoud gaan en juist niet om de vormgeving of interface. De beste interface is dus geen interface; gewoon alles met gestures bedienen en that's it. Ik kwam dus al snel uit bij het Photoswipe-script.

Een subliem scriptje dat je op eenvoudige wijze door afbeeldingen laat bladeren. Inzoomen, swipen tot je een ons weegt, details bekijken van een tekening; alles wordt out-of-the-box ondersteund.

Okay, het is niet echt bedoeld om als pure app te gebruiken - maar met wat modificatie aan de code (puur Javascript, niet eens jQuery) moest het wel lukken.



- de mock-up van de app, puur om te testen of alles snel en goed genoeg werkt op oudere hardware -


Omdat ik echter target op alle Androids vanaf versie 4.0 en Windows Phone vanaf 8.0 moest ik wel weten of de (oude) hardware en OS'en krachtig genoeg voor het script was. Het is lullig om alles te bouwen en dan te constateren dat het toch niet lekker werkt. Om die reden heb ik eerst een snelle test in elkaar gedraaid met wat illustraties die ik nog had liggen.



- Windows Phone en Android, gebroederlijk aan het infuus (let op de slechte inkijkhoek van de Droid...) -


Windows Phone ondersteunde alles in 1x en met een zeer acceptabele snelheid, zelfs het in- en uit zoomen en de snelle gestures werkten vlekkeloos. Android was problematischer, versie 4.0 is nu al deprecated - maar wordt nog wel heel veel gebruikt. Natuurlijk kan ik instappen op 4.1 of 4.2, maar dan heb je bijna dezelfde problemen. Dus liever zorg ik er voor dat het vanaf 4.0 goed werkt en dan volgen de nieuwere versie vanzelf wel.

...

Responsive

Eén van de problemen is dat 4.0 nauwelijks met responsive apps om kan gaan; er is geen ondersteuning voor de VW | VH units, terwijl die perfect zijn als je wilt ontwerpen voor alle schermen (O, ironie; een mobiel besturingssysteem dat geen viewport ondersteunt in je ontwerp...).

Gelukkig is ook hier een oplossing voor in de vorm van een polyfill - of eigenlijk buggyfill. Door slim om te gaan met de "content" tag in je CSS-declaratie pakt Android nu ook het responsive ontwerp. Niet helemaal 100% goed, zeker niet als je inzoomed op een tekening, maar door wat hooks aan te leggen heb ik dat snel weten op te lossen.



- een lekker responsive ontwerp - dus ook pixel-perfect meeschalend op een 21" scherm -


Alle voorbereidingen waren dus getroffen en technisch gaf alles groen licht; WP werkt gewoon goed, Android met wat hikken en stotteren - maar dat kan ook aan de kracht van de processor liggen (al zijn beide telefoons even oud, en de Windows variant zelfs nog trager op papier).



- bladeren, inzoomen, swipen en pinchen... alles werkt, de strip is digitaal! -


Grotendeels was de app al klaar - het beginscherm toont een overzicht van de paginanummers en als je daar op klikt, open de bewuste bladzijde. Door links- of rechts te vegen ga je naar de volgende- of volgende pagina. En een double-tap of pinch-to-zoom zorgt er voor dat je de tekening uitvergroot. Eenvoudig naar boven- of beneden vegen en je sluit de pagina af, waarna je weer terugkomt bij de index.

...

Cordova

Wel leverde Windows Phone problemen in de praktijk op; waar Android vooral last heeft van het feit dat de browser oud is en geen ondersteuning biedt voor "moderne" apps, daar heeft WP last van gebrekkige support door... Microsoft.

Inmiddels is het een bekend fenomeen; Microsoft ondersteunt haar eigen platform zo'n beetje het slechtste van allemaal. Als ze iets maken, verschijnt het eerst op Android / iOS en werkt het daar perfect op. Windows Phone komt later en kan steevast rekenen op mindere features en updates.

De app zelf heb ik gebouwd in Microsofts eigen Visual Studio, met de (experimentele) Cordova plug-in. Dit werkt heerlijk; gewoon één keer je codes kloppen in HTML / CSS / JS en daarna rol je één codebase uit op alle devices en OS'en naar keuze... tenminste, op papier.



- de analoge versie van de app is tenminste écht platform-agnostisch... -


In de praktijk moet je dus heel wat hindernissen overwinnen voor Android, maar ook WP kan er wat van. In principe kan je de hele app fine-tunen via een configuratiebestandje; config.xml

Echter, bijna alles wat je daar invoert, wordt niet uitgevoerd door Windows Phone. Een taalversie instellen, wide-tile icon aanmaken, fullscreen activeren of aangeven dat de app alleen in landscape-modus mag werken? Vergeet het maar - je kan het instellen (en werkt perfect op Android), maar WP negeert het vrolijk.

...

Fine-tunen

De oplossing is om te duiken in de C# en XAML-codes; die worden tijdens het bouwproces in de \bin directory uitgespuugd en vervolgens gecomprimeerd in de uiteindelijke XAP (de APK voor WP). Door de juiste bestanden uit die directory te vissen en in de \res\native\wp8 folder te gooien, kan je het standaardgedrag van de app overrulen met eigen codes.



- forceer de app naar portrait-mode door deze regel toe te voegen / modificeren -


Als je in het bestand MainPage.xaml onderstaande code toevoegt, kan je bijvoorbeeld regelen dat de app alleen in portrait-mode draait;


XML:
1
SupportedOrientations="Portrait" Orientation="Portrait"



Wil je dat de pagina niet heen-en-weer "bounced" tijdens het swipen (iets dat een standaardgedrag is, omdat je dan ziet dat je het einde van de pagina hebt bereikt), dan voeg je onderstaande regel toe aan MainPage.xaml.cs


C#:
1
this.CordovaView.DisableBouncyScrolling = true;



Hierdoor krijgt de app - ook al is het gewoon een embedded browser-page - al meer een "app gevoel" en heb je niet direct door dat je zit te staren naar een webpagina.



- hipster bouncy scroll? nee... dat willen we niet! -


...

Het resultaat

Een verloren vrijdag later was de app af; een strip van ruim twintig jaar oud, omgebouwd tot app in een dag tijd. En alhoewel ik (achteraf) de tekeningen niet de beste vind en het verhaal soms wel erg recalcitrant en onrealistisch overkomt, heb ik toch met veel plezier aan deze jeugdzonde gewerkt!



- hoe cool is dat? je eigen strip, 25 jaar na dato op je startscherm -


...

Promo, linkjes en download











...

no more spam - windows phone

Door deathgrunt op maandag 11 mei 2015 11:11 - Reacties (21)
Categorie: Apps voor Windows Phone en Android, Views: 4.343

...

D'oh! Had ik me nog zo voor genomen geen apps meer voor Windows Phone meer te maken, ben ik er gisteravond toch weer ingetrapt...

De uitdaging die ik afgelopen vrijdagavond had bedacht was namelijk te simpel om niet uit te voeren;

Kan je binnen vier uur een app bedenken, programmeren, vormgeven, in de store zetten en promoten?

...

Op het moment dat ik dit zowel lumineuze (hello, Lumia) als genereuze idee kreeg, was ik net bezig mezelf aan te melden voor de developers preview van Windows 10. Aangezien ik echter geen behoefte had om dit onder mijn reguliere emailadres te doen, maakte ik (zoals altijd) gebruik van de perfecte "temporary email forwarding service" van onze Meltmail vrienden.





Het praktische nadeel van hun service is echter tweeërlei; ten eerste ziet hun site er niet uit op mobiel en ten tweede hebben ze alleen apps voor Android en de iPhone... kortom - een idee was geboren!

...

Omdat ik het snelst kan werken door alles gewoon in HTML / CSS / jQuery te bakken, maakte ik direct een leeg template aan in het onvolprezen Visual Studio. Een snelle check toonde aan dat ik via een local-html formulier een remote-post kon doen naar de back-end van Meltmail.

Die heeft weliswaar geen openbare API waar ik tegenaan kon programmeren, maar dat boeit niet; het enige dat ik nodig had was hun response-URI. Die bevat namelijk de syntax van je tijdelijke mailadres en dus kon ik de response-page zelf compleet negeren;

Weg ermee, rot op met je a-synchrone AJAX-calls, cross-domain origin en XSS- CORS-gedoe!


code:
1
https://meltmail.com/meltmails/cLwt6SfFoyPX/show?locale=en



Na simpelweg hun eigen input-formulier gekloond te hebben in plain-vanilla HTML had ik enkel nog een eenvoudige routine in C# nodig; die kan je vanuit je html-omgeving direct aanroepen, waarna ik het Meltmail-adres vanzelf kon binnen-harken in het browser-element waarop mijn hele app gebouwd zou worden.




...

Technisch / functioneel had ik de app dus al af, met slechts een handvol regeltjes aan (eigen) C# code;

C#:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
private void Browser_Navigated(object sender, System.Windows.Navigation.NavigationEventArgs e)
{
try
{
if (e.Uri.ToString().Contains("/meltmails/"))
{
MeltMail = e.Uri.ToString();
MeltMail = MeltMail.Substring(MeltMail.IndexOf("/meltmails/") + 11);
MeltMail = MeltMail.Substring(0, MeltMail.IndexOf("/"));
MeltMail = MeltMail + "@meltmail.com";

Browser.Navigate(new Uri("/Html/index.html", UriKind.Relative));
}

catch
{
Debug.WriteLine("[error - meltmail] - " + MeltMail);
}
}



Bovenstaande code zal ongetwijfeld niet de schoonheidsprijs winnen, maar goed - ik was al 5 minuten verder en moest alles nog vormgeven... dat kost het meeste tijd in de praktijk.

Wat ik feitelijk deed, is controleren of de response-URI van Meltmail valide was. Als dat het geval is, isoleer ik het gedeelte in de URI die aangeeft wat de benaming van het tijdelijke emailadres wordt. En tenslotte open ik de (enige) html-pagina die mijn app rijk is.

Deze ontvangt vervolgens via de "code behind" het adres waardoor je met een eenvoudige bridge-oplossing (soort van intermediair tussen C# en JS) zonder API toch data van een externe site kan gebruiken.




...

Omdat ik het formulier (her-)gebruik zoals dit ook op de site van Meltmail zelf staat, hoefde ik de overige functionaliteit niet meer in te bouwen; je voert in de app je emailadres in, kiest een tijdspanne voor de geldigheid van je tijdelijke adres (variërend van 3 tot 24 uur) en drukt op de Melt-button.

De externe site doet de rest van het werk, schiet het adres terug en dit wordt zichtbaar gemaakt in de app. Dat tijdelijke adres kan je vervolgens kopiëren naar het klembord of in een emailtje delen met iemand anders. That's it.

Kortom; technisch was de app af - maar hij moest nog wel vormgegeven worden. Het logo van Meltmail zelf is redelijk... vaag - dus dat ging hem niet worden. Om die reden heb ik zelf maar een eenvoudig grafisch icoontje gemaakt; een @-teken met een druppel... lekker origineel - but it does the job. Het font hiervoor was natuurlijk de Segoe, het huisstijl-font van WP.





Ik heb het wel wat ronder gemaakt door de bezier-punten aan te passen (kwestie van een fillet of chamfer er over heen gooien) en het druppeltje is feitelijk niet meer dan vier vector-anchors die ik uit de losse pols had neergezet.

De time-window buttons zijn gewoon radio-buttons, maar op een mobieltje wordt dat te klein. Met wat custom CSS-code kan je die eenvoudig verbergen, terwijl ze toch actief blijven. Meltmail zelf heeft een soort van eierwekkers als icoon gebruikt, maar die vond ik te druk - dus heb ik zelf maar een eigen icon-set getekend.





Alles natuurlijk in de "wire icon" stijl die momenteel in hipsterland furore maakt. Metro / Modern GUI is dood - wire-icons all the way!

...

Omdat mijn app meer functionaliteit biedt dan de Meltmail-site zelf, moest ik voor de overige acties ook nog snel wat iconen tekenen. Daarvoor heb ik dezelfde stijl aangehouden, zodat ze lekker uniform overkomen op de eindgebruiker...




...

Okay, even de checklist doornemen - want inmiddels was ik al weer bijna twee uur bezig (ik zei toch al dat het ontwerpen meer tijd dan het programmeren in zou nemen).
  • App functionaliteit - check!
  • Vormgeving en ontwerp - check!
  • Icons / logo - check!
  • Indienen in de store - nope...
  • Promotie - nope...
Indienen is de store is gelukkig een peulenschil bij Microsoft; ze checken niet eens of je app werkt - hun "signing process" is volledig geautomatiseerd en kan je zelf "op het droge" oefenen in Visual Studio. Je loopt daar dezelfde instructie-set door als in het echt en dus kan je vooraf al voorspellen of je app "er door heen komt".

Behalve de app zelf (een niet-gecompileerde .XAP package - feitelijk gewoon een ZIP-file met een andere extensie) moet je ook nog een app-icon, korte omschrijving en minimaal één screenshot uploaden. Omdat mijn bejaarde L820 old-skool low-res is (en mijn pc te oud om een WP-emulator te draaien) zou de app niet toegelaten worden voor high-res devices.





Gelukkig is de app gewoon een html-pagina; dus het is een kwestie van de "app" openen in je browser en vanaf je desktop een print-screen maken. Die kan je vervolgens in Photoshop resizen / bijwerken tot de high-res displays van de moderne Lumia's en vervolgens submitten in de store...

...deze werkwijze slaat nergens op, maar als je hem volgt mag je app opeens wel op 100% van de Windows Phones draaien - easy as that!

...

Zoals ik al zei; Microsoft controleert pas achteraf of je app (inhoudelijk) wel voldoet - dus het verschil tussen "indienen" en "zichtbaar worden in de store" is in de praktijk vaak niet eens een half uur. En omdat het vrijdagavond was (en inmiddels al middernacht), kon ik wel wat bier gebruiken.





Snel naar de avondwinkel op de hoek rennen dus en een 6-pack aanschaffen! Wat schetste mijn verbazing bij terugkomst van de altijd vriendelijke avondwinkel-medewerker? Een mailtje! Van Microsoft! De app was al toegelaten en zou direct in de store zichtbaar worden... told ya'!




...

Restte mij nog slechts het laatste deel van deze extreme uitdaging; de promotie. Als ik het bier-halen niet meereken, had ik nog een dik uur over - tijd zat, dus.

De promotie stelt namelijk niet zo veel voor - voor het aantal gebruikers doe ik het niet, anders zou ik Windows Phone beter links (of rechts) kunnen laten liggen. En ik had ooit al wat templates gemaakt in 3d Studio Max en Photoshop; wat zelfgemaakte 3d-modellen van een (soort van) Lumia-telefoon (met Android icons - zodat ik het ook kan hergebruiken voor mijn Cordova-apps).









Dus even de gemaakte screenshots er in gooien, de promo-tekst en de QR-code updaten en tenslotte op een landingspage gooien (gewoon een quick-and-dirty Wordpress-site - heavy customized).





Voor de verdere promotie heb ik een standaard persberichtje die ik naar de grotere blog- / fan-sites stuur. Soms wordt het geplaatst, soms niet... maar als dat zo is, zie ik dat direct terug in de Piwik-statistieken waarmee ik al mijn apps monitor en de toekomstige promoties op kan corrigeren. Een soort A/B testing, maar dan beter...

...

Resumerend had ik nog een paar minuten over! Dus het was gelukt - een app bedenken en markt-conform realiseren... binnen vier uur tijd.





Dit blogje zelf kostte trouwens bijna nog een uur extra, maar dat is geen promotie - gewoon zelfbevlekking...

...

Tweakers logo - the making of

Door deathgrunt op dinsdag 28 april 2015 13:37 - Reacties (77)
Categorie: Apps voor Windows Phone en Android, Views: 11.847

...

Tweakers heeft een nieuw logo.

Ik had - als specialist op het gebied van corporate branding and the mastering of your online identity - de eer om bij het ontwikkelproces aanwezig te mogen zijn.


...

click = big

...

- UPDATE - Het is niet de bedoeling de maker(s) van het echte logo in de zeik (pun intended) te nemen.

Het is een lichtzinnig bedoelde parodie op het ontstaansproces van dit soort logo's en vooral het slappe Paarse Broeken gelul er om heen...


...