PROGRAMA DE FORMACIÓN:

TÉCNICO EN PRGRAMACIÓN DE SOFTWARE

PROYECTO

DESARROLLO E IMPLEMENTACIÓN SOLUCIÓN DE SOFTWARE PARA EMPRENDEDORES Y

EMPRESARIOS

COMPETENCIA: DESARROLLAR LA SOLUCIÓN DE SOFTWARE DE ACUERDO CON EL DISEÑO Y

METODOLOGÍAS DE DESARROLLO

RESULTADO DE APRENDIZAJE:

CODIFICAR EL SOFTWARE UTILIZANDO EL LENGUAJE DE PROGRAMACIÓN Y LA PLATAFORMA

SELECCIONADA.

VERIFICAR LA FUNCIONALIDAD DEL SOFTWARE APLICANDO PRUEBAS UNITARIAS.

CENTRO NACIONAL COLOMBO ALEMÁN

REGIONAL ATLÁNTICO

SERVICIO NACIONAL DE APRENDIZAJE SENA

BARRANQUILLA 2021

DE-F-025 V.04
¡Hola!, en este instructivo, configuraremos la estructura del proyecto, te invito a desarrollarlo paso

a paso, para que tengas éxito al finalizar el Software.

Herramientas necesarias:

 Paquete XAMPP: 32 Bits o 64 Bits.

 Editor de texto: SublimeText, Atom, Visual Studio Code o Bloc de notas.

Vídeo de Instalación de XAMPP:

https://youtu.be/sXPobKohqXs

Creando la estructura del proyecto:

Dirígete a la carpeta para la publicación de proyectos Web en XAMPP “C:\xampp\htdocs”, y crea

una carpeta llamada: “ProyectoSENA”.

Dentro de la carpeta “ProyectoSENA2”, definiremos la estructura que utilizaremos para construir

el proyecto, la así:

DE-F-025 V.04
Código del archivo index.php (Página principal)

Iniciamos escribiendo las líneas de código correspondiente a la página principal, en esta página,

encontraremos una imagen, un texto de bienvenida y el menú principal de la aplicación.

Esta página, solo contiene código HTML y el enlace a los CDN de Boostrap y JQuery .

Verificando la funcionalidad

Para comprobar que la página, está funcionando correctamente, iniciamos el navegador Google

Chrome y escribimos la ruta de nuestro proyecto.

http://localhost/ProyectoSENA

Nota: Recuerda que el servidor Web, funcionará a las peticiones siempre y cuando el servicio esté

en funcionamiento desde XAMPP.

DE-F-025 V.04
Vista previa del proyecto en un iPad landscape · width: 1024px

Estructura de las demás páginas

Ahora procede a escribir el código para la estructura de las páginas:

 registrar.php

 actualizar.php

 consultar.php

 eliminar.php

Las paginas mencionadas anteriormente, básicamente son las vistas, lo que quiere decir, que serán

las encargadas de interactuar con el usuario, mediante los formularios y controles HTML, en ellos

establecidos, a continuación el código que deberás escribir.

DE-F-025 V.04
Plantilla a utilizar:

Teniendo en cuenta que esta será la plantilla de las páginas mencionadas, todo el código de ahora

en adelante, debemos escribirlo dentro del contenedor principal: div class=”container-sm”,

indicado por la flecha.

Para corregir errores tener presente las siguientes anotaciones:

 Compara el código de la imagen con el que has escrito.

 Verifica las etiquetas abiertas y cerradas.

 Comprueba que todo se ha escrito de forma correcta (Mayúsculas, minúsculas, caracteres

especiales, espacios, puntos y coma, llaves).

Si has logrado configurar tu proyecto de forma correcta, procede con la siguiente parte del taller,

¡Ánimo!.

DE-F-025 V.04