YT YouTube2Text

YouTube2Text → Transcripts → Sesión Sincrónica Desarrollo Multimedia y Web 2026 05 29

Sesión Sincrónica Desarrollo Multimedia y Web 2026 05 29 — Transcript

by SENA CLEM REPOSITORIO VIDEOS · 8,550 words · 1,417 segments · language en · Watch on YouTube

Open in transcriber Summarize with AI Download SRT/VTT

Full transcript

0:02Pues con la instructora Isabel empezamos
0:04apenas este año porque tenemos otra
0:06instructora que la verdad sí no
0:10no estuvo como tan,
0:15¿cómo decirlo,
0:17no fue como muy bueno porque simplemente
0:19nos ponía la actividad y listo. En
0:21cambio, ya con la instructora Isabel ya
0:23ella nos nos ha reforzado un poquito
0:26más. Estamos en
0:29bueno, el planteamiento de la de la
0:31página web, aunque la hemos desarrollado
0:33pues
0:35un pequeño
0:37boceto tanto en Canba o ya otros que ya
0:40saben un poquito más están trabajando en
0:41WordPress, yo lo estoy trabajando en
0:44Wixs. Entonces, pues ahí vamos. Ay,
0:47también hemos aprendido lo de manejar
0:50los Wirefray en en
0:53ay que se llama en Fitman.
0:57Ah, ya, ya, ya. Bueno, hablando hablando
0:59de Wix, pues Wix es una plataforma
1:03bastante dinámica, es muy buena. De
1:05hecho, pues sí sería también si es si se
1:08les facilita, pues es muy bueno, ¿no?,
1:11trabajar en Wix. ¿Por qué? O sea, ¿cuál
1:13es la ventaja de de esta plataforma? el
1:16tipo de HTML que es un HTML 5 y pues
1:20prácticamente tiene un gestor de base de
1:23datos integrado, o sea, es decir que
1:25nosotros no tenemos que hacer ninguna
1:28instalación de un local host debemos
1:30hacerlo con con Yombla, ¿sí? Pero de
1:33todas maneras pues sí es importante que
1:36ustedes tengan un poquito de
1:37conocimiento de ello porque pues a la
1:40larga estos gestores pues van a quedar
1:42como como quien dice simplemente de
1:44aprendizaje porque la idea es que
1:47ustedes cuando terminen su tecnología
1:50pues eh la idea es que ustedes terminen
1:53programando, ¿sí? Programando un poquito
1:55de HTML, programando un poquito también
1:58de de
2:00de JavaScript, ¿sí? o como mínimo tener
2:04un conocimiento de ello. Sí. O sea, eso
2:06es eso es me parece que es bien
2:08importante. Pero qué bueno que empiecen
2:10ya como los primeros pasitos en en
2:12WordPress. WordPress pues también está
2:15como diseñado más que todo. Se lo
2:17utiliza el Word WordPress, se lo utiliza
2:20mucho para el tema de de la creación de
2:22blogs. ¿Sí? Entonces, si ustedes se dan
2:25cuenta, el WordPress siempre está como
2:28como enfocado como a módulos, ¿sí? igual
2:31que el Yombla, son enfocados a módulos.
2:34¿Cuál es la ventaja de Yombla? Que
2:36Yombla me permite editar desde cero. Esa
2:39es la gran ventaja. Yombla es casi se
2:42puede decir el corazón de todos los
2:44Moodles. ¿Sí? O sea, la plataforma
2:48Moodle que nosotros tenemos eh desayuna,
2:51pues tiene un un corazón de HTML con con
2:58PHP My Admin. Sí. Entonces, eh Jombla
3:02casi utiliza los gestores muy similares,
3:04muy similares. Entonces, al momento de
3:06editar, cuando hagamos ejercicios,
3:09ustedes se van a dar cuenta que son muy
3:11parecidos. ¿Sí? De hecho, yo aquí tengo
3:14abierto, voy a compartir pantalla para
3:16que vamos revisando
3:18y vamos dando el inicio a nuestra
3:20sesión.
3:23Sí, yo aquí tengo. Sí, sí, miras la
3:27pantalla.
3:29Sí, señor.
3:30Listo. Este es Yombla. Sí. Este es un
3:33gestor. Este es un gestor de de
3:37desarrollo de páginas web. Este gestor
3:39es bastante amplio. ¿Por qué? porque me
3:41permite, como le digo, realizar mi
3:44página web como la tengo acá, desde
3:47prácticamente desde cero. Sí, aquí
3:50simplemente tengo creado un inicio que
3:52es un texto, tengo creado un menú y
3:55tengo creado un login. El login pues
3:57viene por defecto. Estos son módulos que
3:59vienen prácticamente por defecto, pero
4:02lo que me permite hacer yombla es
4:05diseñar prácticamente absolutamente
4:08todo. Diseñar mis módulos, diseñar mi
4:10página de inicio, diseñar mi eh mi
4:14presentación, crear eh plantillas, ya
4:18vienen plantillas predeterminadas para
4:20Yombla que yo las puedo instalar porque
4:22pues
4:24es una HTML donde yo lo puedo modificar.
4:27Sí. ¿Cómo me doy cuenta que es un HTML?
4:29Pues aquí tengo eh algún eh un menú que
4:32yo vengo trabajando.
4:46un menú que yo vengo trabajando con
4:48algunos componentes.
5:00Mirémoslo por acá en contenido.
5:07Sí. Y mire, dese cuenta
5:11que si nosotros miramos es algo muy
5:14similar a lo que nos aparece ensayuna
5:17cuando nosotros cargamos evidencias.
5:20¿Sí? ¿Qué quiere decir eso? Que nuestro
5:23contenido, que nuestro diseñador web,
5:26que nuestro gestor web es prácticamente
5:30un moodle. Sí, un moodle que yo lo puedo
5:33empezar a desarrollar, que yo lo puedo
5:34empezar a crear convirtiéndolo en una
5:37página web. Sí, el contenido, pues como
5:40podemos mirar aquí, es un contenido de
5:43del CMS, quiere decir el contenido pues
5:45del menú que nosotros vamos a trabajar,
5:47pero perfectamente yo puedo trabajar
5:50aquí un HTML, ¿sí? puedo trabajar y
5:53puedo, de hecho, puedo crear plantillas
5:56también HTML en este espacio con el fin
6:00de que eh dentro de la visión de de mi
6:04Yombla, dentro de de la interfaz de
6:07usuario, que sería esta, sí lo pueda
6:11mirar de una manera pues más visual. O
6:13sea, ¿qué es la qué es lo que nosotros
6:16buscamos dentro de una página web?
6:18prácticamente es llamar la atención del
6:22público. Una página web, pues hay dos
6:25tipos de páginas web. Hay una página web
6:27que es tipo informativa y hay otro tipo
6:29de página web que ya es netamente de
6:32negocios. ¿Sí?
6:35¿Qué es lo que nos pide el consumidor a
6:39nosotros como creadores de páginas web?
6:42Primero que nosotros tengamos una visual
6:45bastante clara, que nosotros tengamos un
6:48fondo donde el tipo de texto y sobre
6:51todo las imágenes y lo que nosotros
6:54vamos a proponer sea muy claro. Sí, yo
6:58les traía un ejemplo aquí.
7:00La página web del Sena. Sí,
7:06es es una página web. Miramos mirémosla
7:10acá.
7:15Sí, mire que es una página web bastante
7:18plana. ¿Qué quiere decir eso? Que
7:20nosotros tenemos nuestra parte de
7:22información,
7:23nuestro menú principal, que sería en
7:25este caso este, donde nos da la
7:28información, donde nos aparece un
7:30inicio, transparencia, bueno, atención,
7:33participa la entidad.
7:35Eh, algo bien importante, la
7:39identificación de la página web, en este
7:42caso sería Sena, ¿sí? Que es el logo
7:45principal grande. Y eso es lo eso es lo
7:48más importante cuando nosotros creamos
7:50una página web, un nombre claro o un
7:53logo que sea bastante claro donde yo
7:56pueda observar y yo cuando ingrese sepa
7:59a dónde voy. Sí, tengo otro menú acá.
8:03Este sería ya un menú secundario, un
8:06menú número dos se puede decir, donde
8:09aparece gestión curricular,
8:12aulas móviles. Bueno, ya es si nos damos
8:14cuenta, a diferencia de este menú, este
8:17es un menú prácticamente informativo y
8:21el menú que tenemos acá ya es un menú
8:24que es mucho más interactivo. ¿Qué
8:27quiere decir? que este menú ya me
8:29llevaría
8:31a temas importantes, por ejemplo,
8:33biblioteca.
8:35Ya me generaría otro enlace por acá y ya
8:38con presentación y
8:42con el servicio de ingresar hasta la
8:44biblioteca. Sí, si veo aulas móviles,
8:49pues me dice qué tipos de de aulas
8:51móviles tengo acá. Sí,
8:55mientras que el de acá es de
8:58información. Por ejemplo, tengo un
9:01inicio
9:03donde me lleva la página principal del
9:06Sena, tengo transparencia y acceso a la
9:10información pública, que es documentos
9:13que yo puedo mirar a lo que nosotros
9:17debemos conocer, todo lo referente a la
9:20transparencia, todo lo que debemos
9:22conocer de la información de la entidad.
9:25Mire, normativa, contratación. Bueno,
9:28es netamente informativa. Por eso estos
9:31paneles siempre tienen que ir de
9:33primeros porque es como decir la
9:35presentación
9:37de mi página web. Lo que los ojos cuando
9:41ingresan es lo primero que miran, que es
9:42el menú. Sí, obviamente aparte del icono
9:46principal o del nombre principal.
9:52Aquí nos aparece formación y pues
9:54obviamente cada uno de ellos pues va a
9:56tener bastante información. Otro otro
10:01tema importante es que si se ha dado
10:03cuenta desde el inicio que iniciamos a
10:05dar clics dentro de esta página contamos
10:09con un fondo blanco. Sí, los colores son
10:12muy importantes en el desarrollo de una
10:15página web. ¿Por qué? Un fondo blanco
10:18que hace referencia. Un fondo blanco
10:20hace referencia a tranquilidad, a
10:23seguridad y sobre todo para la visual
10:25del ojo no es tan difícil interpretar
10:28colores y sobre todo diferenciar
10:31colores, ¿ya? Porque mire que que qué
10:34tal si yo tuviera un fondo negro con
10:36letras blancas. Para algunas personas
10:39sería muy complicado tener como esa
10:42interpretación de las cosas. Si yo
10:44tuviera un fondo negro, los colores que
10:47son oscuros pues no se diferenciaran
10:49mucho. Mientras si yo tengo un fondo
10:51claro, un fondo de color sobre todo
10:54blanco, que es como lo más recomendable
10:56para las páginas web, pues yo puedo
10:58interpretar muy bien la información que
11:01yo tengo ahí. Sí, si vamos a mirar otra
11:05página, miremos esta página de
11:12del banco BBVA, a ver qué nos presenta.
11:16Igual es una página desarrollada en HTML
11:195. Sí, tiene un componente que se llama
11:23JQuery, que nos permite que la página se
11:26adapte a los dispositivos móviles y
11:28tablets. ¿Sí?
11:31Entonces es como un poquito el
11:35desarrollo es más avanzado, se puede
11:38decir así. Igual las dos tienen eh un
11:40avance significativo y muy bueno, pero
11:43esta página es mucho más interactiva.
11:46Sí, seguimos contando con un fondo
11:48blanco y la visual del ojo. Lo más
11:52importante, los menús. Sí, aquí dice
11:55BBVA 30 años, que quiere decir que es
11:58una página del BBVA. nos habla de
12:00personas, empresas. Solicita tu tarjeta.
12:04Tenemos un menú de acceso con todo lo
12:07necesario, con todo lo que nosotros
12:09buscamos y aquí la mayoría de personas
12:12entramos a una página bancaria
12:16a servicio al cliente. Sí, es algo muy
12:20importante. ¿A qué vamos a una página
12:21bancaria? Servicio, entonces
12:25es algo que nosotros debemos contar. yo
12:28lo pusiera dentro del menú de arriba,
12:30¿sí? Grande servicio al cliente, porque
12:33siempre nosotros vamos ahí, ¿sí? Siempre
12:37vamos a servicio al cliente porque
12:38entramos a una página es a solucionar
12:41porque por lo general nosotros no
12:43entramos a una página o a mirar si hay
12:47promociones, es muy rara vez, pero por
12:50lo general vamos a servicio al cliente a
12:52solucionar o a solicitar algún tipo de
12:55documento. ¿Sí? Entonces, en cuanto a
12:58las páginas bancarias, miremos otra
13:00página. Miremos esta del Banco Popular.
13:11También es un tipo de diseño, yo lo veo
13:14que es un CSS con alguna algunos
13:18componentes también. Dese cuenta que es
13:21una página muy similar a esta. Sí, es
13:24muy similar. son un poquito más planas,
13:28¿sí? A diferencia de esta de BBVA que
13:30encontramos una interfaz gráfica
13:33bastante grande y bastante completa. Sí,
13:39esta es una página un poco más plana,
13:42pero y seguimos conservando el fondo
13:45blanco, que es como lo ideal para la
13:47visual de las personas. Sí, yo la veo
13:51una página muy cargada esta, la verdad.
13:54Sí, demasiado cargada. ¿Qué quiere decir
13:57cargada? Que cuando yo la vengo a
14:00revisar, la verdad veo el inicio y ya no
14:03quiero revisar más porque
14:06eh hay que ponernos cuando desarrollamos
14:09páginas web, hay que ponernos en el
14:11contexto de la persona que la va a
14:13revisar.
14:15Tenemos personas adultos mayores,
14:17tenemos personas jóvenes, tenemos
14:19personas con discapacidades que al
14:22momento de revisar una página eh
14:26debemos nosotros brindarles a esta tipo
14:29de personas o a este tipo de poblaciones
14:32algo fácil para interactuar. Sí. Si yo
14:36me voy aquí, pues hay mucho texto. Sí. Y
14:39cuando yo me voy aquí, mire, yo es
14:43espero
14:45que esto tenga por lo menos un link,
14:47¿sí? Y no, o sea, simplemente son eh
14:50textos de información. Entonces, todo
14:52esto
14:54yo lo veo que no es útil. Sí, para mí no
14:57es útil. Yo veo una sobrecarga a
15:01diferencia de estos, ¿sí? O sea, sí es
15:04bueno que tenga una rentabilidad, pero
15:06usted sabe que nosotros siempre que
15:09miramos imágenes, cuadros, lo asociamos
15:11mucho a que debemos cliquear ahí para
15:14que nos desarrolle algo, para que nos
15:16muestre algo más.
15:19Igual aquí abrir tu cuenta. Aquí sí
15:22parece que me da un link. Aquí ya nos
15:24habla de de tarjetas, bueno, de de
15:28apertura de cuenta, sí,
15:32pero
15:36¿dónde hay un link de servicio al
15:37cliente arriba? Pues siempre está abajo.
15:40Sí, comunícate con nosotros. pues una
15:42línea nacional. Por lo general las
15:44líneas nacionales son superclicadas para
15:48para
15:49atender. Es nosotros esperamos que
15:52dentro de una página web hay hay exista
15:55un chat. Sí, pero no lo hay. Mire que no
15:58lo hay. Aquí no tengo un chat. Entonces
16:01esa es una deficiencia también de esta
16:03página. Sí. Y son páginas de bancos que
16:06deberían estar muy actualizadas. Veamos
16:10otra página.
16:20Esta página me parece muy ordenada. Esta
16:24página va al grano. Es la página de
16:27vivienda. Sí, tenemos una presentación,
16:31una publicidad. Aquí tenemos un chat.
16:34¿Necesitas ayuda? Este sí tiene, sí
16:38necesitas ayuda
16:40y tenemos un bot ahí que nos va nos va a
16:43dar asistencia en línea. Sí, genial. Es
16:47lo que yo necesito, es lo que el cliente
16:49muchas veces busca. ¿Dónde está la
16:51solución? ¿Dónde puedo llegar yo a
16:54buscar información? Y mire que estas
16:57otras páginas pues no las tiene. Da
16:59vivienda así, mire, y la tengo muy
17:01organizada. Tengo cuadros que
17:04si yo los veo pues puedo darles, puedo
17:07interactuar con ellos y en este caso sí.
17:11Importantísimo, lo más importante que yo
17:13necesito, ¿a qué voy a una plataforma?
17:15Si no es al servicio al cliente, pues
17:17voy a pagar una factura y lo tengo aquí.
17:19Pago de servicios públicos, bueno,
17:21productos Davan y productos da vivienda.
17:25Sí.
17:26Luego si ya viene publicidad en general,
17:29pero la mayoría de gente cuando ya
17:32encuentra su
17:34lo que necesita, pues llega hasta ahí.
17:36Ya lo de acá y acá si no no es de mucho
17:39interés, sí, para las personas que que
17:42lo puedan eh revisar.
17:46Mire que absolutamente toda la
17:48información es una información
17:50interactiva, toda es una información
17:52útil. nuevamente canales de atención.
17:55nos ofrecen canales de atención tanto
17:57virtuales como telefónicos, que es está
18:01muy bien y al final nos presenta
18:05simplemente redes sociales y nos
18:08presenta eh algo de información que
18:11nosotros podemos encontrar en los menús.
18:14Sí, esto para mí pues también sería como
18:17algo
18:18eh repetitivo, aunque bueno, hay cosas
18:21que sí son necesarias eh ponerlas.
18:24¿Alguna pregunta hasta el momento?
18:30No, señor.
18:32Listo.
18:32No, señor.
18:35Hola, Juliana. Muy buenas noches.
18:39Buenas noches.
18:40Gracias por conectarte.
18:45Bueno, vamos a revisar una página.
19:16Miren todos estos
19:21estas formas de crear
19:29Todas estas son plantillas,
19:31absolutamente todas. Sí, mire que
19:34perfectamente podemos lograr esta misma
19:38interacción de esta página. Sí, lo
19:41podemos lograr en Wix de esta forma
19:45igualita. Sí, porque son plantillas.
19:48Muchas veces las plantillas de Wix ya
19:50vienen predeterminadas y simplemente
19:52hacemos un cambio de información,
19:54cargamos imágenes, cargamos iconos y nos
19:56quedan páginas geniales. Sí, a
19:59diferencia de Yombla, que Yombla todo
20:02esto lo debemos hacer desde cero, ¿sí?
20:05Desde absolutamente desde cero, desde
20:07crear una base de datos. Entonces, ¿cuál
20:11es la ventaja? que Yombla tenemos el
20:13control de todo. Tenemos el control
20:15desde una base de datos, desde un PHP,
20:18my admin hasta la creación total de la
20:22página web. ¿Ya? ¿Cuál es la diferencia
20:25de Wix? Wix, pues como les digo, ya
20:27vienen ya vienen plantillas, que son
20:30plantillas que son bastante buenas, ¿sí?
20:33Donde nosotros podemos interactuar con
20:35los menús también y podemos generar un
20:37buen producto. ¿Sí?
20:40¿Cuál es la la
20:42aunque bueno, también en cuanto al
20:45complemento al punto comom, sí hay
20:48muchos punto comom que nosotros lo
20:50podemos comprar y ya nos quedaría, por
20:53ejemplo, eh
20:56senacom.co.
21:00Sí, escom.co toc es el eh es lo que
21:03nosotros debemos comprar comprar con el
21:06fin de que la página web quede con ese
21:09nombre y la podamos consultar. Sí,
21:13si nosotros no queremos gastar en eh en
21:16en
21:18ese complementocom.
21:21Perfectamente lo podemos dejar con el
21:23gestor porque simplemente es para para
21:26que lo miremos como un ejercicio y
21:28quedaría como punto wix. tocó, creo que
21:31es ese. Sí. Entonces, yo les traía un
21:36poquito como el tema para que revisemos.
21:39Mire, también aquí hay otro
21:42otro fondo que yo les decía que para mí
21:45es muy importante el tema de fondos por
21:48la visual. Si yo miro este fondo, es un
21:52fondo entre morado y negro. A simple
21:56vista, pues veo que está muy bien. Sí. O
21:58sea, los colores eh se integran bastante
22:02bien a la página,
22:07pero a la larga
22:10veo que la información no es como muy
22:13muy, o sea, no la puedo
22:18no la puedo ver muy bien. Es como si al
22:20al ojo humano
22:23cansara bastante, sí, se esforzara mucho
22:26más.
22:28Y pues obvio es una página interactiva
22:31que yo la veo que es como más de
22:32muñequitos y y esa es otra cosa. Sí,
22:35dependiendo de de lo que yo voy a
22:38publicar, dependiendo de lo que yo voy a
22:40hacer, puedo jugar con ello. Sí, pero
22:43igual, o sea, indiferente a eso, una
22:47página interactiva de color blanco me
22:49queda muy bien, me queda muy formal. Una
22:52página
22:54eh
22:56de un juego con un fondo negro, pues me
22:59genera cierto
23:01cierto
23:04me fuerza un poco la vista. Sí. Y sobre
23:06todo me confunde me confunde bastante al
23:09momento de leer y por eso hay muchas
23:12veces que las páginas no tienen como
23:14éxito. Sí, porque la información no es
23:17clara, porque la información se desvía.
23:23Bueno, vamos a mirar, vamos a pasar al
23:27segundo punto. Vamos a mirar nuestra
23:29evidencia. Sí. Eh, una pregunta,
23:35muchachos. ¿Ustedes
23:38ya revisaron
23:40esta guía, la guía número seis, con la
23:42evidencia que ustedes deben presentar o
23:45todavía?
23:47No, momentico no,
23:50todavía no. Vale, para adelantarles que
23:53es una evidencia bastante fácil y
23:55bastante corta y la vamos a hacer. Eh,
23:58Juliana, una pregunta, ¿usted ya está
24:01trabajando en su página web o todavía
24:04no?
24:07eh en alguna de estas plataformas, pues
24:10como las que nos estaba mostrando,
24:14¿en qué plataforma usted está
24:15trabajando?
24:18Eh, pues como hasta el momento nosotros
24:21hemos estado más enfocados en la parte
24:23de McDaps y todo esto, eh lo que yo
24:26llevo de la página lo he hecho en Figma.
24:30Vale, perfecto. Listo.
24:33Bueno, ¿qué nos qué nos pide qué nos
24:35pide la evidencia como tal de esto?
24:41Bueno, nos habla de de una guía número
24:44número seis, donde la competencia
24:47técnica es integrar los elementos
24:49multimedia de acuerdo con las técnicas y
24:52las herramientas de producción digital.
24:54Es decir, que todas las herramientas,
24:56todos los instrumentos que ustedes
24:57tienen, tanto como logos, como tipos de
25:01letra, colores, imágenes, eh audio,
25:06video, lo integremos en en un gestor
25:09web. Eso es prácticamente en pocas
25:12palabras lo que nos quiere decir
25:14integrar los componentes del proyecto de
25:16acuerdo a la estructura y la experiencia
25:17de usuario definida. Sí.
25:22y la guía de aprendizaje que nos dice,
25:25el desarrollo de esta guía requiere
25:28analizar, identificar los componentes
25:30necesarios del producto multimedia.
25:33Igualmente, integrar los elementos
25:35audiovisuales de acuerdo a las
25:37diferentes plataformas para su
25:38construcción.
25:40Se socializa y se y se presenta la
25:43implementación de herramientas de
25:45desarrollo y lenguajes de maquetación.
25:48Actividad de aprendizaje, desarrollo del
25:50producto multimedia utilizando lenguajes
25:53de marca y software de diseño
25:56seleccionado previamente incorporando la
25:58herramienta de motores de búsqua.
26:02Bueno, aquí nos habla de implementar
26:03herramientas necesarias en la
26:05construcción del proyecto multimedia,
26:08revolucionando de esta manera los
26:10sistemas interactivos y brindando la
26:12posibilidad de integrar elementos como
26:14lenguajes de marca, la utilización de
26:16programas de diseño, aprovechando las
26:18oportunidades de los motores de búsqueda
26:21en el marketing digital. Ustedes han
26:24utilizado de pronto Adob Illustrator o
26:28Adob Photoshop.
26:34Eh, no, señor, yo nunca los he usado.
26:36No, ninguno de esos no han hecho edición
26:38de por
26:41son menos.
26:43Hace rato que no lo uso.
26:45Sí. ¿Cómo hacen la edición de imagen
26:48ustedes entonces cuando ustedes quieren
26:50editar una imagen, quieren quitarle un
26:53fondo, quieren hacer un logo, ¿cómo lo
26:55hacen?
27:01Eh, yo, por ejemplo, siempre como nunca
27:05he utilizado ninguna de estas
27:07herramientas, estoy buscando alguna
27:09página en internet que me permita como
27:12hacer un logo, pues que también se pueda
27:16acomodar a las ideas que yo tengo y para
27:19la edición de una foto o para ponerla en
27:23formato PNG y así la misma historia.
27:27busco alguna página que me que me
27:30permita pues hacer eso y sí, eso porque
27:35realmente nunca he tenido como un
27:37acercamiento a
27:39Ya. Y Jorge, ¿cómo lo hace?
27:43Más que todo para logos y todo eso.
27:46Utilizo Géminis.
27:49Ah, ya. Ah, vale, vale. Listo. Sí, es es
27:52válido, es válido todas las herramientas
27:54que ustedes utilicen desde pues que
27:56pueda cumplir su función está genial. Es
27:58es muy bueno. Sí, Gemini es muy bueno
28:01para quitar fondos e y empezar la
28:04edición. Sí, me gustaría pues igual no
28:08sé cómo cómo estarán ustedes con el tema
28:10de de Adob si tendrán activo o no, pero
28:15pues si no, o sea, toca mirar las
28:17herramientas que que podamos utilizar
28:20para el desarrollo web. Igual eh con
28:24inteligencia artificial nos ayuda
28:26muchísimo para ello. Bastante. Sí.
28:30Bueno,
28:32continuando con la guía, ¿qué nos dice
28:33la evidencia? Entonces, guía evidencia
28:37EB001,
28:38socializar los elementos y componentes
28:40gráficos e interactivos necesarios para
28:43la elaboración del producto multimedia.
28:46La socialización de los elementos que
28:48componen el producto de multimedia
28:50permiten explicar las funcionalidades y
28:52características del proyecto en general.
28:55Para la realización de esta evidencia se
28:57trabaja de forma colaborativa y para
28:59ello deberán
29:02analizar el diseño de la aplicación para
29:06identificar los componentes gráficos y
29:08audiovisuales que se integran en la
29:10estructura visual del producto
29:12multimedia.
29:14Integrar los componentes gráficos
29:16audiovisuales y de texto dentro del
29:18producto multimedia.
29:20Preparar una exposición para explicar
29:22las funciones y características de los
29:24elementos gráficos audiovisuales y de
29:27texto integrados en el producto
29:29multimedia. Utilizar una herramienta de
29:32comunicación para hacer la
29:34socialización.
29:36Socialice los elementos y componentes
29:38gráficos e interactivos del producto
29:40multimedia, teniendo en cuenta las
29:41siguientes indicaciones. Realizar una
29:44exposición de los componentes gráficos e
29:46interactivos que se integraron en el
29:48producto multimedia.
29:50explicar las funciones y características
29:52que cumple cada elemento gráfico e
29:54interactivo dentro del producto
29:55multimedia. Describir los formatos que
29:59de los componentes gráficos e
30:01interactivos que se integraron dentro
30:04del producto multimedia. Bueno, dice que
30:06la socialización de los componentes eh
30:08lo podemos hacer por PowerPoint,
30:11Presi, Canva o cualquier eh herramienta
30:14que ustedes quieran presentar. ¿Qué es
30:16lo qué es lo único que les pido? Si es
30:19en PowerPoint, no hay ningún problema.
30:21Si es en PR y Canva, pues me dejan el
30:24link, pero lo dejan por favor público,
30:26¿sí? Para que yo lo pueda lo pueda
30:29revisar
30:31prácticamente. ¿Qué es lo que nos pide
30:33la evidencia? Por eso les digo que la
30:34evidencia no es larga. Prácticamente lo
30:37que nos pide es lo siguiente.
30:41Sí,
30:43es como realizar una bitácora. Ya yo
30:47tengo
30:49mi página web. En el caso de ustedes ya
30:51tienen sus avances web dependiendo de la
30:55plataforma que estén utilizando y yo
30:58simplemente empiezo a discriminar cada
31:00uno de ellos. puedo realizar una
31:03bitácora como lo tengo aquí o
31:06simplemente puedo hacer una
31:08interpretación de cada uno de los
31:10componentes que utilizo. Es decir, por
31:13ejemplo, yo tengo texto, dice aquí,
31:16títulos grandes, menú superior, botón
31:20descripción, que es en la parte de
31:22arriba, función del producto, informar y
31:25guiar al usuario. Evaluación de
31:27integración.
31:29El texto es corto, usa palabras claras,
31:31tiene buen contraste con el fondo. Sí,
31:35mire que es facilito. O sea, voy tomando
31:37cada uno de los elementos. Yo aquí en la
31:39parte de acá lo tomé de una forma
31:42amplia, lo tomé en cuanto a texto, lo
31:45tomé en gráficos. Por ejemplo, en los
31:47gráficos yo tengo logo del Sena, iconos
31:50verdes, dibujo de plantas. ¿Ya?
31:54¿Qué quiere decir? Logo del Sena, que
31:57está en la parte de acá abajo, iconos
32:00verdes que está en la en la parte de acá
32:02arriba, perdón, iconos verdes que está
32:04en la parte de acá abajo y dibujo de
32:07plantas que estarían estos de aquí. ¿Ya?
32:12¿Qué es lo que nos permite? Dar
32:13identidad y organizar los temas. Sí, nos
32:16da identidad por medio del logo y nos
32:18permite organizar cada uno de los temas
32:20por medio de los iconos que tenemos en
32:22la parte de abajo y evaluación de la
32:24integración. Este lo hago a mi manera.
32:27Si gustan en vez de evaluación de la
32:30integración ustedes pueden poner el tipo
32:33de formato que hay. Sí, por ejemplo, en
32:37cuanto al texto, ¿qué pueden poner
32:39ustedes aquí? el tipo de letra que
32:42ustedes van a utilizar y
32:46el tipo de el perdón, el tipo de fuente
32:48que ustedes van a utilizar y el tamaño
32:50de la fuente. ¿Sí? En cuanto a gráficos,
32:55¿qué es lo que ustedes pueden decir
32:57aquí?
32:58el tipo de formato. Entonces, cuadro
33:02central formato JPG,
33:06icono que yo tengo acá, formato PNG,
33:11¿sí? Y audiovisuales, foto de
33:14campesinos, banner principal, que sería
33:16este de aquí,
33:19eh, la función conectar las emisiones y
33:22mostrar realidad
33:24y la evaluación. fuera foto central,
33:26apoya el mensaje de la feria de la
33:28ciencia en el campo. Entonces, ¿qué es
33:31lo que puedo poner aquí?
33:35Entonces, como audiovisual tengo una
33:37foto, foto principal,
33:41¿qué es lo que me permite la foto? ¿Cuál
33:43es la función del producto? En este
33:44caso, ustedes en como lo tengan allá, yo
33:48como como
33:51consumidor le puedo decir informar y ya.
33:55Sí, informar sobre la feria de la
33:58ciencia campesina. ¿Y qué tipo de
34:02formato? Formato PNG o ustedes lo pueden
34:06diferenciar como montaje realizado en
34:09programa tal y formato JPG. Sí.
34:14Entonces,
34:16este prácticamente es la evidencia que
34:18ustedes deben presentar. No es larga, no
34:20es para nada larga. Sí, simplemente es
34:23discriminar lo que ustedes tienen en
34:25cada uno de los en cada uno de sus
34:28trabajos eh en la
34:32página principal, se puede decir, en la
34:34visual principal y simplemente ir eh
34:38discriminando cada uno de los
34:40componentes. ¿Sí? ¿Alguna pregunta?
34:43hasta ahí hasta el momento.
34:46No, señor. Todo claro.
34:48Juliana, ¿alguna pregunta?
34:51No, señor. Todo está muy claro.
34:53Vale. Sí está claro cómo vamos a
34:55desarrollar la evidencia.
34:59Sí, señor.
34:59Sí, señor.
35:00Vale, perfecto.
35:02Eso sería lo que prácticamente nos está
35:04pidiendo la guía de aprendizaje para
35:07cargar nuestra primera evidencia.
35:11Como ustedes no tuvieron mucho tiempo y
35:14esta sesión, imagínese es viernes y ya
35:16son casi las 8 de la noche, pues ponerme
35:19a trabajar viernes eh es un poquito
35:23incómodo porque obviamente ustedes deben
35:25compartir con su familia y compartir con
35:28sus seres queridos, ¿sí? Igual tener
35:30tiempo para ustedes.
35:32Por ello, eh hemos decidido con la
35:35profesora, o sea, no mover la fecha de
35:38cargue de domingo. Sí. Y si ustedes lo
35:40pueden cargar hasta el domingo, está
35:42perfecto, pero
35:45lo podemos dejar a más tardar hasta el
35:48día martes. Sí, porque el día martes la
35:51idea es cargar la siguiente sesión para
35:54ya empezar a regular este tema de
35:56tiempos. Sí, lo cargaríamos hasta el día
35:59martes y obviamente con la sesión del
36:01martes ya la próxima evidencia sí ya
36:03quedaría hasta el próximo domingo. Sí.
36:07Entonces, eh está abierta hasta el
36:10domingo, pero podemos jugar con esa
36:12fecha final, con la tercera fecha para
36:15dejar como para que ustedes entreguen
36:19esta evidencia, este producto hasta el
36:21día martes. ¿Les parece?
36:25Sí, por mi parte sería bien.
36:29Vale, listo. Bueno, vamos a hablar un
36:31poquito. Eh, les voy a indicar
36:35el material de formación que nos
36:37presenta. Es un un material de formación
36:40bastante bueno, bastante completo para
36:43que ustedes lo revisen allá. Sí, es un
36:46material de formación donde nos habla un
36:49poquito de los formatos de integración
36:51multimedia, de los formatos de imagen.
36:54Mire que tenemos JPG, también tenemos
36:56formatos PNG, formatos GIF. Sí, los
37:01formatos GIF se los utiliza muchísimo al
37:03día de hoy, sobre todo en dispositivos
37:05móviles. Sí. Y también tenemos formatos
37:10SG, SBG, ¿sí? que el SBG prácticamente
37:14son formatos vectoriales que los podemos
37:18mirar en algunos programas específicos
37:21como Corel Dra o como Adobe Illustrator.
37:24Sí, también toda la gama de Adob
37:26Photoshop podemos revisarlos ahí. Hay
37:29algunos programas dentro de la web que
37:31nos permiten revisarlo, pero por lo
37:34general
37:36eh vamos a tratar de trabajar en formato
37:40GIF, formato JPG y formato PNG. También
37:44tenemos dentro del material de formación
37:47algunos formatos de audio porque son
37:49importantes los formatos de audio para
37:53nosotros integrar y para dejar nuestra
37:55página web un poco más alimentada.
37:58Formato WAP es un formato eh
38:01un poco antiguo, es los primeros
38:04formatos que se han utilizado para para
38:07el sonido. H cuál es eh la desventaja
38:11del formato WA que ocupa mucho espacio.
38:15Sí.
38:16Y
38:19es un poquito complicado después como la
38:22conversión, aunque ahora casi ya no hay
38:24ya no hay ya no hay dificultad para
38:27ello. La ventaja de ello, ¿cuál es? Que
38:29nosotros no vamos a perder la calidad
38:31del audio. Sí, esa es la gran ventaja
38:34del formato W. Tenemos otro tipo de
38:37formato que es AI FF. también es
38:41desarrollado para Apple, para trabajar
38:44para dispositivos Mac. Sí. Entonces es
38:48otro otro tipo también de audio que casi
38:51no es muy común. Sí, tenemos algo que es
38:55bastante común, que es el MP3, ¿sí? Que
38:58ya lo hemos escuchado muchísimo, el MP3.
39:02Eh, ¿cuál es la la deficiencia del
39:06formato MP3? que muchas veces
39:08dependiendo del tipo de calidad que se
39:10grabe es la calidad del audio o la
39:12calidad del del sonido. Sí podemos tener
39:15errores con formato MP3. Hay que tener
39:18cuidado con ello.
39:21Tenemos este formato AA ACC, que es la
39:25es la versión mejorada del MP3. Eh, este
39:29nos nos corre o nos graba a 96 Hz, es
39:34decir, que es mucho mejor. Sí,
39:37monofónico es estereofónico,
39:40cuadrafónico,
39:42¿sí? Y nos corre a 96 Hz. Y tenemos otro
39:46tipo de formato que es OGG, que es un
39:49formato de audio que posee hasta 255
39:52canales de audio, es decir, que es un
39:55multisonido y mire que nos alcanza los
39:58192 Hz, por ello es lo más usado en web,
40:02es decir, que es un formato que es
40:05liviano, que es bastante
40:09fino, se puede decir, para el formato de
40:13audio y sobre todo nos corra 192 Hz, que
40:16quiere decir que es un formato muy
40:19claro, muy nítido en el tema de audio.
40:22Tenemos otro tipo de de formatos cuando
40:24ya hablamos de ello, que es el formato
40:27de video. Tenemos también aquí un
40:30formato web, que es un formato es
40:33prácticamente una extensión que utilizan
40:35los navegadores con el fin de que dentro
40:37del navegador podamos ver videos muy
40:41utilizados en las en los temas
40:43comerciales. Cuando aparecen esos esos
40:47esas propagandas, se puede decir
40:49pequeñitas con videos, son prácticamente
40:52guard grabados con este tipo de
40:54formatos. son formatos que prácticamente
40:56no ocupan mucho espacio y están
40:58integrados dentro del código. ¿Sí?
41:01Entonces, eh por ello son muy usados.
41:06Tenemos otro tipo de formato bastante
41:08conocido, MP4.
41:11¿Cuál es la ventaja del MP4? Que son
41:14formatos que podemos llegar a una alta
41:17calidad de formato, ¿sí? sin alterar la
41:20calidad del video. O sea, podemos llegar
41:23a algo muy bueno, podemos llegar a
41:26imágenes bastante claras y la única
41:30desventaja del MP4 es el tamaño, que
41:34muchas veces se generan archivos un poco
41:36grandes, ¿sí? y se nos dificulta un poco
41:40el almacenamiento
41:43y el formato punto MOB, formato MOV, eh
41:48creado para Apple para dispositivos Mac.
41:52Sí, para este tipo de formato
41:54necesitamos cierto tipo de programas eh
41:58para que se puedan reproducir. ¿Sí?
42:01Entonces, eh muchas veces Windows
42:05lo genera como error, aunque ahora ya
42:07está integrado a a nuestro sistema eh de
42:10reproducción de de video, pero es un
42:14formato que por lo general se utiliza un
42:17programa adicional para que se lo pueda
42:20se lo pueda reproducir. Sí.
42:25Y lo que hablábamos un poquito de los
42:27gestores,
42:30de lo que vamos a mirar la próxima
42:31clase, que son gestores de contenido,
42:34pues los gestores de contenido, pues
42:36prácticamente
42:38son programas que nos permiten
42:40desarrollar
42:42un medio digital, un medio web y un
42:44medio de información al usuario. Sí, son
42:49bastante eh
42:52conocidos este tipo de gestores por el
42:54tipo de lenguaje o el tipo de código que
42:56utilizan en eh como son HTML,
43:00CSS, JavaScript, ¿sí? Android también es
43:05otro tipo también de lenguaje que se lo
43:07utiliza bastante. En este caso vamos a
43:10utilizar HTML, CSS y algo de JavaScript
43:15integrado. ¿Sí? ¿Por qué lo utilizamos
43:19eh bastante este tipo de de lenguaje?
43:22Porque son de código abierto, es decir,
43:24que nosotros no debemos pagar licencias
43:27con el fin de generar un desarrollo web.
43:30Sí, dado el caso, por ejemplo, Netbeans,
43:34sí hay otros Visual Studio, que son
43:38programas que nos que nos permiten
43:41desarrollar aplicativos, nos permiten
43:43desarrollar páginas web, pero por lo
43:45general eh debemos pagar una licencia.
43:50Eh, hay algunos gestores que que sirven
43:54para crear línea de código con este tipo
43:57de de lenguajes. Y aquí vienen los que
44:01hablábamos al inicio, como WordPress,
44:03como Drupal y como Yombla que les había
44:08mostrado al inicio. Sí,
44:11aquí están también algunas
44:13características de cada uno de ellos
44:15para que ustedes lo revisen.
44:20Sí, aquí está una forma como instalar
44:23Yombla.
44:25Aquí está cómo podemos desarrollar en en
44:27WordPress.
44:30Sí, aquí hay cómo descargar WordPress.
44:33También este material de información es
44:36material eh de apoyo es bastante bueno.
44:39Aquí también nos habla algo de de
44:41Grupal.
44:45Sí, para que ustedes lo revisen.
44:49¿Alguna pregunta, muchachos? Hasta ahí.
44:53No, señor.
44:54Vale.
44:56Y vamos a mirar unos videos
45:01que nos van a
45:02nos van a aclarar un poquito qué es
45:05WordPress,
45:07qué es Drupal y qué es Jombla.
45:11Me cuentan si pueden
45:15escuchar, por favor.
45:19¿Pueden escuchar el audio? No,
45:22no, señor.
45:24Vale.
45:42Ahí
45:47me confirman si lo escuchan, por favor.
45:52No, tampoco se escucha.
45:55No se escucha nada.
45:57No,
45:58no, para nada.
46:01Veamos ahí. ¿Me confirman, por favor?
46:07No, tampoco.
46:09No, no
46:11tampoco.
46:16Veamos a ver.
46:39emos la pregunta. ¿Qué es?
46:41Ahí, ahí. Sí,
46:42ya.
46:46Eh, buenas a todos. ¿Qué tal? ¿Cómo
46:48estáis? Soy Fernando de la Academia de
46:49Hostinger y en este vídeo responderemos
46:51la pregunta, ¿qué es WordPress?
46:58Estoy muy seguro de que con la nueva
46:59moda de ganar dinero por internet habrás
47:01escuchado la típica frase que hizo así:
47:03"Hazte un WordPress y empieza a ganar
47:05dinero." Y lo cierto es que es la
47:07realidad, pero para poder empezar
47:08debemos saber qué es WordPress.
47:11WordPress es una plataforma web muy
47:12flexible que permite a los usuarios
47:14crear todo tipo de páginas. Si quieres
47:15crear un bloger a nuevos clientes con un
47:17portafolio, publicar vide tutoriales
47:19online o crear una página web para tu
47:21negocio, entonces WordPress es su
47:23solución. Es uno de los sistemas de
47:24gestión de contenido más populares y
47:26también la herramienta más sencilla para
47:28crear una página web si no tienes
47:29conocimiento de desarrollo web. Además,
47:31WordPress es compatible con todas las
47:32plataformas de alojamiento con PHP y
47:34Mysql, que son prácticamente todas.
47:36Asimismo, este FMS, que significa gestor
47:38de contenido, se actualiza
47:39periódicamente con nuevas versiones que
47:41mejoren la seguridad, el rendimiento
47:42general y las nuevas funciones. Y lo más
47:44increíble es que hay una enorme
47:45comunidad de WordPress con foros y
47:47voluntarios que tiene mucha información
47:48y tutoriales sobre cualquier tema, lo
47:50que hace que WordPress sea uno de los
47:51CMS más fáciles hoy en día. Hay dos
47:54formas de poder utilizar WordPress.
47:56Tenemos WordPress.org y luego tenemos
47:58WordPress.com y son muy diferentes.
48:01Veamos cuáles son las diferencias entre
48:02estos dos.
48:05Al utilizar WordPress.org, el software
48:08principal y muchos de los temas de
48:09plugin son gratuitos. Solo tienes que
48:10pagar el dominio y el alojamiento web.
48:12Con un editor de contenidos o texto
48:14puedes escribir, editar y publicar post.
48:16Casi todo el mundo sabe utilizar WordP,
48:18así que aprender a utilizar el editor de
48:20contenido de WordPress será muy fácil.
48:22Puedes utilizar un editor de temas o un
48:24constructor que te permitirá
48:25personalizar el tema o la plantilla de
48:26diseño a tu gusto. Podrás hacer varios
48:28cambios como subir un logotipo,
48:29personalizar el menú de navegación,
48:31establecer una página de inicio
48:32personalizada, etcétera. También puedes
48:34elegir entre miles de temas listos para
48:36usar. No importa cuál sea tu nicho, en
48:38WordPress lo tienes todo. Pueden ser
48:39restaurantes, portafolios, blog de
48:41comida, sitios web de podcast, etcétera.
48:43Otra cosa increíble es que puedes
48:45instalar fluence que ampliarán la
48:46funcionalidad de tu página web. Esto
48:48añadirá funciones que no están presentes
48:50en el software de WordPress, como por
48:51ejemplo reforzar la seguridad, aumentar
48:53la optimización de los motores de
48:55búsqueda o es decir el SEO y añadir
48:57formularios y mucho más. Por lo tanto,
48:59utilizar una versión autolojada de
49:01WordPress.org proporciona más
49:03flexibilidad y control sobre tu página
49:05web.
49:07En cambio, en WordPress.com es una
49:10plataforma para crear un blog y una
49:11página web con WordPress. No tienes que
49:13gestionar el servidor porque los
49:14creadores de WordPress lo hacen por ti,
49:16lo que la convierte en una de las
49:17plataformas de blog más sencillas. Las
49:19cuentas gratuitas vienen con un
49:20alojamiento gratuito, un subdominio
49:22gratuito y un certificado SSL
49:25preinstalado. Temas gratuitos y opciones
49:27limitadas de personalización. Como todo
49:29lo bueno, tiene sus limitaciones y es
49:30que al contrario de WordPress.org,
49:33esta viene con limitaciones. No serás el
49:35dueño de tu dominio y además incluirá
49:37WordPress.com en la URL. Además, estás
49:39limitado a subir temas o plugin
49:41personalizados a menos que actualices a
49:43un plan diferente de pago. Si no
49:44actualizas, tu página tendrá anuncios
49:46por defecto de WordPress y no podrás
49:48monetizar tu blog. Pero si buscas una
49:50versión gratuita o simplemente quieres
49:52probar esta opción, te vendrá muy bien.
49:55Y ya hemos terminado. Esperamos que este
49:57vídeo te haya resultado útil y que
49:58tengas una misión más clara de lo que es
50:00WordPress. Me gustaría contarte que en
50:02Hostinger usamos la versión de
50:03WordPress.org. Además hacemos por ti la
50:06instalación con solo unos clips, por lo
50:07cual te animamos a que alojes tu página
50:09web con nosotros. Contamos con soporte
50:11en español vía chat todos los días del
50:12año las 24 horas. En el carrito usa
50:14cupón exclusivo por ver este.
50:18Bueno, aquí nos habló un poquito de lo
50:20que es WordPress.
50:22Eh, pues como yo les decía, es como nos
50:26sirve bastante para crear un blog, pero
50:30ha avanzado mucho WordPress. Sí, el
50:32hecho de avanzar mucho quiere decir pues
50:35que ya se han integrado bastantes
50:37lenguajes de programación que nos sirven
50:40y nos nos permiten desarrollar una
50:43página muy fluida, muy buena. ¿Sí? Vamos
50:46a mirar el siguiente video
50:49relacionado con
50:54comombla, que es uno de los de los
50:56gestores que vamos a
50:59aprender porque me parece que es muy
51:01buena. ¿Cuál es a diferencia de Yomla? A
51:03diferencia de los demás que este utiliza
51:05un local host. ¿Qué quiere decir un
51:07local host? Que nuestro computador pues
51:10es nuestro propio servidor. Así que
51:12vamos a poder a mirar nuestra página web
51:15en tiempo real. ¿Sí? Entonces, ¿me
51:19confirman si escuchan, por favor?
51:23Sí, señor.
51:35Hola, mi nombre es Eric Mez,
51:37coaulideal.com
51:38y en este curso te mostraré cómo
51:40construí un sitio web desde cero para
51:43uno de mis clientes. Así que de forma
51:45rápida pues te invito a que descargues
51:47los archivos que usaremos en este curso.
51:50Puedes hacerlo desde el enlace que
51:51encuentras justo debajo de este video.
51:54Así que descárgate ahora todos los
51:56recursos, las plantillas, las imágenes
51:58que usaremos en este entrenamiento.
52:01¿Listo? Y la primera pregunta que nos
52:03haremos es, ¿qué es Jumla? Jumla es un
52:06CMS que viene de las siglas Content
52:09Manager System, que es
52:12para el manejo de contenidos o sistema
52:14para la creación de contenidos. En otras
52:16palabras, es un sistema que le permite a
52:18cualquier usuario con conocimientos
52:20básicos de informática tener un sitio
52:23web con funciones complejas. Te
52:26pregunto, ¿sabes manejar Facebook?
52:27¿Sabes escribir en Twitter? ¿Sabes
52:30publicar tus fotos en Flicker? Si
52:32respondiste que sí, entonces Jungla te
52:34será un juego de niños.
52:37Jumla permite a sus usuarios crear y
52:39modificar contenido para su sitio web de
52:41una manera extremadamente sencilla. Sin
52:44ser diseñador web, podrás agregar
52:46funciones avanzadas dentro de tu sitio,
52:49como por ejemplo, podrás crear una
52:50galería de imágenes, podrás implementar
52:53un blog, podrás implementar un foro
52:55dentro de tu sitio o una tienda online.
52:57Increíble, ¿no? ¿Quiénes usan Yumla? Hoy
53:01en día existen muchas empresas
53:02importantes que confían en Yumla. Ojo,
53:05con Jumla podemos crear cualquier tipo
53:07de diseño, eh, simples hasta complejos.
53:10Si sabemos algo de diseño web, podemos
53:12crearlos desde cero o también podemos
53:14descargar de forma gratuita diseños para
53:16Jumbla o comprarlos yendo a los sitios
53:19web de una gran cantidad de empresas que
53:21se dedican a la venta de diseños para
53:23Yumbla. Veamos solo un ejemplo de una
53:25gran cantidad de empresas importantes
53:26que usan Yumbla. Por ejemplo, linux.com
53:29usa Yumbla. La página oficial del Club
53:32de fútbol Villarreal también confía en
53:34jumbla y podemos darnos cuenta si damos
53:36un clic derecho y si es que palabras
53:39como component, plugin o template,
53:42estamos viendo a un sitio web basado en
53:44Jungla porque son directorios que Jungla
53:47usa para almacenar su información.
53:49También el Consorcio Europeo de
53:50Informática y Matemáticas confía en
53:52Yumla para crear un interesante sitio
53:55web. También el Congreso de la República
53:58de Colombia, un sitio importante, confió
54:00en Jumbla para el desarrollo de su
54:02sitio. La Escuela de Graduados de Arte y
54:05Ciencias de la Universidad de Harvard
54:06también confía en Jumbla para el
54:08desarrollo. También confía en Jumbla y
54:10así podría estar horas y horas
54:12mostrándote diferentes sitios web que
54:14confían en la potencia de este excelente
54:16gestor de contenidos denominado Jumla.
54:22Por ejemplo, aquí podríamos apreciar el
54:24sitio web oficial de la Torre Fe, en
54:26donde podemos ver un diseño complejo, se
54:29pueden realizar compras online, podemos
54:31cambiar el idioma de la aplicación y
54:33todo esto ha sido creado usando como
54:35motor Jumbla.
54:37Ventajas de Jumbla es software libre,
54:41eso quiere decir que no vas a pagar por
54:43usar Jumla. En otras palabras, vas a
54:45desarrollar tu propio sitio web con una
54:47inversión monetaria mínima. Jumbla es
54:50fácil usar. El sistema es muy intuitivo.
54:53Yumla te ofrece un atractivo panel
54:55administrativo desde donde podrás
54:57gestionar todo el contenido de tu sitio
54:59web sin la necesidad de contratar a un
55:02diseñador web. Jumla te ofrece una gran
55:05variedad de diseños. Puedes crear,
55:07descargar o comprar diseños para tus
55:10sitios chumbla. Existe una gran cantidad
55:12de sitios web donde podrás descargarlos
55:14y también una gran cantidad de empresas
55:16que se dedican a vender plantillas o
55:19diseños para Yumbla. Si estás pensando
55:21que al usar Yumbla va a impedir que tu
55:24sitio web tenga la apariencia que tú
55:25deseas, pues ve sacándote esa idea de la
55:28cabeza. Yumla es escalable. Con Jumla
55:32vas a poder implementar nuevas
55:34funcionalidades dentro de tu sitio web.
55:36Si ingresas a extensions.org
55:39podrás apreciar que tenemos más de 7400
55:43extensiones para Yumla y la gran mayoría
55:46gratuitas que te permitirán ampliar
55:48enormemente las funcionalidades de tu
55:51sitio. Si Jumla de forma nativa no
55:53cuenta con alguna función, alguna
55:55extensión seguramente lo hará. Hoy en
55:57día existen extensiones para casi todo
56:00tipo de necesidades, desde extensiones
56:03para crear sistemas de eventos hasta
56:05extensiones para implementar tiendas
56:07online. Maravilloso, ¿no? Y te ofrece
56:11seguridad. Este excelente sistema cuenta
56:13con una gran comunidad que
56:14constantemente está contribuyendo en el
56:17desarrollo del proyecto y hay un grupo
56:18oficial dedicado únicamente al tema de
56:21seguridad. Ellos son informados por la
56:23comunidad de posibles vulnerabilidades
56:25en el sistema o es un posible fallo en
56:28el código. Y cuando este aparece, pues
56:30la solución es casi inmediata y
56:32obviamente estas actualizaciones son
56:34completamente gratuitas. Seguramente te
56:37preguntarás cuándo usar Jumbla.
56:39Permíteme darte tres razones. Cuando no
56:42conoces nada de diseño web, no tienes
56:45ideas sobre cómo construir un sitio web,
56:47pero necesitas uno. Te pregunto, ¿cómo
56:49lo vas a diseñar? En este caso, pues es
56:51una muy buena alternativa. ¿Cuándo
56:54deseas implementar un sitio web con
56:56funciones avanzadas? Tal vez conoces
56:59algo de diseño web, algo de HTML o algo
57:01de CSS, pero ¿serías capaz de construir
57:04un blog desde cero o una galería de
57:07imágenes que te permita subir las fotos
57:09desde una interfaz administrativa?
57:11¿Podrías lograrlo? ¿Cuándo deseas contar
57:14con la ayuda de una inmensa comunidad
57:16dispuesta a ayudarte?
57:18Cuando trabajes con Yumla no estarás
57:20solo. Hoy en día existen grandes
57:22comunidades de usuarios en casi todos
57:24los idiomas, agrupados en foros, en
57:27grupo de Facebook, que estarán
57:28dispuestos a ayudarte. Así que nunca
57:31estarás solo si usasla. ¿Cuándo no
57:34usarla? Van a haber situaciones en donde
57:37no siempre es necesario usar este
57:39excelente SMS, como por ejemplo, cuando
57:42conoces algo de HTML y deseas crear un
57:44pequeño proyecto de no más de cinco
57:46secciones. Si vas a crear un sitio
57:48pequeño bastante básico, pues no es
57:51necesario usar Yumbla cuando no deseas
57:53implementar ninguna función avanzada
57:55dentro de tu sitio.
57:58construir un sitio web básico, pero no
58:00deseas vender en línea, ni crear un
58:01blog, ni crear un sistema de eventos, ni
58:04nada por el estilo, podría descargarte
58:06una de las tantas plantillas que
58:07encuentras gratuitas en internet y crear
58:09un sitio web.
58:11Cuando crees que tu sitio web no se va a
58:13actualizar frecuentemente, actualizar un
58:16sitio web que no cuenta con un panel
58:18administrativo es bastante complicado
58:20porque vas a tener que estar modificando
58:22el código fuente. Claro, si manejas algo
58:25de HTML, pero si tienes un proyecto en
58:28donde constantemente vas a actualizar
58:29información, vas a subir imágenes, vas a
58:32crear artículos, pues te recomendaría
58:34usar un sistema para la gestión de
58:36contenidos como Yumda. Eso es todo.
58:38Espero que te haya gustado esta clase y
58:40hayas entendido que es Jumbla y las
58:42posibilidades que te ofrece. El día de
58:44mañana te estaré enviando a esta misma
58:46hora la clase número dos de este curso,
58:49en donde empezaremos con la construcción
58:51de un sitio.
58:53Bueno, esto
58:56video nos habla un poquito de Jomblap y
58:59vamos a mirar el último video, un video
59:01cortico relacionado con el siguiente
59:04gestor que se llama Drupal.
59:07que también puede ser una opción para el
59:10desarrollo de sus eh proyectos web.
59:14Hola, yo soy Diego Astidas y te doy la
59:15bienvenida a este curso de Drupal. Y
59:17como yo odio perder el tiempo y odio
59:19perder tu tiempo, pues empecemos con
59:21este curso. ¿Qué es Drupal? Turpal es un
59:23CMS o un sistema de gestión de
59:25contenidos muy parecido a WordPress, de
59:27hecho, pues eh con respecto a su
59:30interfaz, que se utiliza para crear
59:32sitios web dinámicos con una gran
59:34variedad de funcionalidades. Y es que
59:35con Drupal puedes crear desde un sitio
59:38de blog personalizado hasta una
59:40plataforma de una red social. Entonces,
59:42estamos hablando de un CMS bastante
59:44potente que estoy segurísimo que te va a
59:47servir mucho y que adicional si tienes
59:49conocimientos de programación vas a
59:51poder crear tus propios módulos
59:53extendiendo la funcionalidad de Drupal.
59:55Entonces, ¿cuáles son sus ventajas?
59:57Ventajas es que es un software libre
59:59escrito en PHP, cuenta con una amplia y
1:00:02activa comunidad de usuarios y
1:00:04desarrolladores. Los colaboradores están
1:00:07en su continua mejora y ampliación. Como
1:00:09te dije anteriormente, si tú deseas
1:00:12puedes eh contribuir a la plataforma y
1:00:14crear módulos eh para y soluciones para
1:00:17otros usuarios. Arquitectura modular que
1:00:20permite la ampliación de sus
1:00:21funcionalidades, que tiene mucho que ver
1:00:22con lo que te dije anteriormente, con
1:00:25módulos creados por miembros de la
1:00:26comunidad y es posible implementar gran
1:00:29variedad de sitios desde un bloc
1:00:30personal corporativo, una tienda o una
1:00:32red social o comunidades, como te dije
1:00:34también anteriormente. ¿A quién va
1:00:36dirigido Dropal? a todo a a todo aquel
1:00:39que desee crear un sitio web con un CMS
1:00:41potente para administrar un sistema de
1:00:44Drupal, no se necesita de bastos
1:00:45conocimientos técnicos porque estamos
1:00:47hablando de administrarlo a nivel de
1:00:48side building, pero si lo si lo que tú
1:00:50deseas es crear módulos personalizados,
1:00:53entonces requieres de conocimientos de
1:00:55PHP, de bases de datos, de programación
1:00:58en general, pero en este curso inicial
1:01:01lo que tú lo que tú vas a aprender es a
1:01:04utilizar Drupal a nivel de side
1:01:05building, de cómo funcion
1:01:07la interfaz de Drupal, de cómo qué hace,
1:01:10cuál es el alcance de Drupal, de lo que
1:01:11nos ofrece Drupal como tal. ¿Listo? Pero
1:01:15este es el abrebocas para el curso de
1:01:19desarrollo de módulos en Drupal.
1:01:21Entonces, es importantísimo que conozcas
1:01:23qué hace Drupal antes de que empieces a
1:01:25desarrollar en él, si es que quieres
1:01:26desarrollar en él. Si no, pues puedes
1:01:29limitarte simplemente a administrar
1:01:31Drupal con los módulos que te ofrece la
1:01:34comunidad o con los módulos que te
1:01:36ofrece Drupal en su versión estándar.
1:01:38¿Listo? Eh, también te permite crear tus
1:01:41propios módulos para extender su
1:01:43funcionalidad si cuentas conocimiento en
1:01:44programación y si deseas hacerlo. Y por
1:01:47último, ¿qué aprenderás en este curso?
1:01:50Vas a aprender a instalar Drupal,
1:01:52entendiendo los conceptos básicos para
1:01:54su interacción con el CMS. Entonces, te
1:01:57voy a enseñar qué es un tipo de
1:01:58contenido, eh cómo manipular la
1:02:00información en Drupal, cómo manipular
1:02:02los usuarios, los permisos, los temas,
1:02:04eh cómo crear vistas, todo lo más
1:02:07básico, las la esencia de Drupal para
1:02:10que tú aprendas a utilizarlo, lo vas a
1:02:13aprender en este curso. Básicamente
1:02:16cuando termines este curso tendrás los
1:02:18conocimientos neces
1:02:20Bueno, muchachos, eso es un poquito de
1:02:23del tema que vamos a trabajar, pues ya
1:02:26ustedes escogerán su gestor. La idea es
1:02:30que a través de cada una de las clases,
1:02:34pues vamos revisando cada uno de los
1:02:36gestores, sea Drupal, sea Yomla, hasta
1:02:40Wix. Sí, porque me parece importante
1:02:42revisar Wix, porque yo creo que la
1:02:44mayoría o hay muchas personas que lo
1:02:46hacen. Por ello, eh, ya para finalizar,
1:02:50muchachos, sí me gustaría que dentro de
1:02:53la evidencia, sí, eh, me pongan qué
1:02:58gestor están utilizando, ¿sí? si están
1:03:00utilizando WordPress, si están
1:03:02utilizando Wix, si están utilizando
1:03:04Yombla o el tipo de gestor que ustedes
1:03:07están utilizando con el fin de ir
1:03:09mirando un enfoque. ¿Listo? ¿Alguna
1:03:12pregunta, muchachos, para finalizar?
1:03:16No, señor.
1:03:17Bueno, Juliana,
1:03:21eh pues tengo como una dudita.
1:03:25Este, el formato que nos habías mostrado
1:03:28de la bifácura,
1:03:30eh, lo debemos presentar en en alguna de
1:03:35las plataformas que vimos antes, Canva.
1:03:39Ah, ah, en Canva, sí. O sea, ustedes lo
1:03:41pueden presentar como PDF, lo pueden
1:03:44presentar como eh como si ustedes lo
1:03:48hacen en Canba o si de de pronto lo
1:03:50hacen en Prei, ustedes lo deben
1:03:52presentar eh con el link, me dejan el
1:03:55link ahí o lo pueden presentar en PDF.
1:03:59Si lo pueden descargar en PDF es mucho
1:04:00más fácil para para evaluar o también lo
1:04:03pueden hacer en PowerPoint porque la
1:04:06idea de la evidencia es generar una
1:04:10pequeña exposición, una pequeña
1:04:11presentación de las herramientas que
1:04:14ustedes van a trabajar dentro de su de
1:04:18su diseño de página web. Por ello es que
1:04:21lo veo como importante eh mirar ustedes
1:04:24qué tipo de plataforma, de qué tipo de
1:04:27gestor ustedes van a utilizar. Sí.
1:04:32Ah, listo, señor, quedaría todo claro.
1:04:36Ah, bueno, vale. Entonces, muchas
1:04:38gracias, muchachos, por conectarse. Nos
1:04:40vemos la próxima sesión de clase. Que
1:04:43estén muy bien, que tengan un buen fin
1:04:44de semana.
1:04:46Igualmente, buenas noches.
1:04:48Bueno, hasta luego. Buenas noches,

About this transcript

This page contains the full transcript of Sesión Sincrónica Desarrollo Multimedia y Web 2026 05 29 by SENA CLEM REPOSITORIO VIDEOS, generated from the public captions YouTube serves with the video. The transcript has 8,550 words across 1,417 segments, with the original timestamps preserved so you can click any line to jump to that moment in the embedded player.

What you can do with it

Use the transcript to take notes, quote the speaker, build a study guide, generate a summary with ChatGPT or Claude via the YouTube Summary tool, or export it as a timed subtitle file with YouTube to SRT. You can also re-open it in the transcriber to translate the transcript into 100+ languages.

Free YouTube transcript tool

YouTube2Text is a free YouTube transcript generator — no signup, no daily limit. Paste any YouTube link and get the full transcript instantly, with timestamps, click-to-jump, translation to 100+ languages, AI prompts for ChatGPT, Claude, and Gemini, and exports to TXT, SRT, VTT, or Markdown.