Appunti web design

Esame Mass media, new media e società delle reti

Facoltà Comunicazione relazioni pubbliche e pubblicità

Dal corso del Prof. Cellario Massimo

Università Libera Università di Lingue e Comunicazione (IULM)

Appunto

3,0 / 5 (2)

Scarica

Appunti di Mass media, new media e società delle reti web design basati su appunti personali del publisher presi alle lezioni del prof. Cellario dell’università degli Studi Libera Università di Lingue e Comunicazione - Iulm, Facoltà di Comunicazione relazioni pubbliche e pubblicità. Scarica il file in formato PDF!

…continua

Anteprima

Vedrai una selezione di 3 pagine su 6

Anteprima di 3 pagg. su 6.
Scarica il documento per vederlo tutto.

Scarica

Disdici quando
vuoi

Acquista con carta
o PayPal

Scarica i documenti
tutte le volte che vuoi

Estratto del documento

Cosa riesce a vedere l’occhio? Quanti punti riesce a risolvere l’occhio?

300 DPI a 50cm

MEDIA

IMAGE 2D :

Samples Objects

Pixel: le immagini che sono presentate Shapes: le immagini che sono presentate

a pixel sono chiamate “bitmap” a shapes sono chiamate “vector”

Dimensione (pixel x pixel)

Resolution (dpi)

Il vantaggio dell’immagine è che sia scalabile (scalable)

Se so usare i pixel posso ottenere il realismo

IMAGE 3D:

Samples Object

Pixel ( voxel ) Shapes

Scale (heavy file) Scalable (light file)

Malware= malicious software. Tra i vari malware:

• virus (infetta tramite collegamenti)

• worm (infetta anche senza nessun tipo di collegamento)

• trojan (horse)

• adware

• spam(posta indesiderata)mer

• spyware

• kay logger

Hardware (hw)

Software (sw) = dati,programmi ecc..

• system sw = operating system

• application sw ( app )

Cookies:

Sono dei text file che se accettiamo il sito salva sui nostri computer. Problema:

• privacy

• safety

Profilazione dell’utente 27/10/2015

IMAGE (2D)

SAMPLES OBJECTS

PIXEL “bitmap” CURVES, COLOR.. “vector”

REALISTICO GRAFICO

(heavy file) (light file)

SCALABILE senza perdita di qualità

uso combinato (prendo pixel e riempio la figura): texture

- - -TRACING - - ->

(traccio contorni, cerco di estrarre le forme) (OCR: optical character recognition)

<- - - RASTERIZING - - -

“hyperdictionary”

COLOR MODEL (modi di rappresentare il colore)

modelli tecnologici tri-cromatrici

RGB = Red Green Blue (ogni colore rappresentato come mescolanza di questi colori)

CMY = Cyan Magenta Yellow

modello tecnologico quadri-cromatico esa-cromia

CMYK = Cyan Magenta Yellow Black CMYKxx

RGB emissivo light monitor (eye)

CMY riflessivo ink printer

modello psicologico (brain)

HSB = Hue Saturation Brightness 03/11/2015

password WD2016

FILE FORMAT

IMG

- dimensione (px x px)

- risoluzione (dpi)

- pixel (sampling) Analog to digital

- colors (quantizing) conversion

- bit (coding)

Occhio in grado di distinguere 16 milioni di colori - 24 bit

256 - 8 bit

Quantizing (colors) Coding (bit) Compression Trasparenza

jpeg (p=photograph) 16M 24 photo lossy ! X

gif (g=grafic) 256 ! 8 grafic lossless 1 color trasp

png_8 (n=network) 256 ! 8 grafic lossless 1 color trasp

png_24 (n=network) 16M 24 + photo lossless 256-level

8 = 32 (trasparenza)

optimization = quality vs. cost

Compression of FILE SIZE

lossy: comprimendo perdita di qualità, non torno allo stato originale del file PUBLISHING

lossless: posso comprimere e decomprimere senza perdita di qualità BACKUP

foto:

1000x1000x24

1000 px pixel x pixel x bit

video:

10 x 800 x 8

frames x pixel x bit

1000 px 24 bit

PROJECT MANAGEMENT

DEVELOPMENT

- concept (idea)

- design (progettazione)

- information d. (architecture)

- interaction d.

- visual (presentation) d.

- implementation (realizzazione)

- authoring

- coding

- programming (Java, C++…)

- scripting (JavaScript, ActionScript…)

- marking-up (HTML)

- test (valutazione)

- hw, sw

- user (—>interviews, network listening, neuroscience)

- publishing (consegnare)

aula 521

gio 26 nov L-Z 09.00-10.30

gio 10 dic L-Z 09.00-10.30

EYE 10-15 fps

cinema 24 fps

TV EU 25 fps

TV US 30 fps

frames x pixel x bit

4” x 3”

100 dpi

400 x 300 pixel

“zazoo kid”

DIMENSIONE SPACE TIME

analogica inch (cm) sec

digitale pixel frame

RISOLUZIONE SPACE TIME

dim. digitale / dim. analogica dpi (=pixel/inch) fps

dim. discreta / dim.continua

EYE Space—> 300 dpi Time—>15fps 24/11/2015

WEB: servizio

Internet: infrastruttura

Hyper-Text = Text + Hyper-Link

HTML: linguaggio di marcatura di ipertesti structural markup (non è programmazione!)

TAG: etichette di marcatura <TAG>…..</TAG> es.: Il mio <B>testo</B> del mio sito

File HTML

<HTML>

<HEAD>

<TITLE>

<KEYWORDS> (google non legge le keyword, indicizza secondo content)

</HEAD>

<BODY>

IL mio testo…. corpo del testo

</BODY>

</HTML>

SEO/SEM Search Engine Optimization/Marketing

SMO/SMM Social Media Optimization/Marketing

Dettagli

Publisher

martina.vigliotti

A.A. 2015-2016

6 pagine

4 download

SSD Ingegneria industriale e dell'informazione ING-INF/03 Telecomunicazioni

I contenuti di questa pagina costituiscono rielaborazioni personali del Publisher martina.vigliotti di informazioni apprese con la frequenza delle lezioni di Mass media, new media e società delle reti e studio autonomo di eventuali libri di riferimento in preparazione dell'esame finale o della tesi. Non devono intendersi come materiale ufficiale dell'università Libera Università di Lingue e Comunicazione (IULM) o del prof Cellario Massimo.