Conceptes Fonamentals de Tecnologia: Web, Programació i Disseny Gràfic

Conceptes Fonamentals d'Internet i Multimèdia

Diferències entre Internet i World Wide Web (WWW)

Internet és una xarxa global d’ordinadors físics, mentre que la WWW és un sistema de documents en format HTML que es troben a Internet i es poden enllaçar entre si mitjançant hipervincles.

Què és l'HTML?

L'HTML (Hypertext Markup Language) és el llenguatge de marcatge que es fa servir per crear pàgines web.

Orígens i Evolució d'Internet

Internet va ser creat inicialment com un projecte de defensa per part dels Estats Units amb l’objectiu de crear una xarxa de comunicació internacional descentralitzada que pogués resistir atacs i mantenir la comunicació militar en cas de crisi.

Posteriorment, va evolucionar per permetre l’educació acadèmica i científica, i finalment es va obrir a l’ús públic general.

Relació entre Pàgines Web i Hipervincles (Links)

Les pàgines web utilitzen hipervincles (o links) per connectar-se i relacionar-se amb altres pàgines web, facilitant la navegació.

Diferència entre Maquinari (Hardware) i Programari (Software)

• Maquinari (Hardware): Són els components físics d’un ordinador o altres dispositius.
• Programari (Software): És el conjunt d’aplicacions i dades que s’executen a través del maquinari.

Introducció a la Programació amb App Inventor

Components Principals d'App Inventor

App Inventor es divideix en dues àrees principals:

• Dissenyador: S'utilitza per dissenyar la part visual de l'aplicació, on s'afegeixen i es configuren els components visuals.
• Editor de Blocs: Conté les instruccions de programació, on s'estableix la lògica de l'aplicació mitjançant blocs.

Ús de l'Etiqueta (Label) i el Camp de Text (TextBox)

• Etiqueta (Label): S’utilitza per mostrar text estàtic a l’usuari (informació, títols, etc.).
• Camp de Text (TextBox): Permet a l'usuari introduir text dins de l'aplicació.

Programació per Blocs vs. Programació per Codi

La programació es pot realitzar de dues maneres principals:

• Per Blocs: Es basa a arrossegar i encaixar blocs que representen instruccions de programació.
  • Exemple: Scratch, App Inventor.
• Per Codi: Es basa a escriure codi textualment utilitzant un llenguatge de programació.
  • Exemple: Java, Python.

Avantatges de la Programació per Blocs

Programar per blocs és més intuïtiu i redueix significativament la possibilitat d'errors sintàctics, facilitant l'aprenentatge inicial.

Què és un Fitxer APK?

Un APK (Android Package) és un format de fitxer utilitzat pel sistema operatiu Android. Conté tots els elements necessaris per instal·lar i executar una aplicació en un dispositiu Android.

Definició i Ús de Variables en Programació

Una variable és un element de programació que emmagatzema dades que poden canviar durant l’execució del programa.

Exemple de Variable (Nombre Parell)

Si volem fer una aplicació que determini si un nombre introduït per l’usuari és parell, la variable principal seria el nombre que introdueix l’usuari, ja que el seu valor canvia segons l'entrada.

Diagrama de Flux i Estructures Condicionals

Un diagrama de flux és una representació gràfica d'un procés o algorisme.

L’estructura condicional bàsica utilitzada en la lògica de programació és IF THEN ELSE (Si Aleshores Altrament).

Nota: En l'exemple d'un diagrama de flux, els valors que es poden utilitzar com a variables són, per exemple, el nombre 1 i el nombre 2.

Adobe Illustrator i Gràfics Vectorials

Illustrator vs. Photoshop: Quan utilitzar Gràfics Vectorials

Utilitzem Adobe Illustrator per crear gràfics vectorials, ja que permet escalar-los (fer-los més grans o petits) sense perdre qualitat ni resolució.

Exemples d'ús:

1. Creació de logotips.
2. Disseny d'esquemes gràfics o il·lustracions complexes.

Diferència Clau: Imatge Vectorial vs. Imatge Rasteritzada

• Imatge Vectorial: Està composta per línies i equacions matemàtiques. Es pot escalar sense perdre qualitat.
• Imatge Rasteritzada (o Digital): És una matriu de píxels, on cada píxel té un color específic. La qualitat depèn directament de la seva resolució (nombre de píxels).

Gestió i Avantatges de les Capes a Illustrator

Les capes a Illustrator s’utilitzen per organitzar i separar diferents elements del disseny. Això permet treballar en un element de manera independent sense afectar la resta del contingut.

Avantatges dels Gràfics Vectorials

Els gràfics vectorials són preferibles per a certs projectes (com la impressió o el disseny de marca) pels següents avantatges:

• Escalabilitat: Es pot augmentar la mida de la imatge sense perdre resolució.
• Edició precisa: Permeten modificacions detallades i ajustos precisos.
• Mida de fitxer: Normalment, els fitxers vectorials són més petits que els rasteritzats equivalents.