# ¡! 𝟒𝐓𝐎 𝐏𝐑𝐎𝐆𝐑𝐀𝐌𝐀𝐂𝐈𝐎́𝐍 - 𝐁𝐑𝐈𝐀𝐍𝐃𝐀 𝐈𝐑𝐀𝐍 𝐂𝐀𝐑𝐑𝐀𝐒𝐂𝐎 𝐒𝐎𝐓𝐎;; ♡: 2022

CLASE 6

LUNES, 25 DE ABRIL, 2022.

8:00AM - 11:00AM

LAS 7 P´S DEL MARKETING

1. PRECIO

2. LUGAR

3. PROMOCIÓN

4. PRODUCTO

5. PROCESOS

6. PERSONAS

7. EVIDENCIAS FISICAS

TIPOS DE WEBS

O FORMAS DE GENERAR INGRESOS EN

INTERNET

• E-COMMERCE

• MEMBERSHIP´S SITE´S

• FREEMIUM

• INGRESOS POR PUBLICIDAD

E-COMMERCE

• PAGO ÚNICO

• TIRNDA ON-LINE

• EJEMPLO: AMAZON

• ENTREGA RAPIDO

• DESCUENTOS

• MARKET PLACE

• SERVICIOS AGREGADOS

MEMBERSHIP SITE´S

• PAGAN CUOTAS DE MEMBRESIA

• NETFLIX

• HBO

• COBRAN POR SERVICIOS O CONTENIDOS A

CAMBIO DE UNA CUOTA MENSUAL

FREEMIUM

• COMUNMNENTE SON APP´S

• OFRECEN CONTENIDOS GRATIS

• PREMIUM´S

INGRESOS POR PUBLICIDAD

• BLOG´S O PLATAFORMAS WEB

• NOTICIEROS, PERIODICOS, TV.

• VENDEN SUS ESPACIOS

• TIENEN PATROCINADORES

• PIENSA EN GRANDE…

• PIENSA EN EL USUARIO

CRITERIOS PARA MEJORAR TU WEB

A. DISEÑO

B. USABILIDAD

Que se pueda ver en todos los dispositivos..

C. FINDABILITY

Que se encuentra rápido (con palabras clave)

D. CONTENIDO RELEVANTE

- Foros

- Comentarios de usuarios

- Mejora continua

"Piensa en grande, piensa en el usuario"

CLASE 5: INTRODUCCIÓN A JAVA SCRIPT

INTRODUCCIÓN AL JAVA SCRIPT

¿QUÉ ES JAVA SCRIPT?

• Es el lenguaje de la WEB

• Añade interactividad a tus Site’s

• Desarrollo de FRONT END

• Desarrolla de BACK END

• Desarrolla APPs de escritorio

¿QUÉ ES INTERACTIVIDAD?

Significa que interactua con el usuario dentro del sitio.

INTERACTIVIDAD

• Reaccionar a eventos del usuario

dentro de nuestro sitio.

• Validar Formularios

• Procesar información

• Mostrar mapas o ubicaciones

JS →MADURO Y ESTABLE

• Variables

• Funciones

• Estructuras de control

• Objetos

• Métodos

• LP

• Versiones por año

¿QUÉ ES EL DOM?

El dom es cada parte que esta conectada

JS corre bajo el DOM

html

-------------------------------

head body

title ----------------------

h1 div nav

a a a

LP SIMILARES A JS

• React

• VueJS

• Angular

JS Tiene Otros Usos:

• Servidor:

• Nodo JS

• Express demo

• Automatización:

• Gulp JS

• Webpack

• Eslint

• Para App´s de escritorio:

• React Native

• Electron

Iniciamos JAVA SCRIPT

Etiqueta.

•<style>

•</style>

•<script>

•</script>

PROGRAMA 1 DE JAVA SCRIPT

alert (“Hola Mundo”);

TENDENCIAS DE ESTILO

01. Estilo Retro "Moderno".

02. Diseño de Materiales.

03. Colores Brillantes y Llamativos.

04. Formas Geométricas.

05. Espacio negativo.

06. Estructuras Modulares.

07. Tipografía Dramática.

08. Ilustraciones Personalizas.

09. Estilo Minimalista Abstracta.

TIPOS DE DISEÑO: EXPOSICIONES.

EQUIPO 1: KITSCH

El término kitsch empezó a sonar más por el año 1930 para describir expresiones artísticas de mal gusto, pasadas de moda o feas en general. Más adelante, el crítico de arte Clement Greenberg se apropió del tema para describir el arte sin crítica ni profundidad que la comunidad acepta sin pensarlo mucho.Hoy, de acuerdo a la RAE, kitsch se refiere a una estética pretenciosa, pasada de moda y de mal gusto. El kitsch mezcla todo lo que hay a mano, sin contemplación aparente de si los elementos usados. Kitsch probablemente pueda compararse con la palabra naco pero, a diferencia de esta, lo que se define como kitsch, aunque de mal gusto, tiene una valoración artística o por lo menos positiva.

Desde entonces, el Kitsch fue evolucionando y se desarrolló como un estilo decorativo, muy frecuente

EQUIPO 2: ESTILO ABSTRACTO

Esun concepto general, opuesto al figurativo, que remite a lo más esencial del arte, reducido a sus aspectos cromáticos, formales y estructurales. Es la representación de ideas, conceptos, pensamientos y sentimientos. En donde la función de la imagen es restituir la impresión visual de algo real, con mayor o menor grado de realidad reproductiva. Formas abstractas: son líneas inspiradas por la naturaleza sin significado. No son representativas y son independientes del mundo real, sin embargo, en su resultado material se observan determinadas imágenes.

EQUIPO 3 : NEUMORFISMO

Neumorfismo es un juego de palabras basado en New + Skeuomorphism. Es un estilo que utiliza desenfoque, ángulo e intensidad de la sombra de un objeto para resaltar el objeto. Es un diseño que se ve realista, futurista, moderno, atractivo y extremadamente impresionante debido a su suave sombra y apariencia general

EQUIPO 4: CONCEPTUALISMO

El arte conceptual o conceptualismo se basa en que las ideas dentro de otra obra son un elemento más importante que el sentido por el que la obra se creó. El arte conceptual o conceptualismo se basó en la primacía de la idea o concepto por encima de la técnica o forma final del objeto.

EQUIPO 5: MINIMALISMO

El diseño minimalista es el diseño en su forma más básica, es la eliminación de elementos pesados para la vista. Su propósito es hacer que sobresalga el contenido. Desde el punto de vista visual, el diseño minimalista está destinado a ser calmado y llevar la mente del observador a lo básico de la pieza.

EQUIPO 6: ESTILO NÓRDICO

El diseño nórdico, es minimalista -carente de ornamentación-. Se basa sobre espacios luminosos, de paredes blancas o colores muy claros -por la limitación de iluminación natural por su clima y localización-. Por el uso de mobiliario de madera, creando un conjunto sencillo, funcional y lleno de confort.

SITIO DE LA CAFETERÍA

01 de abril del 2022.

INICIO O PÁGINA PRINCIPAL DEL SITE

PÁGINA DE CURSOS

PÁGINA SOBRE NOSOTROS

TRABAJO EN EQUIPO: SELECTORES

MIÉRCOLES, 16 DE MARZO DEL 2022.

LINK PARÁ REALIZAR LAS ACTIVIDADES

Problema	Solución
1. Select the plates.		Plate
2. Select the bento boxes		Bentos
3. Select the fancy plate		#fancy
4. Select the pickle on the fancy plate		Plate apple
5. Select the pickle on the fancy plate		#fancy pickle
6. Select the small apples		.small
7. Select the small oranges		Small.oranges
8. Select the small oranges in the bents		Bento orange.small
9. Select all the plates and bents		Plate, bento
10. Select all the things		*
11. Select everything on a plate		Plate *
12. Select the every apple that’s next to a plate		Plate+apple
13. Select the pickles beside the bento		Bento ~ pickle
14. Select the Apple directly on a plate		Plate>apple
15. Select the top orange		Orange :first-child
16. Select the apple and the pickle on the plates		Plate :only-child
17. Select the small apple and the pickle		Plate apple :last-child, pickle
18. Select the third plate		Plate :nth-child(3)
19. Select the bento		Bento :nth-last-child(3)
20. Select the first apple		Apple :first-of-type
21. Select all even plates		Plate :nth-of-type(even)
22. Select every 2^nd plate, starting from the 3^rd		Plates:nth-of-type(2n+3)
23. Select the apple on the middle plate		Plate apple :only-of-type
24. Select the last apple and orange		Orange :only-of-type,apple:only-of-type
25. Select the empty bents		Bento: empty
26. Select the big apples		Apple:not(.small)
27. Select the items for someone		*[for]
28. Select the plates for someone		Plate[for]
29. Select Vitaly’s meal		Bento[for=”Vitaly”]
30. Select the items for names that start with ‘Sa’		*[for=”sa”]
31. Select the items for names that end with ‘ato’		*[for$=”ato”]
32. Select the meals for names that contain ‘obb’		[for*=”obb”]

Esta actividad fue en equipo y nos puso a pensar demasiado, dado que, nosotras especificabamos todo y eso nos dio mucho en que hacer. Pará el final de la clase, solamente logramos resolver 12 de 32.

SITE DE FRONTEND STORE

25 de marzo del 2022.

Sitio sin terminar.

TAREA: REPONSIVELY.APP

Domingo, 27 de marzo, 22.

17:00hrs.

Link para responsively.app

PREDISEÑO DEL PROYECTO DE TIENDA

Jueves, 17 de marzo, 22.

8:50hrs

Prediseño de Front Store en el cuaderno.

COMPETENCIAS DEL SUBMÓDULO 2

15 de marzo del 2022

8:00hrs a 9:40hrs

SUBMÓDULO 2.

DESARROLLA APLICACIONES QUE SE EJECUTAN EN EL CLIENTE.

Desarrollo de páginas web Apps:

CSS, SUBLIME TEXT.

COMPETENCIAS GENÉRICAS

8.3 Asume una actitud constructiva, concruente con los conocimientos y sus habilidades con los que cuenta dentro de distintos equipos de trabajo

9. Transmite mensajes en una segunda lengua o lengua extranjera, atendiendo las características socio-emocionales diferentes.

10. Analiza los beneficios e inconvenientes del uso de las TICS para la optimización de las actividades cotidianas.

11. Aplica las TICS en el diseño de estrategias para la difusión de productos y servicios en bene de su desarrollo personal y profesional

12. Utiliza las TICS para investigar, resolver problemas, producir materiales y transmitir información.

COMPETENCIAS DE EMPLEABILIDAD Y PRODUCTIVIDAD

M1. Construye y emplea modelos matemáticos deterministas o aleatorios, mediante la aplicación de procedimientos aritméticos, algebraicos, geométricos, y variaciones, para la comprensión y análisis de situaciones formales e informarles.

M8. Interpreta tablas, gráficas, mapas, diagramas y tuetos con símbolos matemáticos o científicos.

ANOTACIONES DE LAS EXPOSICIONES

14 de marzo del 2022

12:00HRS

— El sobre mi y contacto van hasta abajo. —No hacer anuncios o mensajes como “Maestra, no me rebruebe”

—Un Prediseño es importante pues sin el no se puede tener un SITE, no se puede hacer un sitio web si no tiene ni la menor idea de como crearla.

—El sobre mi y la página de contacto deben estar dentro del mapa jerárquico ya que si bien van en el footer si no se meten en el mapa se estaría cometiendo un error muy grave.

—Hay que informar e investigar más sobre el tema a tratar.

—No hablar de las etiquetas.

—Dar una introducción y profundizar del tema.

—Páginas interactivas.

—En el mapa jerárquico no pueden ir las fechas hacía arriba

—Si no tienes algo decidido aún, es mejor decir comentarios como: "Todavía lo estoy pensando" "No estoy seguro"

—Relacionar con otros temas.

—Fondo oscuro, letra clara y viceversa

MODELO DE CAJAS

09-03-22

8:00HRS A 11:00HRS

¿QUÉ ES EL MODELO DE CAJAS?

El modelo de caja es la manera en que se representan todos los elementos html en una página. Cada elemento genera una caja, el comportamiento de esa caja depende de su clasificación: si es de línea o de bloque.

A todas las cajas se les puede aplicar las siguientes propiedades: width, height, padding, margin, border, background. Lo particular de este concepto es que por defecto el width se refiere al ancho del contenido de un elemento (no al ancho total, de borde a borde).

El margin, el padding...

Van en sentido de las manecillas del reloj.

—caniuse.com sirve para ver que comandos se pueden usar en los navegadores en CSS.

https://uniwebsidad.com/libros/css/capitulo-4

https://www.laurachuburu.com.ar/tutoriales/modelo-de-caja.php

PREDISEÑO EN EL CUADERNO

Lamentablemente desconozco la fecha de elaboración de este prediseño.

ANALÍTICA WEB

8:00 hrs

Lunes 28 de febrero del 2022.

BRIANDA IRAN CARRASCO SOTO

KPI

La palabra KPI proviene de las siglas de la frase “Key Performance Indicators”. Esto se traduce como “indicadores claves de desempeño”. Estos indicadores son todas las variables, factores y unidades de medida para generar una estrategia de marketing.

SEO

El posicionamiento en buscadores, optimización en motores de búsqueda o SEO es un conjunto de acciones orientadas a mejorar el posicionamiento de un sitio web en la lista de resultados de Google, Bing, u otros buscadores de internet.

CRT

El tubo de rayos catódicos (CRT, del inglés Cathode Ray Tube) es una tecnología que permite visualizar imágenes mediante un haz de rayos catódicos constantemente dirigido contra una pantalla de vidrio recubierta de fósforo y plomo.

KISS

El principio KISS es un acrónimo usado como principio de diseño. El principio KISS establece que la mayoría de sistemas funcionan mejor si se mantienen simples que si se hacen complejos; por ello, la simplicidad debe ser mantenida como un objetivo clave del diseño, y cualquier complejidad accidental debe ser evitada.