introducción tema actividades de aprendizaje actividades de aprendizaje actividades de...

22
Entr ar

Upload: therasia-santoyo

Post on 23-Jan-2015

46 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

Entrar

Page 2: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

Introducción

Tema

Actividades de aprendizaje

Actividades de consolidación

Fuentes consultadas

Propósito Ejecutar rutinas de código PHP, para comprobar el Levantamiento del Servidor Web Local

Meta de aprendizaje• Poner a prueba el programa

instalado: Wamp Server

¿Qué vas a aprender?• Sigue las instrucciones necesarias

para ejecutar rutinas de PHP, poniendo a prueba las herramientas de PHP y MySQL instaladas en el sistema.

¿Cómo lo vas a lograr?• Deberás saber ¿Qué es un código

fuente? , ¿Qué es sintaxis?, ¿Para qué sirve un editor de textos?, ¿Dónde se encuentra la carpeta de publicación?, Deberás ser objetivo, organizado y asertivo.

¿Para qué te va a servir?• Para crear posteriormente un Sitio

Web.

Page 3: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

Propósito

Introducción

Tema

Actividades de aprendizaje

Actividades de consolidación

Fuentes consultadas

Ahora deberás realizar pruebas, para comprobar que efectivamente, los procedimientos anteriores se han llevado a cabo de forma exitosa.Tú cliente debe comprobar que la inversión que está realizando con tu compañía, fue la mejor decisión.Por lo que, tu siguiente actividad será que mediante el código de PHP, captures instrucciones de programa, comprobando la correcta configuración del servidor y de PHP, es decir levantamiento del Servidor Web Local: Wamp Server.

Page 4: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

Propósito

Introducción

Tema

Pruebas

Editores

Sintaxis

Editores de texto

Actividades de aprendizaje

Actividades de consolidación

Fuentes consultadas

Existen dos forma para que captures el código fuente de PHP:

1. Usar el Editor del Sistema Operativo: Bloc de Notas.

2. Usar uno propio, para la captura y edición del código de PHP.

El Bloc de Notas que provee el Sistema Operativo, es seguro y confiable, pero está limitado a la captura del código como tú lo digites, es decir, no tiene control sobre cada una de las sentencias, en cuanto a:

Dependencia entre instrucciones: jerarquización.

Orden visual: Sangría entre instrucciones.

Código Fuente

Page 5: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

Propósito

Introducción

Tema

Pruebas

Editores de texto

Los Editores propios son versátiles en la captura del código, ya que presentan las siguientes ventajas:

Al iniciar un programa, automáticamente el editor digita las instrucciones de cabecera y cierre de un código en PHP.

Jerarquiza las instrucciones, de acuerdo a la digitación de las mismas, automáticamente.

Uso de colores en las instrucciones de acuerdo a la que se esté utilizando.

Automáticamente el editor digita ciertos caracteres ya sea si estás capturando un bloque de código: {}, [], (), etc.

Por lo que la siguiente actividad será descargar e instalar un editor libre o gratuito para PHP, si no, puedes utilizar el bloc de notas.

Actividades de aprendizaje

Actividades de consolidación

Fuentes consultadas

Editores

Sintaxis

Código Fuente

Page 6: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

Propósito

Introducción

Tema

Pruebas

Editores de texto

Tendrás que realizar una búsqueda en los motores de búsqueda:

Google: www.google.com Altavista: www.altavista.com Hotbot: www.hotbot.com Yahoo : www.yahoo.com

El que sea de tu agrado, realiza la búsqueda. A continuación se te proporciona una lista :

Code Lobster PHP Edition Phpeditor PHP-Nuke Econtrol Syntax Editor PSPad editor Tulip

Actividades de aprendizaje

Actividades de consolidación

Fuentes consultadas

Editores

Sintaxis

Código Fuente

Page 7: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

Propósito

Introducción

Tema

Pruebas

Editores

Sintaxis de programación

Para poder entender éste concepto, tendrás que relacionarlo con el concepto de LENGUAJE DE PROGRAMACIÓN.

Un Lenguaje de Programación, es parecido como el lenguaje de tu idioma materno, es decir, articulas códigos para expresar una idea, (esos códigos son el alfabeto, los números decimales, etc.)

En el caso de un Lenguaje de Programación, es el conjunto de códigos que entiende la computadora, con la correcta sintaxis.

Sintaxis

Actividades de aprendizaje

Actividades de consolidación

Fuentes consultadas

Código Fuente

Page 8: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

Propósito

Introducción

Tema

Pruebas

Editores

Sintaxis de programación

Si no ordenas y articulas claramente una idea (instrucciones), y la expresas de la misma forma, simplemente será muy difícil que alguien te entienda. Esa es la Sintaxis, pero, ahora aplícalo en una computadora.

Es decir, la Sintaxis, es la forma correcta de digitar una secuencia de instrucciones, de acuerdo al lenguaje de programación que estés utilizando.

El conjunto de instrucciones que digitas es lo que componen al programa que tu deseas crear.

Sintaxis

Actividades de aprendizaje

Actividades de consolidación

Fuentes consultadas

Código Fuente

Page 9: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

Propósito

Introducción

Tema

Una vez que ya tenemos instalados PHP y MySQL, y el servidor Apache configurado para usarlos, podemos comenzar a escribir nuestro primer script en PHP.

Dicho esto, vamos a someter a prueba a PHP. El código que queramos que sea interpretado por el servidor, lo pondremos entre las marcas <php y ?>, para que sepa diferenciarlo de las restantes etiquetas HTML.

Vamos a poner un ejemplo, que lo guardaremos como prueba1.php en la raíz del servidor web, es decir dentro de /wamp/www (la carpeta www es la carpeta de publicación): 

Someter PHP a prueba

Pruebas

Editores

Sintaxis

Actividades de aprendizaje

Actividades de consolidación

Fuentes consultadas

Código Fuente

Page 10: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

Propósito

Introducción

Tema

Como el servidor Web, PHP y el archivo prueba1.php están en la misma computadora en la que está haciendo la prueba, puede digitar en la barra de dirección del navegador: localhost/prueba1.php

Captura el siguiente código, en el editor de PHP, guárdalo con el nombre: prueba1.php: 

<html> <body>  <?php //Esto es un comentario es mi primer script en PHP; $myvar = "Hola. Este es mi primer script en PHP <br>"; echo $myvar; printf ("También puedes observar éste código, pero a través de pintf \n");?> </body> </html>

Someter PHP a prueba

Pruebas

Editores

Sintaxis

Actividades de aprendizaje

Actividades de consolidación

Fuentes consultadas

Código Fuente

Page 11: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

Propósito

Introducción

Tema

Al capturar el código fuente debes tener cuidado en lo siguiente, y seguir algunas de éstas recomendaciones:

Someter PHP a prueba

Digitar correctamente las instrucciones de PHP.

Poner atención en la captura del código para que comiences a relacionarte con la sintaxis del mismo.

Ser observador para que entiendas la lógica de programación, y puedas crear de forma más rápida tus propios programas, que van de acuerdo a alguna necesidad o solicitud.

Realizar una lista (por escrito o mental), de las instrucciones nuevas que vayas revisando.

Pruebas

Editores

Sintaxis

Actividades de aprendizaje

Actividades de consolidación

Fuentes consultadas

Código Fuente

Page 12: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

Propósito

Introducción

Tema

Una vez capturado el código propuesto, y haber seguido las recomendaciones anteriores, realiza el siguiente procedimiento:

Someter PHP a prueba

Crear una carpeta (por ejemplo ponle el nombre de ejercicios)dentro de la siguiente ruta: c:/wamp/www/

En la ruta c:/wamp/www/ejercicios guarda el archivo con el nombre de prueba1.php

Abre el navegador, existen dos formas:

Pruebas

Editores

Sintaxis

Actividades de aprendizaje

Actividades de consolidación

Fuentes consultadas

Código Fuente

1. Internet Explorer, y capturas en la barra de dirección lo siguiente:

localhost/ejercicios/prueba1.php

Page 13: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

Propósito

Introducción

Tema

Someter PHP a prueba

Pruebas

Editores

Sintaxis

Actividades de aprendizaje

Actividades de consolidación

Fuentes consultadas

Código Fuente

Segunda forma dentro del Servidor Apache:

Page 14: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

141414141414141414

Propósito

Introducción

Tema

Actividades de aprendizaje

Actividades de consolidación

Fuentes consultadas

Actividad 1

Actividad 2

Autoevaluación

Observa la siguiente figura, visualiza las opciones de menú de Wamp Server :

Dibuja una tabla con las opciones enumeradas en rojo, e identifica

sus funciones

Page 15: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

151515151515151515

Propósito

Introducción

Tema

Actividades de aprendizaje

Actividades de consolidación

Fuentes consultadas

Opción Función

1. localhost

Abre la ventana del navegador Internet Explorer visualizando la página del Servidor Web Local, con información del mismo.

También sirve para visualizar la ejecución de los programas creados en PHP.

2. www directory

Abre la ventana de la ruta de almacenamiento de la carpeta de publicación, ya que lo que se guarde en esta dirección, podrá ser visualizado a través del navegador; siempre y cuando se digite correctamente los datos.

Actividad 1

Actividad 2

Page 16: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

161616161616161616

Propósito

Introducción

Tema

Actividades de aprendizaje

Actividades de consolidación

Fuentes consultadas

Actividad 1

Actividad 2

Explica cada una de las siguientes instrucciones del código fuente:Instrucció

n o carácter

Función y/o característica

<html>

<?php

//

$

echo

<br>

printf

<?

</html>

Autoevaluación

Page 17: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

171717171717171717

Propósito

Introducción

Tema

Actividades de aprendizaje

Actividades de consolidación

Fuentes consultadas

Actividad 1

Actividad 2

Explica cada una de las siguientes instrucciones del código fuente:Instrucción

o carácter Función y/o característica

<html> Código de inicio en lenguaje HTML

<?php Código de inicio en lenguaje PHP

// Comentario de una sola línea

$ Indica el uso de variables

echo Visualiza por pantalla lo que le sigue

<br> Da un Enter o brinco a la siguiente línea

printf Igual que echo, solo que es instrucción de lenguaje C o perl

<? Código de fin en lenguaje HTML

</html> Código de fin en lenguaje PHP

Page 18: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

18181818181818181818181818

Propósito

Introducción

Actividades de aprendizaje

Para verificar el aprendizaje logrado hasta el momento, deberás integrar las actividades que se realizaron: Levanta nuevamente el Servidor Wamp Server, hasta la comprobación de funcionamiento del mismo.

Actividades de consolidación

Fuentes consultadas

Tema

Autoevaluación

Puede ser en otro equipo de cómputo,

O pídele a tu profesor que te ayude a desinstalar Wamp Server de forma segura y completa, para que lo vuelvas a instalar en el mismo equipo

Page 19: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

19191919191919191919191919

Propósito

Introducción

Actividades de aprendizaje

Recuerda que puedes volver a consultar los demás objetos de aprendizaje, si tienes alguna duda:

Actividades de consolidación

Fuentes consultadas

Tema Descarga Instalación Configuración y Pruebas del Servidor Web

Local: Wamp Server.

Page 20: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

2020202020202020202020202020

Propósito

Introducción

Actividades de consolidación

Fuentes consultadas

Buscadores: hotbot: http://www.hotbot.com altavista: http://es.altavista.com/ Google: http://www.google.com.mx/

Código de php: http://www.tutomundi.org/2009/02/php-y-

mysql-para-dummies-janet-valade.html http://www.gamerzlove.com/f54/errores-m

as-comunes-para-levantar-servidor-leer-122651/

Fuentes consultadas:

Tema

Actividades de aprendizaje

Page 21: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

2121212121212121212121212121

Propósito

Introducción

Actividades de consolidación

Fuentes consultadas

Copyright 2010 Agicero Solutions  |  Todos los derechos reservados.WilliamsMendez.comMercadoLibre Perú S.A.Copyright © 2010 MercadoLibre Peru S.A.Copyright 2009 : Cursos Multimedia: Lynda: Flash CS4 Profesional: Construyendo un amistoso motor de búsqueda para websis proudly powered by WordPress20th Century Fox. Todos derechos reservadosWiroos Internet Hosting

Imágenes derechos reservados:

Tema

Actividades de aprendizaje

Page 22: Introducción Tema Actividades de aprendizaje Actividades de aprendizaje Actividades de consolidación Actividades de consolidación Fuentes consultadas

22

Propósito

Introducción

Actividades de aprendizaje

Actividades de consolidación

Fuentes consultadas

Ana de la Cruz Feria Victoria

Asesor de Contenido

María Cristina Martínez Ramos

Asesoría Pedagógica y Técnica

D.R. ©Colegio de Bachilleres, 2010

Departamento de Diseño de Materiales Educativos

Tema