L'ECONOMIA DEL '900: OLD ECONOMY, NEW ECONOMY, HUMAN DEVELOPMENT

Transcript

1 Andrea De Carli classe 5F anno scolastico 2012/13 lavoro di: ECONOMIA E DIRITTO Sito internet didattico su L'ECONOMIA DEL '900: OLD ECONOMY, NEW ECONOMY, HUMAN DEVELOPMENT Fasi di Sviluppo del Progetto Multimediale Descrizione generale del progetto: 1. Committente Associazione culturale, formativa e informativa della Comunicazione, su tematiche di ricerca sociologica, economica e della comunicazione Logo dell Associazione: Campo di intervento geografico: Italia. 2. Target: Gli utilizzatori del sito sono giovani (età media: 17 anni, classe sociale: varia, professione: studenti) che si rivolgono all associazione per motivi scolastici di studio. 3. Tipo Di Prodotto Sito Web dinamico (Il sito è realizzato tramite il CMS (Content Management System, letteralmente "sistema di gestione dei contenuti") Drupal, scritto in linguaggio PHP e distribuito sotto licenza GPL (General Public License), una licenza per il software libero. Un CMS è uno strumento software installato su un server web e studiato per facilitare la gestione dei contenuti di siti web; l'amministrazione di tali contenuti è possibile anche da parte di persone prive di conoscenze tecniche di programmazione Web. Il sistema

2 contempla la gestione multilingue dei contenuti inseriti, con l'eventuale possibilità di aggiunta o rimozione autonoma di lingue, e garantisce la possibilità di selezionare le lingue in cui si desidera tradurre i contenuti o parti di essi. Tale possibilità è molto importante in questo caso, in considerazione delle finalita del sito, che sono legate alla comunicazione su argomenti di tipo socioeconomico. 4. Scopo Con questo sito l associazione intende diffondere conoscenze socioeconomiche elementari, che vengano incontro alle necessita scolastiche degli utilizzatori del sito. 5. Scelta del nome di dominio 6. specifiche di progetto home Sezione 1 ECONOMIA E SOCIETA - LA OLD ECONOMY Sezione 2 RISE AND FALL Sezione 3 LA NEW ECONOMY Sezione 4 VERSO HUMAN DEVELOPMENT Organizzazione: 1. Raccolta materiali Figure professionali: 1 esperto di socioeconomia, 1 grafico, 1 esperto video, 1 implementatore di siti web dinamici con Drupal Risorse: Hardware: 2 Pc in ambiente Windows, 1 Pc in ambiente Mac Software: Photoshop, Drupal, Artisteer, Filezilla, Final Cut. Gestione dei materiali: I materiali e le risorse necessarie allo sviluppo dei progetti vengono organizzati e suddivisi in cartelle prima di essere utilizzati nella realizzazione del sito.

3 2. Mappa concettuale (Mappa di Navigazione) HOME ECONOMIA E SOCIETA LA OLD ECONOMY RISE AND FALL --IL SISTEMA CAPITALISTA --LA CRISI DEL 29 --MASS MEDIA --GREEN ECONOMY --IL SISTEMA COLLETTIVISTA --GLOBALIZZAZIONE --NEW MEDIA --INDICI --IL SISTEMA A ECONOMIA MISTA --FINANZIARIZZAZIONE -- SOCIAL MEDIA -- PIL --IL WELFARE STATE --LA GRANDE BOLLA FINANZIARIA -- PIL PRO CAPITE --IL FORDISMO CONSUMISMO LA NEW ECONOMY --ILTOYOTISMO CAMBIAMENTI IN STRUTTURA OCCUPAZIONE VERSO HUMAN DEVELOPMENT -- PIL PPA --ISU/IPU 3. Sezioni del sito con breve descrizione dei loro contenuti Un sito Web ha due componenti principali: Elementi funzionali alla navigazione Contenuti Nelle singole sezioni sono presenti i contenuti delle lezioni di Economa e Diritto della classe quinta (vedere programma consuntivo) e gli strumenti di navigazione disponibili sono quelli indicati nella mappa di navigazione L uniformita delle sezioni del sito e data dai contenuti del programma didattico, cio che le distingue e la presenza di una sezione chiamata RISE AND FALL che intende collegare la OLD con LA NEW ECONOMY attraverso la costante presenza di crisi ricorrenti col ripetersi ciclico di successo eclatante e drammatico declino. Le caratteristiche e le componenti che ricorrono in tutte le sezioni del sito sono: Componenti funzionali (testi accompagnati da immagini esplicative di repertorio) Distribuzione e dimensione del contenuto e delle componenti funzionali all interno della sezione (layout della pagina) Una galleria immagini ad hoc per ogni sezione e una mista nella Homepage.

4 Elementi di interfaccia 1. Layout Comune in tutte le sezioni. Si utilizza un'intestazione comune in tutte le pagine del sito. Il metodo di esplorazione (menù) deve essere lo stesso in tutte le pagine del sito. Vista la caratteristica del sito a scopo didattico non esistono particolari requisiti di marketing da soddisfare come utilizzare tipi di carattere e combinazioni di colori particolari. Possono esistere requisiti di tipo legale, per l'aggiunta di informazioni sul copyright, da verificare caso per caso. Si desidera rendere accessibile il sito. Un sito Web accessibile può essere letto e compreso da chiunque, incluse persone con particolari esigenze (ipovedenti ). Layout delle pagine piu significative (segue layout della Homepage e delle 4 sezioni indicate nella mappa di navigazione) LOGO DELL ASSOCIAZIONE TESTATA VOCI DI MENU E SOTTOMENU IMMAGINE LINKABILE TESTO MOTORE DI RICERCA INTERNO/ESTERNO IMAGE GALLERY (GALLERIA IMMAGINI)

5 Com è noto la creazione di un layout grafico per un sito realizzato con un CMS avviene tramite l utilizzo di un programma che, una volta impostate le linee guida fondamentali, genera tutti i componenti necessari alla visualizzazione del sito. In questa sede si presuppone di utilizzare come generatore del layout il programma Artisteer nella versione Colori, tipi di carattere (font) Per la scelta del font dobbiamo tenere in considerazione i seguenti fattori: Leggibilita : sul web i font piu leggibili sono Arial, Courier e Verdana. Dimensione: ad una dimensione di 10px il piu scelto e il verdana, che appare grazioso e ordinato; a 12 px la preferenza è per l arial. Altri importarti elementi: Contrasto tra background e colore del testo: testo nero su sfondo bianco o viceversa; I titoli ben visibili ed in evidenza; La suddivisione del testo in brevi paragrafi; Utilizzo dei testi statici (il testo animato infastidisce durante la lettura). Corretto utilizzo di interlinea e spaziature. Metodologie e tecniche di base 1. Installazione e predisposizione della piattaforma CMS Creazione di un istanza di database Attivazione e configurazione dei moduli necessari all implementazione (uso dell accesso FTP- Filezilla) Creazione delle pagine di un sito e di un menu Creazione di contenuti personalizzati per immagini, suoni e filmati Uso delle viste Generazione di un layout grafico (template) attraverso ambienti di sviluppo dedicati (Artisteer 4) Sviluppo: nella parte dello sviluppo si deve mettere a fuoco in modo chiaro che cosa si sviluppa e cosa si dà per scontato. 2. Galleria immagini Partendo da una piattaforma di Drupal 7 preinstallata e con un template grafico completo si analizzerà la procedura per la creazione di una galleria immagini accessibile cliccando sulla

6 voce del menu principale. La galleria immagini si presenterà come una griglia di thumbnail cliccando sulle quali appare l immagine nelle dimensioni originali su uno sfondo oscurato ad hoc per enfatizzare il contenuto della foto. Questo metodo di visualizzazione utilizza un tipo di libreria da installare sulla piattaforma di Drupal 7 che si chiama colorbox. La creazione di una galleria di immagini all interno di drupal richiede l installazione dei seguenti moduli aggiuntivi: Chaos tool suite - CTOOLS: modulo che permette la personalizzazione dei contenuti; LIBRARIES API: modulo che permette l attivazione di librerie esterne (per attivare la libreria colorbox); VIEWS: modulo che permette la visualizzazione tramite query (selezione) dei contenuti presenti nel database; COLORBOX: modulo che attiva la libreria colorbox per la visualizzazione delle immagini. Una volta attivati: l istanza contenente il sito, il layout grafico e il menù di navigazione, effettuare il log in come utente amministratore del sito. Verificare che siano caricati, attivati e configurati i suddetti moduli. Verificare con Filezilla (programma FTP - File Transfer Protocol - per l upload di file presenti su computer locale verso il server remoto che ospita il mio sito) che sia presente la libreria Colorbox nella cartella sites/all/libaries dell istanza di Drupal 7 su cui si sta lavorando. Una volta attivati e configurati tutti i moduli, procedere con le seguenti operazioni all interno della piattaforma: - Effettuare il login come amministratore del sito - Creare un contenuto personalizzato a cui associare le immagini in formato jpeg o png - Caricare come contenuti tutte le immagini da mostrare nella galleria - Creare una vista che selezioni i contenuti immagine e li mostri utilizzando il metodo di visualizzazione colorbox. - Verificare che le impostazioni inserite nella vista siano compatibili con il layout grafico del sito ed eventualmente apportare le correzioni necessarie per garantirne la compatibilità. - Creare una voce nel menu principale e inserire nel campo dedicato il path (percorso) della vista. Il caricamento delle immagini (delle fotografie del ristorante) deve precedere un attività di elaborazione di queste ultime in modo che abbiano dimensioni all interno di 800x600 px e peso massimo di 1 MB.

7 Problematiche di pubblicazione (facoltative nella II prova d esame ma utili in questo caso) 1. Hosting: Prima di pubblicare un sito Web, è necessario abbonarsi a un servizio di hosting Web che fornirà lo spazio di archiviazione su un server Web e un URL (Uniform Resource Locator) mediante il quale accedere al sito Web. Occorre accertarsi che il servizio di hosting al quale ci si abbona offra una quantità di spazio adeguata alle dimensioni del sito Web che si intende pubblicare. Poiché è presumibile che il sito Web dovra contenere molte immagini, sara necessario uno spazio di memorizzazione sufficiente per contenerle. Inoltre e necessario verificare che il servizio di hosting offra il tipo di supporto di cui si ha bisogno. 2. Social network: Twitter, Facebook, Tumblr, YouTube, Pinterest, Google +, LinkedIn, Instagram, Foursquare... Ci sono un sacco di piattaforme social che potrebbero aiutarvi a promuovere la vostra presenza online. Quella dei social network è oggi una presenza fondamentale. Non essendo un canale di business tradizionale, l'integrazione di queste piattaforme social nel sito lo aiuteranno a recuperare motori di ricerca e quindi potenziali del sito fra le classi di utenti giovanili. 3. Collaudo e accorgimenti finali Navigare nel sito con vari sistemi operativi (Windows Xp, Vista, 7, 8, OS10 per Mac, Android e altri sistemi operativi per dispositivi mobili quali Smartphone etablet: pagine visibili anche su schermi di piccoli dimensioni) Infine un sito funzionale deve tener conto di alcuni accorgimenti: a) Non progettare le pagine per l ultima versione del browser appena uscito: ciò impedirebbe l utilizzo del sito a tutti quegli utenti che utilizzano ancora versioni non aggiornate; b) Non utilizzare tecnologie ancora in fase di beta-test; c) Se inseriamo dei file da scaricare, indicarne sempre la dimensione; d) Limitare il più possibile l uso dei frame in quanto possono creare confusione e smarrimento se si accede ad una pagina interna, ad esempio da un motore di ricerca, che può sembrare isolata e senza riferimenti su come arrivare all Home Page. Inoltre rendono impossibile la memorizzazione della singola pagina all interno dei Bookmarks dell utente. e) Usare motori di ricerca interni al sito possibilmente con un controllo ortografico per evitare gli errori comuni di battitura da parte degli utenti e se la ricerca non porta risultati fornire una serie di link esterni correlati all argomento.