Informe final de laboratorio del curso de programación de sitios web

Laudy Yeneth Navarrete Rodríguez

Código: 53910494, Correos: laudyeneth@hotmail.com laudyeneth@gmail.com, Skype : laudyeneth, Cel: 3123318113.

AbstractThis report is presented in order to highlight the knowledge acquired during the performance of laboratories Programming course websites, UNAD university.

ResumenEl presente informe se presenta con el fin de poner en evidencia los conocimientos adquiridos durante la realización de los laboratorios del curso de Programación de sitios web, en la universidad UNAD.

1. IntroducciónEn el presente informe se elabora con el fin, de poner en evidencia los conocimientos adquiridos durante el desarrollo de los laboratorios del curso de Programación de sitios web, los cuales se llevaron a cabo en las instalaciones de la universidad UNAD. Allí los estudiantes asistieron presencialmente y realizaron prácticas relacionadas con las temáticas del curso, adquiriendo conocimientos prácticos, que le servirán, no solo para complementar sus estudios en la plataforma virtual, sino también haciendo uso de su conocimiento en problemáticas cotidianas. Esto nos servirá no solo para continuar con los estudios en la carrera, sino para la vida cotidiana y profesional.El docente encargado de las prácticas de laboratorio del curso, realizo explicaciones de las temáticas, planteo ejercicios adicionales a la guía base, para poder ampliar los cocimientos y también proporciono material pedagógico, propio de las temáticas del curso y complementario, para incentivar a los estudiantes a ser actores de su conocimiento y buscar mayores retos en cuanto a conocimiento se refiere.El curso de Programación de sitios Web-PHP tiene como objetivo principal la fundamentación teórica y práctica del lenguaje de programación PHP, este curso tiene tres créditos, los cuales tiene estudio independiente y acompañamiento tutorial.

2. Laboratorio No. 1, 2 y 3Unidad de fundamentos de programación:Para el aprendizaje de la temática del curso de programación de sitios web, se aprendio el lenguaje PHP (Hypertext Preprocessor), el cual es de Open Source, pensado para desarrollos web y además puede ser embebido en páginas html.

PHP permite crear páginas dinámicas de una manera rápida y fácil, y puede ser usado en cualquiera de los sistemas operativos.

3. Conceptos teóricosSe reforzó la fundamentación teórica con conceptos como. Variables: que son espacios reservados en la memoria

que pueden cambiar de contenido en la ejecución de un programa, pueden ser de longitud fija o variable, en PHP se declaran con el signo pesos, ejem: $Laudy $a=8

Constantes: a diferencia de las anteriores son datos que permanecen sin cambios en la ejecución del programa.

El comienzo de un bloque de PHP es con: <?php y se termina con ? >

Para imprimir un mensaje por pantalla se usa el comando echo así: echo "Mensaje";

La concatenación en PHP: se hace con del punto (.) Condicionales: permite manejar varias alternativas de

solución para un programa, dependiendo la entrada, dándole a ésta una alternativa, que cumple una determinada condición y otra alternativa para cuando no se cumple. Sus comando son If y else y éstos me permiten ejecutar sentencias, cuando se cumpla una condición y otras cuando no se cumpla (si se cumple tal cosa, entonces hace algo, pero si no se cumple hace lo otro).

Ciclo for: estructura de repetición que se ejecuta según lo programado y se repite por un ciclo determinado por el programa, en cada ciclo hace una tarea.

Ciclo switch: me permite hacer varias comparaciones a la vez, puede ejecutar varias sentencias dentro de múltiples opciones, dependiendo del valor que toma la variable, usualmente se usa en menús.

Un array: es un arreglo o vector de cierto tamaño, en el cual puedo guardar o almacenar ciertos valores, se accede a cada valor de la lista por su dirección. Se declara con signo pesos luego la variable y la posición en donde voy a guardar el valor: $pesos[0]

Los comentarios en PHP: pueden hacerse con /* y terminando con */ o escribiendo // seguido del comentario. En Html se usa la sintaxis: <!—Comentario -->

Formulario: se usa la etiqueta form y es una distribución de campos que se diligencian o llenan, estos datos alimentan otro archivo para ser procesados.

Cuadros de texto: se usa <input type="text" name="Nombre" size="10" value="Laudy"> o si es con barra de desplazamiento es < textarea rows="5" name="Nombre" cols="10"> </textarea>

Cuadros de verificación: se usa <input type="checkbox" name="Laudy" value="ON">

Comando sprintf: se usa para darle formato a las salidas del programa.

El comando Round: se usa para el redondeo el resultado a 2 cifras (cantidad de decimales que quiero en el redondeo).

Las operación con variables numéricas: se les pone el signo pesos, seguido del nombre de la variable, luego el operador matemático (signo: + - * / etc.) y la otra variable, ejem: $valor +$a;

Los incrementos de una variable: se hacen con dos signos más (++) al lado, incrementando de uno en uno, si se quiere que no sea así, se le pone solo un mas y un igual seguidos del valor de incremento (+=0.1). También puedo hacer un decremento con dos signos menos (--).

Los principales operadores de comparación:

Operadores de comparación== Igual

=== Idéntico!= Diferente<> Diferente!== No idéntico< Menor que> Mayor que

<= Menor o igual que>= Mayor o igual que&& y

|| oTabla 1. Operadores de comparación

3. InstalaciónSe instaló el software de appserver y se verifico el funcionamiento del servidor de apache, y se instaló el apachetrial. Descargue el appserver de link: http://appserv.uptodown.com/AppServ es un software que permite instalar en Windows Apache, PHP, MySQL y phpMyAdmin juntos. Es una aplicación para el uso de gestores de contenidos, la configuración e instalación, permite hacer pruebas sobre nuestro computador y una cuando ya esté listo el programa se puede comprar un dominio y un alojamiento. A continuación se muestra imágenes de la instalación:

Fig. 1. Instalación de Appserver

Fig. 2. Instalación de Appserver

Fig. 3. Funcionamiento de localhost

4. Programación con PHPEn mi caso particular use el editor de html Dreamweaver que es un software fácil de usar y permite crear páginas web, sus funciones de edición visual ayudan a agregar rápidamente diseño y funcionalidad a las páginas,

Fig. 4. Pantallazo de DreamweaverTambién en otras ocasiones use el editor de html Notepad++

Fig. 5. Pantallazo de Notepad++

Se realizaron ejercicios prácticos propios de la guía de trabajo para los laboratorios de programación de sitios web, pero también se hicieron unos adicionales en cada clase, lo cual permitió incrementar sustancialmente los conocimientos, ya que “aprendimos haciendo”.También se elaboró un blog con todas las entregas de los ejercicios realizados, a continuación un pantallazo de éste:

Fig. 6. Pantallazo del blogSu link es: http://laudynavarrete.blogspot.com.co/En este blog esta publicado las entregas de los 3 laboratorios, que constan de carpetas con archivos .php, videos de explicación, Word de explicación y archivo .sql.

En todos estos ejercicios y argumentaciones se puede evidenciar el aprendizaje adquirido en el curso.Se desarrollaron programas que hicieron uso de variables, ciclos for, If, switch, while, se usaron vectores, formularios, generación de .txt, .pdf, cuadro de texto, botones, incrementos etc. todos el conocimientos, comandos y funciones se hicieron necesarias para ponerlas en práctica en cada uno de los ejercicios desarrollados. Esto se puede observar en el blog.También se realizó un sitio web sencillo (Genesys), que realiza una conexión a la base de datos (en otros ejercicios también se hizo la conexión), hace registros, genera reportes, inserta datos e información en la base de datos y también la consulta. A continuación se presenta imágenes de esto:

Fig.7. Base de datos Genesys

Fig.8. Base de datos Genesys

Fig.9. Index Sitio web Genesys

Fig.10. Sitio web registra fecha y hora de entrada y salida

Fig.11. Sitio web registro de datos (inserta en la BD)

Fig. 12. Sitio web generación de reportes en pdf

Fig. 13. Sitio web generación de reportes en pdf

5. Conclusiones

En la actualidad es indispensable contar con un sitio web para múltiples actividades, pues internet es el medio más usado por la población mundial, para la búsqueda de información, medio de comunicación, observación de videos, escucha de música, transacciones electrónicas etc. Cuando se buscan productos o servicios, acudimos en mayor parte a la red; por lo que es importante tener un buen diseño y el adecuado y eficaz funcionamiento del sitio web, por estos aspectos es que se puede reconocer la importancia de la programación de sitios web.

Todos lo conocimientos adquiridos en el curso de programación de sitios web serán de gran utilidad, para la vida cotidiana y profesional, pues son conocimientos necesarios para ser eficiente profesional de la ingeniería de sistemas, por esta razón se hace necesario continuar con el aprendizaje de todos estos temas, fuera del periodo académico, para poder adquirir más destrezas.

6. Agradecimientos

Por último agradecer al docente Wilson Hernán Pérez Correa, el tutor del componente práctico, del curso de Programación de sitios web, quién amablemente dirigió las prácticas, propicio adquirir nuevos conceptos y herramientas; nos guio en pro no solo de adquirir conocimientos propios de la temática del curso sino de la ingeniería de sistemas en general. Se le agradece por tener siempre el ánimo de incentivar y motivar a sus estudiantes a buscar más conocimiento y herramientas, que lo dado por curso y de estimular la búsqueda de nuevos horizontes, en cuanto a conocimientos se refiere, para poder formarnos como mejores profesionales.

Referencias [1] Robles J. (2009). Módulo de programación de sitios web.

Disponible en línea en: http://www.unad.edu.co[2] Gauchart J. (2009). El gran libro de HTML5, CSS3y

Javascript. Disponible en línea en: https://adegiusti.files.wordpress.com/2013/09/el-gran-libro-de-html5-css3-y-javascript.pdf

[3] García V. & Ferrer J. (2009). Curso completo de HTML. Disponible en línea en: http://es.tldp.org/Manuales-LuCAS/doc-curso-html/doc-curso-html.pdf

[4] Gauchart J. (2009). El gran libro de HTML5, CSS3y Javascript. Disponible en línea en: https://adegiusti.files.wordpress.com/2013/09/el-gran-libro-de-html5-css3-y-javascript.pdf

[5] Maraboli M. (2003). Programación en PHP, nivel básico. Disponible en línea en: http://administraciondesistemas.pbworks.com/f/Manual_PHP5_Basico.pdf