Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe...
Transcript of Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe...
![Page 1: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/1.jpg)
Juan José Taboada León sep.-15
Unidad Didáctica 1
PREPARACIÓN DEL ENTORNO
DE DESARROLLO
13/09/2015
Implantación de aplicaciones WEB IES San Sebastian Huelva 1
![Page 2: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/2.jpg)
Páginas WEB estáticas
Ejemplo de página estática
sus contenidos no pueden ser modificados –ni desde el servidor que la
aloja (ordenador remoto) ni desde el cliente (navegador)– mediante ninguna intervención del usuario ni tampoco a través de ningún programa.
13/09/2015 Implantación de aplicaciones WEB IES San Sebastian Huelva
<html> <head> </head> <body>
Hoy es 15-9-2014 y son las 14:23:57 horas </body>
</html>
![Page 3: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/3.jpg)
Páginas WEB dinámicas
ejemplo de página dinámica
Sus contenidos sí pueden ser modificados –de forma automática o mediante la intervención de un usuario– bien sea desde el cliente y/o desde el servidor.
13/09/2015 Implantación de aplicaciones WEB IES San Sebastian Huelva
<html>
<head>
<script language="JavaScript">
var son= new Date();
var fecha=son.getDate()+" - "+(son.getMonth()+1)+" -
"+son.getFullYear();
var hora=son.getHours()+":"+son.getMinutes()+":"+son.getSeconds();
document.write('Hoy es '+fecha+' y son las '+hora+' horas');
</script>
</head>
<body>
</body>
</html>
![Page 4: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/4.jpg)
Actividades
Realiza la actividad 1a del cuaderno de
Actividades PHP
13/09/2015 Implantación de aplicaciones WEB IES San Sebastian Huelva
![Page 5: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/5.jpg)
Servidores y clientes (páginas
estáticas)
13/09/2015 Implantación de aplicaciones WEB IES San Sebastian Huelva
![Page 6: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/6.jpg)
Servidores y clientes (páginas
dinámicas I)
13/09/2015 Implantación de aplicaciones WEB IES San Sebastian Huelva
![Page 7: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/7.jpg)
Servidores y clientes (páginas
dinámicas II)
13/09/2015 Implantación de aplicaciones WEB IES San Sebastian Huelva
![Page 8: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/8.jpg)
Lenguajes del lado del cliente
DHTML
JavaScript
VBScript
13/09/2015 Implantación de aplicaciones WEB IES San Sebastian Huelva
![Page 9: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/9.jpg)
Lenguajes del lado del Servidor
PHP
ASP
Perl
JSP
13/09/2015 Implantación de aplicaciones WEB IES San Sebastian Huelva
![Page 10: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/10.jpg)
Requisitos para el uso del
lenguaje PHP Un software de servidor –configurado
para interactuar con el intérprete de PHP– que soporte el protocolo HTTP servidor Apache.
El intérprete de PHP.
Un software de servidor de bases de datos capaz de ser gestionado mediante funciones propias de PHP. Utilizaremos el servidor de bases de datos conocido como MySQL.
13/09/2015 Implantación de aplicaciones WEB IES San Sebastian Huelva
![Page 11: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/11.jpg)
Diferentes servicios de hosting
Si queremos publicar páginas en las que utilicemos PHP y bases de datos MySQL habremos de buscar un hosting que, aparte de espacio de alojamiento, nos ofrezca estos dos servicios
antes de elegir uno deberíamos informarnos sobre la funcionalidad que nos ofrece, ya que es importante conocer no sólo las versiones de PHP y MySQL de que dispone sino también las restricciones que puedan existir para su uso (bastante frecuentes y por razones de seguridad en la mayoría de los casos).
13/09/2015 Implantación de aplicaciones WEB IES San Sebastian Huelva
![Page 12: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/12.jpg)
Instalación de Servidores y el
entorno de desarrollo(manual) Realizaremos la instalación y
configuración mínima de Apache, PHP y
MySQL en windows
13/09/2015 Implantación de aplicaciones WEB IES San Sebastián Huelva
Actividad:
Crear en C:\ las carpetas
C:\DescargaServidores para la descargas
C:\ServidorSanseba para la instalación
![Page 13: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/13.jpg)
Instalación de APACHE 2.4.16
13/09/2015 Implantación de aplicaciones WEB IES San Sebastián Huelva
1. Arrancar apache
2. En el navegador escribir
http://localhost
Debe aparecer una pantalla de
“Apache Haus” indicando It
works!
Descargar Instalar Configurar Arranque y prueba
1º Crear la carpeta c:\ ServidorSanseba\Apache
2º Descargar de
http://www.apachehaus.com/cgi-bin/download.plx el
fichero zip : httpd-2.4.16-x64-vc11.zip
Guardar en dicha carpeta
3º Descargar Microsoft Visual C++ 2012
Redistributable: vcredist_x64.exe
Guardar en dicha carpeta
1º Instalar Microsoft Visual C++ 2012
Redistributable
2º Descomprimir el fichero zip: httpd-2.4.16-
x64-vc11.zip
Se creará la carpeta Apache24 que contendrá
una compilación para windows 10
Abrir c:\ServidorSanseba\Apache24\conf\httpd.conf
(hacer copia de seguridad) y
1. Cambiar:
Define SRVROOT “/Apache24” por
Define SRVROOT “/ServidorSanSeba/Apache24
ServerAdmin [email protected]
#ServerName localhost:80 por ServerName localhost
Actividad: Realizar la actividad 2.a “Instalar
Apache” del cuaderno de actividades
![Page 14: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/14.jpg)
Instalación de PHP 5.6.13
13/09/2015 Implantación de aplicaciones WEB IES San Sebastián Huelva
1. Crear el fichero info.php con
<? phpinfo(); ?> y guardar en C:\ServidorSanseba\Apache\htdocs
2. En el navegador escribir
http://localhost/info.php
Debe aparecer información sobre php
Descargar Instalar Configurar Arranque y prueba
Descargar de
http://windows.php.net/download/ VC11 x64 Thread Safe (2015-Sep-04 02:29:45)
php-5.6.13-Win32-VC11-x64.zip
Descomprimir en
c:\ ServidorSanseba \PHP
1. En la carpeta c:\ ServidorSanseba\PHP localiza
php.ini-production ábrelo y sálvalo como php.ini
2. Realizar la siguiente configuración en dicho fichero
• doc_root=c:\ServidorSanSeba\Apache24\htdocs\
• extension_dir ="c:\ServidorSanseba\PHP\ext\”
3. Salvar
Ejercicios: realizar la instalación de PHP
1. Cambios en Apache (httpd.conf) para
php 5
2. LoadModule php5_module
3. “c:/servidorSanseba/PHP/php5apache24.dll”
4. AddHandler application/x-httpd-php .php
5. #ruta de php.ini
6. PHPIniDir “c:/ServidorSanseba/PHP”
![Page 15: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/15.jpg)
Configuración avanzada de Apache
13/09/2015 Implantación de aplicaciones WEB IES San Sebastián Huelva
Abrir c:\ServidorSanseba\Apache24\conf\httpd.conf
(hacer copia de seguridad) y
1. Cambiar:
DirectoryIndex por DirectoryIndex index.html index.htm index.php
![Page 16: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/16.jpg)
Configuración avanzada de PHP
13/09/2015 Implantación de aplicaciones WEB IES San Sebastián Huelva
Abrir el fichero C:\ServidorSanseba\php.ini y modificar :
- Habilitar las siguientes extensiones eliminando el ; inicial
extension=php_gd2.dll
extension=php_gettext.dll
extension=php_mbstring.dll
extension=php_mcrypt.dll
extension=php_mysql.dll
- Cambiar SMTP= localhost por SMTP = 127.0.0.1
;sendmail_from= [email protected] por sendmail_from= [email protected]
;session.save_path = "/tmp“ por session.save_path = c:/ServidorSanseba/tmp
- salvarlo
En la pantalla de información de php, comprobar que aparecen
los cambios realizados
![Page 17: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/17.jpg)
Instalación y config. de MySQL 5.6
13/09/2015
Implantación de Aplicaciones WEB.
BASES DE DATOS - JJ Taboada IES San Sebastián Huelva
Descarga Instalar Configurar Arrancar Servidor
Conectar con el servidor
Instalar la extensión para MySQL de PHP
http://dev.mysql.com/
mysql-installer-web-community-5.6.26.0.msi
y seguir las indicaciones:
1. Seleccionar Server only
2. Instalar MySQL Server 5.6.26
3. Pasar a la configuración
Asistente para la configuración del servidor
1. Config Type: Sever machine
2. Contraseña para el administrador (root)
3. Crea el usuario alumno1con role: DB Admin y
password alumno1
4. Instalación como servicio Windows
5. Lanzar el servidor manualmente
6. Pulsar Execute para realizar la configuración
7. Pulsar Finish para finalizar el asistente
Si arranque no automático (cmd):
C:\Program Files\MySQL\MySQL Server 5.6\bin\mysqld –u root -p
•Desde la línea de órdenes con Inicio > Programas
> MySQL > MySQL Server 5.6 > MySQL Command
Line Client
• Mediante phpMyAdmin
• Usando la biblioteca de funciones de MySQL que
posee PHP
![Page 18: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/18.jpg)
Puesta en servicio desde la consola de
MS-DOS
13/09/2015
Implantación de Aplicaciones WEB.
BASES DE DATOS - JJ Taboada IES San Sebastián Huelva
Activar el servidor MySql instalado
C:\Program Files \MySQL\MySQL Server 5.6\bin\mysqld –u root -p
Ejecutar instrucciones como usuario (cmd)
Situarse en el drectorio C:\Program Files\MySQL\MySQL Server 5.6\bin\
Y ejecutar mysql –u alumno1 –p
Obtener un listado de todas las bases de datos
Obtener un listado de todas las tablas de la BD mysql
Salir del interface de usuario
mysql> exit
Apagar el servidor MySQL
C:\Program Files\MySQL\MySQL Server 5.5\bin\mysqladmin -u root –p shutdown
![Page 19: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/19.jpg)
Herramienta de administración:
phpMyAdmin
13/09/2015
Implantación de Aplicaciones WEB.
BASES DE DATOS - JJ Taboada IES San Sebastián Huelva
Descargar Descomprimir Configurar Arranque
http://www.phpmyadmin.net
1. Descomprimir debajo
de la carpeta raíz de la
web (htdocs)
2. Cambiar el nombre de
la carpeta creada a
phpmyadmin
- Localizar el archivo config.sample.inc.php, situado en la carpeta
donde se haya instalado phpMyAdmin,
-Aabrirlo y comprobar que dispone la siguiente configuración
típica para un servidor local:
/* Authentication type *
/$cfg['Servers'][$i]['auth_type'] = 'cookie';
/* Server parameters *
/$cfg['Servers'][$i]['host'] = 'localhost';
$cfg['Servers'][$i]['connect_type'] = 'tcp';
$cfg['Servers'][$i]['compress'] = false;
$cfg['Servers'][$i]['AllowNoPassword'] = false;
- Salvarlo como config.inc.php 1. Ejecutar Apache y MySqld
2. Abrir el navegador y teclear la
url http://localhost/phpmyadmin
![Page 20: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/20.jpg)
Instalación de Servidores y entorno de
desarrollo(modo automático)
Haremos la instalación automática del
Servidor Apache, interprete PHP, servidor
MySQL y phpMyAdmin incluidos en
WampServer 2.5
Como editor de PHP utilizaremos Adobe
Dreamweaver CC prueba gratuita
13/09/2015 Implantación de aplicaciones WEB IES San Sebastian Huelva
Realizar la actividades 3 y 4 con todos sus apartados, del
cuaderno de actividades entornoPHP.pdf
![Page 21: Unidad Didáctica 1 PREPARACIÓN DEL ENTORNO DE DESARROLLO · Como editor de PHP utilizaremos Adobe Dreamweaver CC prueba gratuita 13/09/2015 Implantación de aplicaciones WEB IES](https://reader033.fdocuments.es/reader033/viewer/2022053010/5f0e29bf7e708231d43de93a/html5/thumbnails/21.jpg)
FIN DE LA PRESENTACIÓN
Juan José Taboada León
13/09/2015 Implantación de aplicaciones WEB IES San Sebastián
Huelva