Week 7

Image

Week 7 kort samengevat:
– finaliseren van de zoekmachine
– mockups website getij-oosterschelde
– data dynamisch inladen voor de consultancy pagina
– project module opbouwen (databank, DAL, BLL, PL)
– projectleiding website IE8 compatibel maken
– iconen ontwerpen (getij-oosterschelde, leclosdupapoune en het Netpulse CMS)

Welke problemen heb ik ondervonden en hoe heb ik die problemen opgelost?

· Repeater toont niet alle data naar behoren:
De Repeater control was enorm buggy wanneer deze foto’s moest weergeven via een url-path uit de databank. Dit heeft mijn collega opgelost door simpelweg de Repeater te vervangen met de ListView control.

· IE8 problemen bij weergave:
Vrijwel alle browsers gaven de gewenste ouput van de projectleiding website maar natuurlijk gelde dit niet voor IE8. IE8 ondersteunt geen box-shadow en geen border-radius. Dit heb ik na wat deskresearch ook weeral opgelost met conditional css in de body-tag.

. IE8 problemen met “display: inline-block”:
Alle browsers behalve IE8 weten perfect om te springen met “display: inline-block” wat een gelijkaardig effect geeft als “float:left”. Soms negeert IE8 deze property en zal de browser de elementen met deze property niet op eenzelfde lijn zetten maar onder elkaar (zijbalk bij het artikeldetail) of op elkaar (bij de breadcrumb). Oplossing: zowel “display: inline-block” als “float: left” definiëren.

· Zoekmachine aanspreken vanuit een andere pagina:
Ik probeerde de zoekmachine aan te spreken vanuit de homepage. De gebruiker zou na het klikken op de zoekknop doorverwezen worden naar de thema-pagina waar de zoekmachine zich bevindt. Ik heb lang zitten zoeken achter de reden waarom de zoekresultaten leeg waren. Met behulp van debug-modus en breakpoints ben ik tot de constatatie gekomen dat de zoekterm van de home pagina niet werd meegstuurd naar de databank call.

Image

Wat heb ik deze week geleerd?

· werken met tussentabellen voor veel-op-veel relaties
· geen Repeaters meer gebruiken
· debuggen in visual studio met breakpoints
· website snel cross-browser maken met conditional css in de body tag
· blijven debuggen voor IE8 (enorm veel mensen gebruiken deze browser nog)
· IE8 geeft weinig of geen ondersteuning voor volgende css-properties: text-indent, display, border-radius, box-shadow
· linq queries schrijven en gebruik maken van built-in functies: take(), Guid.NewGuid()
· shortcuts voor het aanmaken van delete/edit knop bij GridView controls

Drie kernwoorden van deze week:
· Icon Design
· IE8
· Tevredenheid

Logboek:
logboek_week_7

Advertisements