21
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

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

  • Upload
    others

  • View
    14

  • Download
    0

Embed Size (px)

Citation preview

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

FIN DE LA PRESENTACIÓN

Juan José Taboada León

13/09/2015 Implantación de aplicaciones WEB IES San Sebastián

Huelva