Archivi tag: sito web

Sito palestra – Liberamente Fitness

site

Il progetto che presenterò all’esame di Stato è un sito Internet dinamico che presenta tutte le informazioni necessarie di una palestra, ma anche suggerimenti per un’alimentazione sana.

Il sito ha una struttura classica e facile da utilizzare, con una homepage contenente il nome della palestra, un’immagine ed una citazione. Attraverso il menu funzionale si può navigare facilmente nel sito, trovare informazioni come l’indirizzo della palestra, contatti, immagini, orari, metodi di allenamento,guida all’alimentazione e corsi. Tutti questi contenuti dinamici vengono visualizzati nella sezione centrale in base a quanto selezionato nel “menu funzionale”. 

Per la creazione del progetto ho utilizzato la piattaforma WordPress, per la sua interfaccia grafica intuitiva e semplice da utilizzare.

Mappa concettuale

Gestione vendita online

Per l’esame di stato presento una piattaforma web che permetta la registrazione, il login, l’inserimento prodotti e la visualizzazione di un catalogo per la vendita on line di prodotti LEGO.

Per la creazione di questa piattaforma ho utilizzato uno dei principali strumenti del sistema informatico per la gestione dei dati cioè il database o base dei dati. Ho voluto creare questa applicazione per favorire ai clienti la fruizione dei dati memorizzati in un database e presentati in una pagina web disponibile su un server on line gestito con Apache ed ovviamente scritta in un linguaggio di programmazione dinamico come PHP.

Per impostare correttamente il progetto si deve partire dall’analisi delle tabelle componenti il database in modo da memorizzare per la parte utente un ID con chiave primaria obbligatoria, usermane, password, e-mail; per la gestione dei prodotti invece da parte dell’admin serve un ID prodotti con chiave primaria obbligatoria, il nome, la descrizione, il prezzo e la data. Quindi si possono creare le pagine web dinamiche in PHP. Per far ciò si deve utilizzare l’HTML che in informatica è il linguaggio di Markup solitamente usato per la formattazione di documenti ipertestuali. Inoltre per arricchire il documento ho utilizzato per la parte grafica del codice scritto in CSS per rende il codice HTML più ordinato e privo di formattazioni stilistiche. Sono stati inseriti dei campi fondamentali per la registrazione degli utenti, ad esempio: username, password.

Terminata la registrazione si passa alla fase di login per permettere solo agli utenti registrati l’accesso. Quindi, verificata la registrazione al sito da parte dell’utente richiedente l’accesso, si viene rediretti alla pagina per l’inserimento dei prodotti che funzionano nel seguente modo:

  1. Selezioniamo il file creato in Excel e salvato in formato CSV
  2. Il programma PHP carica in modo temporaneo il file è grazie al comando “Fopen” possiamo leggere ogni riga del file
  3. Queste saranno elaborate dal comando PHP “Fget csv” che mi permetterà di leggere e quindi di elaborare ogni riga/colonna del mio file
  4. Al termine del caricamento dei dati, grazie al comando “get” riusciamo a visualizzare il messaggio di successo.

La visualizzazione in forma tabulare di tutti i prodotti inseriti li vediamo grazie al comando “MYSQL_FETCH_ARRAY” unito ad un ciclo while riusciamo a scorrere ogni valore e a visualizzarlo.

Snapshot_1

Snapshot_2

Snapshot_3

Snapshot_4

Sito Web – Photo Blog

Il progetto che presenterò all’Esame di Stato 2013-2014 è un Blog fotografico. Questo sito è stato creato con Altervista che è una piattaforma che offre la possibilità di aprire gratuitamente un Sito Web, un forum o un blog con l’installazione di un CMS. Per il mio Sito Web ho usato Joomla, uno dei CMS più conosciuti.

Questo sito permette agli utenti registrati, nonché appassionati di fotografia, di gestire il proprio profilo, inserire articoli e pubblicare le loro fotografie. Se gli utenti non sono registrati possono inserire i loro dati per creare il proprio profilo.

L’admin (amministratore del sito) può gestire ogni aspetto della piattaforma tramite il pannello amministrativo di Joomla.

Mappa Concettuale

photo blog