You are on page 1of 6

I.E.

COLEGIO SAN JOSE DE CÚCUTA
TITULACION EN PROGRAMACION DE SOFTWARE 228120-V100 FUNDAMENTOS DE PROGRAMACION II GRADO UNDECIMO TERCER PERIODO ACADEMICO 2013

Sistema de Gestión de la Calidad 07/08/13

LÍNEA TECNOLÓGICA DEL PROGRAMA: TECNOLOGÍAS DE INFORMACIÓN Y LA COMUNICACIÓN-GESTIÓN DE LA INFORMACIÓN

RED TECNOLÓGICA: TECNOLOGÍAS DE LA INFORMACIÓN Y DISEÑO Y DESARROLLO DE SOFTWARE

CENTRO DE FORMACIÓN: CIES

DENOMINACIÓN DEL PROGRAMA: PROGRAMACION DE SOFTWARE 228120-V100 NOMBRE DE LA COMPETENCIA: Desarrollar el sistema que cumpla con los requerimientos de la solución informática. CODIGO DE LA COMPETENCIA: 220501007 NOMBRE DEL RESULTADO DE COMPETENCIA: Construir el mapa de navegación de acuerdo con el diseño entregado para orientar al usuario en el uso del aplicativo. CODIGO DEL RESULTADO DE COMPETENCIA: 22050100703 Construir la matriz CRUD en el lenguaje de programación seleccionado para verificar la funcionalidad del sistema de acuerdo con el diseño entregado. CODIGO DEL RESULTADO DE COMPETENCIA: 22050100704

I.php para presentar información de otra asignatura. Para ello tendrás que crear un juego de registros en el archivo matematicas. SI BIEN ACEPTAR En la página se mostrarán los cuatro registros correspondientes a los logros por periodo. NO OLVIDES IR GRABANDO. Para crear el juego de registros haz + en la pestaña Vinculaciones del panel APLICACIÓN Debes colocarle el nombre “ CONTENIDO” la conexión NOMBRE y la tabla TEMAS. COLEGIO SAN JOSE DE CÚCUTA TITULACION EN PROGRAMACION DE SOFTWARE 228120-V100 FUNDAMENTOS DE PROGRAMACION II GRADO UNDECIMO TERCER PERIODO ACADEMICO 2013 1CREAR UN SITIO WEB PARA MOSTRAR TUS ASIGNATURAS Sistema de Gestión de la Calidad 07/08/13 En PHPmyAdmin Cree una base de datos con el nombre “ACADEMICA “ (no se permite otro).php.php. Para ello tendrás que crear un juego de registros en el archivo lenguac. con el nombre CONTENIDO y la conexión NOMBRE En la casilla SQL: tendrás que escribir el código SQL necesario para que el área y la materia correspondan a matemáticas. En DREAMWEAVER cree el sitio “APELLIDO” (tu primer apellido) en una carpeta dentro de htdocs de XAMP  Tecnología que en este caso es PHP Y MYSQL  Editar localmente en el Servidor de prueba Local/red  URL para examinar la raíz del sitio http://localhost/APELLIDO/ (TU APELLIDO) Crea un archivo nuevo PHP llamado index. ?>"> Crea otro archivo en el proyecto llamado lenguac. grupo y jornada. Ese archivo queremos que sea la página de navegación CREA UNA CONEXIÓN A LA BASE DE DATOS DE MYSQL Conexión=“NOMBRE “ (tu nombre) Servidor= localhost Usuario=root Contraseña=”” Base de datos= “ACADEMICA“ Index presentará UN 1 vínculo para cada asignatura y OTRO para los datos del alumno que se llamará CONTACTENOS. También hay que mostrar el NOMBRE DE LA MATERIA Y LA IMAGEN almacenada en la tabla ASIGNATURAS.php. Empleando una tabla dinámica.E.php. Ejemplo SELECT * FROM temas WHERE AREA = '02' AND MATERIA = '01' DAS CLIC EN EL BOTÓN “Prueba” PARA QUE MUESTRE EL RESULTADO DE LA CONSULTA. SELECT* FROM ASIGNATURAS WHERE AREA = '02' AND CODIGO = '01' Debes INSERTAR TEXTO DINÁMICO con el nombre de la asignatura y un objeto img para mostrar la imagen de la tabla <img src="<?php echo $row_Recordset['imagen']. Crea una tabla en la base de datos con el nombre ASIGNATURAS con 7 columnas y la siguiente estructura: Id Int A_I PRIMARY CODIGO VChar 2 AREA VChar 2 GRADO VChar 2 NOMBRE VChar 70 MODALIDAD VChar 2 IMAGEN VChar 200  Crea una nueva tabla en la base de datos con el nombre TEMAS con 6 columnas y la siguiente estructura: Id Int A_I PRIMARY MATERIA VChar 2 AREA VChar 2 GRADO VChar 2 LOGRO Vchar 200 PERIODO VChar 2  Le insertas tres 3 registros en cada tabla. EJEMPLO AREA= 02 02 03 GRADO=11 AREA=MATEMATICAS IMAGEN=MATEMATICAS. Puedes probar con F12 para revisar cómo va el sitio. Inserta una tabla dinámica con un juego de registros de los TEMAS de esta asignatura AREA=”01” CODIGO=”01”. AL LADO DERECHO EN LA VENTANA “JUEGO DE REGISTROS” HAZ CLIC EN EL BOTON AVANZADO… Aparece la ventana de Juego de Registros AVANZADO. Ahora hay que mostrar el NOMBRE DE LA MATERIA Y LA IMAGEN almacenada en la tabla ASIGNATURAS. Para ello tendrás que crear un juego de registros en el archivo matematicas. Para crear el juego de registros haz CLIC ENCIMA DE LA TABLA DINÁMICA E INSERTA VARIAS LINEAS VACIAS Crea un juego de registros con el nombre “ TITULO” la conexión NOMBRE y la tabla ASIGNATURAS. El tercer archivo será de la asignatura que tu prefieras… Contactenos tendrá claramente el nombre del desarrollador con su código.php para presentar información desde una tabla de Mysql.PHP Crea un nuevo archivo en el proyecto llamado matematicas.JPG ASIGNATURAS= 01 NOMBRE=MATEMATICA BASICA LOGROS= GEOMETRIA DERIVADAS ESTADISTICA INTEGRALES SERIES LIMITES . Inserta una tabla dinámica con el juego de registros CONTENIDO que muestre todos los registros de la tabla TEMAS.

un campo tipo contraseña para la clave.html que corresponde a la página de MARCOS. En el marco de la izquierda (leftframe) se colocará una tabla de 4 celdas la celda superior dirá Opciones y las otras 3 celdas tendrán vínculos. La página contáctenos tendrá claramente el nombre del desarrollador del sitio. El primer archivo a guardar es UntitledFrameset-1. con un campo de texto para el nombre del usuario. Esas páginas se abrirán en el marco derecho (mainframe) al hacer clic en el botón correspondiente. de lo contrario continúa en validar. Si el usuario escribió correctamente la clave se carga index. Ese archivo queremos que sea la página de bienvenida PRINCIPAL.E.PHP de tipo PHP. Para ello tendrás que crear un juego de registros en el archivo favoritos. Cada vínculo llamará una página nueva QUE TENDRÁS QUE DISEÑAR con color y un letrero grande (visible). Validar. El segundo archivo a guardar será el que se encuentra dentro del marco grande de la derecha él lo resalta con un cuadro punteado gris. Ese archivo queremos que sea la página de navegación MENU. La página principal es la página de marcos y debería llamarse “index” La página de los botones debería guardarse como menu y va a la izquierda. Nosotros queremos que el archivo contenedor o página de marcos sea index de tipo PHP. Las tres 3 celdas tendrán como textos: Principal.php se mostrarán los diez 10 registros. Crea un nuevo archivo en el proyecto llamado favoritos. Para crear el juego de registros haz + en la pestaña Vinculaciones del panel APLICACIÓN Puedes dejarle el nombre Recorset1. En la página de favoritos. un botón enviar y un comportamiento CONECTAR USUARIO con la tabla USERS. Para que mantener el orden y control del proyecto vamos a GUARDAR TODO y él nos pedirá los nombres de los archivos .html estará en el marco de la izquierda. COLEGIO SAN JOSE DE CÚCUTA TITULACION EN PROGRAMACION DE SOFTWARE 228120-V100 FUNDAMENTOS DE PROGRAMACION II GRADO UNDECIMO TERCER PERIODO ACADEMICO 2013 2CREAR UN SITIO WEB PARA MOSTRAR TUS ARTISTAS FAVORITOS Sistema de Gestión de la Calidad 07/08/13 En PHPmyAdmin Cree una base de datos con tu primer “NOMBRE “ como nombre de la base de datos.php es un archivo php que contiene un formulario. En DREAMWEAVER cree el sitio “APELLIDO” (tu primer apellido) en una carpeta dentro del directorio htdocs de XAMP Tecnología que en este caso es PHP Y MYSQL Servidor de prueba Local/red Sitio=apellido Crea un archivo nuevo PHP llamado index. Contáctenos. para lo cual creas el archivo Validar. El tercer archivo a guardar UntitledFrame-3.I. la conexión prueba y la tabla favoritos. Esta página tendrá diseño y se dividirá en dos marcos empleando “ marco izquierdo“ así: En el menú INSERTAR buscas las opciones HTML + Marcos + Izquierda el crea la página de marcos. Favoritos. Empleando una tabla dinámica.php.php que verifica si el usuario y la clave existen en la tabla USERS usando la conexión prueba. En la ventana de contexto ATRIBUTOS DE ACCESIBILIDAD DE LA ETIQUETA DE MARCO haces clic en Aceptar. .php para presentar información desde una tabla de Mysql. Crea una conexión a la base de datos de MySql con + en la pestaña Bases de datos del panel APLICACIÓN Conexión=prueba Servidor= localhost Usuario=root Contraseña=”” Base de datos= “NOMBRE “ Tabla=favoritos La página index solo se podrá accesar si el usuario supera el proceso de validación CONECTAR USUARIO. grupo y jornada.PHP. Crea una nueva tabla en la base de datos con el nombre FAVORITOS con 4 columnas y la siguiente estructura: id Int A_I PRIMARY artista VChar 35 proyecto VChar 60 genero VChar 30 Crea una nueva tabla en la base de datos con el nombre USERS con 2 columnas y la siguiente estructura: NICK Vchar 12 PRIMARY PASS Vchar 6 Le insertas diez 10 registros con artistas y proyectos en los que participó según el tema que te corresponda.php.php. La página de bienvenida o presentación debería llamarse principal y va a la derecha. con su código.

PHP escribiremos un letrero que diga BIENVENIDO! acompañado del nombre del usuario que pudo iniciar sesión e ingresar al sitio WEB (NICK DE LA TABLA USUARIOS) y la FOTO Para que ese dato nos sirva para ver la imagen empleamos el objeto imagen de HTML <img src=”ruta de la imagen” /> Insertamos en la tabla el objeto tipo img y le colocamos el nombre=”VISTA” Para ver la foto hacemos clic en el juego de registros sobre el campo imagen y con el clic sostenido lo arrastramos y lo soltamos sobre el objeto img (“VISTA”) Quedará así: <img src="<?php echo $row_Recordset['imagen']. Tecnología de servidor PHP Y MYSQL Conecta con el Servidor de prueba= Local/red Ingrese como servidor de pruebas localhost así:http://localhost/ Colsanjoc En un archivo nuevo PHP llamado index.PHP.PHP. Debemos restringir el acceso a ella. pues lo correcto es que sea visible solo por quien inició sesión. Dentro de la ruta C:\Xamp\htdocs\ Cree una carpeta llamada “Colsanjoc”. nick Vch 12 passw Vch 6 imagen Vch 100 Puedes crear la base y la tabla usando phpMyAdmin.php crea una conexión a la base de datos de MySql Haz clic en + en la pestaña Bases de datos Conexión = proyecto Servidor= localhost Usuario= root Contraseña= ”” Base de datos= COLEGIO Tabla= usuarios En el archivo nuevo index.PHP y BIENVENIDA. Campo nombre de usuario: USUARIO Campo contraseña: CLAVE Validar utilizando conexión: PROYECTO Tabla: usuarios Columna nombre de usuario: nick Columna contraseña: passw Si la conexión es correcta. USUARIOS.PHP Recuerda guardarlas en la ruta C:\Xamp\htdocs\ para poder ejecutarlas en el servidor apache y se muestren en el navegador de internet (browser). Sistema de Gestión de la Calidad 07/08/13 Una vez creada la base de datos vamos a crear el sitio web.E.PHP así <form action =”BIENVENIDA. Abrir Dreamweaver ir al menú “ Sitio” -> “Nuevo sitio” Nombre del sitio=Colsanjoc. Restringir acceso por: N de Usuario y contraseña En una página nueva guardada como usuarios.PHP Si falla la conexión. Vamos al menú insertar asi: Insertar -> Objetos de aplicación -> Autenticación de usuarios -> Restringir acceso a página: En el cuadro establecemos los siguientes parámetros: Restringido por: Nombre de usuario y contraseña Si se deniega acceso ir a: index.I. ir a: BIENVENIDA. vamos a necesitar 3 páginas PHP: INDEX. ir a: index.php .php. COLEGIO SAN JOSE DE CÚCUTA TITULACION EN PROGRAMACION DE SOFTWARE 228120-V100 FUNDAMENTOS DE PROGRAMACION II GRADO UNDECIMO TERCER PERIODO ACADEMICO 2013 3CREAR UN SITIO WEB PARA AUTENTICAR Y RESTRINGIR ACCESO A UN SITIO WEB Creamos una base de datos. “COLEGIO” y una tabla llamada “usuarios” con 4 columnas: ID Int PRIMARY A_I.php crearemos el formulario VALIDAR para validar usuario y la clave Insertamos un formulario <form name=”VALIDAR” y dentro del formulario dos cajas de texto y un botón enviar Creamos un juego de Registros validausuario A la primera caja de texto le colocamos como nombre y etiqueta USUARIO A la segunda caja de texto le colocamos como nombre y etiqueta CLAVE y será de tipo password El botón de type submit tendrá un letrero value=”Ingresar” Nos vamos al menú Insertar -> Objetos de aplicación -> Autenticación de usuarios -> Conectar usuario.PHP” En la página llamada BIENVENIDA.php se mostrará un formulario de INSERCION de registros para llenar los nuevos usuarios mediante el vínculo Regístrese que aparece en index. ?>"/ > Antes de Autenticar usuario (que es lo que interesa) debemos hacer algo en esta página BIENVENIDA.php Ahora ingrese al archivo en Vista de CÓDIGO Reemplace la etiqueta <input type=”text” correspondiente a la caja de texto FOTO por <input type=”file” Ahora ejecute el formulario e ingrese 2 registros Agregue una foto a cada usuario Si usuario y clave coinciden con los de la tabla “usuarios” llama al archivo BIENVENIDA.

php crearemos el formulario para CONECTAR usuario Creamos un juego de Registros validarusuario Conexión = conexion Tabla= usuarios En el formulario insertamos dos CAJAS DE TEXTO A la primera le colocamos como nombre y etiqueta USUARIO A la segunda nombre y etiqueta CLAVE y será de tipo password El botón de type submit value=”Ingresar” Escriba un vínculo Regístrese que lo lleve a la página REGISTRESE. Para ello nos vamos al menú aplicación Autenticación de usuarios -> Restringir acceso a página: En el cuadro establecemos los siguientes parámetros: Restringido por: Nombre de usuario y contraseña Si se deniega acceso ir a: index.PHP que es una TABLA DINÁMICA.PHP.php Conexión = conexion Servidor= localhost Usuario= root Contraseña= ”” Base de datos= COLEGIO Con una conexión a la base de datos de MySql En index.PHP Si falla la conexión.PHP. “COLEGIO” Crea una tabla llamada “usuarios” con 5 campos: ID Int PRIMARY A_I.I.PHP mostrará un formulario de INSERCION de registros para llenar los USUARIOS Autenticación de usuarios -> Conectar usuario. que muestra un registro a la vez.E. REGISTRESE. Restringir acceso por: Nombre de Usuario y contraseña PREMATRICULA. Campo nombre de usuario: USUARIO Campo contraseña: CLAVE Validar utilizando conexión: conexion Tabla: usuarios Columna nombre de usuario: nick Columna contraseña: passw Si la conexión es correcta. Cree una carpeta llamada “Proyecto” Dentro de la ruta C:\Xampp\htdocs\ CREAR Nuevo sitio en Dreamweaver Nombre del sitio Proyecto Tecnología de servidor PHP Y MYSQL Conecta con el Servidor de prueba= Local/red Ingrese como servidor de pruebas localhost así: http://localhost/ Proyecto En un archivo nuevo PHP llamado index.PHP REGISTRESE.php. MOSTRAR.php SE RECOMIENDA CREAR UN VÍNCULO “DESCONECTAR USUARIO . lo correcto es que sea visible solo por quien inició sesión.FOTO} y pasamos al modo código Debemos restringir el acceso a MOSTRAR. ?> " / > Para ver la foto hacemos clic en el juego de registros {Recordset1. COLEGIO SAN JOSE DE CÚCUTA BANCO DE PREGUNTAS 4CREAR UN SITIO WEB PARA INGESAR Y MOSTRAR DATOS EN UN SITIO WEB Sistema de Gestión de la Calidad 03/09/13 Creamos una base de datos. nick Vch 12 passw Vch 6 rol Vch 12 persona Vch 11 Podemos agregar 1 registro para hacer pruebas. PREMATRICULA.PHP.PHP mostrará un formulario de INSERCION de registros para llenar La tabla DATOS Reemplace la etiqueta <input type=”text” correspondiente a la caja de texto FOTO por <input type=”file” (Botón examinar) Ahora ejecute los formularios e ingrese 4 registros Si usuario y clave coinciden con los de la tabla “usuarios” llama al archivo MOSTRAR.PHP. ir a: index. Ahora una tabla llamada “datospers” con 8 campos: documento Vch 11 PRIMARY nombre Vch 35 apellido Vch 30 fechanac DATE sexo Vch 1 estrato Vch 1 etnia Vch 25 FOTO Vch 255 Vamos a necesitar 4 páginas PHP: INDEX. ir a: MOSTRAR. CON UNA BARRA DE NAVEGACION DE REGISTROS Para que ese dato nos sirva para ver la imagen empleamos el objeto imagen de HTML <img src=" <?php echo $row_Recordset['foto'].PHP.

php en vista de código fuente Reemplace las etiquetas input type correspondientes a las cajas de texto de TIPODOC <select SEXO <select FOTO <input type=”file” En la propiedad valores de lista Inserte las opciones En el PAINT comprima las fotos y grábelas en el sitio Colsanjoc (imagen:EXPANDIR/CONTRAER) Ahora ejecute el formulario e ingrese 3 registros Agregue una foto según el registro PAGINA DE VISUALIZACION DE ALUMNOS Ahora debe crear una página dinámica para visualizar uno por uno los registros ingresados El archivo nuevo se llamará HOJAMATRICULA. Sobre el archivo php en blanco agregue un FORMULARIO DE INSERCION DE REGISTROS Puede emplear el asistente de FORMULARIO DE INSERCION DE REGISTROS de DreamWeaver Ahora en esa misma página y con mucho cuidado inserte una tabla de HTML de 11x4 Y organiza los campos como un formulario Sistema de Gestión de la Calidad 03/09/13 Puede mejorar las etiquetas manualmente Ahora ingrese al archivo prematricula . y lo grabará con tipo de archivo php dentro del sitio Hojamatricula requerirá un juego de registros (Recordset) con la tabla DATOS En El archivo en blanco en php insertará una tabla DINAMICA A la tabla dinámica le configuramos MOSTRAR un registro a la vez 1 Para que se pueda leer en pantalla e imprimir. ROL y DATOS de 16 campos así: tipodoc Vch 2 documento Vch 11 PK nombre Vch 70 apellido Vch 60 foto Vch 100 fechanac DATE lugarnac Vch 50 dirección Vch 50 teléfono Vch 10 tiposangre Vch 3 ocupación Vch 70 email Vch 60 sexo Vch 1 etnia Vch 20 estrato Vch 1 victima Vch 30 Crear un Sitio llamado COLSANJOC Conexión a SQL=proyecto Servidor= localhost Usuario=root Contraseña=”” comillas cerradas Elaborar una página dinámica que permita ingresar los datos personales de un estudiante El archivo en php se llamará PREMATRICULA. COLEGIO SAN JOSE DE CÚCUTA BANCO DE PREGUNTAS 5DISEÑAR FORMULARIOS DE REGISTRO DE DATOS EN PHP En PHPMyAdmin y cree la base de datos con sus tablas Base de datos= colegio Tablas USUARIO.PHP y tendrá juego de registros matricula.I.E.PHP. podemos INSERTAR UNA TABLA DE 14X3 EN UN PROCESO SIMILAR AL ANTERIOR Esta tabla será un poco más vertical pues es para imprimir y su diseño es de informe en COLUMNAS En este ejercicio modificamos etiquetas manualmente Para que el navegador nos muestre la foto y no su ruta de almacenamiento (PATH) tenemos que cambiar el código asociado al texto dinámico del campo FOTO Empleamos un objeto imagen de HTML <img src=”ruta de la imagen” /> Traemos del juego de registros el dato Recordset['foto'] queremos que ese dato nos sirva para ver la imagen Una barra de navegación de juego de registros y listo. .