Hogeschool van Amsterdam - Interactieve Media Student - Sarah Hoyos Peña Studentnummer – 180111
Stage Evaluatie Verslag In dit document wordt relevante informatie over mijn stage van 23 weken beschreven. BEDRIJFSGEGEVENS .....................................................................................................................................................3 STAGEBEGELEIDER.......................................................................................................................................................4 DE WERKZAAMHEDEN .................................................................................................................................................5 LEERDOELEN...................................................................................................................................................................6 COMPETENTIES ..............................................................................................................................................................6 A - MIJN KENNIS OP TECHNISCH GEBIED IN MIJN STAGE DELEN EN VERGROTEN ................................................................6 B - ACTIEF ZIJN IN MIJN STAGE ..........................................................................................................................................6 STAGEVERSLAG..............................................................................................................................................................7 BESTEBROER COMPANY ANALYSEREN ..............................................................................................................................8 WALL OF THE FAME ..........................................................................................................................................................9 BESTEBROER COMPANY – MOUSEPAD ............................................................................................................................12 PAO WENGEN ................................................................................................................................................................13 BURUMA COMPANY ........................................................................................................................................................17 THE IT TRENDS INSTITUTE..............................................................................................................................................22 SOLUTION ON SILICON ....................................................................................................................................................24 NIEUWSBRIEF HUSK REIZEN ...........................................................................................................................................27 KIBOKO SAFARIS ............................................................................................................................................................28 FLASH PRESENTATIE BESTEBROER COMPANY.................................................................................................................29 3D LOGO BESTEBROER COMPANY ..................................................................................................................................30 KERSTKAART BESTEBROER COMPANY ...........................................................................................................................31 WEBSITES UPDATEN .......................................................................................................................................................32 NOORDERPARK ...............................................................................................................................................................33 EDISON PROJECT .............................................................................................................................................................34 VERSLAGEN STAGEGESPREKKEN..........................................................................................................................35 EVALUATIE GESPREEK ..............................................................................................................................................36 270 GRADEN FEEDBACK .............................................................................................................................................37 OBSERVATIE OPDRACHT...........................................................................................................................................38 CMS SCHEMA .................................................................................................................................................................38 DATABASE SCHEMA ........................................................................................................................................................39 VERWACHTINGEN........................................................................................................................................................40 CONCLUSIE.....................................................................................................................................................................41
2
Bedrijfsgegevens Bestebroer Company is een jonge en breed georiënteerde internet dienstverlener. Met een open mind werkt Bestebroer Company voor opdrachtgevers vanuit verscheidene branches. De opdrachten hebben meestal een relatie met internet of nieuwe media. Bestebroer Company verzorgt internet oplossingen voor de middel en klein bedrijven op de volgende gebieden: - Het managen van internetprojecten - Online winkelen en online betalen - Online database toepassingen - Content management toepassingen
3
Stagebegeleider Op mijn stage word ik begeleid door Michiel Bestebroer. Zijn voornaamste ervaringsgebieden zijn (project)management, internet consultancy (strategie, marketing, organisatieverandering) en accountmanagement. Hij studeerde bedrijfskunde in Rotterdam. Michiel heeft geen technische kennis en daarom krijg ik ook ondertonen door Rogier Bestebroer. Hij zal mij vooral begeleiden op technisch gebied, zoals het gebruik van ASP. Hij heeft voornamelijk ervaring in programmeren, technische consultancy en internet project management. Hij studeerde bedrijfskunde in Rotterdam en informatietechnologie in Utrecht.
4
De werkzaamheden Mijn functie in het bedrijf is designer en programmeur. Verder zal ik mijn kennis en ervaring als IAM student naar voren brengen en in het bedrijf vernieuwende ideeën toepassen op huidige projecten.
5
Leerdoelen Tijdens mijn stage wil ik de volgende leerdoelen uitwerken: A - Mijn kennis op technisch gebied in mijn stage delen en vergroten (vooral op ASP) B - Actief zijn in mijn stage
Competenties Mijn leerdoelen zijn gekoppeld aan de competenties. Hieronder zie je de competenties die ik tijdens mijn stage door middel van mijn leerdoelen zal uitwerken.
A - Mijn kennis op technisch gebied in mijn stage delen en vergroten Domein: Methodisch en reflectief denken en handelen De student gaat probleemgericht te werk; definieert en analyseert complexe probleemgerichte probleemsituaties in de beroepspraktijk op basis van relevante kennis en inzichten, ontwikkelt zinvolle, nieuwe oplossingsstrategieën en beoordeelt de effectiviteit hiervan. Domein: Creërend vermogen De student kan eigen visies, ideeën, objecten en structuren combineren en daarmee vernieuwende en originele concepten en oplossingen creëren. Hij of zij denkt in termen als relaties, ontwikkelingen en veranderingen en past dit toe om voor contrasterende en conflicterende vraagstukken originele en positieve oplossingen te ontwikkelen.
B - Actief zijn in mijn stage Domein: Multidisciplinaire Samenwerking De student anticipeert op het delen van ideeën en invalshoeken met en van anderen en integreert deze in zijn of haar eigen werk.
6
Stageverslag
Mijn stage loopt van 29 augustus tot en met 31 januari. In dit document ga ik een beschrijving geven van de opdrachten dat ik tijdens mijn stage heb gemaakt of waar ik aan mee gewerkt heb. Hier onder ziet men één lijst van alle opdrachten en vervolgens wordt een uitleg gegeven van elke opdracht, o.a. wat ik heb gemaakt, geleerd en de koppeling met mijn lerendoelen. De volgorde van de onderstaande lijst is ongeveer de volgorde van de opdrachten van het begin tot het einde van mijn stage. Bestebroer Company analyseren Wall of the fame Bernax Race Simulators Bestebroer Company – Mousepad PAO Wengen Buruma Company The IT Trends Institute Solution on Silicon Nieuwsbrief Husk Reizen Kiboko Safaris Flash presentatie Bestebroer Company 3D logo Bestebroer Company Kerstkaart Bestebroer Company Websites Updaten Noorderpark Edisonproject
7
Bestebroer Company analyseren Lerendoelen B - Actief zijn in mijn stage Domein: Multidisciplinaire Samenwerking De student anticipeert op het delen van ideeën en invalshoeken met en van anderen en integreert deze in zijn of haar eigen werk.
www.bestebroer.com Dit was de introductieweek van mijn stage, eerst moest ik aan de omgeving wennen en de regels van het huis leren. Mijn eerste taak was een analyse van de website van het bedrijf, waarbij ik heb gekeken wat voor werk ze tot dan toe hadden gemaakt en met welke bedrijven ze samenwerken of gewerkt hebben.
8
Wall of the fame Lerendoelen Domein: Creërend vermogen De student kan eigen visies, ideeën, objecten en structuren combineren en daarmee vernieuwende en originele concepten en oplossingen creëren. Hij of zij denkt in termen als relaties, ontwikkelingen en veranderingen en past dit toe om voor contrasterende en conflicterende vraagstukken originele en positieve oplossingen te ontwikkelen. B - Actief zijn in mijn stage Domein: Multidisciplinaire Samenwerking De student anticipeert op het delen van ideeën en invalshoeken met en van anderen en integreert deze in zijn of haar eigen werk.
De bedoeling van deze opdracht was het uitwerken van elke screenshot van de pagina’s die Bestebroer Company tot nu heeft ontwikkeld en die op de muur van het kantoor zullen worden gehangen. Door deze opdracht heb ik het volgen geleerd: juiste manier van opslaan / qua kwaliteit Hierbij moest ik goed weten wat de maat van de website was en de juiste maat van de frame om alles netjes met elkaar te kunnen inpassen. bedenken van twee banners waarbij de URL van elke website wordt getoond. Voor het uitwerken van de twee banners moest ik heel goed communiceren met mijn begeleiding en elkaar feedback geven en samen ideeën uitwerken om tot de juiste vorm en kleur voor de banners te komen. Hier onder zijn de banners:
9
Bernax Race Simulators Lerendoelen A - Mijn kennis op technisch gebied in mijn stage delen en vergroten Domein: Methodisch en reflectief denken en handelen De student gaat probleemgericht te werk; definieert en analyseert complexe probleemgerichte probleemsituaties in de beroepspraktijk op basis van relevante kennis en inzichten, ontwikkelt zinvolle, nieuwe oplossingsstrategieën en beoordeelt de effectiviteit hiervan. Domein: Creërend vermogen De student kan eigen visies, ideeën, objecten en structuren combineren en daarmee vernieuwende en originele concepten en oplossingen creëren. Hij of zij denkt in termen als relaties, ontwikkelingen en veranderingen en past dit toe om voor contrasterende en conflicterende vraagstukken originele en positieve oplossingen te ontwikkelen. B - Actief zijn in mijn stage Domein: Multidisciplinaire Samenwerking De student anticipeert op het delen van ideeën en invalshoeken met en van anderen en integreert deze in zijn of haar eigen werk.
www.bernax.nl Bernax verhuurt de Hyper Stimulators (race simulators) Voor deze opdracht moest ik een code toevoegen waardoor de bezoeker van de pagina geen broncode kan opvragen. Ik heb onderzoek gedaan naar de code en deze in de sourcecode van de pagina geplaatst. Met het zoeken van de code heb ik geleerd dat het niet mogelijk is om te voorkomen dat mensen de broncode kunnen bekijken of afbeeldingen van de website halen te downloaden. Het is technisch mogelijk om de functie van de rechter muisknop te blokkeren, maar mensen kunnen wel een screenshot van het beeld maken en daarna uitwerken in een beeldbewerkingprogramma. Als mensen de broncode willen kopiëren kan dit niet alleen via het toetsenbord of via de muis, maar ook via het menu van de browser. Hieronder is de code die ik in de pagina’s heb gebruikt: var isnn,isie if(navigator.appName=='Microsoft Internet Explorer') // controleren van het browser { isie=true }/// hier hij ziet dat het browser is goed if(navigator.appName=='Netscape') // controleren van de browser { isnn=true }}/// hier hij ziet dat het browser is goed
function right(e) //om het recht klik knop te blokkeren { if (isnn && (e.which == 3 || e.which == 2 )) return false; else if (isie && (event.button == 2 || event.button == 3)) { alert("Sorry, you do not have permission to right click on this page."); // het bericht dat laat zien als iemand probeer het recht knop te drukken return false; } return true; }
10
function key(k) //om het bepaalden Key van de toetsenborden te blokkeren { if(isie) { if(event.keyCode==17 || event.keyCode==18 || event.keyCkode==93) { alert("Sorry, you do not have permission to press this key.") // het bericht dat laat zien als iemand probeer de bovens KeyCode te drukken return false; } } if(isnn){ alert("Sorry, you do not have permission to press this key.") return false; } } if (document.layers) window.captureEvents(Event.KEYPRESS); if (document.layers) window.captureEvents(Event.MOUSEDOWN); if (document.layers) window.captureEvents(Event.MOUSEUP); document.onkeydown=key; document.onmousedown=right; document.onmouseup=right; window.document.layers=right;
11
Bestebroer Company – Mousepad Lerendoelen A - Mijn kennis op technisch gebied in mijn stage delen en vergroten Domein: Creërend vermogen De student kan eigen visies, ideeën, objecten en structuren combineren en daarmee vernieuwende en originele concepten en oplossingen creëren. Hij of zij denkt in termen als relaties, ontwikkelingen en veranderingen en past dit toe om voor contrasterende en conflicterende vraagstukken originele en positieve oplossingen te ontwikkelen. B - Actief zijn in mijn stage Domein: Multidisciplinaire Samenwerking De student anticipeert op het delen van ideeën en invalshoeken met en van anderen en integreert deze in zijn of haar eigen werk.
Voor deze opdracht moest ik het Logo op de juist formaat krijgen zodat het bedrijf dit op een mousepad kan passen. Hierbij heb ik geleerd dat het beeld op 300 dip moest worden opgeslagen, dan is de kwaliteit beter voor het afdrukken op een mousepad of voor het afdrukken van een beeld op een andere.
42cm x 29cm
12
PAO Wengen Lerendoelen A - Mijn kennis op technisch gebied in mijn stage delen en vergroten Domein: Methodisch en reflectief denken en handelen De student gaat probleemgericht te werk; definieert en analyseert complexe probleemgerichte probleemsituaties in de beroepspraktijk op basis van relevante kennis en inzichten, ontwikkelt zinvolle, nieuwe oplossingsstrategieën en beoordeelt de effectiviteit hiervan. Domein: Creërend vermogen De student kan eigen visies, ideeën, objecten en structuren combineren en daarmee vernieuwende en originele concepten en oplossingen creëren. Hij of zij denkt in termen als relaties, ontwikkelingen en veranderingen en past dit toe om voor contrasterende en conflicterende vraagstukken originele en positieve oplossingen te ontwikkelen. B - Actief zijn in mijn stage Domein: Multidisciplinaire Samenwerking De student anticipeert op het delen van ideeën en invalshoeken met en van anderen en integreert deze in zijn of haar eigen werk.
www.paowengen.nl PAO Wengen verzorgt postacademische opleidingen voor fysiotherapeuten in het Zwitserse Wengen. Voor deze opdracht moest ik het design, de content en formulier aanpassen en nieuwe pagina’s maken. Website Voor:
13
Website Na:
Design Voor deze opdracht was ik ongeveer drie tot vier weken bezig omdat ik per stappen moest werken. Eerst moest het Design goedgekeurd worden door mijn begeleiding, daarna kon ik pas beginnen met de rest van de aanpassingen. Content Ik moest heel goed leren opletten op de kleinste details zoals teksten, tekst en beeld combinatie, align, het formaat en de maat en de kwaliteit van de beelden en deze op de juiste plaatsen zetten. Beeld - moet dezelfde breedte en lengten hebben - moet 72dpi voor websties zijn Techniek HTML - Ik heb het belang van het gebruik van de tabellen in de HTML pagina’s geleerd en ook dat in de tabellen men geen lengte hoeft aan te geven maar wel de breedte, niet per se in alle tabellen maar op sommigen, het hangt ervanaf voor wat de tabellen gebruikt gaan worden. ASP - Met deze opdracht kon ik voor de eerste keer met ASP werken en beter leren hoe het werkt. Ik moest een ASP formulier aanpassen waarbij meer informatie van de gebruiker werd gevraagd. De ASP taal voor mij is nu duidelijker om te begrijpen dan PHP. In principe is PHP ook niet zo moeilijk, voor PHP en ASP bestaat er een standaard code dat overal wordt gebruikt. Ik vind de ASP code makkelijker om te schrijven maar men moet heel goed opletten dat deze code in de juiste volgorde staat en ook dat er geen spatie tussen staat of anders krijgt men een fout melding.
14
Hieronder zijn stukken van de code die ik op het formulieren heb gebruikt. <% if Request.Querystring("start") = "yes" then %> /// hier wordt verteld dat het formulier kunnen wordt beginnen doorgelezen. function formCheck(formobj){ // hier onder zijn de naam van de variabel op formulier velden var fieldRequired = Array("Voorletters", "Naam", "geboorte_dag", "geboorte_maand", "geboorte_jaar", "Woonadres", "Huisnummer", "Postcode", "Woonplaats", "Landcode", "Email", "Datum", "Kamer"); // de velden naam dat wordt op dialoog box getoond var fieldDescription = Array("Voorletter(s)", "Achternaam", "Geboortedag", "Geboortemaand", "Geboortejaar", "Adres", "Huisnummer", "Postcode", "Plaats", "Landcode", "E-mailadres", "Datum cursus", "Type kamer"); // hier toon de message als de gebruiker vergeet om een van het bovenste veld te bijvullen var alertMsg = "U bent vergeten de volgende velden in te vullen:\n"; var l_Msg = alertMsg.length;///hier onder gaat lezen als de velden zijn bijgevuld als niet dan aangeven in de dialoog box de velden dat wordt niet bijgevuld. for (var i = 0; i < fieldRequired.length; i++){ var obj = formobj.elements[fieldRequired[i]]; if (obj){ if (obj.type == null){ var blnchecked = false; for (var j = 0; j < obj.length; j++){ if (obj[j].checked){ blnchecked = true; } } if (!blnchecked){ alertMsg += " - " + fieldDescription[i] + "\n"; } continue; } …..ezvoort <% ////// Hier onder wordt de al de variabelen van het formulieren doorgelezen. vRelatienummer = request.form("Relatienummer") vRegister = request.form("register") vVoornaam = request.form("Voornaam") vTussenvoegsel = request.form("Tussenvoegsel") …enzvoort <%//// hier onder wordt de informatie naar de database doorgestuurd. dim SQL_aanmelding, Conn_aanmelding Set DBConn = Server.CreateObject("ADODB.Connection") DBConn.Open "DSN=paowengen;" _ ////ik vind heel handig dat via ASP kunnen wordt de database wordt in Access gemaakt en dan wordt direct verbindingen aan het formulier met php moet wordt het gebruik maken van Mysql voor database & "DriverId=25;FIL=MS Access;MaxBufferSize=512;PageTimeout=5;, 3" Set Session("DBConn") = DBConn Set Conn_aanmelding = Session("DBConn") ////hier aangeeft op welke veld de gegevens moet wordt sturen, hier is heel belangrijk dat het volgenden hetzelfde in de database en ook in het formulier zijn.
15
SQL_aanmelding = "INSERT INTO aanmeldingen2005 (aanvraagdatum, aanvraagtijd, Relatienummer, Register, Voorletters, Voornaam, Tussenvoegsel, Naam, Geslacht, Geboortedatum, Woonadres, Huisnummer, Postcode, Woonplaats….) VALUES('"&vAanvraagdatum&"', '"&vAanvraagtijd&"', '"&vRelatienummer&"', '"&vRegister&"', '"&vVoorletters&"', '"&vVoornaam&"', '"&vTussenvoegsel&"', '"&vNaam&"', '"&vGeslacht&"', '"&vGeboorte&"', '"&vWoonadres&"', '"&vHuisnummer&"', '"&vPostcode&"', '"&vWoonplaats&"'…')" Conn_aanmelding.execute (SQL_aanmelding) OBConn.Close() %> <% //// hier onder wordt een bevestigen email aan de gebruiker doorgestuurde met al de informatie dat hij/zij heeft bij gevuld. Set mailer = Server.CreateObject("CDONTS.NewMail") Set mailmsg = Server.CreateObject("CDONTS.NewMail") mailmsg.To = vEmail mailmsg.From = "email@paowengen" mailmsg.Subject = "Bevestiging aanmelding PAO Wengen" strBodyText = "Beste " & vVoorletters & " " & vNaam & "," & VbCrLf & VbCrLf strBodyText = strBodyText & "Bedankt voor de aanmelding voor PAO Wengen." & VbCrLf & VbCrLf strBodyText = strBodyText & "Onderstaande gegevens hebben wij van u ontvangen:" & VbCrLf & VbCrLf …enzovoort Voor deze opdracht moest ik constant contact houden met mijn begeleider, goed luisteren en veel feedback uitwerken. Rogier heeft de op website aan het eind de laatste verbeteringen aangebracht en de laatste test op de formulieren gemaakt.
16
Buruma Company Lerendoelen A - Mijn kennis op technisch gebied in mijn stage delen en vergroten Domein: Methodisch en reflectief denken en handelen De student gaat probleemgericht te werk; definieert en analyseert complexe probleemgerichte probleemsituaties in de beroepspraktijk op basis van relevante kennis en inzichten, ontwikkelt zinvolle, nieuwe oplossingsstrategieën en beoordeelt de effectiviteit hiervan. Domein: Creërend vermogen De student kan eigen visies, ideeën, objecten en structuren combineren en daarmee vernieuwende en originele concepten en oplossingen creëren. Hij of zij denkt in termen als relaties, ontwikkelingen en veranderingen en past dit toe om voor contrasterende en conflicterende vraagstukken originele en positieve oplossingen te ontwikkelen. B - Actief zijn in mijn stage Domein: Multidisciplinaire Samenwerking De student anticipeert op het delen van ideeën en invalshoeken met en van anderen en integreert deze in zijn of haar eigen werk.
www.buruma-company.nl Buruma Company is de eenmanszaak van Jan Buruma. Hij heeft zich gespecialiseerd in de regio Zuid-Oost Europa . Deze opdracht heb ik als een individuele opdracht gekregen waarbij ik de hele website moest bouwen en ook het design ervan maken. De doel van deze opdracht was dat ik alles dat is bij de PAO Wengen opdracht heb geleerd hier in de praktijk zou gaan uitwerken . Design Buruma Company heeft aan ons ideeën gegeven van hoe ongeveer het Logo voor zijn bedrijft eruit had moeten zien. Zijn idee hield het gebruik van Time Roman als letter typen in en daarbij moesten wij gebruik maken van een wereld globe bij de de logo. Als designer was ik het er niet helemaal mee eens en heb ik mijn eigen ideeën aan het Logo toegevoegd. Ik heb een letter type gebruikt die meer indrukt geeft als een letter type uit de krant of een journalistieke letter type en de wereld heb ik in flash gemaakt. Hier onder zijn de logo’s voorbeelden
17
Een van de eisen van de klant was dat het Logo in het blauw en geel wordt gemaakt en na verschillende uitwisselingen van feedback tussen de klant, mijn begeleiding en ik zijn wij tot een definitief logo gekomen.
Het design van de webpagina verliep op dezelfde manier, met heel veel uitwisseling van ideeën en feedback, zo zijn wij tot een definitieve design komen.
18
Design voorstelling
Voor de design voorstelling heb ik geleerd dat er van Latijnse teksten gebruik moet worden gemaakt als content. Hiervoor werd de volgende website gebruikt http://www.lipsum.com waarbij er paragrafen en losse zinnen in het Latijns gemaakt kunnen worden. In het proces van de design moest ik ook heel goed opletten in het alings tussen de tekst en het menu, zoals de titel pagina moet op hetzelfde lijn / align als het eerste knop menu zijn.
19
Techniek De pagina is Dynamisch opgebouwd waarbij het menu, kopbalk en copyright dynamisch zijn. Het voordeel van het gebruik van een dynamische website is dat als iets op de pagina wordt aangepast dan wordt dit automatisch in alle pagina’s aangepast. In de code wordt "include file" gebruikt om het dynamische gedeelte van de pagina te laden. Het maken van een popup pagina met een beeld via ASP en javascript. Voor het maken van een popup pagina is het belangrijk dat de lengten van de popup pagina hetzelfde zijn. <%@LANGUAGE="VBSCRIPT"%> <% ///// hier onder creëer ik een variabel voor de naam van het beeld. dim vName vName = request.querystring("name") %> /// het html pagine creëer ik een tabel met het volgen code erin
///// hier bij wordt de naam van het beeld gelaadt /// als volgens maak ik een link waarin wordt het venster sluit
/// op volgen code aangeef ik de breed en lengt dat het beeld moet wordt geladen en ook het formaat van mijn popup. function popup(pagina) { var popup = window.open("", "popup",'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=480,height= 350'); popup.location = pagina; popup.focus(); }
20
Het tweede onderdel van de techniek is dat ik een engelse versie moest maken van de website. Toen hoorde ik dat Buruma Company ook een engelse versie van de website zou hebben en ik dacht dat ik alleen een kopie van de webpagina moest maken en alleen de inhoud daarna moest aanpassen, maar ik heb mij vergist. Ik heb geleerd dat door het gebruik van ASP ik een dynamisch content met verschillenden talen op een pagina kan maken.
21
The IT Trends Institute Lerendoelen A - Mijn kennis op technisch gebied in mijn stage delen en vergroten Domein: Methodisch en reflectief denken en handelen De student gaat probleemgericht te werk; definieert en analyseert complexe probleemgerichte probleemsituaties in de beroepspraktijk op basis van relevante kennis en inzichten, ontwikkelt zinvolle, nieuwe oplossingsstrategieën en beoordeelt de effectiviteit hiervan.
http://www.itti.nl Het IT Trends Institute (ITTI) is actief op het gebied van onderzoek, advisering en publicatie over nieuwe technologieën en vernieuwende technologische concepten. In deze opdracht moest ik alleen het technische gedeelte van een online enquête formulier uitwerken. Mijn opdracht was om een nieuwe tabel te maken in Acess met al de variabelen uit de enquête. Daarna moest ik op de beheer pagina de code aanpassen zodat de opdrachtgever de gegevens van de enquête via Excel zou kunnen bekijken. <% dim vEnquete vEnquete = request.querystring("enquete") Dim rsInnovatieExcel Dim rsInnovatieExcel_numRows ///DIM creëer een functie Set rsInnovatieExcel = Server.CreateObject("ADODB.Recordset") rsInnovatieExcel.ActiveConnection = MM_itti_STRING rsInnovatieExcel.Source = "SELECT * FROM enquete_innovatie2005 ORDER BY enqueteid ASC" ////hier boven maakt het verbinding met database rsInnovatieExcel.CursorType = 0 rsInnovatieExcel.CursorLocation = 2 rsInnovatieExcel.LockType = 3 rsInnovatieExcel.Open() rsInnovatieExcel_numRows = 0 Dim rsIttiExcel Dim rsIttiExcel_numRows Set rsIttiExcel = Server.CreateObject("ADODB.Recordset") rsIttiExcel.ActiveConnection = MM_itti_STRING rsIttiExcel.Source = "SELECT * FROM enquete2005 ORDER BY enqueteid ASC" rsIttiExcel.CursorType = 0 rsIttiExcel.CursorLocation = 2 rsIttiExcel.LockType = 3 rsIttiExcel.Open() rsIttiExcel_numRows = 0%> // de bovenste code is voor excel waarbij wordt verteld dat de data wordt gestuurd volgens het nummer van rows op de database en dat deze hetzelfde moeten zijn en de volgorde van de variabelen in de database en in het enquête formulier hetzelfde moeten zijn.
22
// hier onder is de tabel waarin al de data wordt getoond
//door middel van de code wordt het verteld dat als elke nieuwe data wordt gestuurd dan moet een nieuwe row wordt gemaakt in de tabel. <% While ((Repeat2__numRows <> 0) AND (NOT rsIttiExcel.EOF)) dim iCount2 iCount2 = iCount2 + 1%>
<%=iCount2%>
// en de gegevens wordt geplaats op juist row.
<%=rsIttiExcel("organisatie")%>
// variabelen van de enquête en database
<%=rsIttiExcel("functie")%>
enzovoort… <% rsInnovatieExcel.Close() Set rsInnovatieExcel = Nothing %>////afsluiten van de code
23
Solution on Silicon Leerdoelen Domein: Creërend vermogen De student kan eigen visies, ideeën, objecten en structuren combineren en daarmee vernieuwende en originele concepten en oplossingen creëren. Hij of zij denkt in termen als relaties, ontwikkelingen en veranderingen en past dit toe om voor contrasterende en conflicterende vraagstukken originele en positieve oplossingen te ontwikkelen. B - Actief zijn in mijn stage Domein: Multidisciplinaire Samenwerking De student anticipeert op het delen van ideeën en invalshoeken met en van anderen en integreert deze in zijn of haar eigen werk.
www.solutions-on-silicon.com Solution on Silicon (SoS) is een flexibel bedrijf die de verkoop, reparatie en ondersteuning biedt voor de complex machine van Silicone proces. Bestebroer Company heeft de volgende opdracht gekregen: Realisatie van een nieuwe grafische stijl voor de website inclusief navigatiestructuur Realisatie van de website inclusief een beheertol (content management systeem) Ik heb voor de realisatie van het eerstgenoemde punt gezorgd. Mijn taak als designr kon ik met deze opdracht prima uitvoeren. Mijn eerste stap voor de opdracht was de huidig website van SoS analyseren en de debriefing goed doorlezen om de eisen van de bedrijf te verkennen. De huidige website heeft de volgende problemen: Navigatiestructuur is heel onduidelijk De grafische stijl past niet bij het bedrijf De eisen van de klant qua Design waren simpel en duidelijk. Zij willen dat de website straalt. De SoS identiteit uit de stijl dient te passen bij een bedrijf in de industriële / machine sector. De stijl zal eenvoudig van opzet zijn en deskundigheid, professionaliteit en vakmanschap uitstralen. De navigatiestructuur zal zo ingericht worden dat de gebruiker zonder na te denken moeiteloos door de website kan navigeren. Als advies van mijn stagebegeleider heb ik eerst een paar website in de industriële sector bekeken als bron van inspiratie. Hieronder volgt mijn eerste voorstel voor het design. Zo is de ontwikkeling tot de definitieve versie makkelijk te volgen.
24
Visualisatie eerste voorstel Samen met mijn begeleider zijn we naar de klant gegaan voor ene gesprek. Dit gaf mij een goed idee van wat de klant wilt. Na het gespreek wist ik al de voorstellen hierboven afgebeeld niet goed paste bij wat de klant wilde. Nog dezelfde week heb ik een document opgesteld met de belangrijkste punten uit het gesprek en een paar schema’s over hoe de pagina’s ongeveer moesten zijn. Mijn begeleiding vond het goed dat ik het initiatief nam. Zo kon hij zijn notulen vergelijken met die van mij. Hieronder volgen de schema’s:
Ik heb nagedacht wat de beste manier zou zijn om de identiteit van het bedrijf in de website kan worden gepresenteerd? Vervolgens heb ik bedacht dat ik kernwoorden moest zoeken die representatief voor het bedrijft zijn. Op de huidige website heb ik een paar kernwoorden geselecteerd en daarna de beste gekozen om in het design te zetten.
25
Het resultaat was als volgt:
In het design proces heb ik meer dan 20 voorstellen gemaakt. Om het niet te lang te maken heb ik drie relevante voorstellen uitgekozen.
Het design van de pagina’s is op basis van de eisen van opdrachtgever. Deze zijn in het tweede voorstel verwerkt. Dat grote verschil is terug te zien in vergelijking met eerste versie. Als ik geen contact met de klant had of geen goede communicatie met mijn begeleider had zou ik zeker niet tot dit resultaat komen. Het uitwerken van SoS design was op basis van heel veel feedback om uiteindelijk tot een definitief design te komen. De klant was heel erg tevreden met resultaat.
26
Nieuwsbrief Husk Reizen Leerdoelen A - Mijn kennis op technisch gebied tijdens stage delen en vergroten Domein: Methodisch en reflectief denken en handelen De student gaat probleemgericht te werk; definieert en analyseert complexe probleemgerichte probleemsituaties in de beroepspraktijk op basis van relevante kennis en inzichten, ontwikkelt zinvolle, nieuwe oplossingsstrategieën en beoordeelt de effectiviteit hiervan.
www.husk.nl Husk Reizen is één van de grootste direct sellers van zomeren winterreizen in Nederland. Waarin aanboden complete zomervakanties en wintersportreizen naar populaire bestemmingen in Europa. Husk stuurt elke week één promotende nieuwsbrief aan hun “klanten”. Denieuwsbrief heeft een “template” waarbij alleen de content moest worden veranderd. Daar was ik voor verantwoordelijk. Het veranderen van de nieuwsbrief was heel secure werk waarbij de foto’s en de prijs naar de juiste pagina moesten linken. Hieronder staat de link waarmee de prijs pagina wordt aangegeven. http://winter.husk.nl/prices.cgi?id=1582& //hier wordt het id van accommodatie transtype=EV& /// hier wordt aangegeven als de promotie is met EV (autoreizen) of via BU ( busreizen) duration=8&/// Hier wordt aangeven hoe lang haat het duren year=2005&month=11&day=26 // Datum Voor deze link moest ik bij elke accommodatie de juiste code invullen omdat elke accommodatie een unieke code heeft. Elke nieuwsbrief die ik heb gemaakt werd gecontroleerd door Rogier om te zien of alles klopt en veranderde eventueel een stukje content voordat de definitieve versie naar de klant werd gestuurd.
27
Kiboko Safaris http://www.kiboko-safaris.com Kiboko Safaris, een dynamische safari company met safari’s naar Malawi en Zambia. Daarnaast beschikt Kiboko over een eigen Hotel in de hoofdstad Lilongwe (Malawi) en een Camp. Michiel Bestebroer doet sinds kort het marketing gedeelde van Kiboko. Hij heeft mij de opdracht gegeven om een online onderzoek te doen naar de beschikbaarheid van (nationale en internationale) websites waar hij de PR voor Kiboko kan maken. Mijn conclusie van dit onderzoek was dat er heel veel verschillende pagina’s zijn over Afrika / Safari en Malawi. De meeste van de sites zijn onprofessioneel. Ik heb een document opgesteld met verschillende links over Afrika / Safari en Malawi.
28
Flash presentatie Bestebroer Company Leerdoelen Domein: Creërend vermogen De student kan eigen visies, ideeën, objecten en structuren combineren en daarmee vernieuwende en originele concepten en oplossingen creëren. Hij of zij denkt in termen als relaties, ontwikkelingen en veranderingen en past dit toe om voor contrasterende en conflicterende vraagstukken originele en positieve oplossingen te ontwikkelen. B - Actief zijn in mijn stage Domein: Multidisciplinaire Samenwerking De student anticipeert op het delen van ideeën en invalshoeken met en van anderen en integreert deze in zijn of haar eigen werk.
De opdracht is om een soort promotiemateriaal te maken voor Bestebroer door middel van een flash presentatie. De presentatie is gemaakt met Flash en bvat de kern van wat het bedrijf doet en de belangrijkste werken. Het bedrijf moet betrouwbaar voor de klant overkomen. Om de conceptuele gedachten in praktijk te brengen heb ik samengewerkt met twee begeleiders. Ik was ook verantwoordelijk voor het verloop van de presentatie en de animaties.
29
3D logo Bestebroer Company Lerendoelen Domein: Creërend vermogen De student kan eigen visies, ideeën, objecten en structuren combineren en daarmee vernieuwende en originele concepten en oplossingen creëren. Hij of zij denkt in termen als relaties, ontwikkelingen en veranderingen en past dit toe om voor contrasterende en conflicterende vraagstukken originele en positieve oplossingen te ontwikkelen. B - Actief zijn in mijn stage Domein: Multidisciplinaire Samenwerking De student anticipeert op het delen van ideeën en invalshoeken met en van anderen en integreert deze in zijn of haar eigen werk.
Ik heb een 3D logo voor het bedrijf ontwikkelt. Deze gaan ze eventueel in de toekomst gebruiken. Dit logo moest ik eerst in 3Dsmax maken en daarna naar flash exporteren. De 360˚ animatie is helemaal in 3Dsmax gemaakt en het logo is handmatig in 3Dsmax getekend. De reden dat het naar flash is geëxporteerd was dat ik de logo in de flash presentatie wilde gebruiken. Daarna heb ik besloten om een andere versie van de 3D logo het in flash gemaakt of anders de presentatie met 3Dsmax logo zou heel zwaard wordt en ook Bestebroer Company heeft geen 3Dsmax als hun in het toekomst willen iets met Logo doen kunnen hun het Flash versie van het logo gebruiken maken.
30
Kerstkaart Bestebroer Company Leerdoelen B - Actief zijn in mijn stage Domein: Multidisciplinaire Samenwerking De student anticipeert op het delen van ideeën en invalshoeken met en van anderen en integreert deze in zijn of haar eigen werk.
31
Websites Updaten
Buruma Company – Atelier Yvonne van Katwijck – Bernax Ik moest af en toe paar updates voor een paar web pagina’s maken. De meeste van de updates had betrekking op tekst- en fotomateriaal.
32
Noorderpark Leerdoelen B - Actief zijn in mijn stage Domein: Multidisciplinaire Samenwerking De student anticipeert op het delen van ideeën en invalshoeken met en van anderen en integreert deze in zijn of haar eigen werk.
http://www.noorderpark-eemnes.nl Noorderpark is een informatieve webpagina van een luxe bedrijfbouw. Voor het maken van het design had ik alleen een plaatje en het logo type gekregen voor het hele project. Ik moest mijn creativiteit gebruiken om een design te maken waarbij de uitstraling van de gebouwen in op de website terug komt.
Op eerste pagina heb ik het gebouw met het logo geplaatst, Voor deze pagina moest ik in Photoshop het plaatje goed kunnen aanpassen omdat het staat bij de balderen van de bomen. Op de tweede pagina heb ik een eigen gebouw gebruikt als achtergrond van de hele website. Het design was niet de eerste keer goed gekeurd. Er moesten enkele kleine aanpassingen gemaakt worden zoals : lettertype, kleuren , achtergrond kleuren en het verbeteren van de kwaliteit van de topbalk. Voor het project hoefde ik niet zo veel design voorstellen te maken. De structuur van de website was al opgebouwd, ik moest alleen de content en het nieuwe design erin zetten. Qua techniek was er weinig te veranderen. In het definitieve verise Rogier heeft nog enkele dingen aangepast.
33
Edison Project Leerdoelen Domein: Methodisch en reflectief denken en handelen De student gaat probleemgericht te werk; definieert en analyseert complexe probleemgerichte probleemsituaties in de beroepspraktijk op basis van relevante kennis en inzichten, ontwikkelt zinvolle, nieuwe oplossingsstrategieën en beoordeelt de effectiviteit hiervan. Domein: Creërend vermogen De student kan eigen visies, ideeën, objecten en structuren combineren en daarmee vernieuwende en originele concepten en oplossingen creëren. Hij of zij denkt in termen als relaties, ontwikkelingen en veranderingen en past dit toe om voor contrasterende en conflicterende vraagstukken originele en positieve oplossingen te ontwikkelen. B - Actief zijn in mijn stage Domein: Multidisciplinaire Samenwerking De student anticipeert op het delen van ideeën en invalshoeken met en van anderen en integreert deze in zijn of haar eigen werk.
Edison International bedenkt en realiseert een actiematig, interactief concept voor kinderen van 6-12 jaar • Thema rondom bijv. een pretpark (Efteling, Disneyland enz…) • Distributie via een bekende retailer met landelijke dekking • Financiering door (non-) food fabrikanten/leveranciers Edison heeft Bestebroer Company gevraagd het virtuele deel van het concept te realiseren. • Ontwikkeling grafisch en interactief concept voor de actiesite • Realisatie actiesite
Tijdens de lunch heeft heeft Michiel het met me over deze opdracht gehad en ik vroeg hem of het leuk zou zijn 3D brillen te gebruiken voor het navigeren door de website. Dat vond hij erg leuk en vroeg daar ene klein onderzoek naar te doen naar de mogelijkheden en de techniek om zo’n website te maken. Uit dat onderzoek is gebleken dat er nog een 3D websites zijn maar de techniek ervan niet heel moeilijk is. Het is niet aan te raden om de hele site in 3D te maken omdat langdurig gebruik van de brillen hoofdpijn kan veroorzaken. Alleen het onderdeel van de virtuele wereld zal in 3D gemaakt worden. Tijdens de brainstorm heb ik het conceptueel denken kunnen toepassen omdat deze brainstorm met andere mensen was. De gegenereerde ideeën zijn meteen aan de klant voorgelegd die er erg blij mee was. Het concept is nog niet klaar en velen stappen moeten nog ondernomen worden.
34
Verslagen stagegesprekken Mijn stage begeleider is Fons van Kesteren, docent web-development HvA. Onze eerste gesprek was op school. Het was een algemeen gesprek over mijn stageplan. Na ongeveer drie weken hebben wij een ander gesprek gehad met mijn stagebegeleider op stage. Het doel van de gesprek was om Fons eej beoordeling te laten geven over het bedrijf, kennis met mijn stage begeleider maken en om 270˚ feedback aan te vullen en te bespreken. Het laatste punt kon niet besproken worden omdat wij geen definitieve versie van 270˚ feedback formulier in bezit hadden. De 270˚ beoordeling wordt later in dit document behandeld. Hier onder volgen een paar opvallende punten uit het gesprek: Michiel had een belangrijke opmerking over het begeleiden van IAM studenten. Hij heeft opgemerkt dat ik niet op een gebied gespecialiseerd ben en dat de bedrijven tegenwoordig meer op zoek zijn naar experts op een bepaald gebied. Ik heb nog geen duidelijk idee van op welk gebied ik mijzelf wil specialiseren. Tot nu vind ik design en programmeur leuk maar ik moet me op één gebied richten. Ik heb alleen positieve opmerking gehoord over mijn manier van werken; - goed omgaan met feedback - snel feedback kunnen uitwerken - Initiatief nemen - Creatief Er was ook een punt waarbij Michiel vond waar ik minder goed in ben. Volgens hem ben ik niet zo spontaan. Ik heb uitgelegd dat het niks te maken heeft met mijn taalbarrière maar dat dit een deel van mijn persoonlijkheid is. Tijdens mijn stage probeer ik meer op deze punten te letten.
35
Evaluatie gesprek Na stage vond er bij het bedrijf een evaluatiegesprek plaats. Het gesprek was informeel van aard. Beide begeleiders hadden het stageverslag gelezen. Ik moest de spits afbijten. Ik had mij helaas niet goed voorbereid en geen agenda opgesteld. Die agenda heb ik ter plekke in mijn hoofd aangemaakt. Het leverde geen problemen op. Ik ben begonnen met het geven van mijn eigen mening en hen gevraagd naar hun mening over het stageverslag en de inhoud ervan. Zij vonden het een gestructureerd en duidelijk verslag. Bovenal netjes. Michiel deelde mee dat hel veel mensen moeite hebben met het structureren van documenten maar dat het bij mij geen punt was. Het verslag is heel persoonlijk en open.
36
270 Graden Feedback
Fons had alleen mijn 270 graden feedback formulieren gevonden. De andere twee formulieren van Michiel en Rogier kon hij helaas niet vinden.Deze worden via post naar HVA door gestuurd. Het leverde geen problemen op want Michiel wist nog wat hij had ingeviuld en kon gewoon zijn opmerkingen uitleggen. De algemene opmerkingenbeschrijf ik hieronder. 1. Creërend en interactief denkvermogen Het was moeilijk een beoordeling te geven voor deze competentie omdat ik niet echt een kans had deze te laten zien. Allen op de laaste opdracht tijdens de brainstorm kon ik mijn interactief denken kunnen toepassen. 2. Communicatief vermogen Michiel vond dat ik tijdens stage heel goed kan communiceren. Tijdens de opdrachten heb ik mijn eigen mening duidelijk gemaakt en kan goed omgaan met feedback. 3. Omgevingsgerichtheid Michiel vond dat ik er niet veel mee bezig ben. Ik gaf als antwoord dat ik er juist wel mee bezig was maar het hem niet vertelede. Als ik nieuwe dingen weet is het leuk om andere mensen op de hoogte te houden. Je weet nooit hoe het dan kan lopen. Misschien is er commentaar op ene project of ontstaan er juist veel leuke ideeën. 4. Productie en beheer bekwaam Bij deze competentie kon ik mijn ideeën naar de eisen van de opdrachtgever uitwerken op basis van mijn vakinhoudelijke kennis en vaardigheden. 5. Multidisciplinaire samenwerking en managementvaardigheden Michiel zegt dat ik kan goed samenwerken met andere mensen maar hij kon mij niet beoordelen als over mijn managementvaardigheden omdat ik mij daar niet mee heb beziggehouden. Hij denkt echter dat ik het wel aankan. 6. Methodisch en reflectief denken en handelen Ik ben open met het leren van nieuwe dingen en ik ben erg positief. Als voorbeeld noemde hij het Noorderpark voorbeeld. Ik heb weinig materiaal gekregen. Daar heb ik nooit over geklaagd en met het beperkte materiaal kon ik toch een leuk design maken.
37
Observatie opdracht Gedurende mijn stage wil ik leren welke technische vaardigheden nodig zijn voor een goede website en hoe deze in het praktische proces verlopen om vervolgens mijn huidige vaardigheden en competenties daarbij toe te passen. Bijvoorbeeld: het gebruiken van programmeertaal voor het bouwen van websites • Gebruiken van Div’s/HTML • Gebruiken van ASP • Gebruiken van SQL • Gebruiken van Java Script • Gebruiken van CSS
Hier boven zijn mijn observatieopdrachten die ik voor mijn stage heb opgesteld. Tijdens mijn stage heb ik veel geleerd van programmeertalen, design proces van een website en van Logo Type. De ASP taal was erg leerzaam. Nu kan ik zeggen dat ik een beetje over ASP weet en dat ik met deze taal kan werken. Ik had echter verwacht dat ik over Content Management Systemen (CMS) zal leren maken. Op Solution on Silicon had ik de kans om een CMS te maken maar helaas ging het niet door omdat mijn begeleider vond dat ik meer tijd nodig zou hebben. Ik heb wel de structuur van het CMS gemaakt en ook een schema voor de database.
CMS schema
38
Database Schema
Ik denk dat als ik in een lijst zet wat ik met ASP heb geleerd dat ik kan zien wat ik al kan. Als ik een CMS wil bouwen dan hoef ik alleen maar de juiste code te leren en een combinatie maken met wat ik al weet. Zoals: Maken van verbindingen met de database Dynamische content Data in Excel tonen Ik weet zeker dat al de punten die in de opdrachten staan beschreven ik in mijn volgende project zal gebruiken.
39
Verwachtingen Mijn verwachting van de stage was dat ik door middel van de opdrachten mijn kennis op het gebied van web-development op mijn stageplek kan toepassen en vaardigheden kan toetsen en uitproberen, dat ik met ondersteunende begeleiding van een vakspecialist de opdrachten kan uitvoeren, dat ik fair en vriendelijk word behandeld en serieus word genomen.
Ik ben heel tevreden over alles dat was ik had verwacht ook daadwerkelijk op stage uitgevoerd kon worden. Ik heb mijzelf ontwikkeld als designer en met mijn kennis van programmeertalen heb ik ook geleerd om meer kritisch zijn en wat beter op de kleine details te letten. Tijdens mijn stage ik voelde ik als een echte professional waarbij mijn ideeën worden gerespecteerd, goed wordt geluisterd en mijn werk wordt gewaardeerd door andere professionals. Voor het meeste van mijn werk heb ik complimenten ontvangen van de opdrachtgevers. Zei waren heel tevreden met het resultaat waar zij om vroegen. Voor het begin van mijn stage was ik bang dat de beheersing van mijn taal een probleem zal zijn maar ik heb gemerkt dat als ik mijn werk goed doe, er meer en goed gecommuniceerd kan worden. Mijn begeleider had veel geduld met mij. Af en toe waren er een paar misverstanden maar de communicatie liep goed genoeg om samen te kunnen werken.
40
Conclusie Ik heb veel geleerd in deze 5 maanden en ik zal de kennis meenemen voor mijn volgende opdrachten. Mijn grootste doel voor deze stage was dat ik mij meer in de programmeertalen zou verdiepen en belangrijk beslissingen kan nemen op het gebied van programmeur of design. Nog steeds vind ik beide gebieden erg leuk maar ik zie dat ik meer talent heb voor design dan voor programmeur. In het design proces kon ik gemakkelijk veel ideeën brengen, af en toe te veel maar ik zie dat het makkelijker gaat dan als ik programmeer. Ik vind programmeren belangrijk om te kunnen begrijpen. Je bent dan ook niet afhankelijk van andere mensen als je een site wilt bouwen. De ervaring als programmeer zal ik verder ontwikkelen en in de praktijk gebruiken als eventueel toekomstige freelancer. Mijn ambitie en visie vind ik moeilijk te beschrijven omdat ik nog niet zeker ben over mijn toekomst hier in Nederland. Als alles goed gaat zal ik heel graag na mijn studie of eerder mij willen ontwikkelen en uiteindelijk werken als designer.