Tutoría 7 - RPMI - UT7 y Examen - 19 de mayo

Pues bienvenidos a esta tutoría, previsiblemente, vamos, la última del curso antes de los exámenes. 00:00:01

Estaba comentando que, bueno, con respecto al tema 7, no he recibido ninguna duda ni sobre tarea ni sobre contenido. 00:00:09

Es verdad que hay varios vídeos. En la tutoría anterior se habló de cómo usar la IA, que es una herramienta ahora súper útil para resolver dudas o ver planteamientos nuevos. 00:00:19

Bueno, pues creo que está enfocado suficientemente bien, como para que si no hay dudas, pues entiendo que está resuelto. Voy a compartir pantalla y entonces lo que me planteo es hacer un repaso por los distintos temas de manera rápida. 00:00:27

No va a ser una explicación de los temas, esto ya se ha ido durante el curso realizando cuando ha sido necesario, las tareas y las correcciones, etc. 00:00:44

Pero bueno, un poco para de manera rápida, en el tiempo que tenemos hoy, ver un repaso de quizá que yo le daría más énfasis y que menos al temario. 00:00:54

¿Vale? Bueno, como siempre, si es temario, si es contenido del curso, si las tareas, aunque sean voluntarias, también se entiende que son aplicaciones de lo que se ha ido explicando, por tanto, también puede relacionarse. 00:01:08

Bueno, pues aunque ahora diga esto, no exime, ¿vale? Otro disclaimer es de que el temario es el que es y aunque yo diga aquí le daría menos énfasis, pues hay que saberlo y es parte del contenido del examen. 00:01:22

Ya lo dije, sobre todo a principio de curso, y lo habré dicho alguna vez más, simplemente, que dentro de lo que son los temas de los contenidos vais a ver secciones llamadas para saber más dentro de cajas amarillas. 00:01:35

Y no me refiero a las cajas azules, verdes, de otro tipo de tono de amarillo, me refiero a las que aparecen con esta estructura de caja amarilla y para saber más. 00:01:49

Esas partes no son temario en sí, son ampliaciones o se puede plantear bibliografía extra, etc. Simplemente que esas secciones no son contenido de examen. 00:01:58

Y de mismo modo, también se dijo sobre todo en las primeras tutorías, lo que es el temario de examen son los contenidos que se encuentran en cada tema dentro de la sección de examen. 00:02:12

Evidentemente, como he dicho, las tareas están vinculadas y bueno, aparte de asentar conocimientos, pues también son convenientes un poco estar familiarizado con lo que se pedía y la resolución, aunque fueran voluntarias, pues también son parte del módulo, ¿vale? 00:02:23

Y en las tutorías, pues si ha habido dudas que se han resuelto a tenor de estos contenidos y tareas, pues hombre, también deberíais haberlas visualizado y conocerlas, ¿vale? 00:02:37

Entonces, vamos a ello, ¿vale? Si os parece bien. Voy a empezar... Bueno, lo primerísimo de todo, importantísimo, ya se publicó hace varias semanas en la sección de recursos generales. ¿Estáis viendo mi pantalla? ¿Qué le da a compartir? A ver si estoy hablando aquí a la nada. Vale, genial. Vale, pues este aula virtual es... ¿Podéis hablar un segundo por el micro? Que no sé si os estoy oyendo, si alguna vez me queréis interrumpir. 00:02:48

Decidme algo 00:03:15

Hola 00:03:16

A ver, dime una frase más larga 00:03:19

Hola, ¿qué tal? 00:03:21

Un poquito más, es que tengo aquí 00:03:24

Los auriculares 00:03:25

Que no están conectados 00:03:28

¿Se ha oído? Ahora sí se oye 00:03:29

Vale, vale, guay. Genial, gracias 00:03:31

Buenas tardes a todos 00:03:33

Vale, pues 00:03:33

Vale, hace una semana 00:03:37

Se subió ya el simulacro 00:03:40

En cada aula virtual tendréis 00:03:42

el correspondiente, que la función que tiene sobre todo es que conozcáis de antemano, 00:03:43

también para que vengáis ya un poco con esto previsto y más relajados también de saber cómo, 00:03:49

porque como no tenemos muchos exámenes a lo largo del curso, sobre todo en ordinaria, 00:03:55

pues es el primero, ¿no?, quien se presente, que espero que seáis todos, por supuesto. 00:03:59

Bueno, pues un poco las instrucciones que va a tener ese examen, de tiempo, de cómo va a ser, 00:04:04

de qué se compone, de esas preguntas tipo test y también de desarrollo. 00:04:08

Ahora hablamos un poco más, ¿vale? Esto no va a cambiar en este módulo, ¿vale? Cada uno puede haber alguna apreciación distinta o puede tener otra estructura, pero bueno, en general suelen intentar ir en la misma línea y a menos que cambie en el último momento, que se diría el mismo examen, va a ser las mismas instrucciones, ¿vale? 00:04:12

El propósito es que las conozcáis. Importante, en este examen en concreto habrá, tanto en ordinaria como en extraordinaria, dos partes, dos ejercicios, se llaman. El ejercicio tipo test de 25 preguntas, ¿vale? En donde aquí se ve cuánto suma cada pregunta, cuánto resta cada pregunta incorrecta, dado que también penalizan y, bueno, las que se dejan en blanco, pues ni suman ni restan. 00:04:31

Vais a ver que si hacéis estas cuentas, el máximo que se puede sacar es hasta 7 puntos sobre 10, ¿vale? 00:04:59

Porque luego está la segunda parte, que es la que se llama más de desarrollo, que son los otros 3 puntos restantes. 00:05:07

Importante, y esto sobre todo lo hacemos para que en el examen no se convierta en un tipo test exclusivamente, 00:05:15

y que no sea simplemente adivinar o inferir en ocasiones las respuestas. 00:05:23

Tenemos el tiempo que tenemos, 75 minutos, y de hecho lo suyo sería que hubiera más partes de desarrollo. 00:05:30

Pero bueno, eso significa y por eso se hace que para que entendamos también que conocéis el temario 00:05:36

y además os sabéis expresar sobre ello, que también es parte necesaria, 00:05:44

no solo de los conocimientos, pues eso, una parte más práctica, vamos a decir, del examen, pues oye, que haya un poco de desarrollo. 00:05:49

Para aprobar el examen es necesario, en ese segundo ejercicio de hasta tres puntos, sacar en esa parte un mínimo de un punto. 00:05:58

Es decir, se puede tener, esto sería muy raro, pero bueno, tener en la parte T los siete puntos, todo perfecto, 00:06:07

Que si luego en la de pregunta de desarrollo se tiene un 0,5, la nota máxima, como pone aquí, es de un 4 y no se aprueba el módulo. Entonces, esto lo digo porque sí que es verdad que a diferencia de la parte test, en la de desarrollo no se penaliza lo que no esté correcto, pues no va a sumar. 00:06:13

También os recomiendo que no escribáis por escribir, porque no va a sumar y a veces es contraproducente en el sentido de me está intentando contar algo que no es, no va a sumar. Pero tampoco dejéis de responder. Esto cada uno es de una forma y tal, pero en otros años es que ha habido alumnos que dicen no, es que no me apetecía responder como si fuera una pereza escribir. 00:06:32

Pues bueno, ojo, necesitamos para aprobar ese mínimo de un punto de los tres en esa parte. No sé si de esto hay dudas. Ahora paso también, hablo un poquito más, pero esta es como la parte esencial de cómo se va a calificar, claro. 00:06:56

Vale, pues sigo. Las preguntas tipo test, aquí se ponen algunas de ejemplo, tipologías, que evidentemente no van a ser las del examen, 00:07:17

pero bueno, algunos ejemplos, vaya, que sirvan para que veáis cómo se estructuran, etc. 00:07:24

Puede haber otras con otro tipo de imágenes, evidentemente, y otras preguntas, pero van a ser todas tipo ABCD, cuatro opciones, con una correcta. 00:07:32

El resto, si se contesta, se contestará de manera incorrecta. Y a esta parte tipo test hay que responderla en una última hoja, o que os daremos aparte, que es la que se llama hoja de respuestas a la parte test. 00:07:41

Ahí estará, bueno, aquí pone esta bonita pregunta, pero habrá las casillas de preguntas, pues en este caso 25 hemos dicho, efectivamente, y aquí es donde tenéis que ir respondiendo, no en la propia pregunta marcando con un círculo A o C aquí, no. 00:07:52

A menos que ponga eso al contrario de las instrucciones, por algún motivo, lo que tenéis que responder, la parte test, es en esta tabla, ¿vale? Creo que lo pone bastante claro, pero hay que responder con la letra de la opción en mayúsculas, en esta columna de respuesta, y si se quiere dejar en blanco, se tacha, no se escribiría nada más, 00:08:07

Y si se quiere dar otra opción, porque se ha cambiado de idea, se pondrá aquí. Es decir, si aquí hay cinco letras y aquí hay una, solo se va a corregir la respuesta corregida. Si aquí vemos dos letras, incluso tachados, ya daremos por inválida o por errónea, según cómo se esté considerando. 00:08:31

Entonces, atención a cómo respondéis. Damos esta segunda columna para que no haya equívocos. Ahí se van marcando las respuestas. Evidentemente, las que no queráis contestar se pueden dejar en blanco y ni sumarán ni restarán. Y atención a fijaros en el número de preguntas y la opción. 00:08:55

Porque a veces también algunos, me parece muy bien, os ponéis a ir respondiendo aquí sobre las preguntas, que no pasa nada, eso no lo corregimos, pero podéis escribir lo que queráis. 00:09:11

Y luego al pasarla limpio, pues empiezan a escribir en vez de la 10, que es la respuesta, de la 12 y luego están todas movidas. 00:09:23

Pues nosotros corregimos lo que está aquí, ¿vale? Si está equivoco, pues está equivoco. Luego, por otro lado, en la segunda sección, ¿vale? Esta de ejercicio 2, bueno, pues el tipo de preguntas van a ser intentando ver si habéis entendido el flujo de posibilidades y de trabajo que tiene lo que se explica este módulo, ¿vale? 00:09:31

Es muy amplio, hay muchas ramas. Es amplio este módulo, ¿no? Pero bueno, aunque luego sean concretas, aquí lo voy a poner que normalmente lo que se busca es una visión, bueno, esta palabra holística, ¿no? No sería holística, sí, total del módulo, ¿vale? 00:09:54

Entonces, por ejemplo, aquí cuando se habla, indique cuatro de los principios heurísticos de usabilidad de Nielsen, explicando qué consiste cada uno. Si, por ejemplo, se os pide un ejemplo, pues mientras quede claro, pues también podéis relacionarlo, aunque sea más de navegación y de usabilidad, pues relacionarlo con un ejemplo, con una imagen que se ha puesto y que se ha creado. 00:10:15

Bueno, pues eso está bien, ¿vale? Bueno, aún así, lo que debéis responder es lo que se os pregunte, ¿vale? Pero que intentad también relacionar todo lo que podáis dentro del tiempo y sin volverse excesivamente extenso, si no es necesario, aquí, ¿vale? 00:10:39

Pero bueno, en caso de duda, escribid. Lo que os he dicho, no escribáis o yo no recomiendo escribir por escribir, pero tampoco os cortéis, ¿vale? Que ya os digo que no penaliza en sí, como si pasa con el tipo test, pero bueno, también leer a veces cosas absurdas da mala impresión y quizá de manera instintiva, pues tampoco sabe mucho, ¿vale? 00:10:56

Pero bueno, aún así, en cada pregunta también pondrá, dentro de esos tres puntos que tiene este ejercicio, cuánto cuenta cada una. Y bueno, como habréis visto en el ejemplo, pues puede haber, esta pregunta está segmentada, explica o habla dos usos sobre tres herramientas concretas, que en este caso no durante el curso, o sea, ha hablado de ellas, y cada una de manera independiente suma 0,3, ¿vale? 00:11:24

Pues aquí cada uso irá sumando en relación a lo que ponga, al valor que ponga en estos enunciados, ¿vale? 00:11:46

Este ejercicio 2 puede tener varias preguntas. Aquí vienen tres de ejemplo, una aquí solo planteada con este valor, pero puede haber cuatro o cinco, una más corta, una más larga, que valga más o valga menos, ¿vale? 00:11:56

Eso puede ser de todo tipo. 00:12:08

Sí que las preguntas de desarrollo deberían ser cosas que si habéis seguido el curso y ya, 00:12:12

si habéis hecho las tareas, pues mucho más vais a saber, ¿vale? 00:12:18

Mi idea no es poner una pregunta muy fuera de lugar. 00:12:25

A veces, pues, oye, si alguien no ha estudiado mucho un tema, por ejemplo, 00:12:31

le pregunto de ese tema, dirá, qué difícil, pero creo que no, ¿vale? 00:12:33

Pero bueno, sí que creo que están bien dirigidas a entender, pues que habéis asimilado los contenidos teóricos prácticos, vuelvo a enfatizar, el que haya hecho las tareas, pues lo habrá asumido mejor, bueno, obvio, para eso se plantean, aunque sean voluntarias, pero bueno, conociendo el temario y también, es decir, es suficiente. 00:12:36

Pero aún así se pide eso, que leéis bien, que os expreséis bien y que desarrolléis. Esto es lo que quería hablar sobre lo que es el simulacro en formato y estructura del examen. ¿Alguna duda de esto? 00:13:01

Vale, las preguntas de desarrollo, como pone aquí, tendrán espacios para escribir y si necesitáis folios extra, como pone aquí, lo único que se pide es que pongáis bien claro a qué pregunta seguís dando respuesta, ¿vale? Las preguntas de desarrollo deben contestarse en el espacio que existe tras haber anunciado las mismas. Si se requiere más, podéis pedir folios extra, pero que se ponga bien claro de qué se está hablando. 00:13:19

vale, pregunta 00:13:48

en el chat, ¿se puede usar una hoja en blanco para 00:13:51

estructurar la respuesta de pregunta de desarrollo 00:13:53

y luego transcribirla al examen para no hacer tachones 00:13:55

en el examen? 00:13:57

sí, lo único es que toda hoja 00:13:58

que os demos, ¿vale? incluso 00:14:01

aunque sea de borrador o para esta estructura 00:14:03

etcétera, nos la tenéis que dar también 00:14:05

¿vale? y también la agraparemos 00:14:07

pero bueno, podéis luego borrar 00:14:09

o poner borrador en grande y que 00:14:11

sea la hoja que se entienda, pues que no 00:14:13

la vamos a mirar porque es el borrador 00:14:15

y que quede claro dónde tenemos que leer, ¿vale? 00:14:16

Y, vamos, más que dónde tenemos que leer es cuál es vuestra respuesta, ¿sí? 00:14:19

Sí, por ahí alguien también quería hablar, creo. 00:14:24

Hola, sí, a ver, yo lo que quería saber es, yo entiendo que si se da ese espacio, 00:14:30

realmente es que se puede resolver en ese espacio, ¿verdad? 00:14:35

Sí y no. 00:14:39

Claro, tú piensa que para no, es decir, cada uno, algunas personas no van a escribir nada, 00:14:40

Por tanto, les sobra todo el espacio. Otros van a desarrollar más o van a poner más ejemplos. Nosotros ponemos un espacio más o menos orientativo, pero realmente no me lo tomaría como el espacio. 00:14:47

Si se necesita un folio extra, se puede pedir sin problema. Es muy complicado. En algunas, si fuera de rellenar con una palabra, pues sí, porque es esa palabra. 00:15:00

Pero cuando es algo de desarrollo, aunque veáis un espacio que puede ser amplio o para otro no, usadlo como consideréis. Creo que me he explicado bien. Es decir, que no orciñáis solo al hueco que haya. Puede ser más o puede ser menos. 00:15:11

Preguntan en el chat 00:15:27

¿Vas a preguntar sobre las herramientas en concreto 00:15:33

y el procedimiento de los programas usados en las tareas? 00:15:35

Sí, se puede preguntar 00:15:37

y normalmente toda función que se use 00:15:39

va a estar en los contenidos, normalmente 00:15:43

es decir, en las tareas a veces se pide más cosas 00:15:44

normalmente las preguntas concretas 00:15:48

que salgan sobre un software 00:15:52

no creo, en general puede haber alguna un poquito más difícil 00:15:53

por supuesto, no intentan meterse en el último menú de Affinity que se ha explicado, que por poder se podría, pero sí que es verdad que si en alguna de desarrollo se habla de alguna herramienta 00:15:57

y se puede hablar de esa herramienta, pues ahí todo lo que podáis aportar o conozcáis es a vuestro favor. De verdad que no voy a ir a cosas en general súper concretas, 00:16:09

pero podría ser, ¿vale? 00:16:25

porque no quiero decir que no 00:16:27

porque igual luego alguna consideráis que sí 00:16:28

pero bueno, mi idea es 00:16:30

pues que sí, hombre 00:16:32

las cosas básicas o más importantes 00:16:36

sí, ¿vale? 00:16:37

pero tampoco 00:16:39

a mí la verdad 00:16:40

en este módulo a lo mejor más complicado 00:16:41

me gustaría que tuviéramos 00:16:44

pero claro, para eso tendríamos que tener más tiempo 00:16:46

para hacer el examen 00:16:49

del que no disponemos 00:16:50

y más espacios aquí con ordenadores, etc. 00:16:51

Pues a lo mejor plantear alguna sesión de práctica de ordenadores con softwares. Eso es verdad que dificultaría mucho por vuestra parte porque sería más complicado probablemente el examen, pero en cierto modo también sería lo más conveniente. 00:16:54

Pero bueno, tal y como trabajamos en este centro, nos viene la normativa y cómo está estructurado, pues está la forma que hemos buscado un poco para equilibrar. Pero sí, se va a preguntar sobre softwares, pero tampoco creo que el nivel de concreción vaya a ser muy, muy amplio. 00:17:11

Bueno, ¿para el próximo año se podría hacer así? Pues es que es lo que digo, que son muchos alumnos de muchos ciclos en muy pocos días y la experiencia también me dice, incluso, bueno, no sé si estáis en este caso, que incluso en las oposiciones, ya en ciertos sitios ya se plantea todo en papel que se puede preguntar en papel. 00:17:26

Es otra forma de abordar los exámenes y de momento es el que se está haciendo. 00:17:51

Por tanto, no preveo que vaya a haber cambio, no lo sé, como va a ser el próximo año, porque puede que ni esté yo aquí, 00:17:56

pero tener en cuenta que es complicado porque hay muchos alumnos en este centro y el instituto es el que es, 00:18:02

porque normalmente durante el año no hay tanto movimiento, no presencial, pero luego los exámenes de pronto venís todos. 00:18:09

y por tiempo 00:18:16

es complicado 00:18:18

lo he planteado yo, sería adecuado 00:18:19

quizá en algún momento se ve 00:18:24

la posibilidad, pero 00:18:26

además, por ejemplo 00:18:27

yo en presencial, los exámenes 00:18:30

con ordenador, con softwares 00:18:32

no los hago de 75 minutos 00:18:33

los suelo hacer más largos 00:18:35

y más exámenes a lo largo del año 00:18:37

pero es que es otra metodología 00:18:39

pero aquí sí que se plantea 00:18:40

también en un solo examen 00:18:43

todo lo del curso y, oye, es otra forma de hacer eso. 00:18:46

¿Hay oposiciones para técnicos de ternera, animación y producto multimedia? 00:18:53

Bueno, esto se sale un poco de lo que estamos hablando, pero, a ver, 00:18:57

por ejemplo, si te presentaras a profesora, sí, sí las hay y muy amplias también. 00:19:01

Y ahí, por ejemplo, ya últimamente ya no se usan softwares como se hacía 00:19:07

antiguamente en esas oposiciones. Luego, pues hay ayuntamientos, organismos, etc., 00:19:11

que tiene oposiciones de técnico audiovisual o de 3D animación, por ejemplo, 00:19:15

televisión española, pues las de grafismo que tienen, pues se podrían englobar dentro de lo que se estudia en este ciclo, 00:19:20

así que sí, y luego pues habrá ayuntamientos que busquen técnicos audiovisuales, 00:19:26

o yo qué sé, voy a decir una tontería, la Bolsa de Madrid, pues igual también saca oposiciones, 00:19:30

ya, claro, sí, sí, sí, puede haber, o la Biblioteca Nacional, ¿vale? Sí, sí que hay. 00:19:36

Vale, pues vamos con los temas. Igual en algún momento paramos cinco minutos porque me voy a poner a hablar mucho. Digo para beber agua, pero oye. 00:19:42

A ver, e, e, e... Un segundito, si yo tenía que preparar... Ah, bueno, claro, que me he metido en simulacro. 00:19:58

A ver, e, e... Que es que tengo muchas pestañas, ¿verdad? Vale, pues eso, visto el simulacro, la estructura, eso, si os lo traéis ya leído, 00:20:05

pues ese mismo día del examen os lo tenéis que leer o echarle un vistazo, pero ya va a ser igual. 00:20:13

Vale, bueno, aparte de las tutorías, que como os digo, lo apropiado es que lo hayáis visto, porque se puede hablar de muchas cosas, 00:20:19

que son pertinentes del tema, lo que es el núcleo de los temas, del temario, 00:20:27

se encuentra en la sección de contenido de cada tema. 00:20:33

Así que nada, voy a ir muy rápido, si hay que parar en algún momento, paro, 00:20:36

pero no se trata tanto de la explicación de cada tema, por eso hemos tenido todos estos meses, 00:20:42

si tenéis alguna también, pues se ve, pero sobre todo es un repaso de qué le daría yo más énfasis o menos. 00:20:48

Teniendo en cuenta lo que os he dicho de que eso no es ni vinculante y puede que para el examen de ordinaria haya una pregunta que lo que os estoy diciendo se sale un poco, pero en la de extraordinaria, entonces bueno. 00:20:57

Vale, el primer tema es bastante introductorio, pero bueno, conocer lo que es el multimedia, etcétera, por supuesto saber cuáles son las ventajas de la interactividad, de la lectura no lineal, el hipermedia, el hipertexto, este poder ir navegando de manera no lineal o no completamente secuenciada, marcada, pues estos conceptos es importante. 00:21:09

¿Qué es el hipermedia? Como hipertexto con distintos tipos de media que se pueden usar, los que hemos ido viendo en los contenidos. Fotos, textos, imágenes, vídeos, audios, unas cuantas cosas. Esto es básico, pero podría haber preguntas perfectamente de qué es el hipertexto, qué es el hipermedia, etc. 00:21:35

¿Sobre la historia de Internet? Bueno, es más introductorio que parte de contenido, creo que haya mucha pregunta de qué es el Memex, creo que hay cosas más importantes, pero bueno, por supuesto, interesantes de conocer. 00:21:58

¿Los ámbitos, ventajas de un sistema multimedia? Pues, de hecho, creo que son obvios y más a medida que habéis ido trabajando o porque los conocéis. Bueno, pues igual puede haber una pregunta que haga razonar en este sentido, pero tampoco creo que sea lo más importante. 00:22:14

Fuentes, pues se van viendo a lo largo del curso, así que por supuesto que pueden caer, pero bueno, se da ya por sentado que a medida del curso lo vais a ir viendo. 00:22:29

¿Qué es un flujo de trabajo? Algo de lo que luego también, sobre todo en el tema 5, en las fases de desarrollo del diseño de estos productos intermedios, de su navegación, de la experiencia de usuario, las propias interfaces. 00:22:37

Entonces, pues un workflow, un flujo de trabajo, ¿qué es la definición? Pues sí, es vocabulario básico, pues saber qué es un flujo de trabajo, esta definición, pues oye, en algún momento alguna preguntilla podría haber de eso. 00:22:51

Sobre los tipos de fuentes, los derechos, sí, yo creo que es importante que se conozcan, tanto los más oficiales, los derechos de autor, que se registran en el registro de propiedad intelectual y se rigen por esta ley de propiedad intelectual, 00:23:03

Los plazos que hay de protección de las obras, por si en algún momento queréis usar material que sea dominio público, etc. Y los tipos de derechos morales, patrimoniales que son. Sí, es importante este módulo, aunque aquí lo podáis hacer en el orden un poco a veces diferente. 00:23:22

Es de primer curso y bueno, es una buena introducción y es algo que hay que conocer, ¿vale? Que nos suene. Entonces, pues sí, podría ser. Igual que saber qué son el Copilé, los Creative Commons, pues que os suene un poco qué es esto, ¿vale? Sí, es necesario saberlo. 00:23:43

Sobre accesibilidad, que además de esto también se habla del tema 5 y a veces hay pildoritas que permitan que cualquiera pueda usar los productos o las aplicaciones que hagamos o incluso los vídeos que tengan subtítulos o incluso estos Excel Learnings que tengan estas ayudas o estas funcionalidades para permitir que cada uno tenga menos dificultades. 00:23:59

De leer el contenido, ¿no? O de ver el contenido. Pues sí, es importante. Esto es bastante importante. Y además, si trabajáis en muchos organismos, diría en todos, de hecho, es algo que hay que tener siempre en cuenta, ¿vale? Porque al final la accesibilidad también supone que quien vaya a recibir, ya sea un cliente, un usuario, quien sea, pues de pronto no sienta que ese producto no es para él o que no pueda usarlo, ¿vale? Entonces es algo importante. 00:24:29

Entonces, sección importante y relacionado con ello también, en este caso más relacionado con idiomas y formas también propias de cada de regiones, etc., pues que es la internacionalización y la localización y las diferencias entre ambas. 00:24:59

La más amplia es la internacionalización, en la que se prepara luego que las propias adaptaciones, localizaciones se ejecuten. Pues esto es importante. Y bueno, si alguna vez trabajáis en una multinacional o un producto grande, parece que no, pero puede ser esencial. 00:25:17

Si hacéis, por ejemplo, me voy a otro sector, si estáis haciendo un corto con textos, ¿vale? Pues si ese cortometraje de pronto va a ir a un festival en Francia, ¿se puede traducir? 00:25:37

O si queréis que se vea en el propio corto en 3D, pues habrá que sacar un pase de render distinto o independiente que se pueda cambiar fácilmente de manera independiente en otros idiomas. 00:25:49

Bueno, pues ya esa tontería a lo mejor nos permite poder escalar nuestro proyecto a otros mercados o a otro tipo de público, etc. Entonces, bueno, algo que habría que tener en cuenta, ¿vale? Pues es esto. 00:26:02

Traducción e interpretación, cómo se puede aplicar ya la localización en cuanto a idioma. 00:26:17

Sí, es importante que os suene, pues peculiaridades que puede tener, que a veces no son obvias, o a veces sí, 00:26:24

pero por ejemplo, eso lo he dicho, que haya lenguajes, idiomas que se escriban al revés, 00:26:31

pues fijaos que tiene que estar previsto en espacio, como se maqueta, para que luego de pronto no sea rehacer todo el trabajo, 00:26:38

porque es que ha cambiado la lógica de lectura, ¿vale? 00:26:46

O si se están incluyendo ciertos tipos de caracteres, pues también considerarlo, ¿vale? 00:26:49

Bueno, en el último tema, por ejemplo, en las webs, si no se pone cierto charset, 00:26:54

cierta metadata, ¿no?, que incluye la codificación de textos, 00:27:00

pues de pronto van a salir caracteres muy raros. 00:27:05

Bueno, pues a ver, es de las más fáciles de resolver realmente, 00:27:08

pero que son cosas que hay que tener en cuenta y que pueden tener influencia 00:27:11

luego en la dificultad de modificar o adaptar el producto, ¿vale? 00:27:14

Entonces, bueno, eso del primer tema, que es bastante introductorio, 00:27:20

pero eso no quita que vaya a haber preguntas de ese tema. 00:27:23

Vale. 00:27:26

Tema 2. 00:27:28

El de los textos, tipografías. 00:27:29

Una de las fuentes más importantes. 00:27:33

Vale. 00:27:36

Bueno, pues aquí hay una introducción, sin más, de cara al examen. 00:27:37

Pues sí, saber que es muy importante el uso tipográfico, no es solo el significado sin el significante, no es solo el fondo sino también la forma, 00:27:42

y es lo que intenta expresar esto, pues que la tipografía en sí no es solo el contenido de lo que dice, sino también cómo a nivel gráfico se representa un texto, ¿no? 00:27:54

Y es de lo que se habla aquí, de la historia del arte tipográfico. Pues hombre, es interesante, no creo que en el examen vaya a haber ninguna pregunta. Pues igual que decía antes la evolución de la web, pues no creo, pero interesante es, ¿no? 00:28:01

Pero bueno, elementos de tipografía y distintos conceptos. Esto es importante, ¿vale? Y ya no solo porque el criterio en cómo seleccionamos una tipografía o conocerlas sea relevante, sino porque es que luego nuestras películas, nuestras webs, si maquetamos un libro o un grafismo, va a haber textos o puede haber textos. 00:28:20

pues habrá que saber maquetarlo, componerlo, codificarlo en nuestra web. 00:28:46

Bueno, pues claro que es importante. 00:28:52

Entonces, conocer qué es una familia, una fuente, los caracteres, estilos, 00:28:54

los tipos de pesos que puede haber. 00:28:58

Sí, esto es importante. 00:29:00

De hecho, esta sección 2.2, en sus subapartados, en general son importantes. 00:29:02

De hecho, en la parte de web, en los estilos CSS, 00:29:08

habréis visto que hay muchos conceptos relacionados con esto, algunos estilos. 00:29:10

Las unidades de medida, bueno, tampoco es lo más importante, pero bueno, que os suenen. 00:29:16

Las inclinaciones, los pesos, las tipografías condensadas, regular, todo es importante. 00:29:23

¿Qué es el tracking y el kerning? Muy importante. 00:29:29

Y además, por ejemplo, en un Photoshop, en un Affinity, se puede ajustar, ¿vale? 00:29:31

Y es una herramienta más visual, ¿no? De diseño gráfico, pues evidentemente es que esto también es diseño, ¿vale? 00:29:36

Entonces, es importante saber qué son los interlineados, las recomendaciones, qué son los sangrados, los textos justificados. 00:29:44

Mira, por ejemplo, el otro día, una compañera ya de último curso, en su proyecto final, 00:29:51

tienen que entregar una memoria, que vaya registrando un poco su trabajo, basada en distintos parámetros, 00:29:56

y hay algunas condicionantes, algunas características formales que tiene que tener esa memoria. 00:30:02

Y uno es que el texto esté justificado. Pues no lo atendió y estaba bandera, pues eso le bajó a lo mejor tres o cuatro décimas de la nota total porque no estaba siguiendo las directrices. Hay que conocerlo y es importante. 00:30:08

Y si, por ejemplo, caso real también, si en una oposición piden que el texto sea Arial 12, pues tiene que ser texto Arial 12, porque es que si la pones en 14 ya a lo mejor consideran que estás extendiéndote más con menos texto y te invalidan una memoria, un proyecto, ¿vale? 00:30:25

cosas que pasan, entonces ojo 00:30:45

que no son cosas menores 00:30:48

entonces conocer de esto es importante 00:30:49

ya incluso para nuestra vida habitual 00:30:51

aunque fuéramos 00:30:53

de otro gremio 00:30:54

las tipologías o categorías 00:30:56

tipográficas, importantes, sí, distinguirlas 00:30:59

y qué peculiaridades 00:31:02

tienen cada una y un poco en algunas 00:31:03

pues se habla del uso, otras son más 00:31:06

pues más decorativas o más 00:31:07

para momentos puntuales, pero bueno, por ejemplo 00:31:09

la diferencia entre las que son 00:31:11

con serifa o las que no la tienen 00:31:14

pues es importante 00:31:16

luego conocer que también hay 00:31:18

símbolos tipográficos 00:31:20

es decir, que podemos tener 00:31:23

en un texto 00:31:24

una tipografía que al ir pulsando el teclado 00:31:26

pues aparecen dimbats 00:31:28

pues está bien, de hecho en otro de los temas 00:31:29

se habla de 00:31:32

bueno, de como los 00:31:33

bueno, en otro de los temas, no, de hecho 00:31:35

no, es en el 5, que se habla de 00:31:37

que se puede 00:31:40

añadir textos 00:31:42

imágenes o símbolos vectoriales 00:31:44

a través de 00:31:47

conjugaciones tipográficas, es decir, se ha diseñado una tipografía que en realidad 00:31:48

son 00:31:51

elementos vectoriales, entonces 00:31:52

en vez de textos que se pueden escalar sin que se pixelen, 00:31:54

vemos de nuevo 00:31:57

que son las imágenes vectoriales y las raster en el siguiente tema, 00:31:59

pero bueno, 00:32:03

conocer este tipo de cosas nos dan en qué sonar. 00:32:04

¿Cómo elegir una fuente? ¿Los 00:32:07

tipos de formato de fuente? ¿To type? ¿Open type? 00:32:10

Bueno, es importante. Tampoco creo que lo pregunte, pero sí os debería sonar. Y en el último tema se habla de esto y de WoW. Para meterlo como font face, como una familia que aunque no la tenga instalada el usuario, el que esté viendo nuestra página web, pues también lo pueda ver. Son cosas convenientes de conocer. 00:32:12

Bueno, aquí hay un par para saber más, que no son parte del temario, aunque de esto se habla en el tema 6, ya sí que dentro de un temario. Pero bueno, aquí había unas introducciones y ciertos elementos que pueden ser importantes. 00:32:34

recomendaciones para componer 00:32:48

se me hace raro que os pregunte cosas muy específicas 00:32:51

de esto, pero si os deberían sonar 00:32:55

luego algunas páginas web para descargar 00:32:57

como instalar una fuente, pues deberíais saberlo 00:33:00

aunque se pregunten en el examen 00:33:04

tenéis que conocerlo, si no, echadle un ojo 00:33:06

porque en cualquier módulo o incluso en vuestra vida 00:33:09

os es más que útil saber instalar tipografías 00:33:13

La legibilidad, sí. Puede haber, como pregunta de examen no lo sé, pero es interesante. Composición, algunos parámetros, bueno, puede ser interesante. 00:33:16

¿Cómo se componen los párrafos? Bueno, pues el ancho de párrafo, que pueda haber columnas, los justificados, igual que los textos, que son los carriles, los ríos, vamos, los guiones para separar páginas, que son las letras capitulares, encatillados, pues sería conveniente que lo conociérais. 00:33:30

¿Vale? Ritmos de lectura. Bueno, es interesante, tampoco creo que pregunte mucho esto, que es muy específico ya de maquetación casi impresa o maquetación más dirigida a impreso, sí, pero hay conceptos de aquí que se usan también en páginas web o en diseño gráfico, ¿no? Más visual me refiero. 00:33:51

Pues, bueno, sí, podría ser. ¿Qué es el OCR? Creo que lo pregunte, que el reconocimiento, ¿no? Pues ahora, de hecho, cuando en un PDF te metes en el Acrobat, puede haber, bueno, normalmente tiene funciones capadas en este sentido, si no se paga, pero el reconocimiento de texto es poder meter un PDF y que reconozca el texto y lo haga editable, etc. 00:34:12

Bueno, pues es interesante. No sé si se preguntará de eso, pero es interesante. ¿Recomendaciones? Pues que os suenen. Esto es un para saber más, que luego en siguientes temas no es un para saber más, es importante. 00:34:40

Aunque luego se explica en un tema posterior, luego lo veremos, que esto es relativo sobre todo con las pantallas en las que las densidades de píxel cambian, no es lo mismo una pantalla retina de un iPad que la de un ordenador estándar, un monitor, pero hay medidas estandarizadas para impresión de densidad de píxeles por pulgada o puntos por pulgada según como se exprese y para pantalla. 00:34:53

300 para impresión, 72 para imágenes en pantalla. Sí que sería conveniente que os suenen estos valores. Luego, más adelante, están más claros. 00:35:18

Sobre Figma, pues lo introductorio que habéis usado en las tareas os debería sonar. Y, por supuesto, el flujo de trabajo también. Por eso hay tareas sobre ello. 00:35:29

Entonces, sí, puede ser parte de examen. ¿Qué es un draft? ¿Cómo se gestionan los proyectos? ¿Papelera? Pues bueno, estas partes quizás son más de gestor de trabajo, pues más para que cuando trabajéis, no sé si habrá preguntas de ello. 00:35:41

sobre la interfaz en sí sobre la interfaz no creo que haya en plan en qué columna está las 00:35:59

layers las capas de firma pues no creo pero evidentemente si se pone una captura que a 00:36:06

lo mejor se ve el inspector pues si no se tiene claro que es el inspector pues no se va a entender 00:36:11

que hay dentro entonces bueno es relativo si es pregunta de examen o no pues se debería conocer 00:36:18

hacer vale las búsquedas rápidas atajos bueno no creo que son las capas y el orden ves por 00:36:22

ejemplo aquí aunque en la interfaz no pregunte que sea la izquierda pero hay que saber que esto 00:36:32

se refiere a la columna izquierda de firma no debería sonar pues que son los proyectos 00:36:38

borradores las capas como se estructuran porque además un sistema de capas pues también se ve en 00:36:43

En vídeo, por ejemplo, en Premiere o en DaVinci, la capa que está encima tapa la de debajo. 00:36:49

En Photoshop, en Affinity, bueno, pues este tipo de cosas, sí. 00:36:57

¿Y qué es un frame? El marco, digamos, que representa cada una de las pantallas de nuestro prototipo. 00:37:01

Pues también, ¿qué es un frame y cómo se crean? Pues que hay presets, no debería sonar, sí. 00:37:07

La barra de herramientas, ¿para qué es cada cosa? Lo dicho, no voy a ir muy al detalle, pero a nivel usuario de tarea, pues podría haber alguna pregunta. Por supuesto que es un frame, es esencial porque sin hacer frames, en Figma al menos, pues es como no poner el tamaño de una secuencia de un timeline en DaVinci. Son cosas obvias, ¿no? Pues que nos suene, sí es importante. 00:37:11

Vale. Área de trabajo. Bueno, pues son opciones para que hagáis la parte práctica, entonces puede haber alguna preguntilla, pero tampoco creo que se meta mucho en ciertas cosas. 00:37:36

Entonces, son cosas que se deben dar, por supuesto, de que cuando lo habéis usado, pues lo he dicho, ¿vale? Las opciones básicas de una composición o de un frame, etc., pues que son las dimensiones, que se pueden rotar, que es un punto de ancla, bueno, sí, bueno, esto es más de vídeo, pues sí es importante, pero sobre todo son posibilidades que os dejé aquí para que conozcáis. 00:37:51

Lo he dicho, ¿qué son las capas? ¿Cuál es la lógica? Eso sí, que se pueden agrupar, son cosas, digamos, de todos los flujos de trabajo casi de los softwares comunes, que son los frames, bueno, pues sí, que se pueden insertar imágenes, aquí se explica cómo se hace, pues bueno, que os suene, ¿no? 00:38:19

Pero, ¿qué son los estilos de texto? Que de esto se habla un poco, bueno, se habla en las siguientes secciones. Pero aquí es la aplicación de lo que hemos hablado antes, de la alineación, el interlineado, el tracking, ¿no? Como toda la separación común de las letras de una línea o de una palabra. 00:38:39

Lo importante, luego el kerning, la separación entre palabras concretas, es decir, el espacio entre letras concretas. Pues sí, aquí se habla de la aplicación práctica. Las cajas, pues cómo se distribuye el contenido, no creo que pregunte, pero bueno, son opciones que ahí os dejo para que te sepáis. 00:38:57

¿Qué son los estilos de texto o de color en los softwares? Que además se habla aquí, pero también en Affinity algo se hablaba cuando hacíais el currículum, etc., en esa tarea. Pues sí, saber que un estilo básicamente es como se llama a la forma de ya crear preajustes, ya que guardan ciertas configuraciones para aplicarlas directamente a un texto, a un elemento, según lo que se esté diseñando en ese estilo. 00:39:15

Pero es que también existen estilos CSS que en realidad permiten también generar ya cómo se muestra un texto y se puede reutilizar o se pueden hacer variables. 00:39:45

Pues que es un estilo, el concepto es importante. Déjame un segundo, que voy a ponerme el aire, que tengo un pelín de calor. Dame un segundo. 00:40:00

Vale, hecho. Pues eso, los estilos, y que por supuesto se puedan descargar de internet, que hay... bueno, pues sí, pero a ver, de cara al examen, pues no sé cuánto se puede preguntar de esto, pero oye, a mí me gustaría que salierais de este curso conociendo estas cosas, claro, que para eso las estamos estudiando y es parte del contenido. 00:40:11

Mira, aquí es lo que, aunque es para saber más, pero estas fuentes, que realmente son textos, son tipografías, pero están diseñadas para que al pulsar cierta combinación de un símbolo, una de las teclas de nuestro teclado, uno de los glifos, pues aparezca un icono que luego, si se pone con una medida de 500 al ser vectorial, pues de una manera muy cómoda permite que se escale sin que se pierda calidad. 00:40:40

O emojis, etc. ¿Cómo se comparte en Frame? Bueno, en el tema 5 se habla de cómo se puede testear y diseñar también un prototipo. Bueno, pues es la primera parte, digamos, de esto. 00:41:07

¿Cómo se exporta? ¿Cómo se comparte? Pues un poco que os suene a opciones. No sé si va a haber preguntas de eso en el examen, pero bueno. 00:41:18

¿El tipo de archivos, extensiones que pueden tener los distintos softwares? Pues es interesante. 00:41:25

Luego, sobre InDesign, como no lo hemos usado, en realidad esto es un poco la traslación de la sección de Figma a InDesign. Si os preguntara algo, me centraría en Figma en este caso, por supuesto. 00:41:30

Y bueno, si no me equivoco, lo ponía aquí. 00:41:46

Aquí, este apartado 2.5, sus subsecciones no serán parte evaluable en el SAN del módulo. 00:41:49

Se pone porque creo que es interesante que conozcáis alternativas cuando se puede. 00:41:53

Sé que es denso, pero oye, si os podéis hacer en algún momento con InDesign, 00:42:00

pues es una herramienta que se usa mucho. 00:42:04

Y también que veáis analogías entre software del mismo tipo. 00:42:06

Igual que aquí también se compara con firma, 00:42:10

También se podría comparar con la página de design de Affinity, el estudio de design. 00:42:12

Pues, bueno, es más material, pero no es parte del examen, ¿vale? 00:42:19

Es de lo mismo que se habla en lo otro, ¿vale? 00:42:26

Pero de cara al examen, pues, me centraría en las que hemos estado empleando en las tareas, ¿vale? 00:42:30

Tema 2, hecho. 00:42:36

¿Dudas o algo? Perdón, he cerrado igual. 00:42:38

Venga, pues vamos con la 3 00:42:40

Imagen fija 00:42:46

Ahí está 00:42:47

Vale 00:42:51

Esta primera sección, pues introducción 00:42:52

El color, bastante introductorio también 00:42:54

Naturaleza del color 00:42:57

A ver 00:42:58

La historia de cómo se descubrió 00:42:59

Que podría ser más amplia 00:43:02

No 00:43:03

Pero luego, ¿qué son los parámetros del color? 00:43:06

Para ir entendiendo 00:43:09

O saber qué son el tono 00:43:10

El brillo, intensidad, la saturación. Son conceptos que de hecho en otros módulos, entiendo como el de color, también se ve y se verá en más porque son, digamos, ítems esenciales cuando se trabaja con color, ¿no? 00:43:12

Porque básicamente con lo que se configura cómo se ve un color en nuestros diseños. 00:43:26

Me preguntan, ¿quedará resubida la videotutoría? Esta tutoría sí, sí, sí, la subiré. 00:43:32

Vale, pues estos parámetros del color, sean o no del examen, los tenéis que conocer. Sistema de representación, pues bueno, qué es la rueda del color, luego se habla más adelante de cómo se pueden distribuir los colores análogos, complementarios, qué relación hay. 00:43:36

De hecho, vienen... Bueno, ahora vamos, no me voy a meter a adelantar. Los sistemas de color aditivo, que es el que usan las pantallas, sí, hay que saber cuáles son los colores básicos, ¿vale? Aditivo, básicamente, porque es un sistema de color que se basa en la oscuridad. Al ser luz, pues el neutro, el nada, es negro absoluto y a partir de ahí se van añadiendo luces, ¿vale? Se va subiendo. 00:43:56

Entonces, ahí en sistema, igual que en nuestros monitores, las teles, pues los colores primarios son rojo, verde y azul. Y fijaos, luego los softwares, también se puede usar este sistema para seleccionar colores, por ejemplo, que se muestran. 00:44:23

Luego está el inverso, que es el de sustractivo, que bueno, partimos generalmente de un folio y una hoja blanca y se va restando luminosidad, de lo que estábamos hablando antes, veíamos en la anterior sección, ahí los colores primarios pasan a ser cian, magenta y amarillo, que son además los complementarios de esto, si os fijáis además son los que se forman cuando se combinan, es decir, son complementarios, 00:44:40

Y luego, bueno, por una cuestión de pureza del negro, aunque combine los tres colores, a diferencia de lo que pasa con los colores luz, que cuando combina los tres sale blanco, y sale un blanco de verdad, y de hecho la luz blanca que vemos es la combinación de los tres colores con los tres componentes de color, estos tres equivalentes, ¿vale? 00:45:08

sin embargo cuando 00:45:28

no sé si en plástica lo habéis hecho 00:45:31

pero si pintáis y empezáis a sumar colores 00:45:33

nunca llega a ser 00:45:35

un negro negro puro 00:45:37

se queda ahí un marrón muy oscuro 00:45:39

entonces pues cuando se imprime 00:45:41

se pasa a cuatricromía 00:45:44

que es que se añade un cuarto color que es directamente el negro 00:45:45

y además permite 00:45:47

ahorrar tintas de colores 00:45:49

que suelen ser más caras si no es necesario 00:45:51

entonces las partes que son blanco y negro pues 00:45:53

tira del negro y eso que se ahorra también 00:45:55

De hecho, si os fijáis aquí, ahí no se ve, aunque esto es un dibujo, no es fidedigno, pero fijaos que ahí no se ve el negro del todo, entonces por eso SK. Y también en los software, en Photoshop, se pueden seleccionar colores en base a este sistema sustrativo, aunque siempre tengo que pensarlo. 00:45:57

Luego hay otro sistema de representación del color, por ejemplo el HSB basados en lo que se veía antes, el tono, la saturación y el brillo. Son distintos esquemas de representación del color que hay que conocer, el Cielab también y luego otros más reducidos que se usan por ejemplo en vídeo, en iluminación para fotografía o para vídeo como es en los grados Kelvin. 00:46:19

el hexadecimal que en el último tema 00:46:44

ya se introduce 00:46:48

y por supuesto también en los software se puede 00:46:49

seleccionar colores 00:46:52

con hexadecimales, entonces todos los sistemas 00:46:54

son útiles 00:46:56

pues estos que he ido sobre todo comentando 00:46:57

son los esenciales, color indexado 00:46:59

pues según el 00:47:02

según el formato de imagen 00:47:03

por ejemplo, lo voy a poner en los GIFs 00:47:05

pues se basan en una gama 00:47:08

en una paleta de colores indexada 00:47:10

que por tanto está limitada a cierto 00:47:11

un número de colores. Todos los sistemas están reducidos al número de colores, pero bueno, estos son más llamativos, ¿no? 00:47:14

Porque es una paleta más reducida. Entonces, bueno, pues luego están las pantoneras, el Munsell, 00:47:20

nuestros sistemas de representación, pero sobre todo los primeros. Psicología del color, muy interesante, 00:47:29

no sé si os preguntaré de psicología del color, de lo que sí os preguntaré ya más, probablemente es sobre relaciones 00:47:36

cromáticas. Por ejemplo, hacer el currículum de vuestra imagen, con software como Adobe Color y otros que se plantean, saber las armonías que hay entre distintos colores y cómo se pueden combinar. 00:47:43

Hay un vídeo aquí que habla de ello, hay más recursos, pero es interesante conocer esto, ¿vale? Porque al final, pues en los productos multimedia, al tener color, pues tienen unas implicaciones, ¿vale? 00:48:04

El propio contraste o los propios colores, cómo se combinan, ya pueden ayudar o apoyar a que una persona con problemas visuales pueda leerlos. 00:48:34

O por supuesto, en caso de daltonismo, aquí no se habla tanto de esto, pero la cuestión del color a veces tiene más miga de lo que parece. 00:48:42

Adobe Color, saber para qué se usa, quizá ejemplos en las tareas, ha habido que usarlo, para qué se podría usar. 00:48:56

Mira, aquí es lo que hablaba de la accesibilidad. Pues es interesante. 00:49:04

Tipos de imágenes. Pasamos a una de las diferencias que espero que todos os llevéis bien claras, porque a veces parece que no lo están, que es la diferencia entre una imagen bitmap o raster con respecto a una que es de tipo vectorial. 00:49:11

Están las imágenes compuestas píxel a píxel por cuadraditos muy pequeños 00:49:27

Cada uno teniendo un color que cuando se ven a cierta distancia 00:49:33

Pues forman la imagen, como es aquí 00:49:37

¿Qué pasa? Que si se hace más grande 00:49:39

El cuadradito se irá haciendo más grande también 00:49:41

Y se irá anotando, y eso es el pixelado 00:49:43

Evidentemente, ahora con la guía y herramientas 00:49:45

Puede haber herramientas que interpolen o hagan cuadros intermedios 00:49:50

A medida que se hacen grandes 00:49:53

para que no se note, no se camufle, no se hagan promedios, pero en principio las imágenes bitmap tienen esa limitación 00:49:54

de que al escalarlas se degradan o se ven con peor calidad o directamente son inútiles. 00:50:03

Por ejemplo, si se diseña el logo de una empresa con esta lógica de imagen raster y se diseña el logo de Nike pequeño 00:50:09

y luego se quiere poner una valla publicitaria, pues de pronto la imagen de Nike va a tener unos picos llamativos. 00:50:17

e indeseables en principio. Por eso ahí, por ejemplo, se usa mucho en diseño de branding o diseños vectoriales 00:50:24

o ilustración. Aparte de porque da un estilo más plano, más peculiar que puede tener, aunque luego con degradados 00:50:35

también puede haber muchos estilos mucho más detallados y que no lo parezcan vectoriales, pero sobre todo la función es 00:50:41

Que yo se amplíe una imagen vectorial que consiste en líneas, puntos de vértice y trazados que se van conectándose unos a otros, son fórmulas matemáticas básicamente, al hacerlo más grande se puede hacer infinitamente más grande sin que se perciba este pixelado, porque no se basa en píxeles, se basa en cálculos matemáticos. 00:50:51

Entonces, si este trazo que hay aquí, esta línea, se dice que mira el doble, con otro cálculo matemático hará la línea del doble y la estará procesando en ese momento. Entonces, no se pixela, se está generando una nueva en proporción a cómo está diseñada, ¿vale? 00:51:12

Se habla aquí de estas curvas de Bézier, de los vértices, cómo se conectan, ¿vale? Pues esto es importante entenderlo, ¿vale? Aquí, por ejemplo, tenemos una imagen que, bueno, al hacerla más grande se ha pixelado, ¿vale? Porque era un JPG y se ve un poco pixelado, pero esta imagen es vectorial. 00:51:27

si se van añadiendo degradados 00:51:45

fijaos que ya han tenido más detalle de color 00:51:48

pero son degradados que dicen 00:51:50

de este punto a este punto 00:51:52

tiene que ir pasando por estos colores 00:51:53

si lo hago el doble de largo 00:51:55

ese conjunto de colores por el que irá pasando 00:51:57

pues se adapta para que ocupe ese espacio 00:52:00

pero como se está creando en ese momento 00:52:03

pues no se pixela 00:52:04

¿sí? 00:52:06

vale, eso, los vectores además 00:52:08

pues en texto permiten 00:52:10

manipular 00:52:12

estos puntos de control, cambiar las formas, etc. 00:52:13

Los textos, en general, siempre son vectoriales, ¿vale? 00:52:20

Porque la gracia que tiene es que se pueden hacer más o menos pequeños. 00:52:23

Por eso también hay imágenes, como os he dicho antes, 00:52:27

que símbolos o iconos que se plantean como vectores, 00:52:29

porque así se pueden hacer más o menos grandes. 00:52:34

Esto no quita, luego, que es importante, esto ya incluso más allá del examen, 00:52:37

Que si tú tienes una imagen creada como una imagen vectorial y lo guardas como un JPG, que es un formato de vectores, como veremos después, pues ya, aunque parezca un texto, ya son píxeles. 00:52:41

entonces si se hace más grande 00:52:53

si se pixela, ¿vale? 00:52:54

porque ahí ya se ha dejado de hacer 00:52:57

una imagen vectorial y ha pasado a ser 00:52:58

una imagen de mapa de bits 00:53:00

mapa de 00:53:02

píxeles, bueno y bitmap también 00:53:04

se puede llamar igual, una imagen raster 00:53:06

y bueno pues 00:53:08

pues eso 00:53:10

ya se ha convertido en píxeles 00:53:12

que ya adolecen de ese problema 00:53:14

¿Perdona? ¿Puedes repetir? 00:53:16

Sí, ¿el qué? Perdona 00:53:18

¿Esto último que has dicho 00:53:19

que en jpg 00:53:21

desde que has dicho que 00:53:23

en siguientes temas se habla de esto 00:53:25

pero un ejemplo muy rápido 00:53:27

te voy a hacer en photoshop porque es lo primero que he encontrado 00:53:29

en affinity sería igual 00:53:31

si yo estoy 00:53:33

trabajando, a ver dame un segundo 00:53:35

a ver que se abra 00:53:37

si yo estoy trabajando en un texto 00:53:40

a ver aquí 00:53:42

lo que sea, me da igual 00:53:45

creo aquí una caja 00:53:46

si yo aquí pongo un texto y pongo 00:53:48

hola como estas 00:53:50

a ver, que está en blanco y no se ve nada 00:53:53

vale 00:53:55

lo estoy aquí cambiando 00:53:56

fijaos los modos de representación 00:53:59

el lab, el hsb, el rgb 00:54:00

bueno, cuando tengo este texto 00:54:03

y dale, que no le he dado 00:54:05

a ver, espera 00:54:07

ahora sí 00:54:08

pues 00:54:11

claro, ahora mismo es un vector 00:54:12

yo si lo hago más o menos 00:54:15

más o menos grande 00:54:16

fíjate que no se pixela 00:54:18

es decir, yo puedo esto hacer 00:54:20

Fijaos en la O 00:54:22

Y yo me acerco además bastante 00:54:24

Se pixelará ya porque habrá un momento 00:54:25

En el que el propio píxel del proyecto 00:54:29

Del canvas, de lo que es el lienzo 00:54:31

Pues ya llega a un punto que está representando 00:54:33

Los cuadraditos en píxel 00:54:35

Porque nosotros vemos en píxeles 00:54:36

Pero fíjate que si yo estoy viendo con un zoom del 100% 00:54:37

Que es el tamaño que tiene este proyecto 00:54:41

Pues ya te digo 00:54:43

Que nunca se va a pixelar 00:54:45

A ver, lo alejo incluso un poco más 00:54:47

Para poder ver esto 00:54:49

pero que este texto no se va a pixelar porque es vector, ¿vale? Texto o si diseño algo, pues esta caja y aparte, pues cambio aquí y le pongo una línea no tan recta, ¿vale? 00:54:51

Yo aquí esto que tengo, al ser vector, nuevamente yo lo puedo hacer más o menos grande y no se va a pixelar, ¿vale? No se va a pixelar. ¿Qué ocurre? Que si yo esto luego lo guardo como una foto, como una imagen, lo exporto, ¿vale? Por ejemplo, lo exporto como un PNG, ¿vale? Lo estoy haciendo rápido y en Affinity se ha hablado de esto. 00:55:13

A ver, esperad, que me lo guardo yo por aquí, que no quiero que me hagáis las vergüenzas. Sin título, es que ni le voy a poner título, ¿vale? Y yo guardo esa imagen, ¿vale? Como un PNG, ¿vale? Que aquí lo tengo, un PNG. 00:55:34

Si yo este PNG lo introduzco, ya lo he rasterizado. Esto ya es una imagen guardada como una foto. Entonces, ¿qué ocurre? Que aquí, si empiezo a ampliar, fijaos, que aquí ya se empiezan a notar estos píxeles. 00:55:52

vale, compara el proyecto que tenía antes 00:56:13

voy a alejar y voy a hacer también 00:56:15

que crezca un montón, vale 00:56:17

fíjate en este, que es Vector 00:56:19

es el proyecto de Photoshop de Vector 00:56:21

que no se nota, a ver 00:56:23

igual vosotros veis algo así 00:56:25

no, no creo que lo veáis 00:56:26

digo por la compresión de 00:56:29

la videotutoría, no se ve 00:56:30

igual aquí que se ve perfecto 00:56:33

de definido, que aquí 00:56:35

vaya, se ha ido para atrás, que aquí 00:56:36

si empiezo a ampliar, ampliar 00:56:39

¿lo ves? 00:56:40

Claro, sí, rasterizar, sí, claro 00:56:43

también, por supuesto, ahora mismo 00:56:46

esta capa, en Affinity pasa lo mismo, pone esta 00:56:48

T porque significa, es texto 00:56:50

vectorial, pero tú puedes ir aquí 00:56:52

y decirle la opción de 00:56:54

tu tu tu tu, dame un segundo 00:56:56

convertir 00:56:58

rasterizar texto, pues al rasterizar 00:57:00

texto, se ha convertido 00:57:02

fijaos ya en una representación 00:57:04

de pixel concreta, ¿vale? 00:57:06

se ve bien porque está en su tamaño, pero si yo empiezo a hacer 00:57:08

esto más, más grande 00:57:10

¿Vale? Bueno, a ver, según cómo sea la forma se notará más o menos. Pero fijaos aquí ya cómo se empiezan a ver estos dientes de sierra, ¿no? ¿Vale? Entonces, que no todo lo que parece vectorial es vectorial. Luego, efectivamente, tiene que ser un formato vectorial que aparece en otro de los temas. ¿Vale? 00:57:12

Eh, dame un segundito, me marco una cosa, vale. Vale, entonces eso es importante, pero no solo para el examen, sino para todo lo que hagáis a posterior. Aquí se habla un poco de todo eso, ¿vale? De esos dientes de sierra que aparecen en los vectores y cómo se establecen, ¿no? 00:57:30

Vale, parámetros de las imágenes, pues los tamaños, qué es el aspect ratio, cuáles son las resoluciones, nuevamente, estas resoluciones, aunque aquí se hable de que es relativo todo, etcétera, pero sí que es verdad que si os piden trabajar, por ejemplo, si os metéis en un Photoshop y creáis un proyecto nuevo, por mucho que algunas personas, y es lógico, porque llevan razón, os digan, bueno, esto de la resolución o densidad de píxeles es relativo. 00:57:54

sí y no porque como hay que tener una base para empezar a trabajar si por ejemplo nos metemos en 00:58:20

foto vale y le decimos un proyecto de este tipo horizontal vale lo que sea como es para imprimir 00:58:26

vale la foto en principio esto que estamos trabajando aquí en más para imprimir 300 00:58:35

píxeles por pulgada vale y si le doy a imprimir cualquiera 300 píxeles por pulgada vale si yo voy 00:58:40

a película y vídeo y voy a hd tv fijaos que se pone por defecto no he tocado nada 72 píxeles 00:58:48

por pulgada entonces que yo aquí luego puedo poner otra y dependiendo de la densidad de la 00:58:55

pantalla muestre puede cambiar o sobre todo en móvil vale pues sí sí sí y es que hay pantallas 00:59:00

que dentro de sus píxeles pueden representar más píxeles o tienen tecnologías que permitan 00:59:08

representar más vale pero por defecto 72 píxeles por pulgada o puntos también 00:59:15

aquí hay otro debate pero píxeles por pulgada para pantallas y cuando sea para 00:59:21

imprimir son 300 píxeles por pulgada proporción de píxeles bueno leerlo pero 00:59:27

también es importante cada vez menos usado pero por ejemplo en vídeo en 00:59:33

montaje de vídeo tiene todavía sus implicaciones, que son los tres canales de color. Hemos hablado 00:59:41

que en el sistema sustractivo, es decir, el de las pantallas, se basa en tres canales, en tres 00:59:48

colores, tres componentes, que son el rojo, el verde y el azul. Se habla de eso, también de cómo 00:59:57

los sensores de una cámara perciben esos colores e interpolan. Es interesante conocerlo. Por 01:00:04

supuesto que es el canal alfa y la transparencia muy importante vale y luego en otro de los temas 01:00:10

bueno en otros temas no a continuación se habla de formatos con y sin alfa vale la profundidad 01:00:18

de color esto también importante pues para tener más digo igual que hablábamos antes de que se 01:00:25

aparecen los dientes de sierra si no se cuenta con los suficientes colores intermedios 01:00:30

si no se cuentan con ellos 01:00:37

pues claro, por mucho que hagamos degradados 01:00:40

es decir, ir de un color a otro y que haya valores 01:00:43

intermedios que permitan, como se ve 01:00:45

en esta imagen, que vaya de uno a otro 01:00:47

de manera suave, si estamos usando a profundidad 01:00:49

de color o bit depth 01:00:51

o color depth pequeño 01:00:53

pues se van a notar los cortes, porque es que 01:00:54

ese sistema no puede representar colores 01:00:57

intermedios, entonces pues irá 01:00:59

usando los que quiera, antes he hablado de los 01:01:00

GIF, que solo permiten 01:01:03

bueno, depende de los GIF, pero 01:01:05

Pero tradicionalmente 256. Si veis los GIFs, sobre todo antiguos, veréis que tienen una calidad de color muy rara, como que aparecen ahí cuadriculados, ¿no? Un poco raro. Bueno, pues se debe a que era un formato que tenía un límite de profundidad de color, pues, concreto, ¿vale? También para que cuando se usaba en Internet, pues no tardara las páginas en cargar o porque antiguamente no había tanto ancho de banda, tanta velocidad para transmisión. 01:01:07

Entonces, bueno, todo tiene su razón, se puede aprovechar a nuestro favor o a nuestra contra, o nos puede perjudicar, quiero decir, pero sobre todo es conocerlo, ¿vale? Pues eso, saber en qué consiste también es importante. 01:01:32

¿Formatos de archivo de imagen? Pues mira, aquí he hablado de alguno de ellos, sobre todo conocer los que tienen pérdidas con respecto a los que no, y cuáles pueden guardar información de alfa o no. 01:01:45

Pero bueno, creo que de formatos de imagen no voy a preguntar tanto, la verdad 01:02:05

Pero bueno, es importante que os suenen 01:02:13

Sí que habrá otro tipo de módulo, habrá otros módulos que se metan más en ello 01:02:15

Pero por ejemplo, si es importante también, y podría ser pregunta de examen 01:02:23

Que formatos como el JPG, que es de los más populares, lo pone aquí 01:02:28

No soporta transparencias, ¿vale? 01:02:32

A diferencia de otro de los populares, por ejemplo, que es PNG o PNG24, que depende de la profundidad de vis que tenga, sí que permite guardar canales de alfa con degradado incluso, ¿vale? Más finos. Pero vamos, en esencia, que permiten guardar transparencias. 01:02:35

¿Qué pasa? Que si tenéis una imagen con áreas transparentes, voy a hacerlo así un poco a lo sucio, pero porque hayáis borrado parte de la imagen y tenga transparencia, como aquí, hay zonas, esta cuadrícula significa que es transparente. 01:02:51

Si lo exportáis para ponerlo como una capa que se sobreponga sobre otra y las partes transparentes transparenten y se vean las capas inferiores, lo suyo jamás es guardarlo en JPG porque no permite guardar la información de alfa. 01:03:11

Esta información del canal alfa que puede aparecer, aquí no está, pero si lo ponemos aquí como canal de alfa, esta información que puede tener si tiene un alfa para mostrar o no mostrar una imagen. 01:03:25

Bien, básicamente lo que se habla también en este apartado anterior, que es que representar la transparencia se basa en que lleva integrado un canal, sí, un canal, ese canal alfa, que va mediante escala de grises diciendo qué parte se debe ver o qué parte no se debe ver. 01:03:41

¿Qué pasa? Que como se ve aquí los formatos, no todos los formatos permiten guardar ese canal alfa, ¿vale? Entonces, si no permiten guardar al canal alfa, PNG24 sí permite, pero uno de los más populares, que os sonará a todos, imagina, es JPG, pues aunque sea muy popular, no soporta transparencia, no soporta canal alfa, ¿vale? Pues esto sí es importante. 01:04:02

GIF, formato muy popular en internet 01:04:23

Permite crear animaciones 01:04:27

Usa colores indexados 01:04:29

Pero si permite 01:04:31

Guardar transparencias 01:04:33

Ese canal alfa 01:04:35

Bueno pues 01:04:36

Si que se puede preguntar más de formatos de imagen 01:04:37

Pero sobre todo es esto 01:04:41

Conocer que os suene el PNG 01:04:43

El JPG 01:04:45

Y el GIF 01:04:47

Así como los más estándares 01:04:48

Y cual permite o no permite transparencias 01:04:50

Por ejemplo, también es buena práctica que busquéis imágenes de cada tipo. Bueno, cuando la metisteis en vuestro porfolio, en el currículum, pues tocasteis esto. Pero bueno, se ve más en otros módulos, por ejemplo, en vídeo. También se habla de esto en la de montaje. Bueno, pues que os suene, pero eso sí, que un JPG no puede tener canal alfa barra transparencia es algo que hay que saber. 01:04:53

trabajando con vectores 01:05:21

en Figma, puede haber alguna pregunta 01:05:24

¿vale? 01:05:26

y es un poco lo que se está hablando aquí 01:05:27

de cómo se diseña este tipo de 01:05:29

imágenes, también que permite 01:05:32

usos de booleanas 01:05:34

es decir, que una forma reste a otra o se combine 01:05:35

bueno, pues es una forma de trabajar diferente 01:05:38

a la de los píxeles 01:05:40

bueno 01:05:41

que os suene 01:05:44

sobre todo, colores 01:05:46

fijaos como aquí se mete 01:05:48

en código hexadecimal dentro de Figma, que es también el sistema que principalmente se usa 01:05:50

para indicar los colores en web. ¿Qué es el trazo y qué es el relleno de las capas 01:05:56

o de las formas vectoriales? Pues eso es común en Illustrator, en todos los softwares, 01:06:04

en Affinity, en After Effects, en Photoshop, pues sí, habría que conocerlo. 01:06:09

Efectos de capa en firma 01:06:14

Bueno, que os suene, pero tampoco 01:06:16

Creo que os pregunte mucho de esto 01:06:18

En el examen 01:06:20

Alineación de elementos 01:06:21

Pues súper útil que lo conozcáis 01:06:23

Que lo hayáis practicado en las tareas 01:06:27

Tampoco creo que pregunte mucho 01:06:29

En concreto de estas cosas 01:06:30

Boleana, lo que os decía 01:06:32

Que se suman, se restan, se combinan, se intersecan 01:06:34

Bueno, pues es interesante 01:06:37

Pero tampoco sé si de cara al examen 01:06:39

Igual que hemos dicho 01:06:41

que una imagen vectorial 01:06:44

se puede rasterizar y convertirlo 01:06:46

en una foto, vamos a decir ya 01:06:48

basada en píxeles, también se puede 01:06:49

intentar hacer la operación 01:06:52

inversa, es decir, coger 01:06:54

esta foto que tenemos 01:06:56

aquí, ¿vale? que esto 01:06:58

ahora mismo voy a ir para atrás 01:07:00

esa imagen 01:07:01

bueno, a ver 01:07:04

voy a ir más para atrás aún 01:07:06

aquí es vectorial y como hemos dicho yo puedo convertir 01:07:07

ya os digo que esto también se puede hacer 01:07:10

en Affinity en una 01:07:12

imagen 01:07:14

raster que 01:07:15

por tanto se pixela. Y hay una operación 01:07:18

inversa que en Photoshop, no sé si se puede 01:07:20

hacer, pero en softwares más vectoriales 01:07:22

como Affinity o en el 01:07:24

estudio vector, de hecho 01:07:26

es lo que se explica aquí en esta 01:07:28

sección, pero dentro de Figma, ¿vale? 01:07:30

Se puede intentar decirle, oye, analiza 01:07:32

cómo son los trazados, las formas 01:07:34

de esta imagen pixel 01:07:36

raster, mejor dicho, 01:07:38

y conviértemela para que sea 01:07:40

en vectores, como intentar 01:07:42

coger una foto, una imagen y convertirla 01:07:43

en vectores para que ya a partir de ahí 01:07:46

no se escale, con mayor o menor fortuna 01:07:48

lo pueden hacer bien o mal 01:07:50

bueno, pues que sepáis que existe eso también 01:07:51

se pueden coger imágenes raster 01:07:53

y convertirlas 01:07:56

en versiones vectorizadas que a veces 01:07:58

hay que retocar 01:08:00

pero bueno, se puede 01:08:01

hacer, bueno, os lo cuento 01:08:03

esto aquí, además hay herramientas incluso 01:08:06

dedicadas a ello 01:08:08

tampoco creo que os pregunte mucho de ello 01:08:09

pero debería conocerse. Editar y exportar imágenes raster, pues sí, vamos, cómo se crea un proyecto, lo que hablábamos aquí de los estándares de impresión, 01:08:12

que una imagen se pueda adaptar a varios tamaños, el tamaño del documento, que ese es el lienzo, que es diferente, es decir, está el tamaño del lienzo, 01:08:25

que es el lienzo en sí, el área donde se va a ver nuestra imagen, y luego está el documento. 01:08:34

Y no es exactamente lo mismo, porque lo que es el lienzo tendrá unas medidas, 01:08:40

pero luego puede tener una imagen, como aquí por ejemplo hago, que la imagen en sí ocupa más 01:08:44

y puede adaptarse dentro del lienzo, etc. Entonces hay distintas formas de operar eso 01:08:49

o recortar el lienzo, distintas herramientas. 01:08:56

Modo de color, lo dicho, si por ejemplo trabajamos en Affinity para pantalla, pues habrá que usar el sistema RGB, formato de color RGB. Si estamos trabajando para impresión, en este módulo no se habla tanto de impresión porque nos estamos centrando más en las pantallas, pero habría que usar el sistema CMYK, que es el del sistema de impresión. 01:08:59

Entonces, bueno, sí, que os suene 01:09:23

Exportar la imagen 01:09:26

Fijaos aquí todos los formatos 01:09:28

Que os suene 01:09:29

Tampoco sé si va a haber preguntas 01:09:34

En concreto de esto 01:09:36

Sobre acciones y macros 01:09:37

No creo que pregunte nada 01:09:40

Droplets, no creo que pregunte nada del examen 01:09:42

En la tarea había alguna sección de esto 01:09:44

Muy interesante, pero como tal no creo que haya 01:09:45

Workflow, volvemos a hablar de workflow 01:09:48

Palabra importante 01:09:50

contenedor y contenido 01:09:52

esto más para maquetar 01:09:53

bueno, pues 01:09:55

es interesante 01:09:57

¿vale? como se introducen las imágenes 01:10:00

dentro de Affinity 01:10:02

ya se vio antes en Figma, pues bueno, era un poco la traslación 01:10:03

a eso, las muestras de color 01:10:06

bueno, pues me interesa 01:10:08

más que sepáis los sistemas de color 01:10:10

las características de color 01:10:11

pero igual que he hablado antes de estilos de color 01:10:13

pues también 01:10:16

existen los paneles de muestra 01:10:16

Para tener en un proyecto organizado los colores que estamos usando en ese proyecto e ir empleando siempre los mismos o cargarlos de una pantonera, ¿vale? Para que sean los colores de impresión ya testados para que no cambie el color, ¿vale? Pues bueno, que os suene. 01:10:19

Tampoco creo que pregunte mucho que es un degradado, que suene también como algo muy importante en diseño vectorial. 01:10:37

Vínculos. Esto también se habla en vídeo y en otros apartados, en otras secciones, pero básicamente hay que entender que cuando trabajamos en un ordenador, los softwares no siempre están cargando dentro del software una imagen, un vídeo, sino que están remitiendo una ruta a esa media, a ese vídeo o elemento. 01:10:45

Si en algún momento movemos el elemento de carpeta y no se lo hacemos saber al software, de pronto aparecerán errores de que no se ve la imagen o en vídeo aparecerá lo que se llama un offline, se puede llamar así, pues habrá que revincularlos. 01:11:08

Sí que es cierto, como pone aquí, que también te permite los softwares, algunos, incrustar la imagen para que ya, digamos, se guarde dentro del proyecto y ya no sea un archivo aparte. ¿Qué ocurre? Que pensará más el archivo. A veces nos interesará, a veces no. 01:11:24

En web, por ejemplo, estaréis viendo que en sí puede llevar, podemos subir al servidor donde se está viendo nuestra web, las imágenes y enlazarlas con una ruta relativa a ese punto o cargar una de internet, por ejemplo. 01:11:39

Pues dependiendo de eso, si cargamos una en internet y la página web deja de llamarse como se escribe, pues también se perderá el enlace. Entonces es todo conocerlo. Saber estas circunstancias. Ceñir el texto. Bueno, que sepáis que existe. No creo que vaya a preguntar de esto. Y efectos concretos tampoco. De los modos de fusión, en vídeo y montajes hablará más con más ejemplos. Entonces, bueno, que os suene, pero tampoco es importante. 01:11:56

Y sobre empaquetar, exportar, pues bueno, sí, claro, importante es, pero digo, la tarea se ha usado, se ha pedido, preguntas sobre esto concreto, no lo sé, no sé si va a haber, no creo. 01:12:26

¿Diseños alternativos interesantes? No creo que entren el examen directamente. ¿Qué es un EPUF, etcétera? Muy interesante para libros electrónicos, pero podría ser un producto multimedia interactivo, claro, pero no creo que se pregunte tampoco. 01:12:40

Sobre PDF interactivo ya se habla de web, que sepáis que existen. En InDesign hay más opciones, en Affinity está más limitado, pero bueno. 01:12:56

Los eventos, de estos se habla luego con las autoclases, etc. En web, en la unidad 7, que os suene que hay forma de llamar a los estados cuando, por ejemplo, pasamos por encima de un botón o clicamos. 01:13:06

¿vale? ese mouse down 01:13:23

que es como clicar, mouse over 01:13:25

o hover que es pasar por encima 01:13:27

se habla más en los últimos temas 01:13:29

pero aquí de esto 01:13:30

la verdad es que no creo que pregunte mucho 01:13:33

y sobre formulario me interesará 01:13:35

más también como se 01:13:37

establece los formularios en html 01:13:39

así que esta sección 01:13:41

tampoco le daría mucho 01:13:43

mucho pie en el estudio 01:13:45

¿vale? 01:13:47

si os parece, perdonadme, vamos a hacer una pausa 01:13:51

de 5 minutines 01:13:53

porque necesito beber agua 01:13:54

¿vale? entonces bueno 01:13:56

cuando vuelva nos ponemos con la 01:13:57

unidad 4 01:14:00

vale, ¿qué tal? hasta aquí más o menos 01:14:01

sé que es mucho 01:14:04

lo advertí al principio del curso 01:14:06

y siempre lo hago además en todos los módulos 01:14:08

hay que ir, es decir 01:14:10

el atracón, no va de esto de atracón 01:14:12

se trata de que haya habido un seguimiento 01:14:14

pero bueno, que al final es 01:14:16

refrescar, ¿no? lo que ya veníamos dando 01:14:19

Vale, eso, dadme 5 minutines 01:14:23

Hay 42, vuelvo por aquí 01:14:26

Vale, pues continuamos 01:14:30

Venga, genial 01:14:35

Bueno, sé que a las 7 y media tenéis una tutoría 01:14:36

Voy a intentar ir rápido 01:14:39

Igual me alargo un poco más 01:14:41

Como va a quedar grabada de todos modos 01:14:42

La podéis seguir viendo 01:14:45

Y la de Paco, si no me equivoco 01:14:46

También entiendo que la va a grabar 01:14:48

Entonces bueno, pero vamos 01:14:51

Intento de todos modos 01:14:52

Queda todavía 50 minutos 01:14:53

Yo creo que nos da tiempo, ¿vale? Pero bueno, tampoco... Bueno, vamos ahí. Ya cuando se vaya acercando la hora vemos. Vale, tema 4. Lo voy a abrir de otra forma. Sobre vídeo, ¿no? Este tema es, digamos, introductorio a lo que se verá en montaje, luego de realización del montaje postproducción de audiovisuales, que es otro de los módulos. 01:14:55

Y hay cuestiones que aquí son básicas introductorias. Sobre la percepción del movimiento, pues es importante relativamente que os suene. No creo que haya preguntas de esto, que son muy concretas, no son tan necesarias para trabajar, pero sí que ayudan a comprender por qué vemos vídeo cuando en realidad nuestro ojo, 01:15:20

igual que pasa con el celuloide, está cogiendo muestras de la imagen, aunque el tiempo es continuo, en realidad nuestro ojo se va refrescando en ciertos momentos, ¿no? 01:15:50

Pues aquí habla un poco de eso. De cara al examen, la historia, etcétera, bueno, pues tampoco, sin más, no creo que nos vayamos a meter de esto. 01:16:01

Bueno, aquí se desglosa de lo que se va a hablar a continuación y son aspectos importantes todos, ¿vale? 01:16:10

Sistema de televisión 01:16:16

Bueno, esta parte no tanto 01:16:18

Que sea el DSC, distintos sistemas 01:16:19

Que ha habido analógicos 01:16:22

Es también introductorio, esto en concreto no 01:16:23

No es especialmente relevante 01:16:25

Muy interesante 01:16:28

Se hablará más 01:16:29

En el módulo 01:16:30

Que habrá a continuación 01:16:34

Sobre conectores, etc 01:16:35

Es importante conocerlos 01:16:38

Pues bueno, ya irlos introduciendo 01:16:40

Para que os suenen 01:16:42

Pues en vuestro trabajo con los monitores 01:16:42

en casa, etcétera 01:16:45

y también 01:16:47

qué forma de transmitir la señal 01:16:48

o de transportar la señal existen 01:16:50

tanto a nivel 01:16:52

analógico o digital, pero tampoco 01:16:55

lo planteo como pregunta de examen 01:16:56

de este año, ¿vale? 01:16:59

Entonces este apartado tampoco le daría 01:17:00

más importancia. Este ya sí 01:17:02

que es de software, por ejemplo 01:17:05

para configurar 01:17:07

tamaños de nuestros vídeos, sí es 01:17:08

importante, ¿vale? Y por ejemplo es muy importante 01:17:11

saber que ahora mismo 01:17:13

ya lleva muchos años 01:17:14

estamos en la época del HD 01:17:16

y hay una resolución para vídeo 01:17:18

que es el estándar, por ejemplo 01:17:20

si nos metemos en Youtube 01:17:22

veréis muchas resoluciones 01:17:23

por ejemplo este vídeo de aquí 01:17:26

y yo puedo afinar 01:17:27

la resolución 01:17:30

pero por defecto la que se espera ver 01:17:34

normalmente o la que tiene 01:17:36

la calidad que se considera estándar 01:17:38

ahora mismo es esta de 1080p 01:17:40

P se habla luego de la grabación travesada progresiva, pero 1080 se refiere a el alto, el número de líneas que tiene en 1920x1080, que es el Full HD. 01:17:42

Pues esta medida, por ejemplo, es importante. Hay otro tipo de medidas, no creo que os la pregunte, pero que sepáis que existen ya otras, digamos, categorizaciones. Se venía de la definición estándar de hace muchos años, ¿vale? Antiguamente el estándar en televisión que empezaba a usar digital era 720x576 píxeles, pero bueno, actualmente, aparte de ese 720p, ¿vale? Mirad, ese 1080p que es como viene en YouTube, también existe. 01:17:59

720p vale que es el hd no full hd sino el hd a veces se le llama ready vale que es por ejemplo 01:18:29

si nos metemos en youtube pues veremos que otra de las que cuenta es 720p 60 significa aquí en 01:18:37

este caso 60 fotogramas por segundo que no está a la velocidad estándar tiene más cadencia más 01:18:44

velocidad de fotogramas no bueno son distintas calidades se tienen varias cuando digamos subimos 01:18:51

un vídeo a YouTube se procesa con varias 01:18:58

calidades 01:19:00

convierte nuestro vídeo a distintas 01:19:00

calidades, a distintas velocidades 01:19:04

de fotograma, más que nada 01:19:06

por si tenemos una conexión muy lenta 01:19:08

pues dice, no te voy a quitar de ver 01:19:10

el vídeo, sino lo que voy a hacer es bajarle 01:19:12

el número de píxeles que va 01:19:14

a tener esa imagen para que 01:19:16

tenga que procesar menos y por tanto 01:19:18

pues también el ancho de banda 01:19:20

que ocupa es menor y a lo mejor 01:19:22

en esa red lenta sí que 01:19:24

puedes ver el vídeo así, lo verás 01:19:26

Pues mira, igual que... Vamos a una parte que tenga más... Ahí, por ejemplo. Bueno, si se pone el vídeo... Bueno, esto lo habréis hecho, pero que si ponéis el vídeo con una resolución así, pues evidentemente se reproduce, pero bueno, pues no hay el número de píxeles que querríamos, ¿no? 01:19:28

pero bueno cuando trabajamos en vídeo la resolución estándar ahora mismo full hd 01:19:46

1920 x 1080 píxeles hay otras que viene el futuro o por ejemplo en netflix hbo 01:19:51

pues que ya está muy implantada tanto para grabación como para ver contenidos 01:19:56

y a veces lo que hacen es cobrarte la parte en plan tiene de netflix normal 01:20:01

pues vale en full hd si quieres el 4k pues paga un extra x vale pues hay otras 01:20:05

resoluciones que están estandarizadas vale como de esto se va a ver más en 01:20:10

montaje, no creo que pregunte mucho 01:20:15

pero sí que igual que os decía 01:20:17

las densidades de píxel, ¿no? 01:20:19

de 72 píxeles por pulgada o 300 01:20:21

como estándares 01:20:23

pues 01:20:24

es algo que creo 01:20:27

necesario salir de este módulo 01:20:29

conociendo el estándar de vídeo habitual 01:20:31

por ejemplo en Photoshop si creamos 01:20:33

aunque no es de vídeo pero permite diseñar 01:20:35

ya pensando en vídeo 01:20:37

si generamos un nuevo archivo 01:20:38

y vamos a la sección de vídeo 01:20:41

El primero que aparece es este 1920x1080, luego el HD Ready y otros, pero el estándar 1920x1080. 01:20:43

Luego hay otros un poco modificados, como este que es también 1080, pero de pronto no es el mismo ancho. 01:20:55

Esto es por lo que hemos hablado antes, o aparece, del Pixel Aspect Ratio, que tiene distintos Pixel Aspect Ratio. 01:21:03

Entonces, fijaros que aunque tengamos un proyecto de 1920x1080, si yo abro este, tiene estas medidas, este de 1920x1080, y fijaos que si yo luego abro, voy otra vez a película y vídeo, abro este otro, fijaos que aparentemente son iguales. 01:21:12

solo que cuando me acerco mucho, a ver, para ver la cuadrícula como es, en vista, esto es simplemente para que sepáis lo que es, proporcionando el píxel, a ver, espera, rejilla, un segundo, esto no tardo nada en encontrarlo, pero ahora mismo, selección, es que hay una opción para ver la rejilla, ah, bueno, igual es porque la imagen es blanca y no se ve, espera, voy a colorearla de otro color, 01:21:35

Esto simplemente es para que veáis. Esta es la cuadrícula. Aquí los píxeles son cuadrados y es un 1920x1080 porque los píxeles son cuadrados. Si en esta, me acerco mucho, fijaos que de pronto los píxeles, no sé si se ve bien, yo creo que sí lo veréis, pero son rectangulares porque cada píxel tiene un ancho diferente, no son cuadrados. 01:22:03

Por eso cuando se crea esa imagen nueva en la proporción de píxeles están los cuadrados pero también otros que tienen distorsiones. No quiero ir más allá pero simplemente que sepáis que a nivel visual luego un 1440 como cada píxel, cada cuadradito es un poquito más ancho, aparentemente ocupa lo mismo que 1990 de ancho cuando son cuadrados. 01:22:28

¿vale? pues eso es importante a la hora 01:22:54

de definir, bueno, esto es porque estoy haciendo 01:22:56

a distinto nivel de zoom, pero si pongo 01:22:58

los dos, aquí se ve abajo, donde estoy abajo 01:23:00

a la izquierda, al 50, lo dicho 01:23:02

tienen la misma medida 01:23:05

aparente, pero tienen 01:23:06

menor número de píxeles realmente y además 01:23:08

están alargados, bueno, pues si alguna vez 01:23:10

tienes que grabar un vídeo con opciones 01:23:12

de distorsión de píxel 01:23:14

pues 01:23:16

pueden surgir este tipo de problemas 01:23:17

¿vale? aquí se habla un poco de eso 01:23:20

de la proporción de píxel 01:23:22

Os lo cuento ahora, no es especialmente importante para el examen, diría yo, pero que os suene. Imágenes por segundo, la velocidad de fotogramas por segundo, frames por segundo, importante. Saber que en cine el estándar son 24 fotogramas y en vídeo, o televisión o internet, en Europa hemos heredado 25 fotogramas por segundo como estándar. 01:23:24

y en otro sistema vale entonces en europa sería de 25 y normalmente si 01:23:47

trabajamos para una televisión en europa en españa vamos a quedarnos 01:23:53

en españa de momento pues habrá que trabajar a 25 fotogramas por segundo si 01:23:57

trabajamos para eeuu sería de 30 fotogramas fotogramas por segundo y 01:24:01

luego incluso aparecen estos estos valores con decimales un poco extraños 01:24:05

que tienen que ver con esto del drop frame que es una herencia de cuando se 01:24:12

introdujo el de cuando se introdujeron nuevos sistemas de color sonido etcétera bueno pues que 01:24:15

hubo qué bueno tiene que ver con el color se tuvo que introducir ciertos de fases como se hace con 01:24:21

los años bisiestos de añadir un día cada cuatro años bueno pues son cosas más avanzadas aquí os 01:24:30

dejé un vídeo sobre la aplicación pero me interesa que en europa sepamos que son 25 por defecto y 01:24:35

luego 24. Eso no quita que luego haya velocidades de fotograma más rápidos, 01:24:41

que no son el estándar, y de hecho fijaos lo que os he dicho antes, aquí hay 01:24:47

un 1080p a 60 fotogramas por segundo. Son nuevas velocidades que 01:24:51

se llaman HFR que pueden tener ciertas implicaciones, 01:24:58

ventajas etcétera pero eso ya lo veremos y aparte como estándar todavía no lo diría aunque ya se usa 01:25:05

muchísimo sobre todo en internet en youtube en plataforma puede haber contenido con otras 01:25:13

velocidades pero los estándares siguen estando aquí en monitor es verdad que a veces en vez de 01:25:19

hablar de fotogramas por segundo se habla de hercios que es la fluctuación que tiene la 01:25:27

señal eléctrica y en base a eso se van dibujando las líneas de nuestro monitor pero bueno cuando 01:25:31

trabajamos un proyecto nuevamente vale y 60 y 30 están relacionados también un poco por eso 01:25:38

pero cuando trabajamos yo lo dicho en europa en vídeo o televisión 25 fotogramas por segundo si 01:25:42

trabajáramos para cine pues el fotograma son el 24 son el estándar códigos de tiempo pues al final 01:25:48

Cuando trabajamos en DaVinci o en Premiere, aparece un código de tiempo que hay que conocer. Si nos fijamos en DaVinci, a ver, lo abro rápido, el código de tiempo que nos va diciendo en qué fotograma estamos o cuándo se va reproduciendo. 01:25:55

Pues vamos viendo el tiempo, incluso en YouTube, si lo reproducimos, aquí hay un código de tiempo que no es el profesional y por eso jamás podríamos decir que tenga este formato profesional. 01:26:10

Hay uno profesional que es el SEMTE, que se basa en esta estructura, horas, minutos, segundos y frames, que también está aquí, horas, segundos, minutos y frames, en esta claqueta digital. 01:26:21

Pero bueno, si abrimos aquí, yo qué sé, este, y vamos trabajando, pues la línea de tiempo se representa en horas, minutos, segundos y fotogramas, ¿vale? 01:26:30

Pues es importante saber que este último valor es cada uno de los fotogramas. Estoy pasando ahora con las teclas izquierda y derecha y cada uno de los frames. 01:26:43

Es importante conocer eso. Aquí se habla otra vez de los códigos de tiempo relacionados con la velocidad de fotograma. Importante saberlo. Para saber más cosas útiles, pero que no quiero meter mucho. 01:26:50

grabación entrelazada y progresiva, importante 01:27:07

conocer 01:27:10

pero no de cara al examen, no os voy a preguntar 01:27:11

de esto, pero si en algún momento 01:27:14

tenéis que trabajar con material antiguo 01:27:16

contad con que si os aparecen 01:27:18

este tipo de imágenes 01:27:20

como con las líneas un poco 01:27:21

desvaídas o 01:27:24

que no se ve la imagen como 01:27:25

completa, sino que aparecen como 01:27:28

picos también, dientes de sierra, puede ser 01:27:29

que esa imagen se esté 01:27:32

procesando, reproduciendo 01:27:34

con un barrido que se empleaba 01:27:35

más antiguamente, ya está cayendo en desuso 01:27:37

pero bueno, sigue habiendo material de archivo 01:27:39

o así 01:27:41

y bueno, el montaje 01:27:42

se hablará de esto 01:27:44

aunque se da ya por sentado que lo vais a conocer de aquí 01:27:46

bueno, de cara al examen 01:27:49

no entra, vale, pero 01:27:51

la explicación de esto es larga, os dejo aquí 01:27:53

material, etcétera 01:27:55

y sobre todo para que lo conozcáis 01:27:57

pero bueno, ya es verdad que 01:27:59

no es el estándar y siempre 01:28:01

se trabaja en progresivo y de hecho 01:28:02

Por eso esa P que aparece en YouTube, por ejemplo, cuando nos metemos aquí, podría leerse como píxeles, pero en realidad significa progresivo. Es decir, que cada cuadro, cada imagen se pinta de arriba a abajo y es una imagen. 01:28:05

Y luego otra imagen, que antiguamente se dividían las imágenes en dos campos que se combinaban y si no se combinaban bien aparecían este tipo de incoherencias. 01:28:22

Profundidad de color y muestreo. Lo que hemos hablado antes de que la profundidad de bits o de color o profundidad de color es importante para tener el número de colores necesario para que se representen todos los que existe en la realidad. 01:28:35

Y ha llegado un punto que no es tan importante de cara a pintar todos los degradados, sino también para tener más detalle o más variedad de color, ¿vale? Pero sí que hay un mínimo que es este 8 bits, entendidos como 8 bits por canal de color, ¿vale? 01:28:47

Recordad que en un sistema 01:29:03

Subtractivo 01:29:06

No, perdón, aditivo 01:29:08

Un sistema RGB 01:29:11

Tiene tres canales y cada uno 01:29:12

Tiene una profundidad de color por canal de 8 bits 01:29:14

¿Vale? Esto es lo que dice aquí 01:29:17

Que cada canal tiene 8 bits 01:29:18

Luego puede haber imágenes como esos PNG8 01:29:20

O los GIF 01:29:23

Que tienen 8 bits 01:29:25

De color y ya está 01:29:27

No de colores, con color indexado 01:29:28

Como os he hablado antes 01:29:30

Es una paleta de colores 01:29:32

reducida a 256 valores 01:29:33

y son esos colores 01:29:36

pero cuando se habla de una imagen 01:29:38

de 8 bits, ¿vale? 01:29:40

realmente de lo que se está hablando es que cada uno de los 3 canales 01:29:42

tiene hasta 01:29:44

256 colores, ¿vale? 01:29:46

entonces al multiplicarse por ellos 01:29:48

pues en una imagen de 8 bits de profundidad 01:29:50

de color por canal, tiene 01:29:52

16 millones de color, ¿vale? 01:29:54

esto de por canal es importante porque 01:29:56

en jerga se habla de 8 bits 01:29:58

¿vale? 01:30:00

Y hay que discernir si está hablando de 8 bits a nivel general en un vídeo que se refiere a 8 bits de color por canal contando con los 3 canales o una imagen en 8 bits, ¿vale? Que es como con la música en 8 bits, que es una paleta muy reducida, pero porque ahí se está usando un sistema de color diferente, ¿vale? 01:30:01

Bueno, simplemente que sepáis que la profundidad de color está relacionada con la cantidad de colores que puede reproducir nuestro vídeo o el sistema que lo reproduce, ¿vale? Los dispositivos también pueden representar ciertas profundidades de color. 01:30:22

Y bueno, cada vez se va contando con mayor, esto por supuesto, a mayor número de bits de profundidad de color, más pesar a los archivos. A medida que la tecnología va avanzando, los discos duros y los anchos de banda, pues se puede usar material con más bits. 01:30:35

Pues bueno, pues cada vez habrá más. Pero de momento el estándar en un monitor normal es 8 bits y cada vez ya más implantado se encuentra el 10 bits. Vamos, es bastante habitual en vídeo, pero bueno, está ahí un poco entre los dos. 01:30:55

Y luego hay otros profundidades de bits que están pensados para internamente el ordenador hacer cálculos de color intermedios, pero realmente luego no se están mostrando con esa profundidad de color o nuestro monitor no va a tener esa burrada de bits por color y es solo el software internamente que lo está trabajando así. 01:31:08

Bueno, esto es más profundo 01:31:26

Sobre todo el concepto de qué es la profundidad de color 01:31:28

Y qué puede remediar 01:31:31

Como ese banding 01:31:33

Que es esto 01:31:35

Que aparecen aquí bandas 01:31:37

O se van viendo 01:31:38

En algo que debería ser un degradado suave 01:31:39

Porque de pronto aparecen ahí como 01:31:43

Bandas, y puede ser también por el procesamiento 01:31:44

Etcétera 01:31:47

Sobre cámaras, os lo pongo aquí para que lo conozcáis 01:31:47

Y porque creo que 01:31:51

No hay más módulos en los que se vea esto 01:31:53

Y bueno, como fuente que es, que se capta de la realidad, pues es importante conocer que existen distintas tipologías. Esto en realización, si hicierais el ciclo de realización, pues es más importante aún, pero estaría bien que os sonara. 01:31:55

pero es cierto que esta sección 1.2 no es parte del examen 01:32:10

no os voy a preguntar sobre cámaras ni sobre formatos de cámaras 01:32:16

luego hay otro tema que si se habla de dispositivos de almacenamiento, eso sí 01:32:22

técnica de optimización y de compresión y códex 01:32:26

no creo que pregunte mucho de esto 01:32:31

pero es importante saber que los archivos se pueden comprimir 01:32:33

y que se pueda hacer en base a distintas posibilidades, ¿vale? 01:32:36

Unas que se basan en ir guardando cada frame de manera independiente, 01:32:42

otros que van solo guardando lo que va cambiando, como en esta imagen, ¿no? 01:32:48

El árbol siempre es el mismo, lo que se mueve es la pelota. 01:32:52

Pues, ¿para qué va a guardar toda la información de cada fotograma? 01:32:55

Si, puede decir, vale, tengo que mantener aquí este fondo y en cada fotograma solo cambiar la información de la pelota. 01:32:58

Vale, pues es una forma de que, por supuesto, la imagen pese menos, el vídeo, perdón, el resultante, 01:33:05

porque toda esta información que aquí aparece como negro, que no es información, 01:33:11

sino que en ese momento estará mostrando este fondo, esa imagen que hemos dicho que se está manteniendo, 01:33:14

es información que el archivo no va a transportar y por tanto pesará menos el archivo. 01:33:22

Entonces es esencial. ¿Qué problema tiene? Porque todo suele tener una pega. 01:33:26

Que el ordenador, al procesarlo, claro, aquí le dices esta foto, luego esta, luego esta, no tiene que pensar nada. Cuando tiene que ir pintando partes de la imagen que no existen, pues tiene que hacer un procesamiento mayor. El archivo pesará menos probablemente, pero a veces nuestro software puede ir más lento, aunque pese menos el archivo, que a veces suena paradójico. Bueno, que os suene. Esto, como parte del examen, no creo que entre. 01:33:32

¿Formato de archivo de vídeo? No creo que entre para el examen, pero sí que se da por supuesto un poco que lo conozcáis ya en otros módulos, por tanto, leedlo, ¿vale? Pero no creo que os pregunte esto en el examen. 01:33:59

Sobre bitrates, esto sí que por ejemplo para web es importante que los vídeos se procesen de cierta forma, pero nuevamente se hablará más en el módulo de montaje. 01:34:17

Por tanto, de cara al examen, a ver, me da miedo no deciroslo si no lo habéis leído o no tal, porque es importante y debería saberse, ¿vale? Pero no creo que se pregunte de esto en el examen tampoco. 01:34:30

de streaming, pues bueno 01:34:42

conocer qué es el streaming y cómo funciona 01:34:46

y tal, tampoco creo 01:34:48

que en el examen vaya a haber pregunta de ello 01:34:50

interesante es por supuesto 01:34:52

sobre DaVinci 01:34:53

pues bueno, conceptos de qué es 01:34:55

edición lineal, no lineal, el online 01:34:58

el offline, qué softwares 01:35:00

trabajan, en nuestro 01:35:02

caso DaVinci o Premiere 01:35:04

bueno, no lo hemos tenido pero DaVinci o Premiere 01:35:06

bueno, podría ser 01:35:08

sobre DaVinci en sí no creo 01:35:09

que pregunte mucho vale más que nada a decir sobre para qué se usa da vinci o qué cosas se 01:35:12

pueden hacer en davinci cuáles son las páginas de 20 así a nivel general sí que se puede haber 01:35:17

preguntas vale lo que no creo es que me meta muy en detalle ya habrá otro módulo de eso pero por 01:35:23

ejemplo preguntar para qué es para qué se usa davinci o para qué es la pestaña de edit para 01:35:28

editar el vídeo pues hombre que al menos sepáis en la tarea lo tuviste que usar que os metéis en 01:35:35

En el DaVinci queréis hacer el montaje de vídeo, no os tenéis que meter en Fairlight, que es para sonido, sino en Edit. 01:35:40

Bueno, pues un poco qué son las distintas páginas, los distintos espacios de trabajo, si es importante. 01:35:47

Y para qué se usa cada una, sobre todo. 01:35:59

Luego, aparte de eso, pues no creo que pregunte mucho de vídeo. 01:36:02

A nivel me refiero de software, de características, de frecuencia de fotogramas, tamaño, lo que os he ido contando hasta ahora sí, ¿vale? Pero nos centraremos más en esto en montaje. 01:36:05

sobre exportar, pues bueno 01:36:19

saber que no siempre se exporta desde este software 01:36:21

sino que a veces hay software dedicados 01:36:24

como yo que sé, en DaVinci 01:36:26

está la página de Deliver, que es la 01:36:28

concreta para exportar, o la más 01:36:30

completa para ello, pero luego otros 01:36:32

softwares tienen en sus paquetes 01:36:34

un software aparte, Premiere por ejemplo 01:36:36

puede exportar directamente, pero si se quiere exportar 01:36:37

en cola, o por lotes 01:36:40

como se explicaba en Photoshop 01:36:41

pues existe Adobe Media Encoder 01:36:43

o en Final Cut existe 01:36:46

compresor bueno pues conocer que existen otro tipo de software pero poco más con primer pero 01:36:48

que está la traslación que tenemos d da vinci un poco al software de premiere pues lo mismo 01:36:54

que he dicho antes pues bueno conocerlo está bien pero parte del examen no está como se pone aquí en 01:37:01

ningún caso lo he visto en este apartado 23 vale y sus subapartados esto de aquí son parte del 01:37:07

el examen vale pero bueno si se puede preguntar para qué es premiere pro igual que pues a nivel 01:37:13

genérico dentro de este flujo de trabajo así que deberíamos conocer los software vale entonces no 01:37:19

profundidad pero saber para qué se usa el sonido importante conocer las características aquí se 01:37:25

habla de hercios antes ha hablado antes como para la onda de vídeo no hemos dicho en los monitores 01:37:31

Entonces, bueno, pues esto sí es importante, conocer un poco en qué se basa una onda sonora, qué es la intensidad, el tono timbre, luego decibelios, tipo de decibelios, si no, también lo veremos más en montaje, no me interesa tanto ahora. 01:37:38

¿Cuál es la frecuencia? ¿Los rangos? 01:37:52

Pues es interesante, no sé si preguntaré de esto o no 01:37:57

Pero es interesante 01:38:00

¿Y qué es el timbre? 01:38:01

Que es como una frecuencia fundamental 01:38:02

Suena y de ella puede haber otros armónicos 01:38:05

Es decir, vibraciones secundarias asociadas a este 01:38:09

Que es lo que permite identificar 01:38:13

Qué es una voz, qué es un instrumento 01:38:15

Tú, por ejemplo, en un piano puedes tocar un La 01:38:18

Así rápido, sin meterme más 01:38:20

Y en un violín tocar el mismo La, teóricamente, la misma frecuencia, pero cada uno por su construcción física y por el tipo de instrumento, 01:38:22

pues si es percusión o cuerda, etc., pues irá acompañada de otras frecuencias secundarias, que son estos armónicos, 01:38:30

que son los que dan la distinción de que ese La suene a violín, suena a piano, suene a trompeta. 01:38:36

Sí, debería sonaros todo esto. No sé si va a entrar para el examen, también os digo. 01:38:46

Vale, este tipo de cosas lo veremos más en montaje. ¿Funciona el sonido en un producto audiovisual? No creo que pregunte nada. Captura del sonido. Sobre micrófonos, sensibilidad, patrones polares, sí que os suena un poco, ¿vale? 01:38:52

y tipos de micrófonos que suene ligeramente por si alguna vez tenéis que enfrentaros, 01:39:08

pero tampoco sé si voy a preguntar de esto, de proceso de digitalización. 01:39:16

Estos pasos para coger una señal y digitalizarla sí que creo que son convenientes 01:39:20

porque habla de cómo la señal digital es convertida en digital después de pasar por un transductor, 01:39:25

es decir, un micrófono que convierte una señal mecánica, estas ondas que mueven, a una señal eléctrica y posteriormente guardada como algo digital basado en unos y ceros. 01:39:32

Se convierte en cinco pasos que tenemos aquí. En este vídeo, aunque sea para saber más, se explicaba con más detalle, pero bueno, se explica dentro de este proceso. 01:39:44

Aquí vamos de traductor, esta onda acústica que se convierte en eléctrica, en voltajes, que además luego se puede digitalizar con este proceso de muestreo. 01:39:54

Cuando la señal se van cogiendo distintas muestras a lo largo del tiempo para ir luego recreando la onda y que se escuche el audio que se ha grabado. 01:40:06

Hay un teorema aquí que es importante, que se habla de la frecuencia del muestreo mínima que debe tener un audio. Ese teorema sí es importante y está relacionado con lo que se ha visto antes. Pues sí, que es el Nikuizano, ni que para replicar una forma de onda, es decir, cada pico de subida-bajada, dicho así de manera prosaica, para tener el mínimo detalle que se necesita para poder representar una onda, tiene que ser del doble de frecuencia, ¿vale? 01:40:18

del doble de frecuencia que la máxima frecuencia que queramos procesar. 01:40:47

¿Esto qué significa? Que a medida que una onda oscila más, el sonido será más agudo, cuando las ondas son sonoras. 01:40:54

Claro, para ver cada cuánto está oscilando, tenemos que coger mínimo dos muestras de cuándo está haciendo el pico. 01:41:03

Entonces, para poder en el sonido más agudo, es decir, cuando más oscilaciones hay, habrá que tener como mínimo la capacidad de ir cogiendo muestras en el tiempo que permita en el sonido más agudo que vayamos a representar siempre el pico de arriba y de abajo, ¿vale? 01:41:10

De lo que es esta onda, ¿vale? Aquí está, ¿vale? De la cresta y el valle, ¿vale? Que representa la perturbación y la vuelta a la calma de esa oscilación que marca una onda sonora. 01:41:26

Esto que está explicado en el tema y en la ampliación de Álvaro, trabajaremos más en el módulo de realización, pero sí que es importante conocer que existe este teorema. 01:41:44

Luego, igual que hablamos, aunque sea por si luego en un proyecto de DaVinci hay que decir a qué frecuencia, a qué velocidad de sample hay que poner un proyecto, como por ejemplo haríamos en uno de estos, 01:42:02

Por ejemplo, si nos metemos en el timeline, en cierto momento, lo que es el sonido no se representa aquí. Hay otro apartado sobre esto, pero en las preferencias que tenemos del archivo, se puede fijar la frecuencia de muestreo. 01:42:21

¿Vale? Que aquí está a 48.000, a 48 kiloherzios, ¿vale? Pues si estamos trabajando en un vídeo digital, tenemos que poner que esté en 48 kiloherzios. 01:42:47

Ahora no me deja cambiarlo porque ya he empezado el proyecto, pero llegado el caso, deberíamos conocer este tipo de valores, ¿vale? 01:42:57

Si tenemos un CD, estará a 44.1 kiloherzios o 44.100 herzios, y si es un estándar de vídeo, 48 kiloherzios de frecuencia de muestreo. 01:43:05

Cuantificación es el similar a la profundidad de color, pero en cuanto a intensidad sonora. 01:43:16

Se habla aquí de esto, se explica un poco más, no creo que me meta mucho en detalle de esto a la hora de preguntar, 01:43:22

pero si alguna vez vais a trabajar de editores de vídeo o en algo que ocupe sonido, conocer estas cosas os va a dar muchísimo valor. 01:43:27

Entonces, bueno, os animo, aunque no sea de cara al examen, aunque ya he dicho que alguna cosa sí que puede preguntarse, 01:43:37

pero os recomiendo 01:43:42

antes lo he pasado por aquí 01:43:44

en el sonido 01:43:47

que ampliéis 01:43:48

con estos vídeos que he dejado 01:43:50

de Álvaro, bueno que explica 01:43:53

ese que he señalado antes, creo que había otro 01:43:55

por aquí, vale pues 01:43:57

ahora no lo encuentro 01:43:58

pero había otro por ahí, este 01:44:01

es importante 01:44:02

os va a ayudar a entender cómo 01:44:05

configurar vuestros proyectos en cuanto al sonido 01:44:07

con presiones y pérdidas 01:44:09

o con pérdidas, pues bueno, conocer 01:44:11

qué formatos de audio hay 01:44:12

es importante porque, por ejemplo, luego cuando 01:44:14

se va a web y se quiere introducir un audio 01:44:17

a veces hay que poner qué codificaciones 01:44:19

tiene ese audio, hay que 01:44:21

ponerlo de manera explícita. Pues bueno, 01:44:23

conocer cuáles son sin pérdida y con pérdida. 01:44:25

Sin pérdida, 01:44:28

el WAV, el AIF, el FLAC, todos 01:44:29

son importantes y 01:44:31

con pérdidas, el MP3 que todos 01:44:32

conocemos tiene pérdidas, ocupa menos, 01:44:35

es muy transportable, pero tiene 01:44:37

pérdidas incluso de calidad. 01:44:39

Y luego hay otros como el AC, el OGG, bueno, que os suenen, ¿vale? 01:44:41

Pero, sí, bueno, pueden haber alguna preguntilla de formatos. 01:44:45

Aquí es un resumen de lo que se ha ido viendo, ¿vale? 01:44:49

Pues, un resumen que tenéis ahí. 01:44:53

Con saber esto, puede que sea ya lo importante. 01:44:56

Más el teorema de Nick Wissanen, ¿vale? 01:45:00

Investigad más sobre él si tenéis dudas. 01:45:03

Vamos, lo pone en el tema. 01:45:06

Procesadores de dinámica 01:45:07

De frecuencia 01:45:11

Que es un ecualizador, etc 01:45:12

No creo que vaya a haber preguntas 01:45:14

¿Vale? 01:45:16

¿Qué software de audio hay, etc? 01:45:20

Pues sí, os debería sonar 01:45:23

¿Qué es Fairlight? Pues que es el volumen 01:45:24

Que es la panoramización 01:45:26

Que se hablan de ciertas cosas aquí 01:45:27

Pues bueno, sí que es interesante 01:45:29

Pero sinceramente 01:45:32

Nos lo vamos a reservar para otros módulos 01:45:34

¿vale? que hay, entonces bueno 01:45:37

esta parte de DaVinci Resolve aplicada 01:45:39

a sonido, pues en 01:45:41

principio yo creo que no va a haber mucho 01:45:43

pregunta, pero si saber que es Fairlight 01:45:45

por ejemplo, para que se usaría, pues oye, si quiero hacer 01:45:47

la edición de sonido, la mezcla 01:45:49

¿vale? que para eso hay que saber que es la mezcla que se explica 01:45:51

aquí, o se habla de ello aquí 01:45:53

que es equilibrar los audios que 01:45:55

tenemos en nuestro proyecto 01:45:57

pues bueno, al menos nos tiene que sonar 01:45:59

un poco, que para eso se deja 01:46:01

pero meterme en como se hacen 01:46:02

las cosas, aunque 01:46:05

muy interesante, lo dicho, hablaremos más 01:46:07

en montaje 01:46:09

y luego en Premiere 01:46:11

pues un poco lo mismo, es la traslación 01:46:13

pues con saber que es la mezcla, la edición 01:46:14

y lo que hemos visto antes de los parámetros 01:46:17

el Nikuizanon 01:46:19

pues tampoco hay que 01:46:21

ahondar mucho 01:46:23

más 01:46:24

¿vale? 01:46:25

y procesador de sonido, un poco lo mismo 01:46:28

tema 4, hecho 01:46:30

quedan 3, a ver, y son y cuarto 01:46:32

Pues no sé si va a dar tiempo. Venga, vamos con el quinto. Tema importante, es uno de los importantes, diría yo. Sobre la interfaz, pues bueno, qué tipos de interfaces hay, categoría de interfaces, pues sí, que suenen. 01:46:35

Tampoco es lo más interesante que os preguntaría, pero puede haber alguna preguntilla. Diseño de interactividad, pues la experiencia de usuario que es, ciertos tipos de acciones que puede haber, bueno, se habla más aquí de la usabilidad, esto sí es importante, los principios heurísticos, de esto seguro que cae alguna pregunta, incluso puede caer alguna de desarrollo, que os pregunte, dime algún principio heurístico y ponme ejemplos, porque es importante cuando estamos diseñando esta aplicación, este producto multimedia, 01:46:53

sabía saber la usabilidad en el sentido, y bueno, y el concepto de usabilidad que es, pues de poder usar, de poder plantear un producto que se emplee de manera adecuada, que no dé problemas, que el usuario no esté perdido, que tenga feedback, documentación, este tipo de cosas sí son importantes, ¿vale? 01:47:23

Y trucos, recomendaciones, pues está muy bien, pero sí, el contexto de estas heurísticas, cómo se aplican, qué son las heurísticas, si es importante a la hora de definir el diseño de la experiencia de usuario. 01:47:44

En la tarea de esta unidad, pues una de las cuestiones era un poco organizar cómo una aplicación te lleva a una ventana, que luego cómo se puede volver, cómo se puede ir a otra, pues eso es importante. 01:47:57

Así como que el diseño de interfaz de usuario y el UX, pues sí que es importante. Diseño central en el usuario, pues también. Esto es importante. 01:48:10

Accesibilidad, volvemos. Diseño para todos. Es un poco la extensión de lo que se vio en el primer tema, pues también es algo importante. 01:48:21

Y que la ergonomía aplicada a algo más físico de cómo usar los objetos de manera que podamos emplearlos y no nos suponga ni un perjuicio físico de que nos hagan daño, de que no sean, pues que por ejemplo en este mando si pones una tecla aquí debajo, pues no tienen más dedos. 01:48:30

pues que sea cómodo, que la ciencia, pues saber que existe también porque es parte de la experiencia de usuario cuando se aplica en cierto modo, ¿vale? En las fases, este esquema es bastante importante, el orden en el que se van diseñando, que es un poco el que también se va planteando aquí por orden, ¿vale? Son pasos, es decir, uno va detrás de otro, aunque a veces, evidentemente, puede haber iteraciones o vueltas para atrás, pero bueno, estas fases son importantes. 01:48:48

De esto sí que va a haber preguntas, ¿vale? De las fases y el orden, cuál es la investigación, porque al final cuando planteamos un diseño es que de verdad es muy importante pensar e investigar y centrarnos en quién lo va a disfrutar, por qué, cómo, hacerlo accesible, que sea usable, ¿vale? 01:49:15

Entonces, bueno, este tipo de cosas de investigación, pues, son importantes. Luego, cómo estructurar nuestra aplicación, ¿vale? Los hipertextos, los hiperenlaces son de lo mejor que hay en Internet, en el sentido de que, claro, poder ir, es que esto no ocurría antes, pero poder meterte en una Wikipedia, leer la historia de un país y que de pronto tengas una duda sobre un presidente, yo qué sé, y poder ir a ese presidente y luego que te cuente de qué se ha hecho, 01:49:34

es darte datos y luego ver esa navegación es la clave que ha dado a internet su potencia vale 01:50:03

pues bueno claro el problema que eso también dentro de una aplicación por ejemplo hay que 01:50:11

jerarquizar vale como se va de un punto a otro etcétera la lectura no lineal es lo que tiene 01:50:16

que hay que hacer esta lectura y este pensamiento a propósito cada producto tendrá sus necesidades 01:50:20

y por eso se estructurará su navegación y su interacción de un modo u otro vale a veces más 01:50:27

desordenado más caótico a veces más abierto y otras pues que directamente queremos volver a 01:50:33

esa secuencialidad hasta cierto punto que también se pueden combinar distintas estructuras vale de 01:50:39

esto también es muy probable que haya preguntas sobre capa visual y los pasos de boceto es que 01:50:45

es wireframe mockup luego el prototipo pues también saber qué es cada fase esto voy a ir 01:50:51

rápido porque todo esto es bastante importante y en la tarea además si lo 01:50:59

habéis hecho vais a saber que cada cosa que aporta incluso espero que veréis la 01:51:03

necesidad de irlo haciendo por partes es verdad que en la tarea era coger algo ya 01:51:08

hecho y desglosarlo en las distintas fases pero imaginaos poneros a diseñar 01:51:12

ya el mockup a todo lujo de detalle y que luego el cliente diga no si es que 01:51:16

esta estructura no representa o nos damos cuenta de que la estructura sin la 01:51:20

navegación no tiene sentido, pues claro, tener diseños finales cuesta mucho más 01:51:25

que ponernos a hacer cajas en el wireframe. Por eso hay ese orden lógico, 01:51:29

igual que los mocaps y los prototipos, cuando ya se meten interacciones, 01:51:35

a veces se van haciendo en paralelo o no, lo importante es eso, saber que el flujo 01:51:39

de trabajo se adecue de manera conveniente a las necesidades. 01:51:44

Softwares de prototipado, etc. Tenía la firma a la cabeza, pero habiendo otros, 01:51:50

Pues interesante que los conozcáis, ¿vale? Por si en algún momento tenéis que trabajar en algo de esto, pues que os suene. Usabilidad, pues importante. Desarrollo es la última fase, junto a, posteriormente, comercialización y mantenimiento, que mantenimiento es, en ocasiones, pues ir revisando bugs o problemas que ocurran, pues que va volviendo al desarrollo, incluso al diseño, ¿no? Bueno, pues son fases importantes. Esto es importante. 01:51:54

Luego, prototipado en Figma, pues otra vez los frames, hay que saber lo que es, auto layout, aquí se ahondan algunos conceptos que nos ayudan a trabajar y organizar elementos, bueno, pues puede ser importante, tampoco de cara a saber si os voy a preguntar sobre el auto layout, pero bueno. 01:52:22

Componentes. Esto sí es importante en el sentido de que permite hacer elementos por botones o iconos o incluso una tarjeta de una sección que se puede reutilizar en varios puntos y crear instancias copias que si cambias el original se cambian todas. 01:52:39

Esto facilita mucho el diseño y permite hacer sistemas de diseño que en aplicaciones grandes, etcétera, pues permiten ser muy versátiles. Pues sí, componentes y sustancias sí. 01:52:56

que es el diseño responsive 01:53:08

también se habla más en el tema 7 01:53:11

que sea adaptable a distintos dispositivos 01:53:15

automáticamente 01:53:17

y en cada uno pensarlo también 01:53:18

importante es 01:53:20

el diseño de 12 columnas, conocerlo 01:53:22

que es una referencia 01:53:25

que sirve, y esto cuando veis el tema 7 01:53:26

tiene más lógica, con este bootstrap 01:53:29

o el diseño responsive que se plantea 01:53:31

o adaptativo 01:53:33

es importante 01:53:34

puntos de anclaje, etc. 01:53:35

Es interesante de cara al examen, eso ya no lo sé. Prototipado, pues también saber en Figma, esto sí que a lo mejor para determinar productos interactivos y testearlos en Figma, pues sí que es importante. 01:53:38

pues por ejemplo que en cada frame 01:53:52

en varios frames se pueden poner puntos de inicio 01:53:54

con este flow starting point 01:53:57

y empezar la navegación desde ahí 01:53:58

pues a ver que eso existe 01:54:00

que se puede testear 01:54:01

esto en la tarea se vio 01:54:04

y luego pues que se puede compartir, etc 01:54:06

se pueden crear enlaces 01:54:08

vínculos entre un botón que te lleva a otro 01:54:11

que hay micro navegaciones o navegaciones 01:54:13

luego desencadenantes 01:54:15

pues 01:54:17

sí, que os suene 01:54:18

Que os suene, ¿vale? Y todo esto además, en cierto modo, hay que saberlo para luego cuando se hagan las distintas HTMLs que conectan unos a otros con las etiquetas de hipervínculo, ¿no? 01:54:19

desplazamientos bueno pues esto que os suene porque dentro de firma en el 01:54:34

prototipado pues se pueden hacer representaciones del scroll etcétera 01:54:38

bueno esto que os suene tampoco sé hasta qué punto me puedo meter muy en harina 01:54:42

sin que os haga diseñar algo pero bueno que os suene pero el prototipado que se 01:54:48

puede hacer en distintos puntos con ese flow starting point pues sí sí puede ser 01:54:53

catalogación 01:54:58

Eh, pues saber qué son los metadatos, sí, qué es un DAM, a qué se refiere, bueno, pues importante. Qué son los metadatos, algo muy importante porque se usa perfectamente. Luego, sobre gestión, sí, es importante, ¿no? Al final, todas estas fuentes que hemos ido generando, pues hay que de alguna forma archivarlas, recuperarlas, catalogarlas en este orden, ¿no? 01:55:01

Sí, yo creo que esta sección es importante 01:55:25

Así como saber categorías de programas 01:55:29

Que incluyen funciones de TAM 01:55:31

Pues que es un CMS, WordPress por ejemplo 01:55:32

Que sirve para que un usuario 01:55:34

Pueda ir cambiando el frontend 01:55:36

En base a un backend 01:55:39

Esto se habla en el último tema 01:55:40

Pues sí 01:55:42

O que es un CRM, o que es el repositorio 01:55:46

Luego se ve con GitHub 01:55:48

Sí, esto es importante 01:55:49

Si existe, saber que existe 01:55:51

Sistemas de almacenamiento, distintos soportes 01:55:53

Que os suenen conocerlos, cuáles son las ventajas y desventajas de cada uno. Pues sí, que si se trabaja en un proyecto en remoto entre tres continentes, evidentemente no se va a mandar un disco duro entre uno u otro a menos que sea por cuestiones de seguridad muy concretas. 01:55:55

Para eso se usa la nube en remoto, etc. Bueno, aquí se habla de ventajas y no, pues conocerlas. Sobre copias de seguridad, etc., que son este tipo de copias y que los softwares no siempre tienen que hacer una copia completa, sino que hay distintas opciones. 01:56:11

Bueno, esto es la tarea 6, en la última anterior que enviasteis, pues se hablaba de esto, pues sí que debería ser, que es una copia en caliente, ¿vale? Para esos respaldos que se pueden ir haciendo esos backups mientras se trabaja o en frío que es que hay que parar, pues es que habrá software que lo pidan, software que no, o sistemas que lo pidan, sistemas que no, pues sí, esto es importante conocerlo. 01:56:30

Luego, sobre GitHub, este tipo de conceptos que tienen los VCS, los sistemas de control de versiones, sí, importante, pues que es un repositorio, que es un push, que es un pull, que es un fork, que es una rama o branch, sí. 01:56:51

Luego ya, a ver, realmente lo vimos en la última 01:57:11

Tutoría, ya existe 01:57:14

Git, el lenguaje Git, que es sobre todo 01:57:15

El que más se usa para control de versiones 01:57:18

Además, y GitHub 01:57:19

Que es como esta plataforma que usa Git 01:57:21

Pues, bueno 01:57:23

Que sepáis un poco cómo funciona 01:57:25

Tampoco sé si me voy a meter en harina 01:57:27

Pero saber qué es, para qué se podría usar 01:57:29

Que hay una aplicación de escritorio 01:57:31

¿Vale? Pues 01:57:34

Eso está bien, conocerlo 01:57:35

Pero bueno 01:57:37

luego proyectos, Kanban 01:57:38

bueno, pues que os suene, tampoco me parece 01:57:41

lo más importante, desde luego a nivel 01:57:43

de gestión de proyectos es importante 01:57:45

que os suene, vale 01:57:46

y vamos con el último tema, a ver 01:57:50

eeeh 01:57:52

vale, del último 01:57:55

tema 01:57:57

puedo preguntar de Javascript 01:57:57

generalidades, pero no va a haber programación 01:58:00

Javascript en sí 01:58:03

vale, entonces esta sección 01:58:04

si no os da tiempo, tampoco 01:58:07

es la que más énfasis le daría vale pero si de esto se hablará más en game vale que es otro de 01:58:09

los módulos que hay pero bueno a lo mejor los eventos en javascript sí vale bueno voy a empezar 01:58:19

lo digo porque esta última sección 5 alguna pregunta puede haber leerla pero tampoco es 01:58:24

decir en si entrar en programación no es importante bueno pues saber que es un protocolo http y cómo 01:58:31

funcionan los motores renderizado pues bueno tampoco es muy importante pero que os suene 01:58:37

introducción a las redes no es tan importante más allá de que sepáis que están digamos dos tipos de 01:58:42

ordenadores esto es hablando muy rápido pero son los ordenadores que empleamos nosotros que suelen 01:58:53

pedir y recibir información en plan quiero verte al web pero luego hay otros ordenadores por 01:58:59

llamarlo de alguna forma, que están en sitios remotos, 01:59:06

que son los servidores, que es donde suele estar alojado los 01:59:09

contenidos y las bases de datos con las que nosotros, 01:59:12

pues, por ejemplo, vemos webs o en aplicaciones web también 01:59:15

trabajamos, ¿vale? 01:59:18

Y a veces hay lenguajes que solo operan dentro de nuestro 01:59:19

ordenador cliente, son del lado cliente. 01:59:22

Y luego otros, como PHP, que para hablar con esas máquinas y 01:59:24

devuelvan información remota, ¿vale? 01:59:29

Pues nuestro ordenador a veces tiene lenguajes de programación 01:59:31

que envía y luego recupera la información, pero no procesa en sí. 01:59:35

Por ejemplo, también esto es a nivel de seguridad. 01:59:41

Si queremos en nuestra cuenta del banco ver el saldo que nos queda en nuestro banco, 01:59:44

esa información estará en algún sitio, en alguna base de datos del banco o Santander, por decir uno. 01:59:50

Pero ellos no nos van a dar la base de datos ni quieren que esté en nuestro ordenador. 01:59:55

Entonces, es una forma también, un PHP, un lenguaje de lado servidor, de que pidamos información y nos da la que tengamos permitida y nos la devuelve y la vemos en nuestro ordenador. Es uno de los usos importantes y hay que entender que a veces se trabaja para que nuestro navegador de internet, nuestro Chrome, represente cosas, pero hay otras que no vienen. Nuestro ordenador no procesa, las pide y le vienen de remoto. Por eso necesitamos también internet. 01:59:59

Esto precisamente, lenguaje de lado cliente y lado servidor, pues es importante saber, por ejemplo, esto, cuáles son los lenguajes que estamos tratando aquí, hay más, de lado cliente, HTML, CSS, Javascript, con los que se diseñan las webs, pero luego si hay que meter algo como referencias a una base de datos, etc., pues existen otros, por ejemplo, del que se habla aquí más, PHP, eso sí es importante para que nos suene, porque es como mínimo. 02:00:29

¿Aplicaciones web nativas híbridas? Pues sí, hombre, saber qué es cada una y qué ventajas tiene, pues puede ser, ¿vale? 02:00:57

Que es que no siempre hay que hacer una aplicación que se baje del App Store, etcétera, para usar 02:01:03

Ya hay muchas webs, que básicamente te metes en una web con el navegador y es una aplicación 02:01:08

O tiene un acceso directo y en realidad es una web, ¿vale? 02:01:14

HTML, lenguaje de marcas, ¿vale? Que sirve para estructurar las webs, sobre todo 02:01:18

Luego ya, ¿cómo se ven esas estructuras y el contenido que tienen? Se lo reparten ya HTML y CSS, sobre todo a nivel visual. Y por último, si queremos interacciones o cosas que vayan pasando más avanzadas, pues ya es con una programación más dura, que es este Javascript. 02:01:25

Vale, pues bueno, conocer en HTML cómo se establecen las etiquetas. Si estáis haciendo la tarea, que os la recomiendo, pues estaréis viéndolo, pues que se abren, se cierran, que pueden tener atributos, que se pueden meter etiquetas una dentro de otra. 02:01:48

De esto habla muy bien, y estos no son opcionales, los vídeos de introducción de Álvaro. Simplemente ir conociendo estas etiquetas, cómo se jerarquizan, los atributos, cómo se escriben. 02:02:03

Es muy probable que haya alguna pregunta, incluso desarrollo de, por ejemplo, qué es una etiqueta IMG o qué es una etiqueta A y qué atributos puede tener. Aquí se habla de algunas. Seguramente alguna pueda caer. Esto es aprenderla y son las básicas. 02:02:20

Aquí se intenta no meter lo más avanzado, sino el vocabulario básico de este lenguaje. También que son los párrafos y encabezados, que luego hay etiquetas de texto como el párrafo, las listas, bueno, me interesan menos las listas, pero también existen, que se pueden usar las listas muchas veces para crear menús. 02:02:35

Pero bueno, esos enlaces a los vídeos os van a explicar muchas cosas 02:02:57

Qué son las etiquetas IMG y los atributos que tienen 02:03:06

En las imágenes, el texto alternativo, las medidas, la ubicación, SRC 02:03:09

De esto muy probablemente haya preguntas, igual que de los hipervínculos y sus parámetros 02:03:18

Así que este apartado es importante 02:03:22

¿Vale? Voy rápido. Tablas, bueno, siguen usándose, no creo que os pregunte de ellas. Las capas, en el sentido de cómo se van anidando distintas etiquetas, etc., y luego se va llamando a sus IDs o a sus clases, pues sí, hay que conocerlo para luego conectarlo con CSS y los estilos también, y con Javascript, claro. 02:03:24

¿Cómo? Introducción a audio y vídeo 02:03:50

Bueno, también saber un poco 02:03:52

Cómo funciona, cuál es la etiqueta para meter un vídeo 02:03:55

Que es obvia 02:03:57

Fijaos que es importante conocer 02:03:58

Los formatos de vídeo 02:04:01

Porque a veces hay que declararlos 02:04:03

De manera concreta 02:04:05

Y algunos los van a coger, otros no 02:04:06

Bueno, pues por eso es interesante 02:04:08

También saber un poco de vídeo 02:04:10

Porque a veces es necesario 02:04:12

Saber lo que estamos subiendo 02:04:15

Las etiquetas de audio 02:04:16

Bueno, pues que luego hay etiquetas más avanzadas, semánticas, para ayudar al SEO de los buscadores, es decir, el posicionamiento en Google, por ejemplo. Pero bueno, esto tampoco son tan importantes, diría yo. No, no son tan importantes. 02:04:18

vale las etiquetas que tenemos aquí había una etiqueta que me que me era muy que me gustaría 02:04:37

que también que conozcáis y que tengáis en cuenta que es la de spam que ahora mismo no 02:04:50

he pasado por ella pero en algún sitio estará vale lo de la etiqueta spam también 02:04:54

etiquetas básicas estará aquí 02:05:06

Un segundo. Espera un segundo. Porque esa etiqueta es una chorrada, pero a medida que vayáis haciendo las tareas también, bueno, esta tarea, os permite ir metiendo como bloquecitos, señalando zonas en nuestro código. 02:05:09

pero lo voy a buscar así rápido el pmi y lo voy a buscar en la extendida sé que son y media bueno 02:05:29

lo dicho si queréis ir a la otra tutoría no creo que quede mucho mira aquí esta etiqueta spam 02:05:39

también saber para qué es me parece importante que está en la sección 3.2 avale se habla de ella 02:05:44

en aunque es una etiqueta de html sobre todo es para conectarlo con css pues importante eso si 02:05:49

Si queréis ir a la otra, si no, pues imagino que la otra la grabará Paco. Vamos, sí, la debería de grabar. 02:05:57

Formularios. Pues saber los tipos de entrada que pueda haber en un formulario sí es importante, ¿vale? 02:06:05

Porque esto además da pie a otros tipos de productos interactivos que permita introducir información. 02:06:13

En Dane también se verán, se usarán para crear las interfaces en las que podemos meter el nombre de nuestro jugador, la dificultad o seleccionar el país. Importante, saber qué es cada cosa se habla tanto en esta sección como en la siguiente de esto. Aquí se dice incluso qué código habría que hacer, introducir qué etiqueta. Esto sí es importante. 02:06:19

¿Vale? ¿Cómo son los métodos de conexión de un formulario? Pues sí, que os suene, tampoco es lo más importante. Esto sí, ¿vale? Esto de los tipos de elementos que puede tener una etiqueta input, los tipos son importantes. 02:06:38

Y luego, bueno, en realidad estos son los mismos un poco que tienen otras etiquetas como atributos, pero son peculiares para recoger un formulario y que luego al tener ese formulario en una base de datos, ¿vale? Pues tenga una indicación de qué es cada cosa y que se conecte bien, ¿vale? 02:06:56

Bueno, pues aquí hay distintos. ¿Qué os suene? Selectores, etc. Bueno, es un poco ampliar lo anterior. Pues eso, ¿qué os suene? CSS, lenguaje, y aquí hay tutoriales, lenguaje para sobre todo dar estilo. Es decir, que esa estructura, esa armazón que propone el HTML, pues que luego se vaya colocando, maquetando, teniendo unos colores, incluso una imagen de fondo, una sombra, etc. 02:07:16

Eso se realiza con el CSS. Aquí se habla que se puede hacer inline, también se puede vincular otra hoja, de esto hablan los tutoriales de Álvaro, con los estilos, ¿vale? Pues conocer por encima cómo funciona. 02:07:41

No creo que os haga escribir código en sí, pero sí un poco saber interpretarlo, ¿vale? A nivel, bueno, pues usuario. Vamos, me explico. Esto es introductorio, pero sí que es importante. ¿Cómo se vincula una hoja de estilo CSS? Pues aquí lo pone. Eso es bastante básico y más o menos os debería sonar viendo esos vídeos. 02:07:57

Bueno, aquí hablamos otra vez de la codificación de texto que antes hablamos para que no salgan caracteres raros en nuestras siglas y guiñes españolas. La sintaxis, cómo se expresa, de esto puede haber alguna pregunta de por qué lleva un punto a qué se refiere, pues se referirá a las etiquetas de HTML con un atributo de clase que se llama estilo, en este caso. 02:08:19

aquí se habla todo eso 02:08:42

estas cosas sí son importantes 02:08:45

ejemplo de propiedad de CSS 02:08:47

pues un poco que os suene, sobre todo interpretarlo 02:08:49

las pseudoclases, lo que os he dicho antes 02:08:52

de cuando se pasa por encima de un botón 02:08:54

pues hay formas 02:08:56

de decir que el estilo se aplique 02:08:57

solo cuando 02:09:00

un elemento pase por encima 02:09:00

de un botón 02:09:03

que cambie de color, que se amplíe 02:09:05

que os suene también 02:09:07

modelo de cajas 02:09:09

También habla de esto Álvaro, pero bueno, cada elemento, que al final son cajas, con lo que construimos nuestra web, pues tiene unas separaciones, un borde y un margen. Se habla más de esto en el tema, pues saber cuáles son los elementos y para qué se usan del modelo de cajas sí que es importante. 02:09:11

y eso por CSS se va mostrando y sirve para ir poniendo separaciones o que tenga un borde o que el contenido con respecto a la caja que lo contiene 02:09:28

tenga un margen también interno, ¿vale? 02:09:41

A media queries, no creo que pregunte mucho de esto más allá de saber lo que son, que es marcar distintas posibilidades de segmentar 02:09:45

Según el ancho del dispositivo, en píxeles o su anchura máxima, o otros parámetros, o que sea una pantalla o un móvil, etc. Hay distintas formas de irlo indicando con estas condiciones que sirven para, si la web se va haciendo más pequeña, pues se vayan reestructurando los estilos. 02:09:56

Por ejemplo, aquí cuando hago más pequeña esto, este visualizador del navegador, este Excel Learning, este programa, para que al llegar a cierto número de píxeles de ancho, al bajar, ese menú se desplaza arriba para dejar espacio. 02:10:21

Y si sigo, bueno, aquí se dejó a jaringa porque vuelve a salir este menú, que no es lo lógico, ¿no? Debería esconderse. Pues con estos media queries se pueden ir representando. También se puede decir que si en landscape haga unas cosas, si no, no, que os suene. 02:10:36

Bueno, conocer un poco los parámetros principales para los textos, sí, podría ser importante. Y esto es básicamente lo mismo que se hablaba en la unidad 2. 02:10:52

Sobre WebSafeFonts, etcétera, que os suene, pero tampoco creo que os pregunte mucho, pero esto es utilísimo si seguís andando en web, ¿vale? 02:11:05

Para que las tipografías de vuestras webs tengan sentido o se vean, incluso aunque el usuario no tenga esa tipografía instalada en su ordenador o en su móvil 02:11:15

La diferencia entre frontend y backend. Frontend más orientada a la parte visual y backend a todos los datos que se están moviendo por detrás de base de datos. Un gestor de contenidos que no es la parte visual se gestiona con un backend que se ha programado para poder cambiar el contenido del frontend. 02:11:30

Bueno, pues un poco esa diferenciación de la que se habla podría ser pregunta de examen. Diseños, pues saber qué es el responsive, esta adaptación que se va haciendo, por ejemplo, lo que hemos hablado de las media queries, pero hay más, y se habla de algún ejemplo de bootstrap, etc., pues saber que existe esta preocupación, evidente, porque hay pantallas de muchos tamaños y según eso nuestras webs se tienen que ver unas cosas u otras, jerarquizarse de una forma u otra, 02:11:51

porque ver en un móvil lo mismo que se ve en lo que está pensado para el ancho de un monitor de ordenador, 02:12:20

pues al final hace que la navegación sea primero fea y segundo muy poco práctica, 02:12:27

porque los botones van a ser enanos, no se va a ver nada, entonces bueno, por eso están estos diseños responsive. 02:12:34

Y en el anterior tema, en el 5, se hablaba de las 12 columnas y nuevamente pensando en este responsive 02:12:41

para que las cajas, esos divs, se vayan adaptando, ¿vale? 02:12:49

Entonces, bueno, ya desde el diseño, pues hay distintas, aquí se deja alguna, 02:12:54

tampoco esto es especialmente importante porque no voy a hacer diseñar, 02:12:58

pero bueno, que sepáis que hay sistemas de 12 columnas, 02:13:02

que luego, por ejemplo, Bootstrap, este framework, 02:13:05

emplea para ir recolocando, diciendo, 02:13:08

quiero que este elemento, si la pantalla es pequeña, 02:13:12

ocupe 6 columnas, pero si es más grande, que ocupe 12, ¿vale? 02:13:15

Aquí se habla un poco, no creo que os pregunte de Bootstrap, sinceramente, pero bueno, es interesante que os suene. 02:13:18

Igual que software para desarrollo, Visual Studio Code, pues a ver para qué es y poder poner ejemplos. 02:13:28

Esto es un poco también que os sirve para ahondar en diseño responsive. 02:13:36

Incluso en la tarea hay una parte sobre cómo hay que meter Bootstrap y que probéis a resolver un diseño responsive con Bootstrap. 02:13:40

Pero de cara al examen no creo que os pregunten muchas cosas de esto. 02:13:48

WordPress, pues que os suene que es un CMS el más popular que hay y que, bueno, pues permite ir gestionando la estructura de una web 02:13:53

e ir implementando distintas funcionalidades como buen CMS, de una forma ya prehecha para que el usuario pueda hacer su web con una estructura más amigable. 02:14:07

Son gestores de contenido. Ahí vamos a poder ir haciendo nuestra web, nuestro blog, etcétera, porque van a tener bloques en los que se va gestionando nuestro contenido 02:14:21

Y los CMS permiten ir, bueno, pues, customizando y adaptando todo esto con más o menos percibibilidad, teniendo que incluir más o menos plugins. Pero, bueno, CMS básicamente es eso. 02:14:29

Pero bueno, esto también de lo que se habla de páginas estáticas y páginas dinámicas sirve un poco también de nuevo para hablar de la necesidad del lenguaje de lado servidor o lado cliente. 02:14:42

Y bueno, que según como sea nuestra web, tendremos que hacer conexiones con un servidor y si estamos diseñando para ese servidor o, por ejemplo, estamos usando WordPress, pues tendremos que usar un servidor local, que se habla de XAMPP aquí, ¿vale? 02:14:58

Para recrear esas peticiones al servidor. Como hemos dicho, PHP, por ejemplo, solo puede recuperar datos de un servidor en remoto. Entonces, para recrear eso, si no estamos todavía conectados a un servidor, o no hemos subido nuestra web a un hosting a un servidor, pues hay que simularlo con un servidor local. 02:15:15

Bueno, simplemente esto sirve porque para instalar WordPress en muchos casos, sobre todo las versiones que nos permiten tener control, que usan PHP para comunicarse y bases de datos, MySQL, bueno, pues es necesario conocer que existen estas conexiones con el servidor. 02:15:37

Por eso aquí se habla de bases de datos, que os suene, no va a haber preguntas sobre bases de datos en profundidad, pero bueno, saber que es una base de datos sí es importante. Y aquí se habla de WordPress, pasos, etc. Esto es para que lo sepáis, no creo que haya preguntas de WordPress. 02:15:54

Es un tema que permite WordPress hacer muchos webs y es muy potente, pero también es muy amplio. Aquí es un poco tocar la superficie. Pero si os interesa hacer webs sin tener que diseñar las de cedro, WordPress es una muy buena solución. 02:16:09

Y luego Javascript lo que permite es crear páginas dinámicas en el sentido de que no todo lo que aparece ya en la web tiene que ser definitivo. Puede haber un botón que despliegue otro contenido. No que recoja una base de datos, sino que siempre está ahí, pero muestra, por ejemplo, un carrusel de imágenes o ciertos elementos. Bueno, pues permite ya una programación que permite interactuar. 02:16:30

Pero esto 02:16:49

Más allá de 02:16:51

Bueno, pues eso, lo que hemos hablado 02:16:53

Que PHP, leedlo 02:16:54

Pero no va a haber preguntas 02:16:57

En profundidad de esto 02:16:59

Sí que va a haber preguntas, por ejemplo 02:17:00

De cómo se estructura un CSS, lo que hemos hablado antes 02:17:02

Que es una clase de HTML conectada con CSS 02:17:04

Que es una etiqueta A 02:17:07

Que es una etiqueta de imagen, que atributo 02:17:08

Lo que hemos hablado antes 02:17:10

Pero de este apartado yo creo que no habrá mucho 02:17:11

Así que 02:17:15

Además de esto, aunque no sea con Javascript 02:17:16

hablaremos más 02:17:18

en TAME 02:17:21

no sé si yo seré profesor 02:17:22

pero se hablará 02:17:24

quizá lo único importante 02:17:27

sean los eventos 02:17:31

como 02:17:33

no creo que se pregunte mucho de esto 02:17:34

en todo caso se preguntará de las 02:17:36

pseudo clases que 02:17:38

os he dicho antes del hover 02:17:40

etcétera 02:17:43

que sirven para marcar 02:17:44

mediante CSS 02:17:47

¿Qué debe hacer un elemento cuando hay una interacción con él? Por ejemplo, que se pase el ratón por encima, que se pulse una tecla. Bueno, lo que se hablaba, si no me equivoco, aquí. ¿Vale? Esto, estas dos clases o estados. ¿Qué os suena? Aquí hay una ampliación y se puede ver incluso algún ejemplo. 02:17:48

y que, por ejemplo, aquí estamos consiguiendo con un hover, ¿vale? 02:18:10

Un hover que cuando yo pase el ratón por encima, esta caja del botón cambia de color a azul. 02:18:14

Bueno, pues que suene que es, y que es el focus, el active, ¿vale? 02:18:20

Que es cada cosa, lo que aparece aquí, ¿vale? 02:18:23

Y si hacéis alguna prueba también en vuestro Visual Studio Code o en la tarea, pues genial. 02:18:25

Aquí, bueno, dentro de la V3 Schools tenéis normalmente, aquí justo, ¿no? 02:18:31

Pero tenéis ejemplos, y si os vais metiendo, tenéis ejemplos que os permite incluso probarlo por vosotros mismos, ¿vale? 02:18:39

Y, por ejemplo, aquí pone el enlace que haya, ¿vale? 02:18:47

Cuando se pase por encima del enlace, que es este This is a link, que se pinte de hot pink, de rosa, ¿vale? 02:18:50

Yo me pongo encima y fijaos que cambia de color. 02:18:57

Si está activo porque lo he abierto, se pone azul, ¿vale? 02:19:00

Veis que en el momento en el que se activa, se vuelve azul. 02:19:02

Bueno, pues estos son los eventos que se pueden hacer, esos estados que se pueden conseguir con estas pseudo clases. 02:19:04

Y nada, digo nada, pero sé que es muchísimo, pero bueno, es el trabajo de todo este año y espero que, independientemente del examen, pues os esté sirviendo para aprender. Es muy amplio, creo que se tocan muchos palos, ninguno en una profundidad abismal, ya se profundizará en otros módulos, pero espero que os haya sido útil y os haya gustado, ¿vale? 02:19:21

ya que como en principio no os veo, este domingo es la entrega de la última tarea, el foro está ahí también si la necesitáis, no apuréis al último día porque también los tiempos de respuestas se necesitan, entonces bueno, lo dicho, espero que este repaso os haya servido y nada, lo dicho, el examen no voy a ir a pillar, 02:19:45

Pero evidentemente tenéis que conocer los contenidos y en las de desarrollo también saber relacionarlos y saber desarrollarlos y escribir sobre ello. Entenderme, yo intento un poco ir marcando lo que creo que es más importante. Pero bueno, lo que digo siempre, a veces es que para entender una cosa hay que entender otra, de las que igual no he dicho que sean tan importantes. Entonces, la visión tiene que ser un poco global. 02:20:07

Vale, no sé si hay así alguna duda, algo que queráis tratar o algo que se os quede en el tintero. Lo dicho, la grabación la voy a subir, ¿vale? Pero las dudas de los temas, pues más o menos las que se han ido planteando, creo que se han ido viendo a lo largo del curso. 02:20:33

vale, está todo perfecto, todo bien 02:20:57

me ponéis, nada, todo bien 02:20:59

pues estupendo, os dejo en paz 02:21:01

así también os podéis meter a la otra tutoría 02:21:03

si pensabais asistir 02:21:05

y ánimo a estudiar, las fechas están en la web 02:21:06

entiendo que de eso nadie tiene problemas 02:21:09

si no me decís, vale 02:21:11

pues nada, ánimo con ello 02:21:13

y muchas gracias 02:21:15

venga, gracias 02:21:16

hasta luego 02:21:19