Istituto Tecnico Tecnologico G. Marconi Rovereto ESAME DI STATO TechUp! Giulio Lasta. Classe V D informatica Anno Scolastico 2014/2015

Transcript

1 Istituto Tecnico Tecnologico G. Marconi Rovereto ESAME DI STATO 2015 TechUp! Classe V D informatica Anno Scolastico 2014/2015 Abstract TechUp, è un blog sul quale chiuque può informarsi sulle moderne tecnologie che usiamo tutti i giorni, quali smartphones, laptop, tablet e tutto ciò che li compone come processori, schede video, motherboard. Qui gli utenti provano di prima persona queste tecnologie e le consigliano, ad altri utenti che a loro volta possono chiedere chiarimenti, valutandone gli aspetti positivi e negativi. Indice Pagina 2: Introduzione al progetto Pagina 3-4-5: Descrizione del progetto Pagina 6: Conclusioni personali

2 Introduzione TechUp è un blog sul quale gli utenti possono pubblicare recensioni inerenti le tecnologie in generale, come smartphones, linguaggi di programmazione, hardware e software in generale. Inoltre per ogni utente è possibile inserire dei commenti alle recensioni dando feedback al pubblicatore. L obbiettivo in generale è stato quello di creare un sito di blogging, nel quale gli utenti, per quanti essi possano essere, avessero la possibilità di condividere opinioni su argomenti inerenti la tecnologia; Nel corso della sua creazione, questo obbiettivo è stato raggiunto quasi nella sua totalità, infatti, purtroppo ci sono stati degli disguidi nella creazione della grafica, soprattutto nella creazione di un interfaccia ridimensionabile. Gli strumenti utilizzati nella creazione di questo progetto sono stati: Per quanto riguarda i linguaggi di programmazione: o PHP, MYSQL, HTML CSS, JS, BOOTSTRAP, JQuery Per quanto riguarda i software utilizzati: o Notepad++, Heidi, mysqld, UniserverZ La scelta di utilizzare questi software è stata basata sul fatto che sono tutti dei freeware. Per quanto riguarda l utilizzo di PHP, contrapposto ad ASP.NET, la scelta si è maggiormente basata sul fatto che PHP e tutti i servizi che lo riguardano sul web sono nella maggioranza dei casi completamente gratis, mentre ASP.NET Discipline coinvolte Ne l corso della creazione di questo blog ho coinvolte svariate discipline: Informatica: questa disciplina è stata coinvolta nel corso della creazione del database, e attraverso la connessione tra pagina PHP e database mysql ed attraverso l inserimento e la lettura di dati da quest ultimo; Sistemi: questa materia scolastica è stata coinvolta attraverso l utilizzo di Javascript, argomento di quarta, e della rispettiva libreria, Jquery, che permette la semplice creazione di effetti slide show;

3 Risultati ottenuti e funzionalità Alla consegna del progetto, il blog, è in grado di supportare la creazione di multipli account utente, e recensioni con molteplici immagine che a loro volta vengono visualizzate attraverso uno slide show. Per quanto riguarda l utenza, è possibile creare un proprio account utente, che in seguito, può essere gestito e modificato, per esempio è possibile modificarne il nome ì, l , la password d accesso, ed infine l immagine di profilo. Difficoltà incontrate e modalità di superamento Una delle principali difficoltà che ho riscontrato nel corso dello svolgimento di questo progetto è stato il caricamento delle immagini sia per quanto riguarda i post che per gli account utente, nel database, infatti questo è risultato non fattibile. Quindi la soluzione a questo problema è stata raggiunta caricando le immagini non nel database stesso, ma nel file system dove sono presenti le pagine PHP che compongono il blog.

4 Descrizione del progetto Hardware: Il sito di blogging TechUp!, può essere supportato da un qualsiasi server in grado di lavorare in PHP e MYSQL ed è accessibile ad un qualsiasi utente in possesso di un PC. Software: Nella parte di software, il sito si basa principalmente su pagine PHP, che vengono elaborate dall apposito server (Altervista, forse), sempre su quest ultimo si trova il database contenente le informazioni riguardanti gli utenti (Nickname, , password), i vari post e i commenti; Le tecnologie che ho utilizzato nel corso della creazione di questo progetto sono state: Notepad++, che è un editor di testo completamente freeware che permette di utilizzare una grande quantità di dati, tra i quali Javascript, css, html, php e mysql; Heidi Portable, software, anchesso freeware, che permette la gestione e la creazione di database; Mysqld, database mysql portatile; Bootstrap, libreria CSS, contenente fogli di stile per la progettazione di pagine web; JQuery, libreria Javascript, che permette varie semplificazioni nella programmazione JS, tra cui la creazione di effetti slideshow; UniForm Server Zero, server per l utilizzo di pagine PHP, e per la gestione e l utlizzo di database MySql; Jquery in particolare, è stato utilizzato in una sua piccola parte, infatti tutta la libreria in sé e stata creata per la facilitazione nella creazione di animazioni sulle pagine web, in questo blog è stato principalmente utilizzato per la creazione e l utilizzo di effetti dissolvenza.

5 Il Database: La creazione del database è una delle azioni che sono avvenute per prime cronologicamente, infatti dopo la creazione di una pagina di prova, ho proseguito cercando informazioni online riguardo la programmazione PHP e la relativa connessione a server Mysql. Il database è formato da 3 tabelle contenenti tutti i dati per quanto riguarda: Utente, la tabella utente contiene i dati, come Nick, che memorizza il nome che lo user ha deciso di adottare nell utilizzo del blog; Articolo, la tabella articolo, contiene dati come il titolo della recensione, il testo, il nome del pubblicatore del post, la categoria in cui è stato postato ed infine la data del giorno in cui è stato postato; Commento, la tabella commento, invece memorizza a sua volta tutti i dati necessari, riguardanti i commenti, che tutti i post hanno ricevuto, tra i dati memorizzati, ci sono il testo del commento, l utente creatore del commento e la data della sua creazione; Modello concettuale del Database Utente Nick 1,1 0,N Crea Passwd Data 1,1 Articolo Id Titolo Testo Nickname Posted Categoria Scrive 0,N Commento Id_art Testo Nickname Ora

6 Pagine PHP: Ogni pagina del blog TechUp!, è stata creata in linguaggio PHP, questo per permettere la creazione di pagine dinamiche e, l utilizzo e quindi la connessione del database Mysql. Il sito è formato da alcune pagine molto simili fra di loro, eccetto l utilizzo in ognuna di esse di file PHP che separatamente ed autonomamente eseguono la connessione al database e dove richiesto, inseriscono o richiedono dati da quest ultimo; In seguito i dati richiesti vengono visualizzati sulla pagina originaria. Esempio di pagina PHP:

7 Bootstrap: La libreria di fogli di stile Bootstrap, è stata principalmente utilizzata per la semplicità e la velocità con cui fornisce una griglia, in base alla quale suddividere l intera pagina PHP; Bootstrap per sua natura offre anche un servizio in grado di rendere le pagine device-responsive, cioè le rende in grado di modificare le proprie dimensioni e proprorzioni in base al tipo di device che sta supportando il sito; Infatti rendere il blog TechUp! Device-responsive, è stato uno degli obbiettivi che sono stati portati a termine. Future implementazioni Le implementazioni future di questo progetto potrebbero essere svariate, alcune per esempio potrebbero riguardare la codifica di una grafica più complessa, e userfriendly; Un altra implementazione molto importante ed interessante dal punto di vista sia di un cliente che dal mio punto di vista di programmatore, sarebbe la gestione dell accont dell utente da , cioè, per esempio nel caso di perdita della password o del nickname del proprio account l invio di un con il nickname in un caso o una password temporanea nell altro.

8 Conclusione personale Ciò che mi ha portato a intraprendere la decisione di creare un blog, è stato inizialmente la mia passione per tutto ciò che riguarda la tecnologia, in seguito con l evolversi del progetto, sia durante le ore scolastiche che nel tempo speso a casa, la curiosità per quanto mi sarei potuto spingere oltre applicando migliorie, sempre più complesse ed importanti. Bibliografia: