Docsity
Docsity

Prepara i tuoi esami
Prepara i tuoi esami

Studia grazie alle numerose risorse presenti su Docsity


Ottieni i punti per scaricare
Ottieni i punti per scaricare

Guadagna punti aiutando altri studenti oppure acquistali con un piano Premium


Guide e consigli
Guide e consigli


Basi informatiche html, Schemi e mappe concettuali di Informatica Medica

Basi per superare l’idonietà di informatica

Tipologia: Schemi e mappe concettuali

2024/2025

Caricato il 29/05/2026

stzk5sy77j
stzk5sy77j 🇮🇹

3 documenti

1 / 4

Toggle sidebar

Questa pagina non è visibile nell’anteprima

Non perderti parti importanti!

bg1
PROCESSO DI SVILUPPO DEL PROGETTO
Si divide in tre fasi:
1. FASE DI PIANIFICAZIONE: Serve a definire l'elaborazione del progetto:
ANALISI: obiettivo, target, caratteristiche e funzioni del sito
RACCOLTA CONTENUTI: riassume le informazioni che ci saranno sul sito
DIAGRAMMA DI FLUSSO: rappresentazione grafica della portata del sito; definisce gli
elementi che compongono la struttura di navigazione
SOFTWARE, TECNOLOGIA E RISORSE: la gamma dei dispositivi su cui sarà possibile
visualizzare il sito
FORMAZIONE: eventuali necessità di ricevere assistenza, istruzioni, informazione e
manutenzione
CONTRATTO: parte finale, verificare che tutti gli elementi sono stati presi in
considerazione
2. FASE DI PROGETTAZIONE: si prendono in considerazione le informazioni raccolte
WILFRAME: definisce l’aspetto del layout (bozza strutturata del layout delle pagine
principali del sito in cui si posizionano gli elementi di un progetto)
DIMENSIONI DEL SITO WEB: varia a seconda delle tendenze, target e il modo in cui il
cliente vuole che siano visualizzati i contenuti
MODELLO DEL PROGETTO: scelta dello stile
COMPOSIZIONI FINALE DEL LAYOUT: definizione del modello iniziale
DOCUMENTAZIONE: produrre documenti per il programmatore (colore, stile, caratteri
…)
3. FASE DI SVILUPPO: lavoro del programmatore
PREPARARE IMMAGINI
CODICI: la maggior parte sulla base di HTML (Struttura architettonica di un palazzo,
definisce le fondamenta, le mura...) E CSS (Regola gli aspetti interni dell’edificio, come il
colore, la disposizione degli arredi, elem. Decorativi)
FUNZIONI AGGIUNTIVE
INSERIMENTO DEI CONTENUTI
TEST E VERIFICA: controllo del funzionamento
4. FASE DI LANCIO: preparazione del sito x la visualizzazione da parte del pubblico
TRASFERIMENTO ALL’HOST AL CLIENTE
MODIFICHE DEL CODICE: se richiede l’inserimento di codici di terzi, questi saranno
inseriti dopo aver caricato il sito
ULTERIORE TEST DI VERIFICA
5. FASE DI POST-LANCIO: revisione del sito e consegna al cliente, può comprende:
PREPARAZIONE DEL FILE SORGENTE: organizzazione e assemblaggio di tutti i file da
restituire
VERIFICA DI SODDISFAZIONE: feedback e accertarsi che il cliente continui a essere
soddisfatto
pf3
pf4

Anteprima parziale del testo

Scarica Basi informatiche html e più Schemi e mappe concettuali in PDF di Informatica Medica solo su Docsity!

PROCESSO DI SVILUPPO DEL PROGETTO

Si divide in tre fasi:

1. FASE DI PIANIFICAZIONE: Serve a definire l'elaborazione del progetto: - ANALISI : obiettivo, target, caratteristiche e funzioni del sito - RACCOLTA CONTENUTI : riassume le informazioni che ci saranno sul sito - DIAGRAMMA DI FLUSSO: rappresentazione grafica della portata del sito; definisce gli elementi che compongono la struttura di navigazione - SOFTWARE, TECNOLOGIA E RISORSE : la gamma dei dispositivi su cui sarà possibile visualizzare il sito - FORMAZIONE : eventuali necessità di ricevere assistenza, istruzioni, informazione e manutenzione - CONTRATTO: parte finale, verificare che tutti gli elementi sono stati presi in considerazione

  1. FASE DI PROGETTAZIONE : si prendono in considerazione le informazioni raccolte
    • WILFRAME : definisce l’aspetto del layout (bozza strutturata del layout delle pagine principali del sito in cui si posizionano gli elementi di un progetto)
    • DIMENSIONI DEL SITO WEB : varia a seconda delle tendenze, target e il modo in cui il cliente vuole che siano visualizzati i contenuti
    • MODELLO DEL PROGETTO : scelta dello stile
    • COMPOSIZIONI FINALE DEL LAYOUT : definizione del modello iniziale
    • DOCUMENTAZIONE : produrre documenti per il programmatore (colore, stile, caratteri …)
  2. FASE DI SVILUPPO: lavoro del programmatore
    • PREPARARE IMMAGINI
    • CODICI : la maggior parte sulla base di HTML (Struttura architettonica di un palazzo, definisce le fondamenta, le mura...) E CSS (Regola gli aspetti interni dell’edificio, come il colore, la disposizione degli arredi, elem. Decorativi)
    • FUNZIONI AGGIUNTIVE
    • INSERIMENTO DEI CONTENUTI
    • TEST E VERIFICA : controllo del funzionamento
  3. FASE DI LANCIO : preparazione del sito x la visualizzazione da parte del pubblico
    • TRASFERIMENTO ALL’HOST AL CLIENTE
    • MODIFICHE DEL CODICE : se richiede l’inserimento di codici di terzi, questi saranno inseriti dopo aver caricato il sito
    • ULTERIORE TEST DI VERIFICA
  4. FASE DI POST-LANCIO : revisione del sito e consegna al cliente, può comprende:
    • PREPARAZIONE DEL FILE SORGENTE : organizzazione e assemblaggio di tutti i file da restituire
    • VERIFICA DI SODDISFAZIONE : feedback e accertarsi che il cliente continui a essere soddisfatto

GLOSSARIO

CMS : CONTENT MANAGMENT SYSTEM; il tramite fra il database (conservati testo e immagini) bnella struttura di layout progettata e dinamica del sito web CSS : CASCADING STYLE SHEETS; controlla le funzioni HTML : HYPERTEXT MARKUP LANGUAGE; permette di costruire un sito RODI : indica la riuscita di un progetto in relazione ai suoi obiettivi (ritorno investimento) 404 ERROR : errore link sito SSL : SECURE SOCKETS LAYER; garantisce la sicurezza su Internet DASHBOARD : parte amministrativa del CMS PLUG-IN : widget o moduli (elemento che migliora o aggiunge funzionalità al sito, essere un banner vpubblicitario, previsioni meteo…) possono inserire nell'area widget TAG CLOUD : un elemento di navigazione in cui è possibile selezionare le parole chiavi per perfezionare i Vcriteri di ricerca e visualizzare messaggi con tema simili STILE BOARD : tavola che illustra le proposte stilistiche da far esaminare al cliente indipendentemente Vdalla struttura del sito web MENU A SCOMPARSA appare stendendosi lateralmente, MENU A TENDINA appare quando ho Vvisitatori clicca sul link di navigazione principale per svelare le sottosezioni DESIGN RESPONSIVO permette di modificare gli elementi di un layout in risposta al dispositivo su cui Vil sito viene visualizzato rotazioni numero di movimenti compiuti da una gif animata dal primo Vall'ultimo frame RUOLO DEL PROGETTISTA : ascoltare e decifrare i bisogni reali che il progetto dovrà soddisfare

  • BROCHURE : è il più semplice – COMUNICAZIONE DIRETTA Consegna rapida x una presenza online, i testi sono meno presenti
  • PORTFOLIO : mirato alla presentazione di esempi visivi BROCHURE: dettagli PORTFOLIO: visualizzazione più dettagliata Trasferiti su un'altra pagina sempre nella stessa home
  • SITI X EVENTI O COMPAGNE : hanno vita breve, vengono usati per la vendita dei biglietti o per la conferma di partecipazione
  • BLOG : diario online, permette ai visitatori di commentare, per questo coinvolge gli utenti
  • COMMUNITY : condividere info specifici tra membri (interazione tra loro)
  • NOTIZIE/CONSULTAZIONE : è incentrato sull’informazione (struttura editoriale), si mantengono per le pubblicità, vengono inseriti BANNER, BADGET…
  • E-COMMERCE : commercializzazione di prodotti (Vendita 24/7)

APPLICAZIONI

NATIVE : software sviluppati per uno specifico sistema operativo (Windows, Apple); collabora con almeno un programmatore, devono rispettare i vari parametri definiti dal produttore. WEB : ho applicazioni che vivono sul web, quando si avvia, viene caricata nella finestra del browser. WEB OFFLINE : non richiede la connessione Internet, i file sono già inclusi nel download dell'app. PROGETTARE UN’APP il produttore compila uno script del progetto un documento che definisce il contenuto, i componenti di composizione/navigazione, i requisiti e l'elenco dei materiali grafici il metodo più efficace per imparare a progettare è: CERCARE DEI KIT INTERFACCIA UTENTE (UI: INTERAZIONE TRA UOMO E COMPUTER), disponibili online in realizzare la gamma di elementi BANNER PUBBLICITARI

  • COSTO PER M (CPM): M= 1.000 visualizzazioni (gli inserzionisti pagano a seconda di quante volte il loro annuncio è stato visualizzato)
  • COSTO PER CLIC (CPC): gli inserzionisti pagano solo per coloro che hanno cliccato TIPI DI BANNER
  • Annunci di testo
  • elemento grafico statico: immagini più testo
  • gif animate: catturano l'attenzione
  • banner in flash: creato con Adobe flash, permette di interagire

OTTIMIZZAZIONE PER I MOTORI DI RICERCA (SEO)

META TAG : elementi del codice HTML usati iper indicizzare correttamente i siti web

  • Parola chiave: combinazioni di parole che in navigatori usano per motore di ricerca per individuare il sito
  • Titolo
  • Descrizione
  • Immagini: link dell'immagine sopra il sito PORTAFOGLIO ONLINE : descrizione sintetica del proprio lavoro e rispecchia le proprie abilità: LOW-TECH : avere immagini disponibili su richiesta tramite un link GLOSSARIO AD SERVER : sistema per inserire i contenuti pubblicitari dinamici in una pagina web IAB: organizzazioni che si occupa di definire gli standard per la pubblicità online ROTAZIONI : numeri di movimenti compiuti dalla GIF animata, dal primo all'ultimo frame TASSONOMIA : sistema di classificazione per etichettare gli elementi di un sito web