Timon's Blog

Teen Girl Scientist Monthly, het is misschien een beetje een rare naam voor een band, maar ik heb deze band van de week ontdekt en ik vindt dat ze echt hele goede nummers maken.

Misschien dat veel van jullie ze al kennen, ik heb geen idee, maar voor degenen die ze nog niet kennen, beluister de volgende nummers even en laat weten wat je er van vindt .





Voor degenen die de muziek mooi vinden: de muziek van Teen Girl Scientist Monthly is te downloaden op iTunes of Bandcamp (http://teengirlscimo.bandcamp.com/), ik zou Bandcamp aanraden aangezien je daar de muziek in elk gewenst formaat (MP3 VBR, FLAC, ALAC etc.) kan downloaden.

Het is alweer een tijdje geleden dat ik geblogd heb, maar we zijn nu weer bezig met een heel interessant project op school dus ik dacht laat ik daar eens wat over schrijven.
Er zullen wellicht een aantal spel- en grammaticafouten fouten staan in mijn blog, dus als je er één (of meer) tegenkomt mag je dat melden in de reacties).

De afgelopen twee weken zijn we bezig geweest met 'Museapp' (gebrek aan een betere naam, suggesties zijn welkom).

Museapp is een app waarmee je informatie en de locatie van musea en monumenten in Nederland (en Nederlandse oorlogsmonumenten in het buitenland) te vinden.

In de eerste sprint zijn we bezig geweest met de volgende user stories:

• Als gebruiker wil ik de locaties van monumenten en musea op een kaart kunnen zien, zodat ik een overzicht heb van de monumenten en musea.
• Als gebruiker wil ik de monumenten en musea in een lijstweergave kunnen zien, zodat ik snel weet welke monumenten en musea er zijn.
• Als gebruiker wil ik een duidelijk en eenvoudig interface voor de app, zodat ik makkelijk kan navigeren naar de verschillende onderdelen in de app.

Natuurlijk hebben we in de eerste sprint al deze user stories af kunnen tekenen, en hebben we zelfs nog meer kunnen bereiken als dat.
We halen namelijk alle data op van onze eigen online database, dit hadden we eigenlijk pas voor de 3e sprint gepland staan, ook hebben we het delen (via de share intent) van een museum of monument toegevoegd.

In de database staan nu 3704 monumenten, deze zijn afkomstig van de Nederlandse oorlogsmonumenten datadump (http://www.opencultuurdat...naal-comite-4-en-5-mei-2/).

Je kan je dan natuurlijk ook wel voorstellen dat het toevoegen van pinpoints aan de kaart even duurt met laden als je kijkt naar het onderstaande
Als je kijkt naar het onderstaande stukje code kan je je misschien ook wel voorstellen dat het toevoegen van pinpoints aan de kaart eventjes (+/- 10 seconden) duurt.


Java:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

places = PlacesLoader.getPlaces();         mapPlaceToId = new HashMap<String, String>();         LatLng cameraLatLng = new LatLng(0,0);         try {             cameraLatLng = new LatLng(Double.parseDouble(places.getJSONObject(0).getString(TAG_LAT)), Double.parseDouble(places.getJSONObject(0).getString(TAG_LONG)));             for (int i = 0; i < places.length(); i++) {                 JSONObject c = places.getJSONObject(i);                 String title = c.getString(TAG_NAME);                 String lat = c.getString(TAG_LAT);                 String lon = c.getString(TAG_LONG);                 String mid = c.getString(TAG_MID);                 LatLng loc = new LatLng(0,0);                 try {                     loc = new LatLng(Double.parseDouble(lat), Double.parseDouble(lon));                 } catch (NumberFormatException nfe) {                     continue;                 }                 mapPlaceToId.put(title, mid);                 googleMap.addMarker(new MarkerOptions()                     .position(loc)                     .title(title)                     /*.snippet(mid)*/                     .icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_AZURE)));             }         } catch (JSONException e) {             e.printStackTrace();

Daarom gaan we in de volgende sprint alleen de informatie uit de database ophalen die in een straal van x kilometer liggen van de huidige locatie.

Nog even een aantal screenshots van de app:








In de laatste afbeelding kan je goed zien waarom het zo lang duurt om de kaartweergave te openen .

Het interface moet nog aan gewerkt worden, dus don't judge me on that please .

We zijn weer twee weken verder (eigenlijk drie, maar de herfstvakantie tellen we niet mee), en we hebben het eindproduct ingeleverd bij de Product Owner.

Voor ik verder ga met het technische gedeelte wil ik jullie eerst een trailer laten zien die ik voor het project gemaakt heb.



In de laatste Sprint hebben we ons vooral gefocused op het reserveringssysteem, de docenten hadden het allemaal over HTML 5 storage, dus ik besloot me daar in te verdiepen.

Gaandeweg ben ik erachter gekomen dat het maken van een reserveringssysteem moeilijker is dan gedacht. De donderdag in de herfstvakantie ben ik begonnen met het maken van de tabellen voor de zalen.

Na wat experimenteren was dat aardig gelukt, je kon nu in een tabel stoelen selecteren, de prijs werd dan gelijk berekend als je een stoel selecteerde.
Er was alleen een probleem, de geselecteerde stoelen moesten opgeslagen worden zodat ze niet meer gereserveerd konden worden.
Ik heb zitten tobben tot vorige week woensdag, terwijl het project vrijdagmiddag om 12:00 ingeleverd moest worden, ik heb toen op Stack Overflow de vraag gesteld hoe je dus de id's van de stoelen in local of session storage op zou kunnen slaan, ik wist dat je hier een array voor moet gebruiken, ik had alleen echt geen idee hoe je dan meerdere stoelen op zou kunnen slaan.

Gelukkig wordt je op Stack Overflow heel erg goed geholpen als ze zien dat je zelf er echt over nagedacht hebt (voor degenen die geïnteresseerd zijn in het antwoord: http://stackoverflow.com/...ith-local-session-storage).

Verder heb ik nog wat fixes doorgevoerd, zoals sprites voor het menu en dat je nu ook op de sprite kunt klikken.

Voor degenen die geïnteresseerd zijn in het resultaat: http://www.metroblogger.com/filmpje http://www.timonvanspronsen.nl/filmpje deze is een stuk sneller

Ik wil jullie graag vragen of jullie dit soort blogs interessant vinden, zo ja, dan wil ik dit voor de volgende projecten doorzetten (volgende project is een app voor iOS of Android, hopelijk mag Windows Phone ook ).

We zijn intussen weer twee weken verder, in deze twee weken hebben we ons vooral gefocust op de films en een aantal kleinere dingen zoals de footer en het optimaliseren van de website.

In de eerste week hebben we de nieuwe User Stories en de Defenition of Done gemaakt en overlegd met de tutor en de Product Owner, beide waren heel erg enthousiast over de website.

Aan het einde van de eerste week zijn we begonnen met het ontwikkelen van een beter contact formulier, waar we eerst JavaScript alerts gebruikten als er één of meerdere gegevens verkeerd ingevuld waren gebruiken we nu PHP en JavaScript.

Voorbeeld:

HTML:

1 2 3 4 5 6 7

<span id="email_status"> <?php if($error['email'] != "") { ?> <span class="field_error"><?php echo $error['email']; ?></span> <?php } ?> </span> <label>E-mailadres</label> <input onchange="validate(this.id, this.value);" onblur="validate(this.id, this.value);" id="email" size="30" type="text" name="email" value="<?php echo $email; ?>">

PHP:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

function validate(field_name, field_value) { switch (field_name) {     // E-MAIL     case "email":          var email_enter = "<?php echo $errors['email_enter']; ?>";         var email_not_valid = "<?php echo $errors['email_not_valid']; ?>";     var emailPattern =  /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;          if (field_value == null || field_value == "")     {     document.getElementById("email_status").innerHTML = '<div class="field_error">'+ email_enter +'</div>';     }     else          {         if(!emailPattern.test(field_value))          {         document.getElementById("email_status").innerHTML = '<div class="field_error">'+ email_not_valid +'</div>';         }         else         {         document.getElementById("email_status").innerHTML = '';         }     }     break;

Na het contactformulier gingen we door naar het volgende onderdeel: de films.

Terwijl Jesper de film pagina’s aan het maken was, begon ik met het maken van een overzicht pagina voor de films waar gesorteerd en gezocht kan worden op genre en titel.

Met behulp van List.JS hebben we het zoeken en sorteren op de overzicht pagina voorelkaar gekregen.

Voor de rest hebben we nog een aantal kleinere dingen gedaan zoals het maken van een footer, catering pagina, over Filmpje pagina en optimaliseren.

Om de website te bekijken gaat u naar http://www.metroblogger.com/filmpje

Als er mensen zijn die feedback willen geven, graag!

Sinds kort ben ik met mijn HBO studie Informatica begonnen op de Hogeschool Rotterdam, die mij overigens zeer goed bevalt.

Vanaf de introductie dag zijn we al bezig met een project, namelijk, een website maken voor een bioscoop(keten), genaamd Filmpje.

Voor dit project gebruiken we de Agile Scrum methode, dit is bijna het tegenovergestelde van de "waterval methode", het voordeel van de Scrum methode is dat het product tijdens het ontwikkelen nog aangepast kan worden, wat bij de "waterval methode" veel lastiger is.
Voor een uitgebreide vergelijking tussen de Scrum en "waterval" methode verwijs ik jullie door naar: http://www.jeroenhulscher.nl/2010/waterval-vs-agile-scrum/.

In de eerste twee weken hebben we vooral kennis gemaakt met de opleiding en zijn we begonnen met het maken van een ontwerp, wat een totaal fiasco werd omdat een groepslid vaak hele andere ideeën had dan ik (ik ben overigens de Scrum Master van de groep).

Na deze twee weken begon de eerste sprint, veel groepen, waaronder onze groep waren nog niet klaar met het ontwerp en begonnen dus te laat met de sprint, wij zijn dan ook vorige week maandag pas begonnen.

Na elke sprint moet er een "release" plaats vinden, deze release moet dan getoond worden aan de Product Owner (klant).

Laat het nu zo wezen dat tijdens de tweede week van de sprint (eigenlijk de eerste week omdat we die week pas echt begonnen waren met "ontwikkelen") op woensdag opeens een van de teamleden niet op komt dagen.
Na vele pogingen om contact met hem te krijgen gaf ik het op en ben ik naar de SLC'er gegaan waar ik te horen krijg dat degene gestopt is met de opleiding.
Fijn, we zijn al een week te laat begonnen, en nu zijn we ook nog een teamlid kwijt.

Maar goed, ik dacht met z'n drieën redden we het ook nog wel om voor vrijdag een "release" op te leveren, maar nog die avond krijg ik van een ander teamlid te horen dat hij ook met de opleiding wilde stoppen!

De volgende dag heb ik nog hard aan de site gewerkt met degene die nog over was, en dit was ons uiteindelijke resultaat:

Home


Films:


Bioscopen


Acties


Contact


IMAX


Om de website in actie te zien kunt u http://www.metroblogger.com/filmpje/ bezoeken .

Sommigen zullen zich misschien afvragen wat het doel van mijn blog post is, ten eerste om jullie op de hoogte te stellen hoe het er aan toe gaat bij de studie Informatica, ten tweede zou ik graag feedback willen ontvangen, zodat ik de website nog beter kan maken.

Ik moet er wel bij zeggen dat de website nog lang niet af is, we hebben nog twee sprints van elke twee weken te gaan, hierin gaan wij ons vooral focussen op functies als de zoekmachine en een reserveringssysteem.