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