[WIP] Website voor bioscoop(keten) - sprint 2

Door Timons106 op dinsdag 16 oktober 2012 15:30 - Reacties (49)
Categorie: Development, Views: 4.233

Filmpje - Home

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! :)

[WIP] Website voor bioscoop(keten)

Door Timons106 op zaterdag 29 september 2012 22:30 - Reacties (26)
Categorie: Development, Views: 4.678

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
https://lh4.googleusercontent.com/-XsqgBknJNME/UGdVJ1X9q3I/AAAAAAAAAqM/E2V6hb2Kpa8/s576/1348949281610.png

Films:
https://lh5.googleusercontent.com/-zhpm0hq02bg/UGdVWPa55XI/AAAAAAAAAqU/jihgzwC1rzM/s576/1348949332925.png

Bioscopen
https://lh4.googleusercontent.com/-LXstlu3WN3g/UGdVgEkcORI/AAAAAAAAAqc/h4yYw7w67QA/s576/1348949368156.png

Acties
https://lh3.googleusercontent.com/-pHsY7cSiF68/UGdV7ZnyYJI/AAAAAAAAAqs/goBK1ukJmJ0/s576/1348949467944.png

Contact
https://lh6.googleusercontent.com/-4zi8badRHX8/UGdWCmoAkvI/AAAAAAAAAq0/Avq66VH4gwc/s576/1348949510657.png

IMAX
https://lh5.googleusercontent.com/-sBqzRgU3BDA/UGdVwQxAMSI/AAAAAAAAAqk/GovN3FwGA_8/s576/1348949433450.png

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.

De beste tools voor Windows

Door Timons106 op donderdag 3 mei 2012 15:35 - Reacties (47)
CategorieŽn: Development, Software, Video, Views: 7.095

Aangezien er veel vraag is naar een lijst met de beste tools voor Windows door familie en vrienden heb ik besloten een lijst samen te stellen met de beste tools voor Windows opgedeeld in verschillende categorieŽn.

ANTI-VIRUS & ANTI-MALWARE
Microsoft Security Essentials - Security Essentials is een gratis anti-virus programma van Microsoft.
Download: http://windows.microsoft.com/nl-NL/windows/products/security-essentials

Malwarebytes - Malwarebytes is een zeer eenvoudig, licht en snel programma om malware en virussen te verwijderen.
Download: http://www.malwarebytes.org/products/malwarebytes_free

AUDIO & VIDEO
iTunes - iTunes is een van de beste muziek beheer programma's. iTunes is snel, veilig, en de prijzen van muziek en films liggen erg laag en de kwaliteit is erg hoog.
Een van de beste punten van iTunes is dat het programma nooit crasht.
JK :+.

Foobar 2000 - Foobar 2000 is een geavanceerde muziek speler met ondersteuning voor veel formaten.
Download: http://www.foobar2000.org/download

VLC media player - VLC is een zeer licht programma om films te bekijken en muziek te luisteren. VLC bied ondersteuning voor veel formaten.
Download: http://www.videolan.org/vlc/

Media Player Classic - Home Cinema - Media Player Classic is een licht programma met ondersteuning voor veel verschillende video en audio formaten.
Download: http://mpc-hc.sourceforge.net/

Double Feature - met Double Feature kan je eenvoudig al je films beheren.
Download: http://doublefeature.codeplex.com/

Miro Video Converter - met Miro Video Converter kan je eenvoudig elk video formaat omzetten in een geschikt formaat voor je telefoon, iPod, of ander apparaat.
Download: http://www.mirovideoconverter.com/

Spotify - met Spotify kan je gratis muziek streamen, met het gratis abonnement is er wel een tijdslimiet per maand en krijgt je ook reclame tussendoor, maar vanaf §5,- per maand kan je onbeperkt muziek luisteren zonder reclame.
Download: http://www.spotify.com/nl/get-spotify/overview/

TVersity - als je eenvoudig foto, video en muziek wilt streamen naar je Xbox, TV of ander media apparaat, dan is TVersity een zeer handig programma.
Download: http://tversity.com/download/

BESTANDSBEHEER
Q-Dir - Q-Dir is een zeer klein programma die als Windows Verkenner vervanger kan dienen. Het grote verschil tussen de standaard Verkenner en Q-Dir is dat je met Q-Dir vier mappen tegelijk open kan hebben in een scherm waardoor je gemakkelijk bestanden kan verplaatsen.
Download: http://www.softwareok.com/?seite=freeware/q-dir

Total Commander - Total Commander is net als Q-Dir een alternatief voor de standaard Windows Verkenner. Total Commander is een van de meest gebruikte, zo niet het meest gebruikte alternatief voor Windows Verkenner.
Download: http://www.ghisler.com/download.htm

7-Zip - 7-Zip is een gratis en open-source archiveringsprogramma.
Download: http://www.7-zip.org/download.html

SkyDrive - SkyDrive is een cloud opslag dienst van Microsoft, SkyDrive bied 7GB gratis opslag (voor een nog onbepaalde tijd kan je gratis upgraden naar 25GB). Sinds kort heeft SkyDrive ook een desktop applicatie, dus als je gebruik maakt van SkyDrive is dit echt een aanrader.
Download: https://apps.live.com/skydrive/app/9a65e47d-606a-4816-a246-90f54bf7a3ea

Recuva - bent u een bestand kwijt op uw computer? Geen paniek, met Recuva heeft u een grote kans dat u het bestand nog terug kan vinden.
Download: http://www.piriform.com/recuva

COMPUTER OPSCHONEN
CCleaner - Piriform is heer en meester in het gebied van het opschonen van een computer, CCleaner is daar een voorbeeld van, met CCleaner kunt u gemakkelijk cookies van al uw webbrowsers verwijderen, het register opschonen en nog veel meer.
Download: http://www.piriform.com/ccleaner

Defraggler - met Defraggler kunt u snel uw harde schijven defragmenteren.
Download: http://www.piriform.com/defraggler

DEVELOPMENT
Notepad++ – Notepad++ is een zeer handige tool voor developers, met Notepad++ kan je veel verschillende bestanden bewerken waaronder: HTML, PHP, Java, en nog veel meer.
Download: http://notepad-plus-plus.org/

Microsoft Visual Studio – met Microsoft Visual Studio kan je programma’s, games en apps maken voor alle Microsoft platformen waaronder Windows en Windows Phone.
Als student of CJP-pas houder kan je gratis de volledige versie van Microsoft Visual Studio downloaden, voor meer informatie kan je een eerder blog bericht lezen: http://timonvanspronsen.nl/2012/04/15/gratis-dreamspark-lidmaatschap-voor-scholieren-en-studenten/.

PureText - met PureText kan je tekst kopiŽren zonder de opmaak te behouden.
Download: http://www.stevemiller.net/puretext/

FOTOBEWERKING & BEHEER
Google Picasa - met Picasa kunt u gemakkelijk al uw foto’s beheren en bewerken.
Download: http://picasa.google.com/intl/nl/

FastStone Photo Resizer - wilt u even snel een foto verkleinen en een watermerk aan uw foto toevoegen? Dan is Photo Resizer van FastStone een echte aanrader, het programma is gratis en bied veel opties.
Download: http://www.faststone.org/FSResizerDetail.htm

Paint.net - Paint.net is een zeer uitgebreid fotobewerking programma, een vervanger voor Photoshop is het niet, maar met de vele plug-ins kan je wel bijna hetzelfde resultaat bereiken.
Download: http://www.getpaint.net/

Inkscape - Inkscape is een freeware programma om vector afbeeldingen mee te maken.
Download: http://inkscape.org/download/?lang=en

INTERNET
Google Chrome - Google Chrome is een zeer snelle browser met ondersteuning voor HTML 5 en CSS 3, een van de voordelen van Chrome is de vele updates waardoor de browser altijd up-to-date is met de nieuwste technieken.
Download: https://www.google.com/chrome?hl=nl

Filezilla – Filezilla is een gratis en open-source FTP client en server.
Download: http://filezilla-project.org/

ĶTorrent - ĶTorrent is een zeer licht programma om torrent bestanden mee binnen te halen.
Download: http://www.utorrent.com/intl/nl/

Instant Messaging & E-mail
Skype - Skype is een IM client voor veel verschillende platformen waaronder Windows, Mac OSX, Linux en verschillende mobiele platformen.
Download: http://www.skype.com/intl/nl/get-skype/

Windows Live Messenger - Windows Live Messenger is een van de meest gebruikte IM clients.
Download: http://windows.microsoft.com/nl-NL/messenger/home

Pidgin - met Pidgin kan je veel verschillende IM diensten, waaronder Live Messenger en Google Talk, in een programma beheren.
Download: http://www.pidgin.im/download/

Windows Live Mail - als je gebruik maakt van Windows Live Mail, dan is de Windows Live Mail client waarschijnlijk de beste keuze.
Download: http://windows.microsoft.com/nl-NL/windows-live/essentials-other-programs

Thunderbird - Thunderbird is een open-source E-mail client van Mozilla, Thunderbird is licht en snel.
Download: http://www.mozilla.org/nl/thunderbird/

KANTOOR PAKKETTEN
Microsoft Office - Microsoft Office is een zeer uitgebreid pakket om tekst documenten, spreadsheets en presentaties mee te maken.
Download: http://office.microsoft.com/nl-nl/buy?WT.mc_id=ODC_nlNL_Office_Buy

Libre Office - Libre Office is een gratis en open-source alternatief voor Microsoft Office, het werkt prettig en snel, maar het mist wel een aantal functionaliteiten die Microsoft Office wel bied.
Download: http://nl.libreoffice.org/

OVERIGE TOOLS
DeskTask - DeskTask geeft al je agenda-items en taken uit Microsoft Outlook weer op het bureaublad.
Download: http://www.carthagosoft.net/DeskTask.php

Speccy - met Speccy kan je snel zien hoeveel RAM-geheugen er in je computer zit, wat voor processor er in zit, en nog veel meer.
Download: http://www.piriform.com/speccy

Sysinternals Suite - Dit pakket is een verzameling handige tools waarmee systemen kunnen worden beheerd en waarmee uitgebreide informatie over de computer kan worden ingewonnen. Zo kunnen allerlei problemen worden opgespoord en verholpen.
Download: http://technet.microsoft.com/en-us/sysinternals/bb842062

Don’t Sleep – als je niet wilt dat Windows uit zichzelf afsluit, of als je een programma in wilt stellen wanneer de computer automatisch af moet sluiten, dan bied Don’t Sleep uitkomst.
Download: http://www.softwareok.com/?seite=Microsoft/DontSleep

Mis je nog iets in de lijst? Laat dan graag een reactie achter zodat ik het toe kan voegen.

Gratis Dreamspark lidmaatschap voor scholieren, studenten en CJP-Pas houders

Door Timons106 op maandag 16 april 2012 12:19 - Reacties (16)
Categorie: Development, Views: 6.155

Ben jij een student of scholier? Of ben je in het bezit van een CJP-pas?
Dan kan je een gratis Dreamspark lidmaatschap aanvragen!

Met een Dreamspark lidmaatschap krijg je gratis een legale licentie voor allerlei Microsoft software zoals Visual Studio en Windows Server, ook krijg je gratis toegang tot App Hub, hiermee kan je applicaties en games publiceren voor Windows Phone en Xbox Live!

Om je aan te melden ga je naar http://www.dreamspark.com/ en klik je op “Create an account”, dan vul je de benodigde informatie in en kijk je of jouw school er tussen staat.

Staat jouw school er niet tussen? Geen zorgen, met een CJP-Pas, of een andere pas waar het ISIC logo op staat, kan je ook bevestigen dat je een scholier of student bent, het enige wat je hoeft te doen is bij “I have an ISIC Card” je CJP NR in te vullen, als je in bezit bent van een andere pas waar het ISIC logo op staat moet je gewoon de getallen invullen die na de S komen.

Nadat je aangemeld bent kan je Visual Studio, Windows Server etc. downloaden, ook kan je nu je App Hub lidmaatschap aanvragen door op “Windows Phone and App Hub” te klikken.
Nu kan je een Live ID aan je Dreamspark account koppelen, wees er wel van bewust dat je 18 jaar of ouder moet zijn om je te registreren voor App Hub, de leeftijd van je Live ID kan je aanpassen op: http://www.account.live.com/.

Als je bij het aanmelden van je App Hub account nog steeds problemen ondervind kan je proberen om je betalingsopties op de Xbox website aan te passen, dit doe je door naar http://www.xbox.com/ te gaan en daar in te loggen met het Live ID dat je gekoppeld hebt aan je Dreamspark account en dan bij “Mijn account” naar “Betalingsopties beheren” te gaan en daar alle gegevens in te vullen.

Het voordeel van een App Hub account is dat je je Windows Phone toestel kan unlocken waardoor je homebrew apps kan draaien op je Windows Phone.
Let wel dat je maximaal drie homebrew applicaties op je Windows Phone kan hebben met een studenten account, met een betaald account (§75,- per jaar) kan je maximaal tien homebrew applicaties op je Windows Phone hebben.

Om gemakkelijk XAP bestanden te versturen naar je Windows Phone kan je Tom's XAP installer downloaden door hier te klikken, of XAPDeployX door hier te klikken.

Als je nog vragen hebt, of als je er niet uit komt kan je een reactie achter laten.