COS E INTERNET? Internet è una retefisica che tramite unprotocollo di comunicazione unico collega vari terminali in tutto il mondo

Transcript

1 IL WORLD WIDE WEB

2 COS E INTERNET?

3 COS E INTERNET? Internet è una retefisica che tramite unprotocollo di comunicazione unico collega vari terminali in tutto il mondo COME DIFFUSIONE VIENE SUPERATA SOLO DALLA RETE TELEFONICA

4 COS E UNA RETE? Una rete è unainterconnessionedi almeno due computer Hub Stella Anello

5 STORIA La storia di internet è relativamente breve: ARPANET NASCONO LE EMOTICON VIRUS PROTOCOLLO TCP/IP INTERNET IN ITALIA W.W.W.

6 L HTTP HTTP: Hyper TextTransferProtocol L HTTP è un protocollo che lavora con un architettura client-server e li collega attraverso due tipi di messaggi: messaggi richiesta e messaggi risposta Nel 1991 viene creato il protocollohttp Nel 1993 l HTTP viene reso pubblico

7 L HTML HTML: Hyper TextMarkupLanguage L HTML è un linguaggio impiegato nella formattazione e impaginazione di documenti ipertestuali per permetterne la fruizione lato client Il W3C (World Wide Web Consortium) si occupa fin dagli albori del web di definire lo standard per il linguaggio HTML

8 COME FUNZIONA? Le informazioni di ogni sito vengono memorizzate su documenti chiamati pagine web ed inserite in computer chiamati Web Server. I computer che accedono a queste pagine vengono definiti Web Client ed usano dei programmi detti Browser che leggono le pagine Web e ne visualizzano il contenuto.

9 COME FUNZIONA? Risposta Pacchetto Richiesta Pacchetto WEB SERVER PROTOCOLLO HTTP WEB CLIENT BROWSER HTML MONITOR

10 DOMINIO Un nome di dominio è un un nome univoco che identificail vostro sito in tutto il Web ESEMPIO: Google.com, Facebook.com, Yahoo.it Un nome di dominio per poter essere attivo deve essere registrato in un server detto DNS (Domain Name System) usato da Internet per accedere a tutti i domini attivi

11 LA PAGINA WEB

12 CSS CSS: Cascading Style Sheet Il CSS è un linguaggio di programmazione utilizzato per definire la formattazione grafica del contenuto dei documenti HTML lato client ed è regolamentato dal W3C. E necessario per una programmazione più chiara e facile delle pagine web

13 SENZA CSS

14 CON CSS:

15 DATI DI UTILIZZO POPOLAZIONE RIFERIMENTO TEMPO PER PERSONA PC MOBILE 47,0 % 66,2 % 14:42 ore 51:24 ore FONTE: Statistica Audiweb - Rapporto Mensile Settembre 2017

16 QUINDI? E fondamentale, per raggiungere nel miglior modo il maggior numero di utenti, che il nostro sito sia visualizzabile al meglio su qualunque dispositivo con particolare attenzione ai dispositivi mobile. Le dinamiche di fruizione di un sito web sono diverse a seconda del supporto utilizzato, bisogna prestare attenzione ai dettagli!

17 SIATE RESPONSIVE! Responsive: In grado di adattarsi al dispositivo di destinazione andando a riformattare la pagina web a seconda della necessità

18 JAVASCRIPT Il Javascript è un linguaggio di programmazione utilizzato per la creazione di effetti dinamici interattivi in grado di reagire ad eventi scatenati dall utente. ESEMPIO Animazioni di comparsa oggetti, caricamento testi, pulsanti animati

19 PHP e ASP.NET PHP: Pre Hypertext Processor ASP: Active Server Pages Linguaggi utilizzati principalmente lato server che permettono di interfacciarsi con database di informazioni e di offrire funzioni dinamiche all utente o agli amministratori della pagina web.

20 COME FUNZIONA? WEB SERVER WEB CLIENT CSS UTENTE HTML JAVASCRIPT PHP

21 ALCUNI SUGGERIMENTI

22 USABILITA e ACCESSIBILITA Usabilità: La caratteristica per cui l utente è gratificato dall esperienza d uso e navigazione, traendone beneficio e volendola ripetere. Accessibilità: La caratteristica per cui un sito web favorisce la fruizione rispettando le esigenze e le preferenze degli utenti, senza esclusioni.

23 SUGGERIMENTI Content First: E fondamentale strutturare il contenuto e le informazioni della nostra pagina in modo che queste compaiano in maniera efficace sullo schermo dei visitatori. L utente viene nel nostro sito perchè a caccia di informazioni, sta a noi fornirle nel modo giusto.

24 SUGGERIMENTI Call to Action: Creare sempre nel proprio sito diversi sistemi di interazione con l utente in modo che la User Experience (UX) sia efficace e catturi l attenzione ESEMPIO Bottoni che invitino a vedere il contenuto

25 SUGGERIMENTI Coming Soon: In un mondo che si è sempre più digitalizzato è fondamentale comparire sul web. Anche se la propria pagina non è ancora pronta, alle volte conviene comunque creare una facciata di presentazione che avvisa che il sito è ancora in sviluppo

26 SUGGERIMENTI Geolocalizzazione: Fondamentale per le attività commerciali prestare particolare cura a come viene comunicata la propria posizione attraverso il sito internet. E ormai buona norma integrare nelle pagine un applicativo di Google maps in modo da poter interfacciare il nostro sito con i vari sistemi di navigazione che offre.

27 SUGGERIMENTI Prezzi: Per quanto non dovrebbero ricoprire un ruolo centrale all interno dei contenuti proposti all utente, sempre più spesso questo visita i siti internet delle attività commerciali per raccogliere anche questo tipo di informazioni. Non mettiamole da parte!

28 I PROFESSIONISTI

29 ESECUTIVI Progettista/Architect: Sceglie testi e contenuti e determina in quale ordine questi devono comparire. Grafico: Realizza il primo layout del sito web e tutte le immagini necessarie alla realizzazione del tema grafico. Web Designer Frontend: Si occupa della realizzazione del codice HTML e CSS. Realizza ciò che comparirà a monitor all utente. Web Designer Backend: Gestisce tutto ciò che sta dietro alla pagina. Dalle funzioni Php alla gestione del database.

30 COMMERCIALI Account: E il punto di unione tra la web agency e il committente. Si occupa di spiegare al cliente l operato dell agenzia. SEO: E colui che si occupa di rendere visibile un dominio, portandolo alle prime posizioni dei motori di ricerca. Web Analyst: Analizza i dati per comprendere il comportamento dell utenza. Interpretandoli migliora diversi aspetti del sito. Social Media Manager/Strategist: Si occupa di amministrare i definire le strategie di comunicazione sui canali social.

31 GRAZIE!