Progetto Gestione maneggio

Transcript

1 2014/2015 5Ais Progetto Gestione maneggio Esame di Stato 2014/2015 Michela Lorandi

2 Sommario 1. Introduzione Tecnologie utilizzate HTML e CSS PHP JavaScript e jquery MySQL e SQL Apache HTTP server API e API di Google Maps phpmyadmin La struttura della base di dati La realtà da modellare Diagramma E-R Schema relazionale La struttura del sito Area pubblica Area privata Porzioni di codice Creazione tabelle Login Visualizza istruttori Inserisci lezioni Modifica soci Elimina cavalli Conclusioni... 16

3 1. Introduzione Il mio progetto consiste in un sito web che ha come scopo la gestione delle attività di un maneggio. L ispirazione per la creazione di questo progetto si spiega con almeno due concause: 1) la mia diretta esperienza dei maneggi e la mia passione per il mondo equestre; 2) il mio interesse per i linguaggi dell informatica. A tali forti motivazioni si è aggiunta la consapevolezza che non esiste un software che permetta la conduzione di un circolo ippico e, dunque, sono stata tentata dall opportunità di realizzare un prototipo originale nella categoria sportiva in questione. Il fine ultimo del sito è quello di aiutare gli istruttori nella gestione delle lezioni e di tutte le altre attività connesse al circolo. Il sito è composto da un area pubblica e da un area privata ad accesso riservato. Nell area pubblica vengono illustrate le attività svolte, le strutture e i servizi forniti dal centro ippico al fine di suscitare la curiosità dell utente occasionale, del fruitore estemporaneo del sito. Viceversa l area privata, accessibile attraverso login e relativa password, permette la visualizzazione delle lezioni, la modifica del calendario ad esse relativo, dei soci, dei cavalli e l interazione con altri aspetti gestionali. Per la realizzazione del sito ho utilizzato: HTML e CSS PHP JQuery JavaScript MySQL Apache server 3

4 2. Tecnologie utilizzate 2.1 HTML e CSS HTML (HyperText Markup Language) è un linguaggio di marcatura utilizzato per realizzare pagine web. Questo linguaggio fornisce informazioni al browser su come visualizzare i contenuti. Inoltre, separa il contenuto dalla presentazione e utilizza una serie di elementi predefiniti per identificare il tipo di contenuto. CSS (Cascading Style Sheets) è il linguaggio utilizzato per definire la formattazione di siti e pagine web. È stato introdotto per separare i contenuti dalla formattazione e permettere una programmazione chiara e semplice. La caratteristica principale dei fogli di stile è che l ordine con cui vengono assegnate le proprietà alle regole è a cascata. 2.2 PHP PHP (Hypertext Preprocessor) è un linguaggio di programmazione scripting ideato per la programmazione di pagine web dinamiche e interattive. È un linguaggio utilizzato soprattutto per sviluppare applicazioni web lato server e può essere integrato nell HTML. PHP è Open Source ed è uno dei linguaggi più utilizzati al mondo. 2.3 JavaScript e jquery JavaScript è un linguaggio di scripting orientato agli oggetti e agli eventi. È utilizzato nella programmazione Web lato-client per la creazione di effetti dinamici causati in diversi modi dall utente sulla pagina web in uso. jquery è una libreria di funzioni di Javascript per le applicazioni web. Ha come obiettivo quello di semplificare la manipolazione, la gestione degli eventi e l animazione delle pagine HTML. È un software libero e gratuito. Semplifica la navigazione dei documenti, crea animazioni, gestisce eventi e implementa funzioni AJAX. 4

5 2.4 MySQL e SQL MySQL è un RDBMS Open Source, cioè un DBMS (sistema per la gestione di basi di dati) basato sul modello relazionale e sul linguaggio SQL. È un database veloce, flessibile, affidabile e gratuito. SQL (Structured Query Language) è un linguaggio standardizzato di programmazione per database basati sul modello relazionale. È progettato per creare e modificare database (DDL); inserire, modificare ed eliminare dati memorizzati (DML); interrogare i dati memorizzati (DQL); creare e gestire gli accessi ai dati e i permessi degli utenti (DCL). Permette di interrogare e gestire i database per mezzo di costrutti di programmazione, chiamati query. 2.5 Apache HTTP server Apache HTTP Server è una piattaforma server Web molto diffusa ed è in grado di operare su numerosi sistemi operativi. È un software che realizza le funzioni di trasporto delle informazioni, di internetwork e di collegamento. Ha il vantaggio di offrire funzioni di controllo per la sicurezza. 2.6 API e API di Google Maps Una API (Application Programming Interface) è un interfaccia di programmazione, ossia un interfaccia che librerie, software o piattaforme possono usare per interagire con un programma. Inoltre, permette di estendere le funzionalità di un programma. Le API di Google Maps offrono la possibilità di inserire mappe personalizzate nel proprio sito web. 2.7 phpmyadmin phpmyadmin è un applicazione web scritta in php che permette di gestire un database MySQL in qualsiasi browser. 5

6 3. La struttura della base di dati 3.1 La realtà da modellare Il fine ultimo del sito è offrire la giusta visibilità alle svariate attività svolte all interno di un maneggio. Pertanto, tra gli aspetti che ho rilevato ai fini della costruzione di un sito completo ed efficiente mi sono concentrata sui soci che compongono il circolo ippico, ovvero sui loro identificativi tramite nome, cognome, data di nascita, indirizzo, città, numero di telefono, sesso, tipo di patente, e foto. Non solo: in un maneggio sono presenti numerosi cavalli, che ho provveduto a identificare attraverso il nome, la razza, il colore del manto, la data di nascita, il sesso e la foto. Inoltre, un cavallo è proprietà di uno o più soci, pertanto è stato necessario incrociare tali dati per una corretta ed ottimale interrogazione del sito stesso. Uno dei principali servizi forniti è rappresentato dalle lezioni, che costituiscono evidentemente una delle informazioni maggiormente ricercate. Le lezioni sono individuate dalla data, dall ora, dal campo in cui vengono svolte, da una descrizione delle sue eventuali specificità, nonché dall istruttore che le svolge. Inoltre, una lezione è partecipata da uno o più soci a cui, per quella lezione, viene assegnato un cavallo. L istruttore è caratterizzato da nome, cognome, data di nascita, indirizzo, città, numero di telefono, sesso, grado di istruttore, e una foto. Un ulteriore servizio fornito ai soci è la possibilità di partecipazione a concorsi ippici. I concorsi sono identificati da un codice univoco e sono composti da data, indirizzo, città, tipologia e circolo ippico organizzatore. Ad un concorso possono partecipare più soci. Un concorso può svolgersi in più giornate e un socio può prendervi parte con più cavalli e affrontare differenti categorie di competizione sportiva. Inoltre, un socio è seguito in gara da un istruttore. I soci che prendono parte ai concorsi ippici appartengono alla squadra agonistica. Essa è composta da binomi (cavallo e cavaliere) e da una foto del binomio. 6

7 3.2 Diagramma E-R 7

8 3.3 Schema relazionale SOCI(idSocio, nomesocio, cognomesocio, datanascitasocio, indirizzosocio, cittàsocio, telefonosocio, sessosocio, patentesocio, debitosocio, socio, immaginesocio) UTENTI(idUtente, username, password, autorizzazione, idsocio) ISTRUTTORI(idIstruttore, nomeistruttore, cognomeistruttore, datanascitaistruttore, indirizzoistruttore, cittàistruttore, telefonoistruttore, sessoistruttore, livello, stipendio, , immagineistruttore) CAVALLI(idCavallo, nomecavallo, razza, coloremanto, datanascitacavallo, sessocavallo, immaginecavallo) PROPRIETARI(idSocio, idcavallo) AGONISTI(idSocio, idcavallo, immaginebinomio) CONCORSI(idConcorso, datainizio, datafine, indirizzoconcorso, cittaconcorso, tipologia, comitatoorganizzatore) DETT_CONCORSI(idDettConcorso, idconcorso, idsocio, idistruttore, idcavallo, categoria, data) LEZIONI(idLezione, datalezione, oralezione, campolezione, descrizione) DETT_LEZIONI(idDettLezione, idlezione, idsocio, dettagli) 8

9 4. La struttura del sito Il sito Web è stato realizzato utilizzando HTML, JavaScript e PHP. Per la grafica è stato utilizzato un template gratuito scaricato da Internet. Il sito Web è suddiviso in due aree: 1. area pubblica 2. area privata 4.1 Area pubblica Homepage del sito L area pubblica è accessibile a ogni utente della rete. Tuttavia, può anche essere visitata da utenti occasionali alla ricerca di informazioni sull attività del circolo. Quest area è suddivisa in vari settori tematici: Homepage è la pagina iniziale del sito e fornisce un anteprima sui contenuti delle pagine pubbliche; Scuola fornisce informazioni su prezzi e istruttori della scuola di equitazione; Agonismo permette di visualizzare la squadra agonistica e alcune informazioni relative al corso agonistico da intraprendere per poter far parte della squadra; Fattoria fornisce informazioni sulla fattoria didattica e sugli animali presenti al club ippico; Strutture e servizi consente di visualizzare le strutture e i servizi forniti dal club; News e concorsi permette di vedere le news e i concorsi del maneggio; Dove siamo fornisce le indicazioni stradali per raggiungere il maneggio e mostra la posizione del club su una mappa. 9

10 4.2 Area privata L area privata è accessibile attraverso una pagina di login dopo aver fornito nome utente e password. Questa sezione è raggiungibile solamente ai soci iscritti al club, in quanto fornisce informazioni relative a soci, cavalli, lezioni e concorsi. Pagina di login Ogni utente possiede un autorizzazione e, in base ad essa, è possibile svolgere determinate azioni. Con l autorizzazione socio è possibile: visualizzazione parziale di soci, cavalli e istruttori; visualizzazione di lezioni e concorsi a cui si è aderito. Per questo tipo di autorizzazione non è possibile la modifica dei dati, ma è prevista solamente la lettura delle informazioni. Con l autorizzazione istruttore e amministratore è possibile: visualizzazione e modifica di soci, cavalli, istruttori, lezioni e concorsi; visualizzazione e modifica degli utenti (solo amministratore). 10

11 5. Porzioni di codice 5.1 Creazione tabelle Per la creazione delle relazioni del database è stato utilizzato il linguaggio SQL con il DBMS MySql. La seguente porzione di codice mostra l istruzione di creazione della tabella soci. La chiave primaria è idsocio ed è un intero auto incrementante. Per i campi sessosocio e patente Socio è stato utilizzato un enumeratore. Il tipo enumeratore permette di definire i valori accettabili per il campo a cui è applicato. Un altro esempio è la creazione della tabella proprietari. La chiave primaria di questa relazione è una chiave composta da idsocio e idcavallo. Inoltre, questi due campi sono chiavi esterne delle relazioni soci e cavalli. 11

12 5.2 Login La seguente porzione di codice è relativa alla pagina di login per accedere all area riservata dell utente. Dopo aver inserito il proprio username e la propria password e aver cliccato il pulsante accedi, viene verificato se i valori inseriti sono validi. Prima di tutto viene aperta la connessione con il database e, poi, viene passata la query da eseguire. La query seleziona username, password e autorizzazione dell utente con username e password uguali a quelli inseriti dall utente. Dopo che la query viene eseguita, la connessione con il database viene chiusa. A questo punto, se i dati inseriti dall utente sono corretti viene caricata la pagina dell area riservata, altrimenti viene visualizzata nuovamente la pagina di login con un messaggio di errore. 12

13 5.3 Visualizza istruttori Il codice seguente è riferito alla pagina di visualizzazione degli istruttori, chiamata vismodistruttori.php. Prima di tutto, viene aperta la connessione al database specificato nella stringa di connessione. Successivamente, viene eseguita la query. La query seleziona tutti i campi di tutti i record della tabella istruttori ordinati per cognome e poi per nome. Dopo l esecuzione della query, viene creata una tabella in cui verranno inseriti i dati. A questo punto, il risultato ottenuto dalla query viene letto e tutti i record vengono inseriti all interno della tabella. Quando i dati sono terminati, la connessione al database viene chiuso. 5.5 Inserisci lezioni La porzione di codice seguente è relativa alla pagina per l inserimento di una nuova lezione di equitazione, chiamata inserisci Lezioni.php. 13

14 Il codice soprastante viene richiamato quando l utente clicca il pulsante inserisci, dopo aver compilato le caselle di testo relative alla lezione da inserire nel database. Dopo che la connessione è stata aperta, vengono prese le variabili, passate attraverso il metodo post, inviate dall utente. Successivamente, viene eseguita la query parametrica che permette l inserimento di un nuovo record all interno della tabella lezioni. Finita l esecuzione della query, la connessione al database viene chiusa e l utente viene reindirizzato sulla pagina di visualizzazione delle lezioni, vismodlezioni.php. 5.4 Modifica soci Il seguente codice è relativo alla pagina di modifica dei soci, chiamata modificasoci.php e viene richiamato dopo che l utente ha compilato i campi che intende modificare ed ha cliccato il pulsante modifica. In seguito all apertura della connessione al database, vengono inizializzate le variabili necessarie per modificare i campi del record scelto. I parametri vengono inviati tramite il metodo post quando l utente clicca il pulsante Modifica. Successivamente, viene eseguita la query parametrica che aggiorna l istanza con idsocio uguale a quello scelto. Dopo l esecuzione della query, la connessione al database viene chiusa e l utente viene reindirizzato alla pagina di visualizzazione dei soci, ossia vismodsoci.php. 14

15 5.5 Elimina cavalli Il codice seguente è riferito al file per la cancellazione di un cavallo all interno del database, tale file è chiamato eliminacavalli.php. Il file viene eseguito quando, dalla pagina di visualizzazione dei cavalli, l utente clicca sul collegamento Elimina di un determinato record. Prima di tutto, viene effettuato un controllo per verificare che sia stato utilizzato il metodo get per l invio dei parametri necessari alla cancellazione del record selezionato. Successivamente, viene aperta la connessione al database e viene eseguita la query di cancellazione del record con idcavallo uguale a quello selezionato. Dopo l esecuzione della query, la connessione al database viene chiusa e l utente viene reindirizzato alla pagina di visualizzazione dei cavalli, vismodcavalli.php. 15

16 6. Conclusioni Le competenze che ho acquisito in questi anni scolastici mi hanno permesso la realizzazione di questo sito web. Tali competenze unite alla mia passione, l equitazione, mi hanno dato l idea per sviluppare questo progetto, che in un futuro potrebbe essere adottato dal mio maneggio. Un idea che ho pensato di sviluppare in futuro è la possibilità di estendere il sito web con la funzione multilingue, così che anche per i turisti stranieri il sito possa essere facilmente comprensibile. Homepage del sito web visualizzata da uno smartphone 16