OZEKA WEBSITE TO

72
Jochen De Scheerder & Jaron Viaene Opdrachtgever: Ann Van Landuyt - Zwemclub Ozeka Oudenaarde Projectbegeleiders: Van Landuyt Ann Bauwens Natacha De Schutter Michaël

description

Opdrachtgever: Ann Van Landuyt - Zwemclub Ozeka Oudenaarde Jochen De Scheerder & Jaron Viaene

Transcript of OZEKA WEBSITE TO

Page 1: OZEKA WEBSITE TO

Jochen De Scheerder & Jaron Viaene Opdrachtgever: Ann Van Landuyt - Zwemclub Ozeka Oudenaarde Projectbegeleiders: Van Landuyt Ann Bauwens Natacha De Schutter Michaël

Page 2: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 2

Voorwoord Wij zijn Jochen De Scheerder en Jaron Viaene, we zijn twee studenten van het Koninklijk Atheneum te Oudenaarde. We zitten momenteel in het laatste jaar Informaticabeheer en hebben dit project tot een werkend einde gebracht. Dit document is gemaakt in opdracht van Ann Van Landuyt betreffende het hernieuwen en verbeteren van de website www.ozeka.be. Met dank aan:

o Ann Van Landuyt

o Milan Tocan

o Niels Desmet

Jochen De Scheerder, Jaron Viaene Mei 2010

Page 3: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 3

Inhoud Voorwoord .........................................................................................................................................2

ERD .....................................................................................................................................................5

DATA DICTIONARY ..............................................................................................................................7

VOORBEELDEN INHOUD TABELLEN ................................................................................................... 26

SCHERMAFDRUKKEN WEBGEBRUIKER .............................................................................................. 37

Nieuwsberichten ( Home ) & Activiteiten .................................................................................. 38

Voorwoord, Trainingen & Lid worden ........................................................................................ 39

Bestuur ..................................................................................................................................... 40

Contact ..................................................................................................................................... 41

Zwemschool Zwemmers & Competitie Zwemmers .................................................................... 42

Zwemschool trainers & Competitie trainers .............................................................................. 43

Fotos & Fotoalbums .................................................................................................................. 44

Kranten ..................................................................................................................................... 45

Links.......................................................................................................................................... 46

Sponsors ................................................................................................................................... 47

SCHERMAFDRUKKEN WEBGEBRUIKER .............................................................................................. 48

Ledenbeheer ............................................................................................................................. 49

Ledenbeheer - Toevoegen ......................................................................................................... 52

Ledenbeheer - Wijzigen ............................................................................................................. 53

Ledenbeheer - Verwijderen ....................................................................................................... 54

Nieuwsberichten & Activiteiten ................................................................................................. 55

Nieuwsberichten & Activiteiten - Toevoegen ............................................................................. 56

Nieuwsberichten & Activiteiten - Wijzigen................................................................................. 57

Nieuwsberichten & Activiteiten - Verwijderen ........................................................................... 58

Voorwoord, Trainingen, & Lid worden ....................................................................................... 59

Sponsors - Wijzigen ................................................................................................................... 60

Sponsors ................................................................................................................................... 61

Sponsors- Verwijderen .............................................................................................................. 62

Fotos ......................................................................................................................................... 63

Fotos - Verwijderen ................................................................................................................... 64

Fotos - Verwijderen ................................................................................................................... 65

Bestuursfuncties, Groep, Graad, Categorie, Functie .................................................................. 67

Bestuursfuncties, Groep, Graad, Categorie, Functie - Toevoegen .............................................. 68

Page 4: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 4

Bestuursfuncties, Groep, Graad, Categorie, Functie - Wijzigen .................................................. 69

Bestuursfuncties, Groep, Graad, Categorie, Functie - Verwijderen ............................................ 70

Backup ...................................................................................................................................... 71

Page 5: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 5

ERD

Page 6: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

6

Page 7: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

7

DATA

DICTIONARY

Page 8: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

8

Activiteiten

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere

eigenschappen

Voorbeeld

Nr Uniek nummer voor

elke activiteit

Autonummering Numeriek Primaire sleutel

Autonumeriek

Datum Datum van de activiteit Datum/tijd 1992-01-12

Titel Titel van de activiteit Tekst 70 Ozeka behaalt goud

Tekst Info over de activiteit Memo Heel veel tekst

Link Link Hyperlink 60 www.ozeka.be

Foto Foto ivm de activiteit OLE-object

Naam Naam van de foto Tekst

Size Grootte van de foto in

KB

Tekst

Type Type van de foto Tekst JPEG / BMP

Page 9: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 9

Bestuursfuncties

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere

eigenschappen

Voorbeeld

ID Uniek nummer voor

elke tekst

Numeriek Primaire sleutel

Autonumeriek

Bestuursfunctie De bestuursfuncties

waaruit je moet

kunnen kiezen in Leden

Tekst 30 Zie tabel Leden

Page 10: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 10

Categorie

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere

eigenschappen

Voorbeeld

Cat_ID Uniek nummer voor

elke categorie

Numeriek Primaire sleutel

Autonumeriek

Categorie De categorieën waaruit

je moet kunnen kiezen

in Leden

Tekst 30 Eendje

Benjamin

Miniem

Fotoalbum

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere eigenschappen

Voorbeeld

AlbumID Uniek nummer voor

elk Fotoalbum

Autonummering Numeriek Primaire sleutel

Autonumeriek

Titel Titel van het album Tekst 70 Wedstrijd februari

Datum Datum waarop het

album

Datum/tijd 12-01-2010

Page 11: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 11

Fotos

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere eigenschappen

Voorbeeld

Nr Uniek nummer voor

elke foto

Autonummering Numeriek Primaire sleutel

Autonumeriek

Foto De foto zelf OLE-Object

AlbumID Numeriek Verwijssleutel naar

'albumid' in tabel

fotoalbum

1

Naam Naam van de foto Tekst

Size Grootte van de foto in

KB

Tekst

Type Type van de foto Tekst JPEG / BMP

Page 12: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 12

Functie

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere

eigenschappen

Voorbeeld

ID Uniek nummer voor

elke functie

Numeriek Primaire sleutel

Autonumeriek

Bestuursfunctie De functies waaruit je

moet kunnen kiezen in

Leden

Tekst 30 Zwemmer

Bestuurslid

Graad

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere

eigenschappen

Voorbeeld

ID Uniek nummer voor

elke graad

Numeriek Primaire sleutel

Autonumeriek

Graad De graden waaruit je

moet kunnen kiezen in

Leden

Tekst 30 A

B

C

Page 13: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 13

Groep

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere eigenschappen

Voorbeeld

Groep_ID Uniek nummer voor

elke groep

Numeriek Primaire sleutel

Autonumeriek

Groep De groepen waaruit je

moet kunnen kiezen in

Leden

Tekst 30 Groep1

Groep2

Groep3

Niveau Keuze tussen

competitie of

zwemschool

Tekst 20 Competitie

Zwemschool

Mutsfoto Foto van de mutsjes OLE-Object

Naam Naam van de foto Tekst

Size Grootte van de foto in

KB

Tekst

Type Type van de foto Tekst JPEG / BMP

Groepsfoto Groepsfoto van de

verschillende mutsjes

OLE-Object

Grnaam Naam van de

groepsfoto

Tekst

Page 14: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 14

Grsize Size van de groepsfoto Tekst

Grtype Type van de

groepsfoto

Items

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere eigenschappen

Voorbeeld

ItemID Uniek nummer voor

elk nieuw item

Autonummering Primaire sleutel

Autonumeriek

Naam Naam van het item Tekst 20 BKJ

Volgnummer Op welke plaats komt

het nieuwe item?

Tekst 1

Page 15: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 15

Kranten

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere eigenschappen

Voorbeeld

Nr Uniek nummer voor

elk krantenknipsel

Autonummering Primaire sleutel

Autonumeriek

Titel Titel van het artikel Tekst 70 OZEKA 3de

Datum Datum waarop het

artikel geplaatst is

Datum/tijd 25-04-2009

Knipsel Ingescand

krantenartikel

OLE-Object

Naam Naam van de foto Tekst

Size Grootte van de foto in

KB

Tekst

Type Type van de foto Tekst JPEG / BMP

Page 16: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 16

Leden

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere eigenschappen

Voorbeeld

Licnr Uniek nummer voor

elk lid

Autonummering Numeriek Primairesleutel

Naam Familienaam van het

lid

Tekst 40 Index met duplicaten

Voornaam Voornaam van het

lid

Tekst 20 Index met duplicaten

Geslacht Geslacht van het lid Tekst 1 M / V

Functie Functie van het lid Numeriek Integer Verwijssleutel naar Functie

in tabel functies

Zwemschool zwemmer

Competitie zwemmer

Recreant

Bestuursfunctie Functie van de

bestuuders

Numeriek Integer Verwijssleutel naar

Bestuursfunctie in tabel

bestuursfuncties

Voorzitter

Ondervoorzitter

Secretaris

Sportsecretaris

Penningmeester

Webmaster

Feestcomité

Bestuurslid

Graad Klasse van het lid Numeriek Integer Verwijssleutel

naar graad in tabel graden

A

B

C

Page 17: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 17

Jonge haai

Categorie Categorie waarin het

lid zwemt

Numeriek Integer Verwijssleutel naar

categorie in tabel

categorieen

Eendje

Benjamin

Miniem

Kadet

Junior

Senior

Recreant

Groep De groep waarin het

lid zwemt

Numeriek Integer Verwijssleutel

naar groep in tabel groepen

Oranje

Groen

Roze

Blauw

Rood

Specialiteit De zwemspecialiteit

van het lid

Tekst 20 Rugslag

Schoolslag

Telefoon Telefoonnr van het

lid

Tekst 9 055330022

Email Email adres van het

lid

Tekst 40 [email protected]

Geboortedatum Geboortedatum van

het lid

Datum/tijd 12-01-1992

Foto Foto van het lid OLE-object

Fnaam Naam van de foto Tekst

Size Grootte van de foto Tekst

Page 18: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 18

in KB

Type Type van de foto Tekst JPEG / BMP

Adres Adres van het lid Tekst

Woonplaats Woonplaats van het

lid

Tekst 50 R.depreesterstraat 61

9700 Oudenaarde

GSM GSM Nummer van

het lid

Tekst 20

Lidworden

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere eigenschappen

Voorbeeld

Lidw_ID Uniek nummer voor

het lidworden

Autonummering Primaire sleutel

Autonumeriek

Tekst De tekst van

Lidworden

Memo Wilt u lid worden?Klik hier

Page 19: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 19

Links

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere eigenschappen

Voorbeeld

Nr Uniek nummer voor

elke link

Autonummering Numeriek Primaire sleutel

Autonumeriek

Link Link naar externe

website

Hyperlink www.google.be

Omschrijving Tekst: Waar gaat de

site naartoe?

Tekst 60 Online vertaler

Page 20: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 20

Login

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere eigenschappen

Voorbeeld

Licnr Uniek nummer voor

elk lid

Numeriek Primaire sleutel

Autonumeriek

Ozeka/365/92

Gebruikersnaam Gebruikersnaam Tekst 20 AVL

Paswoord Een paswoord voor

elke gebruiker

IsAdmin Admin of niet Int 1 0

1

SessieID Het sessieID waar je

mee werkt

Tekst

Lease Lease verlooptijd Int

Page 21: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 21

Nieuwsberichten

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere eigenschappen

Voorbeeld

Nr Uniek nummer voor

elk nieuwsbericht

Autonummering Numeriek Primaire sleutel

Autonumeriek

Datum De datum waarop

het bericht geplaatst

werd

Datum/tijd 12-06-2010

Titel De titel van het

nieuwsbericht

Tekst 50 Ozeka wint goud

Tekst Het nieuwsbericht

zelf

Memo

Link Link naar het

originele artikel

Hyperlink 50 www.ozeka.be

Foto Foto OLE-object

Naam Naam van de foto Tekst

Size Grootte van de foto

in KB

Tekst

Type Type van de foto Tekst JPEG / BMP

Page 22: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 22

Sponsors

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere eigenschappen

Voorbeeld

Nr Uniek nummer voor

elke sponsor

Numeriek Numeriek Primaire sleutel

Autonumeriek

Naam Naam van de sponsor Tekst 30 ARC

Foto Foto van de sponsor OLE-object

Volgorde Gerangschikt volgens

gesponsord bedrag

Tekst 2 1/2/3/4/5

Hoofd Al dan niet

hoofdsponsor?

Ja/nee 1 Ja

Nee

Link Link van de sponsor Hyperlink 50 www.arc.be

Fnaam Naam van de foto Tekst

Size Grootte van de foto

in KB

Tekst

Type Type van de foto Tekst JPEG / BMP

Page 23: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 23

Subitems

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere eigenschappen

Voorbeeld

Nr Uniek nummer voor

elk subitem

Numeriek Primaire sleutel

Autonumeriek

Naam Naam van het

subitem

Tekst 40 Informatie

ItemID Numeriek Verwijssleutel naar ItemID

in tabel Nieuwe items

1

Tekst Hetgeen dat zal

worden gelezen

wanneer je op het

subitem klikt

Memo Stage Maart

Page 24: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 24

Trainingen

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere eigenschappen

Voorbeeld

ID Uniek nummer voor

elk tekstje

Numeriek Primaire sleutel

Autonumeriek

Tekst De tekst zelf voor

Competitie

Memo Op tijd komen trainen!

Trainingenzs

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere eigenschappen

Voorbeeld

ID Uniek nummer voor

elk tekstje

Numeriek Primaire sleutel

Autonumeriek

Tekst De tekst zelf voor

Zwemschool

Memo Goed jullie best doen!

Page 25: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 25

Voorwoord

Veldnaam Omschrijving Veldtype Veldlengte Bijzondere eigenschappen

Voorbeeld

ID Uniek nummer voor

elk tekstje

Numeriek Primaire sleutel

Autonumeriek

Tekst De tekst zelf Memo Welkom!

Page 26: OZEKA WEBSITE TO

26

VOORBEELDEN

INHOUD

TABELLEN

Page 27: OZEKA WEBSITE TO

27

Activiteiten:

Fotoalbum:

Page 28: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 28

Fotos:

Page 29: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 29

Groep:

Items:

Page 30: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 30

Subitems:

Kranten:

Page 31: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 31

Leden:

Lidworden:

Opmerking: De vreemde tekens zoals &lt en strong komen voort van de teksteditor, dit zijn de html-tags

meegegeven met de tekst, bijvoorbeeld in het vet zetten, in een kleurtje zetten...

Deze tags worden op de website ontleed en getoond

Page 32: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 32

Links:

Login:

Page 33: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 33

Nieuwsberichten:

Page 34: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 34

Sponsors:

Trainingen:

Trainingenzs: Zelfde als trainingen en Lidworden

Voorwoord: Zelfde als Trainingen en Lidworden

Page 35: OZEKA WEBSITE TO

35

Bestuursfuncties:

Graad:

Page 36: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 36

Categorie:

Functie:

Page 37: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 37

SCHERMAFDRUKKEN

WEBGEBRUIKER

Page 38: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 38

Nieuwsberichten ( Home ) & Activiteiten

Beschrijving

o De gegevens komen uit de database doormiddel van een aangepaste SQL string en worden opgemaakt.

Bestanden/naam procedure

o Nieuwsberichten.php & Activiteiten.php

o Mysql.php: function opvragennieuws & opvragenact

Specifieke code

o $sqlstring ="select Nr, datum, Titel, Tekst, Link from Nieuwsberichten ORDER BY datum DESC";

Toont hier dus de inhoud van de velden NR, datum, Titel, Tekst en Link en worden gesorteerd met de recenste datum eerst.

Page 39: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 39

Voorwoord, Trainingen & Lid worden

We leggen enkel de procedure uit van voorwoord omdat trainingen en lid worden van hetzelfde principe zijn.

Beschrijving

o De gebruiker kan hier alle gegevens omtrent het voorwoord raadplegen. Deze gegevens werden door de administrator ingevoerd (zie deel: webadmin)

o Zo ook: trainingen en lid worden

Bestanden/ naam procedure

o Voorwoord.php, Zwtrainingen.php, Cotrainingen.php & Lidw.php

o Mysql.php: function opvragenvoor, opvragenzwtrainers, opvragentrain & opvragenlidw

Specifieke code

o $sqlString="select Tekst from Voorwoord ";

Toont hier dus de inhoud van het veld ‘Tekst’ uit de tabel ‘voorwoord’.

o Zo ook: trainingen en lid worden

Page 40: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 40

Bestuur

Beschrijving

o De gebruiker kan hier alle gegevens omtrent de bestuursleden raadplegen. Deze gegevens werden door de administrator ingevoerd (zie deel: webadmin)

Bestanden/ naam procedure

o Bestuur.php

o Mysql.php: function opvragenbestuur

Specifieke code

o $sql="select Licnr, Leden.Naam, Voornaam, Bestuursfuncties.Bestuursfunctie, Email, Telefoon, foto from Leden, Functie, Bestuursfuncties where Leden.Functie=Functie.Functie_ID and Functie.Functie='Bestuurslid' and Leden.Bestuursfunctie=Bestuursfuncties.ID";

Toont de gegevens Naam, Voornaam... en enkele gegevens uit de tabel functie en bestuursfuncties waarbij tussen deze 3 tabellen een relatie gelegd werd via de velden Functie en Functie_ID, Bestuursfunctie en ID. De bestuursleden worden getoond adhv de functie : Functie.Functie='Bestuurslid'

Page 41: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 41

Contact

Beschrijving

o De bezoeker vult een contactformulier in met eventuele vragen of opmerkingen over de

zwemclub. Als er op “Verstuur” geklikt wordt komen deze gegevens terecht in de mailbox

van de beheerder van de zwemclub.

Bestanden/ naam procedure

o Contact.php

Page 42: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 42

Zwemschool Zwemmers & Competitie Zwemmers

Beschrijving

o De bezoeker ziet hier alle leden van de zwemschool en competitie. Hij heeft de mogelijkheid

om op een gekleurde muts te klikken waardoor hij de leden ziet van de aangeduide muts.

Bestanden/ naam procedure

o Zwzwemmers.php, Cozwemmers.php

o Mysql.php: opvragengroepen, opvragenzwzwemmers, opvragengroepen2,

opvragencozwemmers

Specifieke code

o $sqlString1= select Groep_ID, mutsfoto, Groepsfoto from Groep where Niveau='Zwemschool'

Toont de mutsjes van de zwemschool

o $sqlString2="select Licnr, Leden.Naam, Voornaam, Groep.Groep, Graad.Graad, Foto from

Leden, Functie, Groep, Graad where Groep.Groep_ID=Leden.Groep and

Graad.Graad_ID=Leden.Graad and Functie.Functie_ID=Leden.Functie and Functie.Functie =

'Zwemschool' and Leden.Groep='$kleur' order by Groep ASC";

Toont de gegevens van de zwemmers en er werd een relatie gelegd tussen Leden - Groep,

Leden – Graad en Leden – Functie. De zwemmers van de zwemschool worden gekozen door

Functie.Functie = 'Zwemschool', dan toont hij enkel de zwemmers met het aangeklikte kleur

en sorteert ze.

Page 43: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 43

Zwemschool trainers & Competitie trainers

Beschrijving

o Hier ziet de bezoeker alle trainers ( zwemschool en competitie ) van Ozeka.

Bestanden/ naam procedure

o Zwtrainers.php & Cotrainers.php

o Mysql.php: opvragentrain & opvragencotrainers

Specifieke code

o $sqlString=select Licnr, Leden.Naam, Voornaam, Telefoon, GSM, foto from Leden, Functie

where Leden.Functie=Functie.Functie_ID and Functie.Functie ='Hoofdtrainer Zwemschool' ;

Toont de gegevens Naam, Voornaam... waarbij een relatie werd gelegd tussen Functie –

Functie_ID en word gesorteerd op Zwemschool of Competitie.

Page 44: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 44

Fotos & Fotoalbums

Beschrijving

o Hier zien de bezoekers alle fotoalbums en als je op een album klikt krijg je de foto’s

tezien die in het album zitten.

Bestanden/ naam procedure

o Fotos.php & alb1.php ( Dezelfde php file wordt steeds opgeroepen, maar er komen

altijd andere foto’s in )

o Mysql.php: opvragenfotos

Specifieke code

o $sqlString=select AlbumID,Titel, Datum from Fotoalbum

Page 45: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 45

Kranten

Beschrijving

o De bezoeker ziet hier alle krantenknipsels en kan met de pijltjes naar volgend of vorig

navigeren.

Bestanden/ naam procedure

o Kranten.php

o Mysql.php: opvragenkranten

Specifieke code

o $sqlString="select Nr, Datum, Titel,Knipsel from Kranten Where Nr = ".$fotonr;

Fotonr is een variabele die telkens verhoogt / verlaagd als je op de pijltjes duwt

o $fotonr = $_GET['fotonr'];

if(!isset($_GET['fotonr'])){

$fotonr = 1; }

Als er nog geen fotonr bestaat neemt hij automatisch het eerste record

Page 46: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 46

Links

Beschrijving

o Hier zien de bezoekers alle links die tot meer informatie kunnen dienen.

Bestanden/ naam procedure

o Links.php

o Mysql.php: opvragenlinks

Specifieke code

o $sqlString=select Omschrijving, Link from Links

Page 47: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 47

Sponsors

Beschrijving

o Hier ziet de bezoeker alle sponsors van Ozeka.

Bestanden/ naam procedure

o Sponsors.php

o Mysql.php: opvragensponsors

Specifieke code

o $sqlString=select Nr, Naam,Foto Link from Sponsors order by Volgorde

Page 48: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 48

SCHERMAFDRUKKEN

WEBGEBRUIKER

Page 49: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 49

Login

Beschrijving

o Tekstvak voor het invoernen van gebruikersnaam en wachtwoord

o Knop “Login”

Bestanden/ naam procedure

o Include/login.php

o Include/logincheck.php

Page 50: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 50

Ledenbeheer

Beschrijving

o Bovenaan: keuzelijstjes om leden te zoeken op functie, groep, of categorie

o Daaronder: zoekveld om te zoeken op naam of voornaam

o Helemaal onderaan: Tabel met enkele leden in

Bestanden/ naam procedure

o Leden.php

o Mysql.php:functie opvragen

Specifieke code

$sqlstring ="select Licnr, Leden.Naam, Leden.Voornaam, Telefoon, Email,

Geboortedatum from Leden Where (Leden.Naam like '%".$zoekstring."%' or

Voornaam like '%".$zoekstring."%')";

Toont het Lincr, Naam, Voornaam, Telefoon, Email, Geboortedatum van de leden en

als er een zoekopdracht is ingevuld toont hij enkel de leden waarvan de naam

voldoet aan de zoekstring

Page 51: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 51

Ledenbeheer

Beschrijving

o Bovenaan: keuzelijstjes om leden te zoeken op functie, groep, of graad

o Daaronder: zoekveld om te zoeken op naam of voornaam

o Helemaal onderaan: Tabel met enkele leden in

Bestanden/ naam procedure

o Leden.php

o Mysql.php:functie opvragen

Specifieke code

$sqlstring ="select Licnr, Leden.Naam, Leden.Voornaam, Telefoon, Email,

Geboortedatum from Leden Where (Leden.Naam like '%".$zoekstring."%' or

Voornaam like '%".$zoekstring."%')";

Toont het Lincr, Naam, Voornaam, Telefoon, Email, Geboortedatum van de leden en

als er een zoekopdracht is ingevuld toont hij enkel de leden waarvan de naam

voldoet aan de zoekstring

Page 52: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 52

Ledenbeheer - Toevoegen

Beschrijving

o Hier kan je een lid toevoegen

o Vul de gegevens in en klik opslaan

o Als je op “opslaan” duwt gebeurt een insert in de tabel Leden

Bestanden/ naam procedure

o Leden.php

o Mysql.php:functie opvragen

Specifieke code

$sql="INSERT INTO Leden (Licnr, Naam, Voornaam, Geslacht, Functie, Bestuursfunctie, Graad,

Categorie, Groep, Specialiteit, Telefoon, Email,Geboortedatum, Adres, Woonplaats, GSM) ". "VALUES

('$Licnr','$naam','$voornaam','$geslacht','$functie','$bfunctie',

'$graad','$cat','$groep','$spec','$tel','$email','$geboortedatum', '$adres', '$woonpl', '$gsm')";

Een gewone insert instructie

Opmerking: Indien er een foto geselecteerd is worden ook nog de filename, filsize, filetype, en de foto

zelf in de database opgeslagen

Page 53: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 53

Ledenbeheer - Wijzigen

Beschrijving

o Hier kan je een lid wijzigen

o Velden reeds ingevuld

o Als je op “opslaan” duwt gebeurt een update van de tabel Leden

Bestanden/ naam procedure

o Leden.php

o Mysql.php:functie uitvoerensql

Specifieke code

$sql="Update Leden SET Licnr='$Licnr', Naam='$naam', Voornaam='$voornaam',

Geslacht='$geslacht', Functie='$functie', Bestuursfunctie='$bfunctie', Graad='$graad',

Categorie='$cat', Groep='$groep', Specialiteit='$spec', Telefoon='$tel',

Email='$email',Geboortedatum='$geboortedatum', Adres='$adres', Woonplaats ='$woonpl',

GSM='$gsm' Where Licnr='$wijzigId'";

Een gewone insert instructie

Opmerking: Indien er een foto geselecteerd is worden ook nog de filename, filsize, filetype, en de foto

zelf in de database gewijzigd

Page 54: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 54

Ledenbeheer - Verwijderen

Beschrijving

o Hier kan je een lid verwijderen

o Je krijgt alle velden van dat lid te zien

o Als je op “Ja” duwt wordt het record in de database definitief verwijderd, anders

annuleer je

Bestanden/ naam procedure

o Leden.php

o Mysql.php:functie uitvoerensql

Specifieke code

$sql="DELETE FROM Leden WHERE Licnr = '$verwijderId'";

Opmerking: Als je een lid verwijderd word ook het record van dat lid verwijderd in de tabel Login

Page 55: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 55

Nieuwsberichten & Activiteiten

Beschrijving

o Tabel met alle nieuwsberichten

o Daaronder knop “Toevoegen”

Bestanden/ naam procedure

o Nieuwsberichten.php

o Mysql.php:functie opvragennieuw

Specifieke code

$sqlstring ="select Nr, datum, Titel, Tekst, Link from Nieuwsberichten ORDER BY datum DESC

Toont van alle nieuwsberichten het nummer, de datum, titel, tekst en link.

Dit geordend volgens datum (recentste komt bovenaan)

Page 56: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 56

Nieuwsberichten & Activiteiten - Toevoegen

Beschrijving

o Hier kan je een nieuwsbericht toevoegen

o Daaronder knop “opslaan”

Bestanden/ naam procedure

o Nieuwsberichten.php

o Mysql.php:functie uitvoerensql

Specifieke code

$sql="INSERT INTO Nieuwsberichten (datum, Titel, Tekst, Link) ". "VALUES

('$datum','$Titel','$Tekst','$aLink')";

Gewone insert functie

Opmerking: Indien er een foto geselecteerd is worden ook nog de filename, filsize, filetype, en de foto

zelf in de database opgeslagen

Page 57: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 57

Nieuwsberichten & Activiteiten - Wijzigen

Beschrijving

o Velden reeds ingevuld

o Knop “opslaan”

Bestanden/ naam procedure

o Nieuwsberichten.php

o Mysql.php:functie uitvoerensql

Specifieke code

$sql="UPDATE Nieuwsberichten SET datum='$datum', Titel='$Titel', Tekst='$Tekst', Link='$aLink'

where Nr=$wijzigId";

Gewone update functie

Opmerking: Indien er een foto geselecteerd is worden ook nog de filename, filsize, filetype, en de foto

zelf in de database opgeslagen

Page 58: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 58

Nieuwsberichten & Activiteiten - Verwijderen

Beschrijving

o Hier kan je een nieuwsbericht verwijderen

o Je krijgt alle velden van deze activiteit te zien

o Als je op “Ja” duwt wordt het record in de database definitief verwijderd, anders

annuleer je

Bestanden/ naam procedure

o Nieuwsberichten.php

o Mysql.php:functie uitvoerensql

Specifieke code

$sql="DELETE FROM Nieuwsberichten WHERE Nr = '$verwijderId'"; // sql statement

Gewone delete functie

Page 59: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 59

Voorwoord, Trainingen, & Lid worden

Beschrijving

o Editor met huidige voorwoord in

o Daaronder knop “Opslaan”

o Als je op “Opslaan” klikt gebeurt telkens een update van 1 zelfde veld

Bestanden/ naam procedure

o Voorwoord.php

o Mysql.php: NIET VAN TOEPASSING

Specifieke code

$sql="UPDATE Voorwoord SET Tekst='$html' Where ID=1";

De update instructie

Page 60: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 60

Sponsors - Wijzigen

Beschrijving

o Velden reeds ingevuld

o Knop “Wijzigen”

Bestanden/ naam procedure

o Sponsors.php

o Mysql.php:functie uitvoerensql

Specifieke code

$query = "UPDATE Sponsors SET Naam='$naam', Foto='$foto', Volgorde='$volgorde', Hoofd='$hoofd',

fnaam='$fileName', size='$fileSize', type='$fileType' where Nr=$wijzigId";

Gewone update functie

Page 61: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 61

Sponsors

Beschrijving

o Tabel met alle sponsors

o Knop “Toevoegen”

Bestanden/ naam procedure

o Sponsors.php

o Mysql.php: Sponsors.php

Specifieke code

$sql="Select Nr, Naam, Volgorde, Link From Sponsors”;

Gewone select instructie

Page 62: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 62

Sponsors- Verwijderen

Beschrijving

o Hier kan je een sponsor verwijderen

o Je krijgt alle velden van deze sponsor te zien

o Als je op “Ja” duwt wordt het record in de database definitief verwijderd, anders

annuleer je

Bestanden/ naam procedure

o Sponsors.php

o Mysql.php:functie uitvoerensql

Specifieke code

$sql="DELETE FROM Sponsors WHERE Nr = '$verwijderId'";

De items Links, Albumbeheer, Nieuw Item, Kranten werken allemaal

volgens dit principe, Je kan er toevoegen, verwijderen en wijzigen telkens

met dezelfde knoppen

Opmerking: Als je een fotoalbum verwijderd in het item Albumbeheer worden alle foto’s die in dat fotoalbum zaten ook gewist.

Page 63: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 63

Fotos

Beschrijving

o Keuzelijst met alle fotoalbums in (uit tabel items, word beheerd in tabblad “Nieuw

item”)

o Knopje om door je bestanden te bladeren en een foto te selecteren

o Als je op “upload” klikt word de foto in dat album geupload (link door middel van

relatie)

Bestanden/ naam procedure

o Fotoalbums.php

o Mysql.php: opvragenfotos

Specifieke code

$query = "INSERT INTO Fotos (naam, size, type, Foto, AlbumID ) ". "VALUES ('$fileName', '$fileSize',

'$fileType', '$image', $album)";

Gewone insert functie

Page 64: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 64

Fotos - Verwijderen

Beschrijving

o Hier kan je een foto verwijderen

o Je krijgt info over deze foto te zien (welk fotoalbum, de foto zelf)

o Als je op “Ja” duwt wordt het record in de database definitief verwijderd, anders

annuleer je

Bestanden/ naam procedure

o Fotoalbums.php

o Mysql.php: uitvoerensql

Specifieke code

$sql="DELETE FROM Fotos WHERE Nr = $verwijderId";

Delete statement

Page 65: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 65

Fotos - Verwijderen

Beschrijving

o Bovenaan: Tabel met alle huidige subitems (kleinfoutje, bij itemId moet normaal de

naam zichtbaar zijn, en niet het nummer)

o Daaronder: alles om een subitem toe te voegen (keuzelijst met alle hoofditems, en

teksteditor om een pagina in dat subitem te maken

o Knop “Opslaan”

Bestanden/ naam procedure

o Subitems.php

o Mysql.php: opvragensub

o Editor: Alle bestanden in de map “ckeditor”

Page 66: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 66

Specifieke code

Tabel: Select * From Subitems

Keuzelijst:

<select name=item>

<option value='-'>--selecteer een hoofditem--</option>";

$mysql_id = mysql_connect("$dbhost", "$dbuser", "$dbpass");

$sqlstring = "SELECT ItemID, Naam FROM Items";

$res = mysql_db_query("$db", "$sqlstring", $mysql_id);

$aantal_records = mysql_num_rows($res);

for($i = 0; $i < $aantal_records; $i++)

{

$rij = mysql_fetch_assoc($res);

print "<option value=".$rij['ItemID'].">".$rij['Naam']."</option>";

}

print “</select>

Code editor:

<textarea name='teksttoev'></textarea>

<script type='text/javascript'>

CKEDITOR.replace( 'teksttoev' );

</script>

Als je op opslaan klikt gebeurt een gewone insert functie

Page 67: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 67

Bestuursfuncties, Groep, Graad, Categorie, Functie

Beschrijving

o Tabel met de Bestuursfuncties

Bestanden/ naam procedure

o Bfuncties.php

o Mysql.php:functie opvragenbf, opvragenf, opvragengraad, opvragengr, opvragencat

Specifieke code

$sqlstring ="select Functie_ID, Functie, mutsfoto from Functie";

Toont het ID en de functies uit de tabel

Page 68: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 68

Bestuursfuncties, Groep, Graad, Categorie, Functie - Toevoegen

Beschrijving

o Invul veld

o Knop “Opslaan”

Bestanden/ naam procedure

o Functies.php

o Mysql.php:functie opvragenbf, opvragenf, opvragengraad, opvragengr, opvragencat

Specifieke code

$sql="INSERT INTO Functie (Functie) values ('$naam')";

Gewone insert

Page 69: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 69

Bestuursfuncties, Groep, Graad, Categorie, Functie - Wijzigen

Beschrijving

o Invul velden - reeds ingevuld

o Knop “Wijzigen”

Bestanden/ naam procedure

o Functies.php

o Mysql.php:functie opvragenbf, opvragenf, opvragengraad, opvragengr, opvragencat

Specifieke code

$sql="UPDATE Functie SET Functie = '$naam' Where Functie_ID=$wijzigId";

Page 70: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 70

Bestuursfuncties, Groep, Graad, Categorie, Functie - Verwijderen

Beschrijving

o Hier kan je functie verwijderen

o Je krijgt info over deze functie te zien (welk fotoalbum, de foto zelf)

o Als je op “Ja” duwt wordt het record in de database definitief verwijderd, anders

annuleer je

Bestanden/ naam procedure

o Functies.php

o Mysql.php:functie opvragenbf, opvragenf, opvragengraad, opvragengr, opvragencat

Specifieke code

$sql="Delete from Functie where Functie_ID = $verwijderId";

Mogelijke foutmelding:

Om deze functie toch te verwijderen moeten eerst alle leden verwijderd worden die deze functie

hebben

Page 71: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 71

Backup

Beschrijving

o Tekst als de update gelukt is

Bestanden/ naam procedure

o Backup.php

o Mysql.php: NIET VAN TOEPASSING

Specifieke code

$leden = mysql_connect($dbhost, $dbuser, $dbpass, true);

mysql_select_db($db, $leden);

$res = mysql_query("SELECT * from Trainingen");

$aantal_rijen = mysql_num_rows ($res);

$kopie=array();

for($i=0;$i<$aantal_rijen;$i++)

{

$kopie[$i]=mysql_fetch_assoc($res);

}

mysql_close($leden);

Page 72: OZEKA WEBSITE TO

Koninklijk Atheneum Oudenaarde

GIP: OZEKAWEB 72

$leden2 = mysql_connect($dbhost2, $dbuser2, $dbpass2,true);

mysql_select_db($db2, $leden2);

mysql_query ("Truncate table Trainingen");

for($i=0;$i<$aantal_rijen;$i++)

{

$sql="insert into Trainingen (ID, Tekst)

VALUES ('".$kopie[$i]["ID"]."',

".$kopie[$i]["Tekst"]."'

)";

mysql_query ($sql);

}

mysql_close($leden2);

print mysql_error();

print "<Font color='green'>Backup Trainingen ok</font><br>"; :