Competencia de la credencial:

Diseñar y desarrollar un website dinámico que usa una base de datos MySQL y PHP como conector.

Instrucciones:

En este proyecto desarrollarás habilidades de programación con PHP, CSS y Javascript, a la vez de pulir un poco más el conocimiento de HTML que ya tienes. Tu proyecto consiste en el desarrollo de un website dinámico en el cual podrás proponer el proyecto por tu cuenta, puede ser para tu portafolio.

Los requerimientos obligatorios que debe cumplir el sitio son:

  1. Documento que contiene:
  2. Debe de tener una conexión con una base de datos por medio de MySQL y PHP, de manera que gran parte del contenido sea extraído de dicha base de datos.
  3. Debes usar Bootstrap como estructura de tu website, de manera que puedas usar su CSS para poder crear un sitio responsivo.
  4. Debes de crear por lo menos dos interacciones con el usuario por medio de Javascript, ya sea personalizar la página, hacer alguna dinámica con las imágenes, generar algún menú, etc.
  5. El website debe tener por lo menos tres animaciones en distintos elementos del documento por medio de CSS o Javascript.
  6. Son tres animaciones a tres elementos distintos, por ejemplo, si aplicas una animación sobre los botones del menú solo cuenta como una animación.
  7. El website debe tener por lo menos cinco secciones (selección de paleta de color y tipografías, estructura de las plantillas principales).
  8. Debe tener imágenes responsivas.
  9. Debe tener texto suficiente y bien redactado.
  10. Finalmente, el diseño que se aplique debe permitir al usuario encontrar la información de manera sencilla, leer el contenido con claridad y navegar a través de las secciones sin perderse.

Eres libre de usar técnicas que no hayas aprendido en el curso, pero que consideres agreguen valor al proyecto final.

Criterios de evaluación:

  1. Crea la documentación de un sitio web.
    a. Diseña un brief. 9 %
    b. Realiza el análisis de por lo menos tres websites similares al proyecto. 9 %
    c. Realiza un diagrama que muestra las interacciones entre páginas (mapa de sitio). 9 %
    d. Presenta esquemas o sketches de diseño en digital. 9%
    e. Presenta fuentes y una paleta de colores establecida. 8 %
  2. Desarrolla e instala el sitio web. 
    f. Incluye una conexión con una base de datos por medio de MySQL y PHP, de manera que gran parte del contenido sea extraído de dicha base de datos. 10 %
    g. Utiliza Bootstrap como estructura del sitio, de modo que éste sea responsivo. 10%
    h. Incluye por lo menos dos interacciones con el usuario por medio de Javascript. 10 %
    i. Incluye por lo menos tres animaciones en distintos elementos del sitio. 10 %
    j. Incluye por lo menos tres secciones. 10 %
    k. Documentación que avala que el website cumple con los requerimientos planteados al principio del proyecto. 6%