Archive for the ‘website develop’ Category

Akuabong Official Website

mercoledì, agosto 6th, 2008

Titolo: Akuabong Official Website
Autori: Bastard82
Descrizione: Sito ufficiale della Band Akuabong
Risoluzione: 800×600 e superiori (da 700 px di larghezza in su..)
Programmi Usati: fireworks, dreamweaver, photoshop cs,
Script Utilizzati: gallery script v 2.3, 3ks – GuestBook! 1.1
Iniziato: 20 maggio 2006
Ultima Modifica: 5 giugno 2006
Site Preview: Akuabong Official Website (ospitato sul mio spazio web)

Sito web realizzato originariamente x la band Akuabong, poi messo offline dai membri del gruppo per motivi interni.
La versione originale del sito ospitata sul mio spazio web contiene una gallery, un guestbook, notizie sulla band e tante altre curiosità.
Grafica creata da zero come tutta la struttura. Per la gallery ho utilizzato script prefatti in php, modificando poi tutta la veste grafica. Il guestbook è attualmente inagibile, per il resto dovrebbe funzionare tutto.
La struttura è semplice, composta da un blocco centrale di dimensioni prefissate ai cui lati si estendono due blocchi che servono a mostrare due distinte immagini di background che all’aumentare dello spazio laterale mostrano il nome del gruppo.
Vista la relativa semplicità anche grafica, la realizzazione è stata piuttosto veloce.

Ceramiche Bellini

mercoledì, agosto 6th, 2008

Titolo: Ceramiche Bellini
Autori: Bastard82
Descrizione: Sito del laboratorio artigianale di ceramiche di Carlo Bellini
Risoluzione: 800×600 e superiori
Programmi Usati: fireworks, dreamweaver, editplus
Script Utilizzati: gallery script v 2.3
Iniziato: Marzo 2006
Ultima Modifica: Dicembre 2006
Site Preview: Ceramiche Bellini (ospitato sul mio spazio web)

Sito della fabbrica di ceramiche di Carlo Bellini, ceramista artigianale di signa.
La grafica è totalmente realizzata da me, con l’ausilio di alcune immagini modificate da foto di busti e ceramiche originali di Carlo Bellini. La galleria di immagini è stata realizzata modificando il gallery script v 2.3.
Il sito comprende comprende una versione italiana e una inglese.

TrasfOres

mercoledì, agosto 6th, 2008

Titolo: TrasfOres s.r.l.
Autori: Bastard82
Risoluzione: ottimizzato 800×600
Programmi Usati: Dreamweaver, Firework, Freehand, Photoshop 7.0
Iniziato: 20 Marzo 2004
Ultima Modifica: 10 Aprile 2004
Site Preview: TrasfOres s.r.l. (ospitato sul mio spazio web)

Questo sito è il primo che avesse in origine uno scopo diverso dal fancazzeggio che solitamente pervade le mie creazioni. Infatti era destinato a servire da sito internet di una impresa delle mie parti, che però sfortunatamente ora non esiste più.

Il progetto originario prevedeva 3 versioni diverse, ognuna ottimizzata per diverse risoluzioni (poi è stata realizzata solo la versione 800 x 600). Come al solito sono presenti dei frames (nonostante il W3C le sconsigli caldamente) il layout circolare è stato realizzato con Freehand della macromedia, che xo sn riuscito ad usare solo in parte con molta fatica (non avevo tempo di leggere bene le istruzioni), poi il tutto è stato portato su fireworks, dove è arrivata la grafica, i colori e lo spessore della barra dei menu, insieme a qualche piccolo javascript e immagine di rollover.
La grafica esterna doveva essere completata nell’angolo in alto a sinistra con una immagine stilizzata di un trasformatore elettronico (dato che l’azienda produceva trasformatori). Con dreamweaver ho poi realizzato tutte le pagine interne, riprendendole e modificandole parzialmente dal loro vecchio sito perennemente under construction. La realizzazione mi ha preso relativamente poco tempo.

Warhammer Miniatures Overview

mercoledì, agosto 6th, 2008

Titolo: Warhammer Miniatures Overview
Autori: Bastard82
Risoluzione: consigliato 800×600 o superiori
Programmi Usati: Dreamweaver 4.0 Photoshop 7.0
Iniziato: 8 Giugno 2003
Ultima Modifica: 21 Settembre 2003
Site Preview: Warhammer Miniatures Overview (ospitato sul mio spazio web)

Questo sito l’ho costruito per esigenze didattiche. Dovevo preparare un sito internet per un esame dell’università, e visto che in quel periodo ancora coloravo miniature, ho deciso di fare un bel sito sul mondo di warhammer. Come potete vedere il sito è stato costruito in poco più di un mese di lavoro, e poi tempo dopo ci ho aggiunto delle pagine con delle foto di miniature colorate da me..

L’architettura del sito è semplice. Ho usato delle frames, un po una costante nei miei siti, perché mi piace molto l’effetto che danno, (ad es: il fatto che si possa sempre avere a portata di mano il menu, e si abbia sempre chiaramente visualizzato il sito dove siamo). Inoltre ci sono alcuni javascript, ad esempio quello scorrevole per le news.

Altra cosa che ho introdotto sono le finestre di popup che appaiono specialmente nelle prime pagine, quando si cliccano alcune parole contrassegnate da link. Queste finestre a scopo informativo, danno informazioni ulteriori su svariate parole, nomi, sigle etc, e inoltre indirizzano l’utente verso altri siti su cui sviluppare una sua eventuale ricerca più approfondita. Il tutto senza danneggiare la fruibilità e comprensibilità del sito, dato che le finestre di popup che si aprono sono piccole e si possono chiudere rapidamente.

In origine erano presenti un forum in linguaggio asp, che avevo modificato graficamente in modo da inserirsi perfettamente nella grafica del sito, e una java chat, a completo usufrutto degli utenti.

Il sito, nella sua generalità è completo. Mancano alcune sezioni dei varii esercirti di miniature, poi alcune miniature colorate da me che avrebbero avuto bisogno di una migliore collocazione, e una guida avanzata di pittura su alcune tecniche particolari, che però non ho mai avuto il tempo di realizzare. Poi vabeh, qualche aggiustamento qua e la, ma iln linea di massima, il sito è usufruibile nella sua totalità, e se ne puo capire perfettamente la chiarezza espressiva e la facilità di navigazione. se volete farvi una breve cultura sulle miniature di warhammer, dateci uno sguardo.

Wasabi’s HomePage

mercoledì, agosto 6th, 2008

Titolo: Wasabi’s HomePage
Autori: Bastard82 – Pamela
Risoluzione: ottimizzato 800×600
Programmi Usati: Dreamweaver 3.0 Photoshop 7.0 Paint Shop Pro
Iniziato: Gennaio 2003
Ultima Modifica: Settembre 2003
Site Preview: Wasabi’s HomePage (ospitato sul mio spazio web)

Questo è in assoluto il primo sito che ho realizzato. Il progetto nacque grazie a Pamela, una mia amica, che voleva realizzare un sito sui manga e anime giapponesi. La struttura è relativamente semplice. niente frames, niente java, tabelle bene in vista, e tanta tanta fatica x realizzarlo. Solo per fare l’immagine del titolo, a suo tempo ci misi roba come 3 o 4 giorni ^^”.

Anche guestbook e contatore utenti sono presi da siti che offrivano servizi gratis, ma come resa grafica fanno abbastanza schifo :) . anche qua grossi problemi di logistica, come sistemare le pagine, le recensioni, un casino x dividere le tabelle come volevo io etc. Non sapevo ancora usare Dreamweaver, anzi mi ricordo che imparavo pian piano leggendo il tutorial mentre andavo avanti col sito.

Comunque credo che in fin dei conti sia venuta fuori una cosa abbastanza chiara e comprensibile, seppure graficamente povera. Diverse sezioni sono finite mentre diverse altre invece non sono neppure iniziate, dato che ho abbandonato il progetto in una fase abbastanza precoce per mancanza di tempo, in quanto stavo dedicandomi ad altre cose. Dategli pure un’occhiata se avete un po di tempo, potreste trovare alcune informazioni interessanti :)

Preliminari alla Costruzione di un Sito Web

mercoledì, giugno 25th, 2008

Non essendo un professionista del settore, ma soltanto uno che si diletta nel suo tempo libero a costruire, installare e configurare siti web, mi accingo da bravo profano, a buttare giù alcune idee di base che avevo brevemente schematizzato in occasione della costruzione del sito Promosporteventi.
L’argomento centrale, come si evince dal titolo, riguarda le decisioni preliminari alla costruzione di un sito web, ovvero quelle che dovrebbero essere prese in collaborazione con il committente, o meglio, che il committente dovrebbe già avere un po chiare in occasione del primo colloquio.

Propongo di seguito una classificazione assolutamente non basata su testi scientifici, relativamente alla scelta della tipologia si sito web, in relazione agli obiettivi del committente e alle funzioni che il sito web dovrà svolgere.

Obiettivo: La prima cosa su cui si deve fare chiarezza, è l’obiettivo a cui il sito dovrà assolvere; se il committente non ha le idee chiare, dobbiamo cercare in breve tempo di farlo focalizzare su quelle che sono effettivamente le sue necessità, ovvero, sul perchè vuole un sito web.
Le risposte possono essere tra le più disparate, ma sicuramente, andranno a ricadere in poche macrocategorie, ovvero:
- Presentazione interattiva dell’azienda
- Presentazione dell’azienda con alcune pagine di contenuti statici (documenti testuali e/o gallerie immagini etc..)
- Sito dinamico per l’inserimento e aggiornamento continuo di contenuti
- Sito dinamico con inserimento di contenuti, e partecipazione attiva dell’utenza (con molteplici funzionalità ulteriori)

Segue dal post precedente..

Funzionalità: A questo punto, una volta definito a grandi linee il compito che il nostro sito web dovrà assolvere, dobbiamo andare a definire quelle che sono le effettive caratteristiche e funzionalità che il sito dovrà possedere.

Tra queste, possiamo elencarne alcune, come ad esempio:
- Presentazione interattiva (applicazione flash con filmati e musiche); si punta tutto sul look della pagina.
- Inserimento e modifica frequente di contenuti testuali di diverse tipologie (news, recensioni, documenti, guide, rassegne stampa etc..), con eventuale possibilità di collegare tra di loro i diversi contenuti, suddividerli inc ategorie ed effettuare ricerche tramite hotwords
- Gallery statica, con immagini predeterminate (gallery dimostrative a corredo delle informazioni testuali inserite)
- FotoGallery dinamica, con possibilità di inserimento veloce di nuove immagini, e suddivisione di queste ultime in categorie (inserimento di fotoreportage, immagini di nuovi prodotti per aziende ad alto tasso di innovatività e/o rotazione degli articoli)
- Sistema di gestione di commercio online (per committenti che vogliono poter vendere i loro prodotti online, o permettere ad altri di mettere in vendita prodotti attraverso il loro sito web)
- Sistema di gestione utenti, attraverso la registrazione e conseguente raccolta di alcune (o molte, per finalità di indagine statistica) informazioni sui singoli visitatori, oltre ad una eventuale e più complessa gestione di categorie utenti e relativi permessi
- Bulletin Board (Forum) o guestbook, dove gli utenti possono essere coinvolti nelle attività del sito web
- Gestione banners pubblicitari (con relativa raccolta di statistiche su click, impressioni etc..)
- Altre varie funzionalità particolari.

Questo è un punto su cui sarà bene soffermarsi con molta attenzione, in quanto è pratica abbastanza comune del committente, di aggiungere funzionalità al proprio sito web, durante la fase di realizzazione; questo, oltre a causare per l’ulteriore perdita di tempo, e magari anche perchè si è impostato tutto il sistema per agire in una diversa maniera, comporta anche aggravi di natura economica, che porteranno sicuramente ad attriti tra voi e il committente.
Per cercare di ovviare il più possibile a questo inconveniente, è appunto utilissimo, analizzare bene e con calma insieme al nostro committente, quelle che sono le sue richieste, in modo da evitare di tornare sui propri passi.

segue dal post precedente…

Tipologia di sito web: una volta in possesso di tutte queste informazioni, possiamo scegliere in tutta chiarezza, l’effettiva tipologia di sito web che fa al caso nostro. Infatti, a seconda delle funzionalità necessarie, andremo ad analizzare la complessità del nostro sito web e quindi la soluzione più indicata, tra cui:
- Sito statico in puro html e css. Tipologia un pò obsoleta ad oggi, visto che anche i vecchi siti html, vengono riconvertiti in siti dinamici dalle aziende del settore, ma ho comunque deciso di inserirla in quanto è il punto di partenza per imparare a maneggiare un po di codice base, e confrontarsi appunto con la creazione di un sito. Naturalmente, questa tipologia è adatta per poche pagine, che non dovranno più essere modificate.
- Sito realizzato tramite flash. Questa tipologia è adatta per siti web dedicati ad una presentazione dell’azienda, in cui l’utente finale, deve essere attratto dalle animazioni accattivanti, più che dai contenuti in se. In pratica, è adatto per pubblicizzare nel vero senso della parola, l’azienda, fornendo allo stesso tempo le informazioni utili per categorizzare l’attività produttiva e le metodologie di contatto, spesso utilizzando anche un frasario mirato e ricercato. I siti in flash si prestano comunque anche ad un periodico aggiornamento dei contenuti, ma per realizzarli è necessaria una buona se non ottima conoscenza del linguaggio flash e dei relativi editor (macromedia flash prima di tutti).
- Sito realizzato tramite installazione e configurazione di un Content Management System (CMS). Questa tipologia si presta a molteplici utilizzi, di varia complessità; un cms può infatti essere configurato per fornire delle funzionalità minimali, oppure per poter gestire un elevatissimo numero di azioni. Le funzionalità di base, possono poi essere ampliate tramite l’aggiunta di apposite addons (moduli). alcuni esempi di CMS sono Drupal, Joomla, Mambo, PHPNuke etc..