1 / 27

Introducción a la Programación web con PHP5

Introducción a la Programación web con PHP5. Diseño y Construcción de Productos de Software Daniel Correa Botero Jeferson David Ossa Universidad Nacional de Colombia Sede Medellín 2013. Herramientas para programar en el curso. Sistema operativo: W indows o cualquier otro X.

cathal
Download Presentation

Introducción a la Programación web con PHP5

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Introducción a la Programación web con PHP5 Diseño y Construcción de Productos de Software Daniel Correa Botero Jeferson David Ossa Universidad Nacional de Colombia Sede Medellín 2013

  2. Herramientas para programar en elcurso • Sistema operativo: Windows o cualquier otro X. • Servidor web: Apache. • Gestor de Base de Datos: MySQL. • Un lenguaje para páginas web dinámicas: PHP. Para esto utilizaremos: Xampp, Lamp o Wamp Server

  3. Requisitos y Conocimientos adicionales • Programación Orientada a Objetos. • SQL. • HTML. • CSS. • Smarty -para manejar la capa visual-.

  4. ¿Por qué usar PHP? • Gratuito. • Cualquier servidor barato de 30 a 40 US$ año corre PHP sin problemas. • Permite POO. • Miles de librerías, módulos, tutoriales y foros en la comunidad y en internet.

  5. ¿Por qué usar MySQL? • Porque es gratuito y porque la mayoría de los servidores lo traen incorporado por defecto. Y no más. • Otras opciones que se integran con PHP: DB2, PostgreSQL, SQLite.

  6. ¿Qué es separación por capas? • Son divisiones que se le dan al código, para hacerlo mucho más entendible y sostenible a través del tiempo, esto garantiza un código reutilizable y mayor eficiencia en la programación. • ¿Cuántas capas usar?, ¿cómo dividir el código?, ¿qué incluir en cada capa?, ¿cómo aprovechar el uso de estas capas?. Esto lo aprenderemos a medida de que vaya transcurriendo el curso.

  7. ¿Qué es Smarty? • Smarty es una herramienta clave para poder hacer la separación por capas. Simplemente permite al programador separar el código PHP del HTML mediante el uso de una serie de etiquetas Smarty. Ventajas: • Restringe las operaciones que se pueden realizar en una vista. • Separación del código de presentación. • Tener organizados las vistas -templates- en un solo sitio. • Permite que un diseñador y un programador puedan trabajar al mismo tiempo en archivos diferentes y sin verse afectados entre sí.

  8. ¿Qué es POO? • No es un lenguaje, no es una tecnología, es simplemente una forma de programar donde se usan clases, métodos, atributos, herencia, polimorfismo, encapsulamiento. • Se transforma el mundo real en forma de objetos. • Permiten al programador tener un código más acorde con la realidad y más sencillo de entender; ejemplo: una persona tiene cédula, nombre y apellido.

  9. Problemas actuales con la programación Web • Se programa de forma ‘libre’ con tendencias a tener todo el código en el mismo archivo fuente. • No se siguen ‘buenas prácticas’ que permitan rehusar fácilmente el código de otro programador. Muchas veces ni siquiera podemos rehusar nuestro propio código. • La seguridad web pasa a un segundo plano y en realidad debería ser una prioridad. • Sin bases ni lineamientos el trabajo en equipo se vuelve muy complicado y al final una sola persona termina desarrollando todo el producto.

  10. Problemática en el Campus • Muchos trabajos de grado o desarrollos son desechados al poco tiempo de ser entregados. • Falta credibilidad en la escuela de sistemas en cuanto al desarrollo de aplicaciones y sitios web. • Faltan materias o cursos en la parte de seguridad de web.

  11. ¿Qué es un Framework ? • Es un esquema (un esqueleto, un patrón) para el desarrollo y/o la implementación de una aplicación. Ventajas: • Mayor seguridad, agrupa prácticas y criterios para solucionar problemas comunes. • Acceso a tutoriales y documentación sobre como crear aplicaciones. • El programador no necesita plantearse una estructura global de la aplicación, sino que el framework le proporciona un esqueleto que hay que "rellenar".

  12. Framework G • Es un framework basado en el patrón de arquitectura G (que a su vez esta basado en el MVC). Características: • Uso de POO. • Uso de ORM (object-to-relational-mapping). • Árbol de carpetas simplificado. • Documentación detallada. • Muy liviano. • Implementación de Smarty.

  13. Arquitectura G

  14. G light • Es una versión muy muy básica de G (casi como programar desde 0) que contiene: • Una plantilla por defecto • Una clase ORM • Una clase objeto estándar • Un gestor de base de datos básico. • 2 archivos de configuración básicos.

  15. Ejemplo Smarty: Index.php

  16. Index.tpl

  17. Salida HTML generada

  18. Instalación de programas • Wamp: http://www.wampserver.com/en/#download-wrapper • Eclipse: http://www.eclipse.org/downloads/packages/eclipse-php-developers/heliosr • Netbeans: http://netbeans.org/features/php/ • Glight: https://www.dropbox.com/s/mi1g4d2bp6slicy/glight.zip Notas: Para wamp recordar bajar Visual C++ 2010 SP1 RedistributablePackage x86 o x64 un paquete que aparece en el mismo link de descarga de wamp y recordar en caso de usar skype: siempre abrir primero wamp y luego skype. Para minimizar los warnings de wampserver hacer lo siguiente, dar clic en el icono de wampserver en la barra de inicio; luego pararse en la carpeta PHP y dar clic en php.ini, esto abrirá un archivo en bloc de notas, deben buscar la línea: error_reporting = E_ALL y sustituirla por error_reporting =E_ALL & ~E_NOTICE

  19. Instalación de programas Una vez configurado wampserver o xampp, descomprimimos el archivo que descargamos desde la web: glight.rar Pasos para wampserver: 1) Copiamos la carpeta glight dentro del directorio C:/wamp/www/ 2) Si la ruta de carpetas global no es C:/wamp/www/glight/ debido a que se instalo en otro disco duro o con otro nombre, entonces debemos entrar a glight/configs/include.php y modificar la constante C_FULL_PATH por la ruta correspondiente. Pasos para Xampp: 1) Copiamos la carpeta glight dentro de: Aplicaciones ->Xampp -> htdocs 2) Selecciona la carpeta templates_c (que se encuentra en la ruta glight/templates_c) y le damos 'cmd + i’ o click derecho, obtener información (cmd + I) y donde dice compartir y permisos se debe poner a todos los usuarios: leer y escribir 3) Debemos entrar a glight/configs/include.php y modificar la constante C_FULL_PATH por la ruta de carpetas global.

  20. Instalación de programas • Finalmente usando NetBeans o Eclipse creamos un nuevo proyecto PHP y seleccionamos la carpeta glight como fuente del proyecto y desde ahí podremos modificar el código fuente de la aplicación. • Ingresamos desde el navegador a http://localhost/glight/index.php y deberíamos ver la aplicación corriendo.

  21. PHP5 • INTRODUCCIÓN

  22. HelloWorld!

  23. Variables y Tipos

  24. Arrays

  25. Estructuras de Control

  26. Referencias • http://www.php.net/manual/es/ • http://smarty.net • http://www.frameworkg.com • https://www.facebook.com/FrameworkG • http://www.w3schools.com/php/default.asp • http://www.codecademy.com/es/learn

  27. GRACIAS

More Related