lunes, 5 de febrero de 2024

CLASE No.2 | 1P - Diseño Web

 Las 7 fases de desarrollo de un sitio web.




Siguiendo este proceso, usted puede hacer que las páginas web sean más funcionales y amigables para los entornos digitales.

Fase 1 – Análisis

En esta fase se debe identificar el propósito del sitio web, los objetivos y el público al que irá dirigido.

Fase 2 – Planificación

Es importante definir el mapa del sitio, para dimensionar la magnitud y el alcance del proyecto que se va a realizar, también nos permite crear la estructura y las tecnologías que debemos utilizar para nuestra página web.

Fase 3 – Diseño

Durante esta etapa debemos concentrarnos en el diseño visual del sitio, que tenga una comunicación clara, colores que representen la marca o producto. Es importante centrarce en la utilización de los principios de la usabilidad (facilidad de uso para el usuario) ,UI (interfaz de usuario) y UX (experiencia del usuario), estos permiten que ademas del diseño gráfico, el sitio web sea funcional y más efectivo.

Fase 4 – Contenidos

En esta etapa debemos concentrarnos en la redacción de textos correctamente, inclusión de imágenes, videos con optimización para la web y la optimización para motores de búsqueda (SEO). Los contenidos son la materia prima de nuestro proyecto, de estos depende en gran parte el éxito porque al fin y al cabo es lo que nuestros usuarios utilizarán.

Fase 5 – Desarrollo

En este punto se desarrolla el sitio utilizando lenguajes de programación como HTML, CSS, PHP y bases de datos. También es importante aspectos funcionales como el diseño adaptativo (responsive size), esto permitirá tener compatibilidad con dispositivos móviles y llegar a una mayor cantidad de usuarios.

Fase 6 – Pruebas

Se deben realizar pruebas técnicas para el funcionamiento adecuado de la página web, se revisa la compatibilidad con los navegadores web y muy importante revisar si el sitio web cumple con el propósito que se plantea en los objetivos iniciales.

Fase 7 –  Lanzamiento

Una vez se publique el sitio web en internet para el público, se debe realizar un monitoreo constante para evitar fallas técnicas o realizar algún ajuste. También es necesario el mantenimiento del sitio web no solo en temas técnicos sino en actualización de contenidos.


Es importante mencionar que las 7 etapas anteriores facilitan el desarrollo de un sitio web, pero el trabajo no finaliza sólo en el lanzamiento, posterior a todas estas etapas de desarrollo es importante implementar una estrategia digital que permita mantener el sitio web actualizado para que comience a tener una evolución en la información y en los contenidos que los usuarios visualizan.

La estrategia digital se centra en el sitio web incorporando estrategias de Marketing de contenidos y complementando con estrategias de SEO (optimización de contenidos para motores de búsqueda), SEM (marketing en buscadores) y Anuncios publicitarios en la red de Google y en medios sociales.



Cibergrafía: https://grupovisuallab.com/


ACTIVIDAD

1. Se le solicita al aspirante a desarrollador web construir un sitio web tipo OnePage referente su propia presentación personal y portafolio con las siguientes subdivisiones:

A. Datos personales y foto.
B. Presentación personal.
C. Gustos, intereses y hobbies.
D. Proyectos a corto plazo.
E. Estudios y conocimientos.
F. Portafolio proyectos.

2. Se deben llevar a acabo las 7 fases del desarrollo web optimo.

3. Se debe maquetar todo el sitio y aplicarse los estilos.




RECOPILACIÓN DE DATOS DEL APRENDIZ

RECOPILACIÓN DE DATOS DEL APRENDIZ PARA LA MEDIA TÉCNICA

Clic en el botón para diligenciar.

SEMANA No.2 P1 - INFORME DE DESARROLLO

IMPRIMIR Y ANEXAR AL FOLDER:

En el siguiente enlace podrás diligenciar un informe del estado actual del proyecto WEB que bienes desarrollando con el fin de recopilar datos de seguimiento al trabajo realizado en las clases.

 Clic para visualizar archivo...

1er PERIODO - ESTÁNDARES, COMPETENCIAS Y DESEMPEÑOS


Competencia:
Construir el sistema que cumpla con los requisitos de la solución informática
Resultados de aprendizaje:
Plantear los ajustes pertinentes para el desarrollo del aplicativo web con el que propone resolver una situación de su entorno cercano.
Logro:
Plantea los ajustes pertinentes para el desarrollo del aplicativo web con el que propone resolver una situación de su entorno cercano.
Temas:
1. Diligenciamiento del informe del desarrollo del sitio Web.
2. Sensibilización al área de estudio.
3. Consolidación de equipos de trabajo y definición de roles.
4. Evaluaciones Diagnosticas.
5. Replanteamiento o lluvia de ideas de ajustes o mejoras al proyecto.
6. Desarrollo del mapa de navegación y actualización del bitácora e informe.
7. Adquisición de conocimiento y destrezas para el desarrollo del trabajo
    Repaso HTML y CSS
    - Maqueteo del sitio WEB
    - Repaso de Lógica de programación.
    - Principios del lenguaje PHP
8. Configuración de servidor local Xampp y montaje del proyecto en el localhost
9. GitHub y servidor externo
10. Exposición del proyecto.






SEMANA No.2 P1 - BIENVENIDO A LA MEDIA TÉCNICA



DEFINICIÓN: MEDIA TÉCNICA

Preguntas:

1. ¿Qué es la media técnica de programación de software desde tu perspectiva?

2. ¿Qué ventajas tiene estar hoy haciendo parte de la media técnica de programación de software?



VIDEO MOTIVADOR:








ACTIVIDAD (en el cuaderno): 

1. Observa el vídeo luego plantea cuales serán tus retos académicos para este año.

2. Consulta cuales son los 5 lenguajes de programación mas importantes que hay en este momento.

3. Copia en tu cuaderno las preguntas y respuestas que están al principio de este blog




 

SEMANA No.2 P1 - TEST DIAGNOSTICO DE CSS

CSS
EVALUACIÓN Dx


Buen día estudiante, Ya esta disponible la evaluación diagnostica en lineal.

Para poder presentarla deberán tener una cuenta en gmail y tenerla activa (el correo abierto en otra pestaña) con el fin de que el sistema le permita realizarla.

Debe tener precaución a la hora de presentarla ya que solo podrá iniciarla 1 vez y después de iniciada solo podrá enviarla una vez y el tiempo de duración será de 1 hora antes de que se cierre el sistema.

Espero que le vaya bien en el proceso.